{"version":3,"sources":["aws-exports.js","aws-exports-adjusted.js","components/XeroLoginButton/index.js","components/Loading/LoadingContext.js","components/User/user.js","components/Loading/UserLoadingScreen.js","components/Navigation/RequireAuth.js","graphql/mutations.js","graphql/queries.js","components/Loading/LoadingContent.js","components/Term/terms.txt","components/Privacy/privacy.txt","components/Privacy/PrivacyLink.js","components/Term/TermLink.js","components/Pages/Dashboard.js","components/Plan/AddPlan.js","components/Message/index.js","components/Pages/Plans.js","components/XeroConnectButton/connect-blue.svg","components/Alert/AlertContext.js","components/Alert/useAlert.js","components/XeroConnectButton/index.js","components/XeroDisconnectButton/disconnect-white.svg","components/XeroDisconnectButton/index.js","components/Pages/Connections.js","components/CopyButton/copyButton.js","components/SiteConnection/AddSiteConnection.js","components/SiteConnection/SiteConnectionRemoveButton.js","components/Pages/Sites.js","components/UsageLog/index.js","components/Pages/Logs.js","components/Alert/index.js","logo.svg","components/Pages/LoggedInPageLayout.js","App.js","reportWebVitals.js","index.js"],"names":["awsmobile","redirectLink","oauthSection","awsConfig","oauth","redirectSignIn","redirectSignOut","domain","updatedAwsConfig","Auth","cookieStorage","process","path","expires","sameSite","secure","XeroLoginButton","props","ButtonText","signUp","className","onClick","handleLoginClick","type","src","alt","LoadingContext","createContext","isLoading","setLoading","LoadingProvider","children","params","URL","document","location","searchParams","useState","has","value","Provider","useLoading","context","useContext","Error","configure","UserContext","React","UserProvider","user","setUser","navigate","useNavigate","state","useLocation","useEffect","getUser","currentAuthenticatedUser","then","userData","catch","console","log","Hub","listen","payload","event","data","eraseCookie","name","cookie","login","signup","cookies","split","i","length","federatedSignIn","customProvider","logout","signOut","values","useMemo","useUser","undefined","UserLoadingScreen","showScreen","setShowScreen","timer","setTimeout","clearTimeout","fill","viewBox","xmlns","clipRule","d","fillRule","RequireAuth","to","replace","pathname","HideLoginFromUsers","addPlan","acceptTerms","listXeroOnboardings","planByOwner","LoadingContent","PrivacyLink","open","setOpen","text","setText","fetch","textfile","response","textContent","Root","show","as","Fragment","onClose","Child","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","Overlay","Title","TermLink","isAccepting","setIsAccepting","titleRef","useRef","termsAccepted","termTitleContent","content","disabled","acceptTermsHandler","initialFocus","ref","Amplify","Dashboard","isLoadingOnboarding","setIsLoadingOnboarding","setTermsAccepted","connectionCreated","setConnectionCreated","planAdded","setPlanAdded","apiCredentialsCreated","setApiCredentialsCreated","isXeroSignUpUser","setIsXeroSignUpUser","API","graphql","query","authMode","onboardingData","items","usedSignUpWithXero","fetchOnboarding","handleAccept","e","target","checked","consolidatedErrors","errors","map","elem","message","join","handleAcceptTermsFromModal","credentials","attributes","sub","installationInstructionsForXeroSignUps","window","id","onChange","htmlFor","href","given_name","AddPlan","action","rows","onChangeHandler","placeholder","handleAddPlanClick","Message","ExclamationIcon","CheckCircleIcon","initialState","foomanSerialNumber","Plans","formState","setFormState","isLoadingPlans","setIsLoadingPlans","formErrorState","setFormErrorState","plans","setPlans","fetchPlans","useCallback","variables","owner","username","planData","plan","displayErrors","forEach","element","push","error","maybeXeroDelayNotice","maybeSerialNumberInput","key","planName","includedRequestsPerMonth","planStatus","foomanPlanId","AlertContext","AlertProvider","alert","setAlert","alertText","setAlertText","success","timeout","clear","useAlert","handleConnectClick","url","xeroConsentUrlDataAccess","XeroConnectButton","ConnectXeroButton","XeroDisconnectButton","isDisconnecting","setIsDisconnecting","cancelButtonRef","disconnectTitleContent","disconnectHandler","tenantId","DisconnectXeroButton","Connections","isLoadingConnections","setIsLoadingConnections","connections","setConnections","queryParams","setQueryParams","fetchConnections","connectionData","xeroConnections","parsedParams","URLSearchParams","search","Object","fromEntries","handleDisconnectClick","filter","connection","connectionList","tenantName","connectionStatus","isDemoOrg","status","msg","CopyButton","commandCopyForElement","setCommandCopyForElement","copyContent","buttonTitle","finalButtonTitle","handleCopyClick","title","CheckIcon","DocumentDuplicateIcon","AddSiteConnection","addSiteConnectionHandler","sites","useForm","register","handleSubmit","unconnectedConnections","result","siteConnection","buttonContent","connectionInput","planInput","associatedDomain","onSubmit","SiteConnectionRemoveButton","isDeleting","setIsDeleting","deleteTitleContent","foomanApiKey","Sites","isLoadingSites","setIsLoadingSites","listErrorState","setListErrorState","setSites","fetchSites","xeroSiteConnectionByOwner","site","siteConnectionStatus","xeroConnectionByOwner","handleSiteConnectionAdd","input","handleSiteDisconnectClick","apiKey","foomanApiSecret","addSiteConnections","echarts","TitleComponent","LegendComponent","TooltipComponent","GridComponent","LineChart","CanvasRenderer","UsageLog","isLoadingUsage","setIsLoadingUsage","usage","setUsage","fetchUsage","usageData","getUsage","usageList","entry","label","style","height","width","option","xAxis","x","yAxis","tooltip","trigger","legend","orient","top","series","yAxisIndex","Logs","isLoadingLogs","setIsLoadingLogs","logs","setLogs","fetchLogs","sortDirection","logData","actionLogByOwner","options","year","month","day","hour","minute","logList","Date","createdAt","toLocaleDateString","Alert","_excluded","_extends","assign","bind","arguments","source","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","SvgLogo","_ref","svgRef","titleId","xmlnsXlink","xmlSpace","strokeLinejoin","strokeMiterlimit","transform","ForwardRef","classNames","classes","Boolean","LoggedInPageLayout","navigation","current","templateUser","family_name","userNavigation","onclick","handleLinkClick","destination","stopPropagation","item","email","Button","UserIcon","Items","Item","active","XIcon","MenuIcon","Panel","App","Home","exact","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.03b6b494.chunk.js","sourcesContent":["/* eslint-disable */\n// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.\n\nconst awsmobile = {\n    \"aws_project_region\": \"us-east-1\",\n    \"aws_cloud_logic_custom\": [\n        {\n            \"name\": \"apirest\",\n            \"endpoint\": \"https://uj49ay0do5.execute-api.us-east-1.amazonaws.com/prod\",\n            \"region\": \"us-east-1\"\n        }\n    ],\n    \"aws_appsync_graphqlEndpoint\": \"https://agz6divzezbaxaea3w4vsa5puy.appsync-api.us-east-1.amazonaws.com/graphql\",\n    \"aws_appsync_region\": \"us-east-1\",\n    \"aws_appsync_authenticationType\": \"AMAZON_COGNITO_USER_POOLS\",\n    \"aws_cognito_identity_pool_id\": \"us-east-1:ec68deef-df9c-4c20-b50c-7d9d6cc41f59\",\n    \"aws_cognito_region\": \"us-east-1\",\n    \"aws_user_pools_id\": \"us-east-1_I661eJ8CC\",\n    \"aws_user_pools_web_client_id\": \"5t85d1q229roi6ah8h5qipnba7\",\n    \"oauth\": {\n        \"domain\": \"xerosignin-prod.auth.us-east-1.amazoncognito.com\",\n        \"scope\": [\n            \"phone\",\n            \"email\",\n            \"openid\",\n            \"profile\",\n            \"aws.cognito.signin.user.admin\"\n        ],\n        \"redirectSignIn\": \"https://develop.db8a0ep3im830.amplifyapp.com/,http://localhost:3000/\",\n        \"redirectSignOut\": \"https://develop.db8a0ep3im830.amplifyapp.com/,http://localhost:3000/\",\n        \"responseType\": \"code\"\n    },\n    \"federationTarget\": \"COGNITO_USER_POOLS\",\n    \"aws_cognito_username_attributes\": [\n        \"EMAIL\"\n    ],\n    \"aws_cognito_social_providers\": [],\n    \"aws_cognito_signup_attributes\": [\n        \"EMAIL\"\n    ],\n    \"aws_cognito_mfa_configuration\": \"OFF\",\n    \"aws_cognito_mfa_types\": [\n        \"SMS\"\n    ],\n    \"aws_cognito_password_protection_settings\": {\n        \"passwordPolicyMinLength\": 8,\n        \"passwordPolicyCharacters\": []\n    },\n    \"aws_cognito_verification_mechanisms\": [\n        \"EMAIL\"\n    ]\n};\n\n\nexport default awsmobile;\n","import awsConfig from \"./aws-exports\";\nconst redirectLink = process.env.REACT_APP_COOKIE_DOMAIN ? \"https://\"+process.env.REACT_APP_COOKIE_DOMAIN : 'http://localhost:3000/';\n\nconst oauthSection = {\n    ...awsConfig.oauth,\n    redirectSignIn: redirectLink,\n    redirectSignOut: redirectLink,\n    domain: process.env.REACT_APP_COOKIE_DOMAIN ? 'auth.'+process.env.REACT_APP_COOKIE_DOMAIN : 'auth.connect-dev.fooman.com'\n};\nconst updatedAwsConfig = {\n    ...awsConfig,\n    oauth: {\n        ...oauthSection,\n    },\n    Auth: {\n        ...awsConfig,\n        oauth: {\n            ...oauthSection,\n        },\n        cookieStorage: {\n            domain: process.env.REACT_APP_COOKIE_DOMAIN ? process.env.REACT_APP_COOKIE_DOMAIN : 'localhost',\n            path: \"/\",\n            expires: 1,\n            sameSite: \"strict\",\n            secure: process.env.REACT_APP_COOKIE_DOMAIN ? true : false,\n        }\n    }\n    //storage: sessionStorage\n}\n\nexport default updatedAwsConfig;","import React from 'react';\n\nconst XeroLoginButton = (props) => {\n    const ButtonText = props.signUp ? \"Sign Up with Xero\" : \"Sign In with Xero\";\n    return (\n        <div className=\"bg-gray-700 flex items-center justify-center h-screen\">\n            <div className=\" text-center py-24 px-4 sm:py-20 sm:px-6 lg:px-8\">\n                <h2 className=\"text-3xl font-extrabold text-white sm:text-4xl\">\n                    <span className=\"block\">Fooman Connect</span>\n                </h2>\n                <p className=\"my-4 text-lg leading-6 text-gray-200\">\n                    Login with Xero to get started.\n                </p>\n                <button\n                    data-test=\"sign-in-sign-in-button\"\n                    onClick={() => props.handleLoginClick()}\n                    type=\"button\"\n                    className=\"font-xero inline-flex items-center px-6 py-3 border border-transparent shadow-sm text-base font-medium rounded-md bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500\"\n                >\n                    <img className=\"-ml-1 mr-3 h-8 w-8\" aria-hidden=\"true\"\n                        src=\"data:image/svg+xml,%3Csvg viewBox='0 0 45 46' xmlns='http://www.w3.org/2000/svg'%3E %3Ctitle%3EXero%3C/title%3E %3Cpath fill='%2313B5EA' d='M22.457 45.49c12.402 0 22.456-10.072 22.456-22.495C44.913 10.57 34.86.5 22.457.5 10.054.5 0 10.57 0 22.995 0 35.418 10.054 45.49 22.457 45.49' /%3E %3Cpath fill='%23FFFFFF' d='M10.75 22.935l3.832-3.85a.688.688 0 0 0-.977-.965l-3.83 3.833-3.845-3.84a.687.687 0 0 0-.966.979l3.832 3.837-3.83 3.84a.688.688 0 1 0 .964.981l3.84-3.842 3.825 3.827a.685.685 0 0 0 1.184-.473.68.68 0 0 0-.2-.485l-3.83-3.846m22.782.003c0 .69.56 1.25 1.25 1.25a1.25 1.25 0 0 0-.001-2.5c-.687 0-1.246.56-1.246 1.25m-2.368 0c0-1.995 1.62-3.62 3.614-3.62 1.99 0 3.613 1.625 3.613 3.62s-1.622 3.62-3.613 3.62a3.62 3.62 0 0 1-3.614-3.62m-1.422 0c0 2.78 2.26 5.044 5.036 5.044s5.036-2.262 5.036-5.043c0-2.78-2.26-5.044-5.036-5.044a5.046 5.046 0 0 0-5.036 5.044m-.357-4.958h-.21c-.635 0-1.247.2-1.758.595a.696.696 0 0 0-.674-.54.68.68 0 0 0-.68.684l.002 8.495a.687.687 0 0 0 1.372-.002v-5.224c0-1.74.16-2.444 1.648-2.63.14-.017.288-.014.29-.014.406-.015.696-.296.696-.675a.69.69 0 0 0-.69-.688m-13.182 4.127c0-.02.002-.04.003-.058a3.637 3.637 0 0 1 7.065.055H16.2zm8.473-.13c-.296-1.403-1.063-2.556-2.23-3.296a5.064 5.064 0 0 0-5.61.15 5.098 5.098 0 0 0-1.973 5.357 5.08 5.08 0 0 0 4.274 3.767c.608.074 1.2.04 1.81-.12a4.965 4.965 0 0 0 1.506-.644c.487-.313.894-.727 1.29-1.222.006-.01.014-.017.022-.027.274-.34.223-.826-.077-1.056-.254-.195-.68-.274-1.014.156-.072.104-.153.21-.24.315-.267.295-.598.58-.994.802-.506.27-1.08.423-1.69.427-1.998-.023-3.066-1.42-3.447-2.416a3.716 3.716 0 0 1-.153-.58l-.01-.105h7.17c.982-.022 1.51-.717 1.364-1.51z' /%3E %3C/svg%3E\"\n                        alt=\"Xero logo\"/>\n                    {ButtonText}\n                </button>\n            </div>\n        </div>\n    );\n};\n\nexport default XeroLoginButton;\n","import { createContext, useContext, useState } from \"react\";\n\nconst LoadingContext = createContext({\n    isLoading: false,\n    setLoading: null,\n});\n\nexport function LoadingProvider({ children }) {\n    let params = (new URL(document.location)).searchParams;\n    const [isLoading, setLoading] = useState(params.has('code')?\"Getting User Details\":\"Loading Page\");\n    const value = { isLoading, setLoading };\n    return (\n        <LoadingContext.Provider value={value}>{children}</LoadingContext.Provider>\n    );\n}\n\nexport function useLoading() {\n    const context = useContext(LoadingContext);\n    if (!context) {\n        throw new Error(\"useLoading must be used within LoadingProvider\");\n    }\n    return context;\n}","import React, {useEffect} from 'react';\nimport {Auth, Hub} from 'aws-amplify';\nimport awsConfig from './../../aws-exports-adjusted';\nimport { useLoading } from \"../Loading/LoadingContext\";\nimport { useNavigate, useLocation } from 'react-router-dom'\n//TODO\n//token refresh\n//https://docs.amplify.aws/lib/auth/advanced/q/platform/js/#token-refresh\nAuth.configure(awsConfig);\n\n// Create a context that will hold the values that we are going to expose to our components.\n// Don't worry about the `null` value. It's gonna be *instantly* overriden by the component below\nexport const UserContext = React.createContext(null);\n\n// Create a \"controller\" component that will calculate all the data that we need to give to our\n// components bellow via the `UserContext.Provider` component. This is where the Amplify will be\n// mapped to a different interface, the one that we are going to expose to the rest of the app.\nexport const UserProvider = ({ children }) => {\n    const [user, setUser] = React.useState(null);\n    const { setLoading } = useLoading();\n    const navigate = useNavigate();\n    const { state } = useLocation();\n\n    useEffect(() => {\n        const getUser = () => {\n            setLoading(\"Getting User Details\");\n            return Auth.currentAuthenticatedUser()\n                .then(userData => userData)\n                .catch(() => {\n                    console.log('Not signed in');\n                    setLoading(false);\n                });\n        }\n        Hub.listen('auth', ({ payload: { event, data } }) => {\n            switch (event) {\n                case 'signIn':\n                case 'cognitoHostedUI':\n                    getUser().then(userData => setUser(userData));\n                    navigate(state?.path || \"/dashboard\");\n                    break;\n                case 'signOut':\n                    setUser(null);\n                    break;\n                case 'signIn_failure':\n                case 'cognitoHostedUI_failure':\n                    console.log('Sign in failure');\n                    break;\n                case 'oAuthSignOut':\n                    break;\n                default:\n                    break;\n            }\n        });\n\n        getUser().then(userData => {\n            setUser(userData);\n            setLoading(false)}\n        );\n    }, [navigate, setLoading, state?.path]);\n\n    const eraseCookie = (name) => {\n        document.cookie = `${name}=; Max-Age=-99999999;`;\n    };\n\n    const login = (signup=false) => {\n        const cookies = document.cookie.split(\";\");\n        for (var i = 0; i < cookies.length; i++)\n            eraseCookie(cookies[i].split(\"=\")[0]);\n        setLoading(\"Logging in with Xero\");\n        if (signup) {\n            Auth.federatedSignIn({customProvider: 'XeroSignUp'});\n        } else {\n            Auth.federatedSignIn({customProvider: 'Xero'});\n        }\n    }\n\n    const logout = () => {\n        setLoading(\"Logging out\");\n        Auth.signOut().then(data => {\n            setUser(null);\n            return data;\n        });\n    }\n\n\n    // Make sure to not force a re-render on the components that are reading these values,\n    // unless the `user` value has changed. This is an optimisation that is mostly needed in cases\n    // where the parent of the current component re-renders and thus the current component is forced\n    // to re-render as well. If it does, we want to make sure to give the `UserContext.Provider` the\n    // same value as long as the user data is the same. If you have multiple other \"controller\"\n    // components or Providers above this component, then this will be a performance booster.\n    const values = React.useMemo(() => ({ user, login, logout }), [user]);\n\n    // Finally, return the interface that we want to expose to our other components\n    return <UserContext.Provider value={values}>{children}</UserContext.Provider>;\n};\n\n// We also create a simple custom hook to read these values from. We want our React components\n// to know as little as possible on how everything is handled, so we are not only abtracting them from\n// the fact that we are using React's context, but we also skip some imports.\nexport const useUser = () => {\n    const context = React.useContext(UserContext);\n\n    if(context === undefined) {\n        throw new Error('`useUser` hook must be used within a `UserProvider` component');\n    }\n    return context;\n};","import React, {useState, useEffect} from 'react';\nimport {useLoading} from \"./LoadingContext\";\n\nexport function UserLoadingScreen() {\n    const {isLoading} = useLoading();\n    const [showScreen, setShowScreen] = useState(false);\n\n    useEffect(() => {\n        const timer = setTimeout(() => setShowScreen(true), 350);\n\n        return () => clearTimeout(timer);\n    });\n    return (\n        showScreen && <div className=\"flex items-center justify-center w-full h-full bg-gray-700\">\n            <div className=\"flex justify-center items-center space-x-1 text-white\">\n\n                <svg fill='none' className=\"w-8 h-8 animate-spin\" viewBox=\"0 0 32 32\" xmlns='http://www.w3.org/2000/svg'>\n                    <path clipRule='evenodd'\n                          d='M15.165 8.53a.5.5 0 01-.404.58A7 7 0 1023 16a.5.5 0 011 0 8 8 0 11-9.416-7.874.5.5 0 01.58.404z'\n                          fill='currentColor' fillRule='evenodd'/>\n                </svg>\n\n                <div>{isLoading} ...</div>\n            </div>\n        </div>\n    )\n}\n","import React from 'react';\nimport { Navigate, useLocation } from \"react-router-dom\";\nimport {useUser} from \"../User/user\";\n\nexport const RequireAuth = ({ children }) => {\n    const { user } = useUser();\n    const location = useLocation();\n    return user\n        ? children\n        : <Navigate\n            to=\"/\"\n            replace\n            state={{ path: location.pathname }}\n        />;\n}\n\nexport const HideLoginFromUsers = ({ children }) => {\n    const { user } = useUser();\n    return !user\n        ? children\n        : <Navigate\n            to=\"/dashboard\"\n            replace\n        />;\n}\n","/* eslint-disable */\n// this is an auto generated file. This will be overwritten\n\nexport const addPlan = /* GraphQL */ `\n  mutation AddPlan($foomanSerialNumber: String!) {\n    addPlan(foomanSerialNumber: $foomanSerialNumber)\n  }\n`;\nexport const removeConnection = /* GraphQL */ `\n  mutation RemoveConnection($tenantId: String!) {\n    removeConnection(tenantId: $tenantId)\n  }\n`;\nexport const addSiteConnection = /* GraphQL */ `\n  mutation AddSiteConnection($input: AddSiteConnectionInput!) {\n    addSiteConnection(input: $input)\n  }\n`;\nexport const removeSiteConnection = /* GraphQL */ `\n  mutation RemoveSiteConnection($foomanApiKey: String!) {\n    removeSiteConnection(foomanApiKey: $foomanApiKey)\n  }\n`;\nexport const acceptTerms = /* GraphQL */ `\n  mutation AcceptTerms {\n    acceptTerms\n  }\n`;\n","/* eslint-disable */\n// this is an auto generated file. This will be overwritten\n\nexport const xeroConsentUrlDataAccess = /* GraphQL */ `\n  query XeroConsentUrlDataAccess {\n    xeroConsentUrlDataAccess\n  }\n`;\nexport const xeroConnections = /* GraphQL */ `\n  query XeroConnections {\n    xeroConnections {\n      tenantId\n      owner\n      ownerEmail\n      xeroConnectionId\n      authEventId\n      tenantName\n      isDemoOrg\n      connectionStatus\n      createdAt\n      updatedAt\n      __typename\n    }\n  }\n`;\nexport const getUsage = /* GraphQL */ `\n  query GetUsage {\n    getUsage {\n      label\n      data {\n        date\n        label\n        used\n        remaining\n        __typename\n      }\n      __typename\n    }\n  }\n`;\nexport const getPlan = /* GraphQL */ `\n  query GetPlan($foomanPlanId: String!) {\n    getPlan(foomanPlanId: $foomanPlanId) {\n      foomanPlanId\n      owner\n      xeroSubscriptionId\n      foomanSerialNumber\n      planName\n      planCode\n      planStatus\n      includedSiteConnections\n      includedRequestsPerMonth\n      associatedDomain\n      usagePlanId\n      createdAt\n      updatedAt\n      __typename\n    }\n  }\n`;\nexport const listPlans = /* GraphQL */ `\n  query ListPlans(\n    $foomanPlanId: String\n    $filter: ModelPlanFilterInput\n    $limit: Int\n    $nextToken: String\n    $sortDirection: ModelSortDirection\n  ) {\n    listPlans(\n      foomanPlanId: $foomanPlanId\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n      sortDirection: $sortDirection\n    ) {\n      items {\n        foomanPlanId\n        owner\n        xeroSubscriptionId\n        foomanSerialNumber\n        planName\n        planCode\n        planStatus\n        includedSiteConnections\n        includedRequestsPerMonth\n        associatedDomain\n        usagePlanId\n        createdAt\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const getXeroConnection = /* GraphQL */ `\n  query GetXeroConnection($tenantId: String!) {\n    getXeroConnection(tenantId: $tenantId) {\n      tenantId\n      owner\n      ownerEmail\n      xeroConnectionId\n      authEventId\n      tenantName\n      isDemoOrg\n      connectionStatus\n      createdAt\n      updatedAt\n      __typename\n    }\n  }\n`;\nexport const listXeroConnections = /* GraphQL */ `\n  query ListXeroConnections(\n    $tenantId: String\n    $filter: ModelXeroConnectionFilterInput\n    $limit: Int\n    $nextToken: String\n    $sortDirection: ModelSortDirection\n  ) {\n    listXeroConnections(\n      tenantId: $tenantId\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n      sortDirection: $sortDirection\n    ) {\n      items {\n        tenantId\n        owner\n        ownerEmail\n        xeroConnectionId\n        authEventId\n        tenantName\n        isDemoOrg\n        connectionStatus\n        createdAt\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const getXeroSiteConnection = /* GraphQL */ `\n  query GetXeroSiteConnection($foomanApiKey: String!) {\n    getXeroSiteConnection(foomanApiKey: $foomanApiKey) {\n      foomanApiKey\n      siteConnectionStatus\n      foomanApiSecret\n      apiKeyId\n      usagePlanId\n      foomanPlanId\n      owner\n      tenantId\n      tenantName\n      isDemoOrg\n      associatedDomain\n      createdAt\n      updatedAt\n      __typename\n    }\n  }\n`;\nexport const listXeroSiteConnections = /* GraphQL */ `\n  query ListXeroSiteConnections(\n    $foomanApiKey: String\n    $filter: ModelXeroSiteConnectionFilterInput\n    $limit: Int\n    $nextToken: String\n    $sortDirection: ModelSortDirection\n  ) {\n    listXeroSiteConnections(\n      foomanApiKey: $foomanApiKey\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n      sortDirection: $sortDirection\n    ) {\n      items {\n        foomanApiKey\n        siteConnectionStatus\n        foomanApiSecret\n        apiKeyId\n        usagePlanId\n        foomanPlanId\n        owner\n        tenantId\n        tenantName\n        isDemoOrg\n        associatedDomain\n        createdAt\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const getXeroOnboarding = /* GraphQL */ `\n  query GetXeroOnboarding($owner: String!) {\n    getXeroOnboarding(owner: $owner) {\n      owner\n      usedSignUpWithXero\n      termsAccepted\n      connectionCreated\n      planAdded\n      apiCredentialsCreated\n      createdAt\n      updatedAt\n      __typename\n    }\n  }\n`;\nexport const listXeroOnboardings = /* GraphQL */ `\n  query ListXeroOnboardings(\n    $owner: String\n    $filter: ModelXeroOnboardingFilterInput\n    $limit: Int\n    $nextToken: String\n    $sortDirection: ModelSortDirection\n  ) {\n    listXeroOnboardings(\n      owner: $owner\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n      sortDirection: $sortDirection\n    ) {\n      items {\n        owner\n        usedSignUpWithXero\n        termsAccepted\n        connectionCreated\n        planAdded\n        apiCredentialsCreated\n        createdAt\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const getActionLog = /* GraphQL */ `\n  query GetActionLog($id: String!) {\n    getActionLog(id: $id) {\n      id\n      status\n      owner\n      type\n      content\n      createdAt\n      updatedAt\n      __typename\n    }\n  }\n`;\nexport const listActionLogs = /* GraphQL */ `\n  query ListActionLogs(\n    $id: String\n    $filter: ModelActionLogFilterInput\n    $limit: Int\n    $nextToken: String\n    $sortDirection: ModelSortDirection\n  ) {\n    listActionLogs(\n      id: $id\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n      sortDirection: $sortDirection\n    ) {\n      items {\n        id\n        status\n        owner\n        type\n        content\n        createdAt\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const planByOwner = /* GraphQL */ `\n  query PlanByOwner(\n    $owner: String!\n    $sortDirection: ModelSortDirection\n    $filter: ModelPlanFilterInput\n    $limit: Int\n    $nextToken: String\n  ) {\n    planByOwner(\n      owner: $owner\n      sortDirection: $sortDirection\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n    ) {\n      items {\n        foomanPlanId\n        owner\n        xeroSubscriptionId\n        foomanSerialNumber\n        planName\n        planCode\n        planStatus\n        includedSiteConnections\n        includedRequestsPerMonth\n        associatedDomain\n        usagePlanId\n        createdAt\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const xeroConnectionByOwner = /* GraphQL */ `\n  query XeroConnectionByOwner(\n    $owner: String!\n    $sortDirection: ModelSortDirection\n    $filter: ModelXeroConnectionFilterInput\n    $limit: Int\n    $nextToken: String\n  ) {\n    xeroConnectionByOwner(\n      owner: $owner\n      sortDirection: $sortDirection\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n    ) {\n      items {\n        tenantId\n        owner\n        ownerEmail\n        xeroConnectionId\n        authEventId\n        tenantName\n        isDemoOrg\n        connectionStatus\n        createdAt\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const siteConnectionByPlanAndStatus = /* GraphQL */ `\n  query SiteConnectionByPlanAndStatus(\n    $foomanPlanId: String!\n    $siteConnectionStatus: ModelStringKeyConditionInput\n    $sortDirection: ModelSortDirection\n    $filter: ModelXeroSiteConnectionFilterInput\n    $limit: Int\n    $nextToken: String\n  ) {\n    siteConnectionByPlanAndStatus(\n      foomanPlanId: $foomanPlanId\n      siteConnectionStatus: $siteConnectionStatus\n      sortDirection: $sortDirection\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n    ) {\n      items {\n        foomanApiKey\n        siteConnectionStatus\n        foomanApiSecret\n        apiKeyId\n        usagePlanId\n        foomanPlanId\n        owner\n        tenantId\n        tenantName\n        isDemoOrg\n        associatedDomain\n        createdAt\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const xeroSiteConnectionByOwner = /* GraphQL */ `\n  query XeroSiteConnectionByOwner(\n    $owner: String!\n    $sortDirection: ModelSortDirection\n    $filter: ModelXeroSiteConnectionFilterInput\n    $limit: Int\n    $nextToken: String\n  ) {\n    xeroSiteConnectionByOwner(\n      owner: $owner\n      sortDirection: $sortDirection\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n    ) {\n      items {\n        foomanApiKey\n        siteConnectionStatus\n        foomanApiSecret\n        apiKeyId\n        usagePlanId\n        foomanPlanId\n        owner\n        tenantId\n        tenantName\n        isDemoOrg\n        associatedDomain\n        createdAt\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const onboardingByCreatedAt = /* GraphQL */ `\n  query OnboardingByCreatedAt(\n    $createdAt: AWSDateTime!\n    $sortDirection: ModelSortDirection\n    $filter: ModelXeroOnboardingFilterInput\n    $limit: Int\n    $nextToken: String\n  ) {\n    onboardingByCreatedAt(\n      createdAt: $createdAt\n      sortDirection: $sortDirection\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n    ) {\n      items {\n        owner\n        usedSignUpWithXero\n        termsAccepted\n        connectionCreated\n        planAdded\n        apiCredentialsCreated\n        createdAt\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const actionLogByOwner = /* GraphQL */ `\n  query ActionLogByOwner(\n    $owner: String!\n    $createdAt: ModelStringKeyConditionInput\n    $sortDirection: ModelSortDirection\n    $filter: ModelActionLogFilterInput\n    $limit: Int\n    $nextToken: String\n  ) {\n    actionLogByOwner(\n      owner: $owner\n      createdAt: $createdAt\n      sortDirection: $sortDirection\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n    ) {\n      items {\n        id\n        status\n        owner\n        type\n        content\n        createdAt\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const invoicesByOrganisation = /* GraphQL */ `\n  query InvoicesByOrganisation(\n    $tenantId: String!\n    $updatedAt: ModelStringKeyConditionInput\n    $sortDirection: ModelSortDirection\n    $filter: ModelXeroPaidInvoiceFilterInput\n    $limit: Int\n    $nextToken: String\n  ) {\n    invoicesByOrganisation(\n      tenantId: $tenantId\n      updatedAt: $updatedAt\n      sortDirection: $sortDirection\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n    ) {\n      items {\n        xeroInvoiceId\n        xeroInvoiceNumber\n        xeroReference\n        tenantId\n        createdAt\n        updatedAt\n        owner\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const invoicesByOrganisationAndReference = /* GraphQL */ `\n  query InvoicesByOrganisationAndReference(\n    $tenantId: String!\n    $xeroReference: ModelStringKeyConditionInput\n    $sortDirection: ModelSortDirection\n    $filter: ModelXeroPaidInvoiceFilterInput\n    $limit: Int\n    $nextToken: String\n  ) {\n    invoicesByOrganisationAndReference(\n      tenantId: $tenantId\n      xeroReference: $xeroReference\n      sortDirection: $sortDirection\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n    ) {\n      items {\n        xeroInvoiceId\n        xeroInvoiceNumber\n        xeroReference\n        tenantId\n        createdAt\n        updatedAt\n        owner\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\nexport const subscriptionByOrganisation = /* GraphQL */ `\n  query SubscriptionByOrganisation(\n    $tenantId: String!\n    $sortDirection: ModelSortDirection\n    $filter: ModelXeroSubscriptionFilterInput\n    $limit: Int\n    $nextToken: String\n  ) {\n    subscriptionByOrganisation(\n      tenantId: $tenantId\n      sortDirection: $sortDirection\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n    ) {\n      items {\n        xeroSubscriptionId\n        owner\n        status\n        tenantId\n        createdAt\n        currentPeriodEnd\n        endDate\n        updatedAt\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;\n","import React from \"react\";\nconst LoadingContent = () => {\n    return (\n        <svg fill=\"none\" className=\"w-8 h-8 animate-spin\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path clipRule=\"evenodd\"\n                  d=\"M15.165 8.53a.5.5 0 01-.404.58A7 7 0 1023 16a.5.5 0 011 0 8 8 0 11-9.416-7.874.5.5 0 01.58.404z\"\n                  fill=\"currentColor\" fillRule=\"evenodd\"/>\n        </svg>\n    )\n}\nexport default LoadingContent;","export default __webpack_public_path__ + \"static/media/terms.f725d815.txt\";","export default __webpack_public_path__ + \"static/media/privacy.f37553f4.txt\";","import React, {Fragment, useState, useEffect} from 'react';\nimport { Dialog, Transition } from '@headlessui/react';\nimport textfile from \"./privacy.txt\";\n\nconst PrivacyLink = (props) => {\n    const [open, setOpen] = useState(false);\n    const [text, setText] = useState(\"Loading...\");\n\n    useEffect(() => {\n        fetch(textfile)\n            .then((response) => response.text())\n            .then((textContent) => {\n                setText(textContent);\n            });\n        return text || \"Loading...\";\n    }, [text]);\n\n    return (\n        <Fragment>\n            <Transition.Root show={open} as={Fragment}>\n                <Dialog as=\"div\" className=\"fixed z-10 inset-0 overflow-y-auto\" onClose={setOpen}>\n                    <div className=\"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\n                        <Transition.Child\n                            as={Fragment}\n                            enter=\"ease-out duration-300\"\n                            enterFrom=\"opacity-0\"\n                            enterTo=\"opacity-100\"\n                            leave=\"ease-in duration-200\"\n                            leaveFrom=\"opacity-100\"\n                            leaveTo=\"opacity-0\"\n                        >\n                            <Dialog.Overlay className=\"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity\" />\n                        </Transition.Child>\n\n                        {/* This element is to trick the browser into centering the modal contents. */}\n                        <span className=\"hidden sm:inline-block sm:align-middle sm:h-screen\" aria-hidden=\"true\">\n            &#8203;\n          </span>\n                        <Transition.Child\n                            as={Fragment}\n                            enter=\"ease-out duration-300\"\n                            enterFrom=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                            enterTo=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leave=\"ease-in duration-200\"\n                            leaveFrom=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leaveTo=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                        >\n                            <div data-test=\"terms-modal\"\n                                className=\"z-20 inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-y-scroll max-h-[80vh] shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-5xl sm:w-full sm:p-6\">\n                                <div className=\"sm:flex sm:items-start\">\n                                    <div className=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left\">\n                                        <Dialog.Title as=\"h3\" data-test=\"terms-modal-title\" className=\"text-lg leading-6 font-medium text-gray-900 h-10 flex flex-row items-center\">\n                                            Fooman - Privacy Policy\n                                        </Dialog.Title>\n                                        <div className=\"mt-2\">\n                                            <pre className=\"text-sm text-gray-500 whitespace-pre-wrap\">\n                                                {text}\n                                            </pre>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div className=\"mt-5 sm:mt-4 sm:flex sm:flex-row-reverse h-10\">\n                                    <button type=\"button\"\n                                            className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-700 text-white text-base font-medium hover:text-black hover:bg-foomanyellow focus:outline-none focus:ring-2 focus:ring-offset-2 sm:ml-3 sm:w-auto sm:text-sm\"\n                                            onClick={() => setOpen(false)}>Close</button>\n                                </div>\n                            </div>\n                        </Transition.Child>\n                    </div>\n                </Dialog>\n            </Transition.Root>\n           <a className=\"underline\" data-test=\"open-privacy-link\" onClick={() => setOpen(true)} >Privacy Policy</a>\n        </Fragment>\n    );\n};\n\nexport default PrivacyLink;\n","import React, {Fragment, useRef, useState, useEffect} from 'react';\nimport { Dialog, Transition } from '@headlessui/react';\nimport LoadingContent from \"../Loading/LoadingContent\";\nimport textfile from \"./terms.txt\";\nimport PrivacyLink from \"../Privacy/PrivacyLink\";\n\nconst TermLink = (props) => {\n    const [open, setOpen] = useState(false);\n    const [isAccepting, setIsAccepting] = useState(false);\n    const titleRef = useRef(null);\n    const {termsAccepted} =  props;\n    const [text, setText] = useState(\"Loading...\");\n\n    useEffect(() => {\n        fetch(textfile)\n            .then((response) => response.text())\n            .then((textContent) => {\n                setText(textContent);\n            });\n        return text || \"Loading...\";\n    }, [text]);\n\n    const termTitleContent = isAccepting?\n        <Fragment><span data-test=\"terms-accepting-indicator\">Terms and Conditions / Accepting ...</span><LoadingContent/></Fragment>:\n        'Terms and Conditions';\n\n    const content = isAccepting?\n            <LoadingContent/>:\n        (termsAccepted ?\n            <button type=\"button\"\n                    className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-700 text-white text-base font-medium hover:text-black hover:bg-foomanyellow focus:outline-none focus:ring-2 focus:ring-offset-2 sm:ml-3 sm:w-auto sm:text-sm\"\n                    onClick={() => setOpen(false)}>Close</button> :\n        <button\n            type=\"button\"\n            disabled={isAccepting}\n            data-test=\"terms-accept-button\"\n            className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-foomanyellow text-black text-base font-medium hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 sm:ml-3 sm:w-auto sm:text-sm\"\n            onClick={() => {setIsAccepting(true); props.acceptTermsHandler(setOpen, setIsAccepting);}}\n        >\n            Accept\n        </button>)\n    ;\n\n    return (\n        <Fragment>\n            <Transition.Root show={open} as={Fragment}>\n                <Dialog as=\"div\" className=\"fixed z-10 inset-0 overflow-y-auto\" initialFocus={titleRef} onClose={setOpen}>\n                    <div className=\"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\n                        <Transition.Child\n                            as={Fragment}\n                            enter=\"ease-out duration-300\"\n                            enterFrom=\"opacity-0\"\n                            enterTo=\"opacity-100\"\n                            leave=\"ease-in duration-200\"\n                            leaveFrom=\"opacity-100\"\n                            leaveTo=\"opacity-0\"\n                        >\n                            <Dialog.Overlay className=\"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity\" />\n                        </Transition.Child>\n\n                        {/* This element is to trick the browser into centering the modal contents. */}\n                        <span className=\"hidden sm:inline-block sm:align-middle sm:h-screen\" aria-hidden=\"true\">\n            &#8203;\n          </span>\n                        <Transition.Child\n                            as={Fragment}\n                            enter=\"ease-out duration-300\"\n                            enterFrom=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                            enterTo=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leave=\"ease-in duration-200\"\n                            leaveFrom=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leaveTo=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                        >\n                            <div data-test=\"terms-modal\"\n                                className=\"z-20 inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-y-scroll max-h-[80vh] shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-5xl sm:w-full sm:p-6\">\n                                <div className=\"sm:flex sm:items-start\">\n                                    <div className=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left\">\n                                        <Dialog.Title ref={titleRef} as=\"h3\" data-test=\"terms-modal-title\" className=\"text-lg leading-6 font-medium text-gray-900 h-10 flex flex-row items-center\">\n                                            {termTitleContent}\n                                        </Dialog.Title>\n                                        <div className=\"mt-2\">\n                                            <pre className=\"text-sm text-gray-500 whitespace-pre-wrap\">\n                                                {text}\n                                            </pre>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div className=\"mt-5 sm:mt-4 sm:flex sm:flex-row-reverse h-10 items-center\">\n                                    {content}\n                                    <PrivacyLink/>\n                                </div>\n                            </div>\n                        </Transition.Child>\n                    </div>\n                </Dialog>\n            </Transition.Root>\n            <a className=\"underline\" data-test=\"open-terms-link\" onClick={() => setOpen(true)} >Terms and Conditions</a>\n        </Fragment>\n    );\n};\n\nexport default TermLink;\n","import React, { Fragment, useEffect, useState } from 'react'\nimport {useUser} from \"../User/user\";\nimport { Amplify, API } from 'aws-amplify'\nimport awsConfig from \"../../aws-exports-adjusted\";\nimport {acceptTerms} from \"../../graphql/mutations\";\nimport {listXeroOnboardings} from \"../../graphql/queries\";\nimport TermLink from \"../Term/TermLink\";\nimport LoadingContent from \"../Loading/LoadingContent\";\nimport { useNavigate } from 'react-router-dom';\nAmplify.configure(awsConfig);\n\nconst Dashboard = (props) => {\n    const { user } = useUser();\n    const navigate = useNavigate();\n    const [isLoadingOnboarding, setIsLoadingOnboarding] = useState(false);\n    const [termsAccepted, setTermsAccepted] = useState(false);\n    const [connectionCreated, setConnectionCreated] = useState(false);\n    const [planAdded, setPlanAdded] = useState(false);\n    const [apiCredentialsCreated, setApiCredentialsCreated] = useState(false);\n    const [isXeroSignUpUser, setIsXeroSignUpUser] = useState(false);\n    \n    useEffect(() => {\n        fetchOnboarding();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    async function fetchOnboarding() {\n        setIsLoadingOnboarding(true);\n        try {\n            const onboardingData = await API.graphql({\n                    query: listXeroOnboardings,\n                    authMode: 'AMAZON_COGNITO_USER_POOLS'\n                }\n            );\n            if (onboardingData.data.listXeroOnboardings.items.length > 0) {\n                setTermsAccepted(onboardingData.data.listXeroOnboardings.items[0].termsAccepted);\n                setConnectionCreated(onboardingData.data.listXeroOnboardings.items[0].connectionCreated);\n                setPlanAdded(onboardingData.data.listXeroOnboardings.items[0].planAdded);\n                setApiCredentialsCreated(onboardingData.data.listXeroOnboardings.items[0].apiCredentialsCreated);\n                setIsXeroSignUpUser(onboardingData.data.listXeroOnboardings.items[0].usedSignUpWithXero);\n            }\n        } catch (err) {\n            console.log('error fetching accepted terms')\n        } finally {\n            setIsLoadingOnboarding(false);\n        }\n    }\n\n    const handleAccept = async(e) => {\n        if (e.target.checked) {\n            try {\n                await API.graphql({\n                    query:    acceptTerms,\n                    authMode: 'AMAZON_COGNITO_USER_POOLS'\n                });\n                setTermsAccepted(true);\n            } catch (err) {\n                const consolidatedErrors = err.errors.map(function(elem){return elem.message;}).join(\",\");\n                console.log(consolidatedErrors);\n            } finally {\n            }\n        }\n    }\n\n    const handleAcceptTermsFromModal = async(setOpen, setIsAccepting) => {\n        try {\n            await API.graphql({\n                query:    acceptTerms,\n                authMode: 'AMAZON_COGNITO_USER_POOLS'\n            });\n            setTermsAccepted(true);\n        } catch (err) {\n            const consolidatedErrors = err.errors.map(function(elem){return elem.message;}).join(\",\");\n            console.log(consolidatedErrors);\n        } finally {\n            setOpen(false);\n            setIsAccepting(false);\n        }\n    }\n    const credentials = user.attributes? (user.attributes.sub.split('-')[0]+':'+user.attributes.sub.split('-')[1]):'';\n    const installationInstructionsForXeroSignUps = isXeroSignUpUser ?\n        <div className=\"max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8\">\n            <h2 className=\"leading-6 font-semibold text-gray-900\">Installation Instructions</h2>\n            <div className=\"block mt-4\">\n                From a command line in your Magento root folder run\n            </div>\n            <div className=\"block bg-gray-100 m-4 p-4 text-sm\">\n                <code className=\"whitespace-pre-line overflow-hidden\">\n                    1. composer config repositories.foomanconnect composer https://{credentials}@repo-connect.fooman.com{\"\\n\"}\n                    2. composer require fooman/connect-sub-m2:^8.0{\"\\n\"}\n                    3. bin/magento module:enable Fooman_ConnectLicenseSub Fooman_Connect{\"\\n\"}\n                    4. bin/magento setup:upgrade{\"\\n\"}\n                </code>\n            </div>\n\n            <div className=\"block mt-4\">\n                If you are using Production Mode please also run\n            </div>\n            <div className=\"block bg-gray-100 m-4 p-4 text-sm\">\n                <code className=\"whitespace-pre-line overflow-hidden\">\n                5. bin/magento setup:static-content:deploy{\"\\n\"}\n                6. bin/magento setup:di:compile{\"\\n\"}\n                </code>\n            </div>\n            <div>\n                Once installed please follow our setup guide to configure the integration to your requirements: <br/>\n                <button\n                    type=\"button\"\n                    data-test=\"view-setup-guide\"\n                    onClick={() => window.location ='https://magento2-support.fooman.co.nz/article/1299-2-enter-api-credentials'}\n                    className=\"mt-2 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm  hover:text-white hover:bg-gray-600 bg-foomanyellow text-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500\">\n                    View Setup Guide\n                </button>\n            </div>\n        </div>\n        : null;\n\n    const content = isLoadingOnboarding ?\n        <LoadingContent/>:\n        <div className=\"mt-4 border-t border-b border-gray-200 divide-y divide-gray-200\">\n            <div className=\"relative flex items-start py-4\">\n                <div className=\"min-w-0 flex-1 text-sm\">\n                    <label className=\"font-medium text-gray-700 select-none\">\n                        Accept our <TermLink termsAccepted={termsAccepted} acceptTermsHandler={handleAcceptTermsFromModal}/>\n                    </label>\n                </div>\n                <div className=\"ml-3 flex items-center h-5\">\n                    <input\n                        id=\"step-1\"\n                        name=\"step-1\"\n                        type=\"checkbox\"\n                        checked={termsAccepted}\n                        disabled={termsAccepted}\n                        onChange={handleAccept}\n                        className=\"focus:ring-gray-500 h-7 w-7 text-gray-600 border-gray-300 rounded\"\n                    />\n                </div>\n            </div>\n            <div className=\"relative flex items-start py-4\">\n                <div className=\"min-w-0 flex-1 text-sm\">\n                    <label htmlFor=\"step-2\" className=\"font-medium text-gray-700 select-none\">\n                        <a className=\"underline\" href=\"/connections\" onClick={() => navigate('/connections')}>Connect to your Xero organisation</a>\n                    </label>\n                </div>\n                <div className=\"ml-3 flex items-center h-5\">\n                    <input\n                        id=\"step-2\"\n                        name=\"step-2\"\n                        type=\"checkbox\"\n                        checked={connectionCreated}\n                        disabled={true}\n                        className=\"focus:ring-gray-500 h-7 w-7 text-gray-600 border-gray-300 rounded\"\n                    />\n                </div>\n            </div>\n            <div className=\"relative flex items-start py-4\">\n                <div className=\"min-w-0 flex-1 text-sm\">\n                    <label htmlFor=\"step-3\" className=\"font-medium text-gray-700 select-none\">\n                        <a className=\"underline\" href=\"/plans\" onClick={() => navigate('/plans')}>Add a plan</a>\n                    </label>\n                </div>\n                <div className=\"ml-3 flex items-center h-5\">\n                    <input\n                        id=\"step-3\"\n                        name=\"step-3\"\n                        type=\"checkbox\"\n                        checked={planAdded}\n                        disabled={true}\n                        className=\"focus:ring-gray-500 h-7 w-7 text-gray-600 border-gray-300 rounded\"\n                    />\n                </div>\n            </div>\n            <div className=\"relative flex items-start py-4\">\n                <div className=\"min-w-0 flex-1 text-sm\">\n                    <label htmlFor=\"step-4\" className=\"font-medium text-gray-700 select-none\">\n                        <a className=\"underline\" href=\"/apikeys\" onClick={() => navigate('/apikeys')}>Create API Credentials</a>\n                    </label>\n                </div>\n                <div className=\"ml-3 flex items-center h-5\">\n                    <input\n                        id=\"step-4\"\n                        name=\"step-4\"\n                        type=\"checkbox\"\n                        checked={apiCredentialsCreated}\n                        disabled={true}\n                        className=\"focus:ring-gray-500 h-7 w-7 text-gray-600 border-gray-300 rounded\"\n                    />\n                </div>\n            </div>\n        </div>;\n\n    return (\n        <Fragment>\n            <header className=\"bg-white\">\n                <div className=\"max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8\">\n                    <h1 className=\"text-lg leading-6 font-semibold text-gray-900\">Dashboard</h1>\n                </div>\n            </header>\n            <main>\n                <div className=\"max-w-7xl mx-auto sm:px-6 lg:px-8\">\n                    <div className=\"px-4 py-4 sm:px-0 w-1/2\">\n                        <div className=\"bg-white\" >\n                            <p>Hi {user.attributes?user.attributes.given_name:''}, let's get you set up as quickly as possible.</p>\n                        </div>\n                        {content}\n                    </div>\n                </div>\n                {installationInstructionsForXeroSignUps}\n            </main>\n        </Fragment>\n    );\n}\n\nexport default Dashboard;","import React, { Fragment } from 'react';\n\nconst AddPlan = (props) => {\n    return (\n        <Fragment>\n            <div className=\"flex items-start space-x-4\">\n                <div className=\"min-w-0 flex-1 px-20 py-6\">\n                    <form action=\"#\" className=\"relative\">\n                        <div\n                            className=\"border border-gray-200 rounded-sm overflow-hidden focus-within:border-gray-200 focus-within:ring-1 focus-within:ring-gray-200\">\n                            <label htmlFor=\"foomanSerialNumber\" className=\"sr-only\">Serial Number</label>\n                            <textarea rows={3}\n                                      name=\"foomanSerialNumber\"\n                                      id=\"foomanSerialNumber\"\n                                      data-test=\"plan-serialnumber-input-textarea\"\n                                      onChange={event => props.onChangeHandler('foomanSerialNumber', event.target.value)}\n                                      value={props.value}\n                                      className=\"block w-full py-3 px-3 border-0 resize-none focus:ring-0 focus:outline-none sm:text-sm\"\n                                      placeholder=\"Enter your serial number to add an additional plan.\"/>\n                            <div className=\"py-2\" aria-hidden=\"true\">\n                                <div className=\"py-px\">\n                                    <div className=\"h-9\"></div>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div className=\"absolute bottom-0 inset-x-0 pl-3 pr-2 py-2 flex justify-between\">\n                            <div className=\"flex-shrink-0\">\n                                <button\n                                    type=\"button\"\n                                    data-test=\"plan-add-button\"\n                                    onClick={() => props.handleAddPlanClick()}\n                                        className=\"inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm  hover:text-white hover:bg-gray-600 bg-foomanyellow text-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500\">\n                                    Add\n                                </button>\n                            </div>\n                        </div>\n                    </form>\n                </div>\n            </div>\n        </Fragment>\n    );\n}\n\nexport default AddPlan;","import React from \"react\";\nimport { CheckCircleIcon } from '@heroicons/react/solid';\nimport {ExclamationIcon} from \"@heroicons/react/outline\";\n\nconst Message = (props) => {\n    if (!props.text) {\n        return null;\n    }\n\n    if (props.type === 'error') {\n        return (\n            <div className=\"\">\n                <div className=\"max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8\">\n                        <div className=\"rounded-md bg-red-50 p-4\">\n                            <div className=\"flex\">\n                                <div className=\"flex-shrink-0\">\n                                    <ExclamationIcon className=\"h-6 w-6 text-red-400\" aria-hidden=\"true\" />\n                                </div>\n                                <div className=\"ml-3\">\n                                    <h3 data-test=\"message-error-text\" className=\"text-sm font-medium text-red-800\">{props.text}</h3>\n                                </div>\n                            </div>\n                    </div>\n                </div>\n            </div>\n        )\n    }\n\n    if (props.type === 'warning') {\n        return (\n            <div className=\"\">\n                <div className=\"max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8\">\n                    <div className=\"rounded-md bg-orange-50 p-4\">\n                        <div className=\"flex\">\n                            <div className=\"flex-shrink-0\">\n                                <ExclamationIcon className=\"h-6 w-6 text-orange-400\" aria-hidden=\"true\" />\n                            </div>\n                            <div className=\"ml-3\">\n                                <h3 data-test=\"message-warning-text\" className=\"text-sm font-medium text-orange-800\">{props.text}</h3>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        )\n    }\n\n    return (\n        <div className=\"\">\n            <div className=\"max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8\">\n\n        <div className=\"rounded-md bg-green-50 p-4\">\n            <div className=\"flex\">\n                <div className=\"flex-shrink-0\">\n                    <CheckCircleIcon className=\"h-5 w-5 text-green-400\" aria-hidden=\"true\" />\n                </div>\n                <div className=\"ml-3\">\n                    <h3 data-test=\"message-success-text\" className=\"text-sm font-medium text-green-800\">{props.text}</h3>\n                </div>\n            </div>\n        </div>\n\n            </div>\n        </div>\n    )\n};\n\nexport default Message;\n","import React, { Fragment, useEffect, useState, useCallback } from 'react';\nimport { Amplify, API } from 'aws-amplify';\nimport { addPlan } from '../../graphql/mutations';\nimport {listXeroOnboardings, planByOwner} from '../../graphql/queries';\nimport awsConfig from \"../../aws-exports-adjusted\";\nimport LoadingContent from \"../Loading/LoadingContent\";\nimport AddPlan from \"../Plan/AddPlan\";\nimport Message from \"../Message\";\nimport {useUser} from \"../User/user\";\nAmplify.configure(awsConfig);\nconst initialState = { foomanSerialNumber: '' };\n\nconst SIGN_UP_LINK_ID = process.env.REACT_APP_XERO_SUBSCRIBE_ID ? process.env.REACT_APP_XERO_SUBSCRIBE_ID : '86916702-6992-4611-ab5a-7feae8bc1966';\n\nconst Plans = (props) => {\n    const [formState, setFormState] = useState(initialState);\n    const [isLoadingPlans, setIsLoadingPlans] = useState(false);\n    const [isLoadingOnboarding, setIsLoadingOnboarding] = useState(false);\n    const [formErrorState, setFormErrorState] = useState('');\n    const [plans, setPlans] = useState([]);\n    const [isXeroSignUpUser, setIsXeroSignUpUser] = useState(false);\n    const {user} = useUser();\n\n    const fetchPlans = useCallback(async () => {\n        if (plans.length === 0) {\n            setIsLoadingPlans(true);\n        }\n        try {\n            const planData = await API.graphql({\n                    query: planByOwner,\n                    authMode: 'AMAZON_COGNITO_USER_POOLS',\n                    variables: {owner: user.username}\n                }\n            );\n            const plans = planData.data.planByOwner.items\n            setPlans(plans)\n        } catch (err) {\n            console.log('error fetching plans')\n        } finally {\n            setIsLoadingPlans(false);\n        }\n    }, [plans, user]);\n\n    useEffect(() => {\n        const fetchOnboarding = async () => {\n            setIsLoadingOnboarding(true);\n            try {\n                const onboardingData = await API.graphql({\n                        query: listXeroOnboardings,\n                        authMode: 'AMAZON_COGNITO_USER_POOLS'\n                    }\n                );\n                if (onboardingData.data.listXeroOnboardings.items.length > 0) {\n                    setIsXeroSignUpUser(onboardingData.data.listXeroOnboardings.items[0].usedSignUpWithXero);\n                }\n            } catch (err) {\n                console.log('error fetching accepted terms')\n            } finally {\n                setIsLoadingOnboarding(false);\n            }\n        }\n        fetchOnboarding().catch(console.error);\n        fetchPlans().catch(console.error);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    function setInput(key, value) {\n        setFormState({ ...formState, [key]: value });\n        setFormErrorState('');\n    }\n\n    async function handleAddPlanClick() {\n        try {\n            if (!formState.foomanSerialNumber) {\n                return;\n            }\n            setFormErrorState();\n            const plan = { ...formState };\n            await API.graphql({\n                query:    addPlan,\n                variables: { ...plan},\n                authMode: 'AMAZON_COGNITO_USER_POOLS'\n            });\n            setFormState(initialState);\n            await fetchPlans()\n        } catch (err) {\n            console.log(err);\n            const displayErrors = [];\n            if (err && err.errors) {\n                err.errors.forEach((element) => {\n                    if (element['message']) {\n                        displayErrors.push(element['message']);\n                    }\n                });\n            }\n            setFormErrorState(displayErrors.join(' '));\n        }\n    }\n\n    const maybeXeroDelayNotice = isXeroSignUpUser? <Message type='warning' text='Please note that plan updates at Xero will take 2-3 minutes to show here.' /> : null;\n\n    const maybeSerialNumberInput = !isLoadingOnboarding ?\n        <Fragment>\n            <AddPlan handleAddPlanClick={handleAddPlanClick}\n                     onChangeHandler={setInput}\n                     value={formState.foomanSerialNumber}\n            />\n            <Message type=\"error\" text={formErrorState}/>\n        </Fragment>\n        : null;\n\n    const content = (isLoadingPlans || isLoadingOnboarding) ?\n        <LoadingContent/>:\n        (\n            <div className=\"bg-white shadow overflow-hidden sm:rounded-md\">\n                <ul className=\"divide-y divide-gray-200\">\n                    {plans.map((plan) => (\n                        <li key={plan.foomanPlanId}>\n                            <div className=\"block hover:bg-gray-50\">\n                                <div className=\"px-4 py-4 sm:px-6\">\n                                    <div className=\"flex items-center justify-between\">\n                                        <p className=\"font-bold text-gray-600 truncate\"\n                                           data-test=\"plan-name\"\n                                        >{plan.planName} <span className=\"font-medium text-sm\">[API Requests {plan.includedRequestsPerMonth} / Month]</span></p>\n                                    </div>\n                                    <div className=\"mt-2 sm:flex sm:justify-between\">\n                                        {plan.planStatus === 'active' ?\n                                            <p data-test=\"plan-status\" className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800\">\n                                                {plan.planStatus}\n                                            </p> :\n                                            <p data-test=\"plan-status\" className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800\">\n                                                {plan.planStatus}\n                                            </p>\n                                        }\n                                    </div>\n                                    {plan.foomanSerialNumber ?\n                                        <div className=\"py-4\">\n                                            <pre\n                                                className=\"text-sm font-small text-gray-400\">{plan.foomanSerialNumber}</pre>\n                                        </div>\n                                        : null\n                                    }\n                                </div>\n\n                            </div>\n                        </li>\n                    ))}\n                </ul>\n            </div>\n        );\n\n    return (\n        <Fragment>\n            <header className=\"bg-white\">\n                <div className=\"max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8\">\n                    <h1 className=\"text-lg leading-6 font-semibold text-gray-900\">Plans</h1>\n                </div>\n            </header>\n            <main>\n                <div className=\"max-w-7xl mx-auto sm:px-6 lg:px-8\">\n                    <div className=\"px-4 py-4 sm:px-0\">\n                        <div className=\"bg-white\" >\n                            {content}\n                            {!isXeroSignUpUser ?\n                                maybeSerialNumberInput\n                                : <button\n                                    type=\"submit\"\n                                    data-test=\"plan-subscribe\"\n                                    onClick={() => window.location.href = \"https://apps.xero.com/subscribe/\" + SIGN_UP_LINK_ID}\n                                    className=\"inline-flex items-center mt-4 px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm hover:text-white bg-foomanyellow hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500\">\n                                    Manage Plans at Xero\n                                </button>\n                            }\n                        </div>\n                        {maybeXeroDelayNotice}\n                    </div>\n                </div>\n            </main>\n        </Fragment>\n    );\n}\n\nexport default Plans;","export default __webpack_public_path__ + \"static/media/connect-blue.15254786.svg\";","import React, {createContext, useState} from \"react\";\nconst AlertContext = createContext(null);\n\nconst AlertProvider = ({ children }) => {\n    const [alert, setAlert] = useState('none');\n    const [alertText, setAlertText] = useState(null);\n    return (\n        <AlertContext.Provider\n            value={{\n                alert: alert,\n                alertText: alertText,\n                success: (text, timeout) => {\n                    setAlertText(text);\n                    setAlert('success');\n                    setTimeout(() => {\n                        setAlert('none');\n                    }, timeout * 1000 || 10000)\n                },\n                error: (text, timeout) => {\n                    setAlertText(text);\n                    setAlert('error');\n                    setTimeout(() => {\n                        setAlert('none');\n                    }, timeout * 1000 || 10000)\n                },\n                clear: () => (setAlert('none')),\n            }}\n        >\n            {children}\n        </AlertContext.Provider>\n    );\n}\n\nexport { AlertProvider };\nexport default AlertContext;","import {useContext} from \"react\";\nimport AlertContext from './AlertContext';\n\nexport function useAlert() {\n    const context = useContext(AlertContext);\n    if (!context) {\n        throw new Error(\"useAlert must be used within LoadingProvider\");\n    }\n    return context;\n}","import React, {Fragment} from 'react';\nimport ConnectXeroButton from './connect-blue.svg';\nimport {API} from \"aws-amplify\";\nimport {xeroConsentUrlDataAccess} from \"../../graphql/queries\";\nimport {useAlert} from \"../Alert/useAlert\";\nimport {useLoading} from \"../Loading/LoadingContext\";\n\nconst handleConnectClick= async(alert, setLoading) => {\n    setLoading(\"Redirecting to Xero\");\n    let url;\n    try {\n        url = await API.graphql({\n            query:    xeroConsentUrlDataAccess,\n            authMode: 'AMAZON_COGNITO_USER_POOLS'\n        });\n    } catch (e) {\n        setLoading(false);\n        alert.error('Please try again');\n        return;\n    }\n    if (!url || !url.data || !url.data.xeroConsentUrlDataAccess) {\n        setLoading(false);\n        alert.error('Please try again');\n        return;\n    }\n    window.location = url.data.xeroConsentUrlDataAccess;\n}\n\nconst XeroConnectButton = (props) => {\n    const alert = useAlert();\n    const {setLoading} = useLoading();\n    return (\n        <Fragment>\n            <button\n                data-test=\"connect-xero-button\"\n                onClick={() => handleConnectClick(alert, setLoading)}\n                type=\"button\">\n                <img src={ConnectXeroButton} alt=\"Connect to Xero\"/>\n            </button>\n        </Fragment>\n    );\n};\n\nexport default XeroConnectButton;\n","export default __webpack_public_path__ + \"static/media/disconnect-white.3ed79233.svg\";","import React, {Fragment, useRef, useState} from 'react';\nimport DisconnectXeroButton from './disconnect-white.svg';\nimport { Dialog, Transition } from '@headlessui/react';\nimport { ExclamationIcon } from '@heroicons/react/outline';\nimport LoadingContent from \"../Loading/LoadingContent\";\n\nconst XeroDisconnectButton = (props) => {\n    const [open, setOpen] = useState(false);\n    const [isDisconnecting, setIsDisconnecting] = useState(false);\n    const cancelButtonRef = useRef(null);\n\n    const disconnectTitleContent = isDisconnecting?\n        <Fragment><span>Disconnecting ...</span><LoadingContent/></Fragment>:\n        'Disconnect';\n    return (\n        <Fragment>\n            <Transition.Root show={open} as={Fragment}>\n                <Dialog as=\"div\" className=\"fixed z-10 inset-0 overflow-y-auto\" initialFocus={cancelButtonRef} onClose={setOpen}>\n                    <div className=\"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\n                        <Transition.Child\n                            as={Fragment}\n                            enter=\"ease-out duration-300\"\n                            enterFrom=\"opacity-0\"\n                            enterTo=\"opacity-100\"\n                            leave=\"ease-in duration-200\"\n                            leaveFrom=\"opacity-100\"\n                            leaveTo=\"opacity-0\"\n                        >\n                            <Dialog.Overlay className=\"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity\" />\n                        </Transition.Child>\n\n                        {/* This element is to trick the browser into centering the modal contents. */}\n                        <span className=\"hidden sm:inline-block sm:align-middle sm:h-screen\" aria-hidden=\"true\">\n            &#8203;\n          </span>\n                        <Transition.Child\n                            as={Fragment}\n                            enter=\"ease-out duration-300\"\n                            enterFrom=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                            enterTo=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leave=\"ease-in duration-200\"\n                            leaveFrom=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leaveTo=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                        >\n                            <div className=\"z-20 inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6\">\n                                <div className=\"sm:flex sm:items-start\">\n                                    <div className=\"mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10\">\n                                        <ExclamationIcon className=\"h-6 w-6 text-red-600\" aria-hidden=\"true\" />\n                                    </div>\n                                    <div className=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left\">\n                                        <Dialog.Title as=\"h3\" className=\"text-lg leading-6 font-medium text-gray-900 h-10 flex flex-row items-center\">\n                                            {disconnectTitleContent}\n                                        </Dialog.Title>\n                                        <div className=\"mt-2\">\n                                            <p className=\"text-sm text-gray-500\">\n                                                Are you sure you want to disconnect from Xero? We will no longer be able to send data to this Xero organisation on your behalf until it is reconnected.\n                                            </p>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div className=\"mt-5 sm:mt-4 sm:flex sm:flex-row-reverse\">\n                                    <button\n                                        type=\"button\"\n                                        disabled={isDisconnecting}\n                                        data-test=\"confirm-disconnect-xero-button\"\n                                        className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm\"\n\n                                        onClick={() => {setIsDisconnecting(true); props.disconnectHandler(props.tenantId, setOpen);}}\n                                    >\n                                        Disconnect\n                                    </button>\n                                    <button\n                                        type=\"button\"\n                                        disabled={isDisconnecting}\n                                        className=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:w-auto sm:text-sm\"\n                                        onClick={() => setOpen(false)}\n                                        ref={cancelButtonRef}\n                                    >\n                                        Cancel\n                                    </button>\n                                </div>\n                            </div>\n                        </Transition.Child>\n                    </div>\n                </Dialog>\n            </Transition.Root>\n            <button\n                data-test=\"disconnect-xero-button\"\n                onClick={() => setOpen(true)}\n                type=\"button\">\n                <img src={DisconnectXeroButton} alt=\"Disconnect from Xero\"/>\n            </button>\n        </Fragment>\n    );\n};\n\nexport default XeroDisconnectButton;\n","import React, { Fragment, useState, useEffect} from 'react';\nimport { Amplify, API } from 'aws-amplify';\nimport awsConfig from \"../../aws-exports-adjusted\";\nimport LoadingContent from \"../Loading/LoadingContent\";\nimport {xeroConnections} from '../../graphql/queries';\nimport XeroConnectButton from \"../XeroConnectButton\";\nimport XeroDisconnectButton from \"../XeroDisconnectButton\";\nimport {removeConnection} from \"../../graphql/mutations\";\nimport Message from '../Message';\nimport {useLocation} from \"react-router-dom\";\n\nAmplify.configure(awsConfig);\n\nconst Connections = (props) => {\n    const [isLoadingConnections, setIsLoadingConnections] = useState(false);\n    const [connections, setConnections] = useState([]);\n    const [queryParams, setQueryParams] = useState([]);\n    const [formErrorState, setFormErrorState] = useState('');\n    const location = useLocation();\n\n    useEffect(() => {\n        const fetchConnections = async () => {\n            if (connections.length === 0) {\n                setIsLoadingConnections(true);\n            }\n            try {\n                const connectionData = await API.graphql({\n                        query: xeroConnections,\n                        authMode: 'AMAZON_COGNITO_USER_POOLS'\n                    }\n                );\n                console.log(connectionData);\n                const connections = connectionData.data.xeroConnections\n                setConnections(connections)\n            } catch (err) {\n                console.log('error fetching connections')\n            } finally {\n                setIsLoadingConnections(false);\n            }\n        };\n        fetchConnections().catch(console.error);\n        const parsedParams = new URLSearchParams(location.search);\n        setQueryParams(Object.fromEntries([...parsedParams]));\n        location.search = null;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const handleDisconnectClick= async(tenantId, setOpen) => {\n        try {\n            await API.graphql({\n                query:    removeConnection,\n                variables: {tenantId: tenantId},\n                authMode: 'AMAZON_COGNITO_USER_POOLS'\n            });\n            setConnections(connections.filter(connection => connection.tenantId !== tenantId));\n        } catch (err) {\n            console.log(err);\n            const displayErrors = [];\n            if (err && err.errors) {\n                err.errors.forEach((element) => {\n                    if (element['message']) {\n                        displayErrors.push(element['message']);\n                    }\n                });\n            }\n            setFormErrorState(displayErrors.join(' '));\n        } finally {\n            setOpen(false);\n        }\n    }\n\n    const connectionList = isLoadingConnections ?\n        <LoadingContent/>:\n        connections.map((connection) => (\n                <li key={connection.tenantId}>\n                    <div className=\"block hover:bg-gray-50\">\n                        <div className=\"px-4 py-4 sm:px-6\">\n                            <div className=\"flex items-center justify-between\">\n                                <p className=\"text-sm font-medium truncate\">{connection.tenantName}</p>\n                                <div className=\"ml-2 flex-shrink-0 flex\">\n                                    {connection.connectionStatus === 'OK' ?\n                                        <XeroDisconnectButton disconnectHandler={handleDisconnectClick}\n                                                              tenantId={connection.tenantId}/> :\n                                        <div className=\"inline-flex\" >\n                                            <Message type=\"error\" text= 'Connection requires re-authentication'/>\n                                            <XeroConnectButton />\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                            <div className=\"mt-2 sm:flex sm:justify-between\">\n                                {connection.isDemoOrg?\n                                    <p className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800\">\n                                        Demo Account\n                                    </p>:\n                                    <p className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800\">\n                                        Live Account\n                                    </p>\n                                }\n                            </div>\n                        </div>\n                    </div>\n                </li>\n            ));\n\n    return (\n        <Fragment>\n            <header className=\"bg-white\">\n                <div className=\"max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8\">\n                    <h1 className=\"text-lg leading-6 font-semibold text-gray-900\">Connected Xero Organisations</h1>\n                </div>\n            </header>\n            <main>\n                <div className=\"max-w-7xl mx-auto sm:px-6 lg:px-8\">\n                    <div className=\"px-4 py-4 sm:px-0\">\n                        <div className=\"bg-white\" >\n                            <div className=\"bg-white shadow\">\n                                <ul className=\"divide-y divide-gray-200\">\n                                    <Message type={queryParams.status} text={queryParams.msg}/>\n                                    {connectionList}\n                                </ul>\n                            </div>\n                            <div className=\"py-10 flex flex-row\">\n                                <XeroConnectButton />\n                            </div>\n                            <Message type=\"error\" text={formErrorState}/>\n                        </div>\n                    </div>\n                </div>\n            </main>\n        </Fragment>\n    );\n}\n\nexport default Connections;","import React, {useCallback, useEffect, useState} from \"react\";\nimport {CopyToClipboard} from 'react-copy-to-clipboard';\n\nimport {shape, string} from \"prop-types\";\nimport {CheckIcon, DocumentDuplicateIcon} from \"@heroicons/react/outline\";\n\nconst CopyButton = props => {\n    const [commandCopyForElement, setCommandCopyForElement] = useState(false)\n\n    const {copyContent, buttonTitle} = props;\n    const finalButtonTitle = buttonTitle ? buttonTitle : \"Click to copy\";\n\n    const handleCopyClick = useCallback(() => {\n        if (commandCopyForElement === false)\n            setCommandCopyForElement(true);\n    },[commandCopyForElement, setCommandCopyForElement]);\n\n    useEffect(() => {\n        if (commandCopyForElement !== false) {\n            setTimeout(() => {\n                setCommandCopyForElement(false);\n            }, 5000);\n        }\n    },[commandCopyForElement, setCommandCopyForElement]);\n\n    return (\n        <div className=\"\">\n        <CopyToClipboard text={copyContent}>\n            <button\n                title={finalButtonTitle}\n                onClick={handleCopyClick}\n            >\n            <span>\n                {commandCopyForElement ?\n                    <CheckIcon/> : <DocumentDuplicateIcon/>\n                }\n            </span>\n            </button>\n        </CopyToClipboard>\n        </div>\n    );\n}\n\nCopyButton.propTypes = {\n    classes: shape({\n        copyBtnRoot: string,\n        faCopy: string\n    }),\n    copyContent: string.isRequired,\n    buttonTitle: string\n};\n\nexport default CopyButton;\n","import React, {Fragment, useState, useMemo} from 'react';\nimport { useForm } from \"react-hook-form\";\nimport Message from \"../Message\";\n\nconst AddSiteConnection = (props) => {\n    const {connections, plans, addSiteConnectionHandler, sites } = props;\n    const { register, handleSubmit } = useForm();\n    const [formErrorState, setFormErrorState] = useState('');\n    const onSubmit = data => addSiteConnectionHandler(data, setFormErrorState);\n\n    const unconnectedConnections = useMemo(() => {\n        const result = [];\n        connections.forEach((connection) => {\n            const alreadyConnecteSites = sites.filter((siteConnection) => siteConnection.tenantId === connection.tenantId)\n            if (alreadyConnecteSites.length === 0) {\n                result.push(connection);\n            }\n        });\n        return result;\n    },[connections, sites]);\n\n    if (connections.length === 0 && sites.length === 0) {\n        return (\n            <Fragment>\n                <div >\n                    <div className=\"min-w-0 flex-1 px-20 py-6\">\n                        <Message type=\"warning\" text=\"Please add an additional Connection first.\"/>\n                    </div>\n                </div>\n            </Fragment>\n        );\n    }\n\n    if (plans.length === 0) {\n        return (\n            <Fragment>\n                <div >\n                    <div className=\"min-w-0 flex-1 px-20 py-6\">\n                        <Message type=\"error\" text=\"Please add a Plan first.\"/>\n                    </div>\n                </div>\n            </Fragment>\n        );\n    }\n\n    if (connections.length <= sites.length) {\n        return null;\n    }\n\n    const buttonContent  =\n        <button\n            type=\"submit\"\n            data-test=\"apikey-generate-button\"\n            className=\"inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm hover:text-white bg-foomanyellow hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500\">\n            Generate new API Credentials for\n        </button>;\n\n    const connectionInput = unconnectedConnections.length > 1 ?\n        <div\n            className=\"inline-block relative\">\n            <label htmlFor=\"tenantId\" className=\"sr-only\">Xero Organisation</label>\n            <select\n                data-test=\"apikey-connection-select\"\n                className=\"block appearance-none w-full bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline\"\n                name=\"tenantId\" {...register(\"tenantId\")}>\n                {unconnectedConnections.map((connection) => (\n                    <option key={connection.tenantId} value={connection.tenantId}>{connection.tenantName}</option>\n                ))}\n            </select>\n            <div className=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\">\n                <svg className=\"fill-current h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n                    <path d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"/>\n                </svg>\n            </div>\n        </div>\n        : <div\n            className=\"inline-block relative\">{unconnectedConnections[0].tenantName}<input type=\"hidden\" name=\"tenantId\" value={unconnectedConnections[0].tenantId} {...register(\"tenantId\")}/>\n        </div>;\n\n    const planInput = plans.length > 1 ?\n        <div\n            className=\"inline-block relative\">\n            <label htmlFor=\"foomanPlanId\" className=\"sr-only\">Plan to use</label>\n            <select\n                data-test=\"apikey-plan-select\"\n                className=\"block appearance-none w-full bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline\"\n                name=\"foomanPlanId\" {...register(\"foomanPlanId\")}>\n                {plans.map((plan) => (\n                    <option key={plan.foomanPlanId} value={plan.foomanPlanId}>{plan.planName} {plan.associatedDomain && '['+plan.associatedDomain+']'}</option>\n                ))}\n            </select>\n            <div className=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\">\n                <svg className=\"fill-current h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n                    <path d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"/>\n                </svg>\n            </div>\n        </div>\n        : <input type=\"hidden\" name=\"foomanPlanId\" value={plans[0].foomanPlanId} {...register(\"foomanPlanId\")}/>;\n\n    return (\n        <Fragment>\n            <div >\n                <div className=\"min-w-0 flex-1 px-20 py-6\">\n                    <form onSubmit={handleSubmit(onSubmit)} className=\"flex flex-col items-center lg:flex-row lg:space-x-4 lg:space-y-0 space-y-4\">\n                        <div className=\"flex-shrink-0 flex justify-center\">\n                            {buttonContent}\n                        </div>\n                        {connectionInput}\n                        {planInput}\n                    </form>\n                    <Message type=\"error\" text={formErrorState}/>\n                </div>\n            </div>\n        </Fragment>\n    );\n}\n\nexport default AddSiteConnection;","import React, {Fragment, useRef, useState} from 'react';\nimport { Dialog, Transition } from '@headlessui/react';\nimport { ExclamationIcon } from '@heroicons/react/outline';\nimport LoadingContent from \"../Loading/LoadingContent\";\n\nconst SiteConnectionRemoveButton = (props) => {\n    const [open, setOpen] = useState(false);\n    const [isDeleting, setIsDeleting] = useState(false);\n    const cancelButtonRef = useRef(null);\n\n    const deleteTitleContent = isDeleting?\n        <Fragment><span>Deleting ...</span><LoadingContent/></Fragment>:\n        'Delete';\n\n    return (\n        <Fragment>\n            <Transition.Root show={open} as={Fragment}>\n                <Dialog as=\"div\" className=\"fixed z-10 inset-0 overflow-y-auto\" initialFocus={cancelButtonRef} onClose={setOpen}>\n                    <div className=\"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\n                        <Transition.Child\n                            as={Fragment}\n                            enter=\"ease-out duration-300\"\n                            enterFrom=\"opacity-0\"\n                            enterTo=\"opacity-100\"\n                            leave=\"ease-in duration-200\"\n                            leaveFrom=\"opacity-100\"\n                            leaveTo=\"opacity-0\"\n                        >\n                            <Dialog.Overlay className=\"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity\" />\n                        </Transition.Child>\n\n                        {/* This element is to trick the browser into centering the modal contents. */}\n                        <span className=\"hidden sm:inline-block sm:align-middle sm:h-screen\" aria-hidden=\"true\">\n            &#8203;\n          </span>\n                        <Transition.Child\n                            as={Fragment}\n                            enter=\"ease-out duration-300\"\n                            enterFrom=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                            enterTo=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leave=\"ease-in duration-200\"\n                            leaveFrom=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leaveTo=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                        >\n                            <div className=\"z-20 inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6\">\n                                <div className=\"sm:flex sm:items-start\">\n                                    <div className=\"mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10\">\n                                        <ExclamationIcon className=\"h-6 w-6 text-red-600\" aria-hidden=\"true\" />\n                                    </div>\n                                    <div className=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left\">\n                                        <Dialog.Title as=\"h3\" className=\"text-lg leading-6 font-medium text-gray-900 h-10 flex flex-row items-center\">\n                                            {deleteTitleContent}\n                                        </Dialog.Title>\n                                        <div className=\"mt-2\">\n                                            <p className=\"text-sm text-gray-500\">\n                                                Are you sure you want to remove this API Key? This is not reversible and all current API connections using it will stop working.\n                                            </p>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div className=\"mt-5 sm:mt-4 sm:flex sm:flex-row-reverse\">\n                                    <button\n                                        type=\"button\"\n                                        disabled={isDeleting}\n                                        data-test=\"confirm-disconnect-apikey-button\"\n                                        className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm\"\n\n                                        onClick={() => {setIsDeleting(true); props.disconnectHandler(props.foomanApiKey, setOpen, setIsDeleting); }}\n                                    >\n                                        Delete\n                                    </button>\n                                    <button\n                                        type=\"button\"\n                                        disabled={isDeleting}\n                                        className=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:w-auto sm:text-sm\"\n                                        onClick={() => setOpen(false)}\n                                        ref={cancelButtonRef}\n                                    >\n                                        Cancel\n                                    </button>\n                                </div>\n                            </div>\n                        </Transition.Child>\n                    </div>\n                </Dialog>\n            </Transition.Root>\n            <button\n                data-test=\"disconnect-apikey-button\"\n                onClick={() => setOpen(true)}\n                className=\"inline-flex items-center p-2 border border-transparent rounded-md shadow-sm text-white bg-gray-700 hover:bg-foomanyellow hover:text-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500\"\n                type=\"button\"\n                aria-label=\"Remove Api Key\"\n            >\n                Delete\n            </button>\n        </Fragment>\n    );\n};\n\nexport default SiteConnectionRemoveButton;\n","import React, {Fragment, useState, useEffect, useCallback} from 'react';\nimport { Amplify, API } from 'aws-amplify';\nimport awsConfig from \"../../aws-exports-adjusted\";\nimport CopyButton from \"../CopyButton/copyButton\";\nimport {planByOwner, xeroConnectionByOwner, xeroSiteConnectionByOwner} from \"../../graphql/queries\";\nimport LoadingContent from \"../Loading/LoadingContent\";\nimport AddSiteConnection from \"../SiteConnection/AddSiteConnection\";\nimport {addSiteConnection, removeSiteConnection} from \"../../graphql/mutations\";\nimport SiteConnectionRemoveButton from \"../SiteConnection/SiteConnectionRemoveButton\";\nimport Message from \"../Message\";\nimport {useUser} from \"../User/user\";\nAmplify.configure(awsConfig);\n\nconst Sites = (props) => {\n    const [isLoadingSites, setIsLoadingSites] = useState(false);\n    const [listErrorState, setListErrorState] = useState('');\n    const [sites, setSites] = useState([]);\n    const [isLoadingConnections, setIsLoadingConnections] = useState(false);\n    const [connections, setConnections] = useState([]);\n    const [isLoadingPlans, setIsLoadingPlans] = useState(false);\n    const [plans, setPlans] = useState([]);\n    const {user} = useUser();\n\n    const fetchSites = useCallback(async () => {\n        if (sites.length === 0) {\n            setIsLoadingSites(true);\n        }\n        try {\n            const planData = await API.graphql({\n                    query: xeroSiteConnectionByOwner,\n                    authMode: 'AMAZON_COGNITO_USER_POOLS',\n                    variables: {owner: user.username}\n                }\n            );\n            const sites = planData.data.xeroSiteConnectionByOwner.items.filter( (site) => {return site.siteConnectionStatus === 'active'});\n            setSites(sites);\n        } catch (err) {\n            console.log('error fetching plans')\n        } finally {\n            setIsLoadingSites(false);\n        }\n    }, [sites, user]);\n\n    useEffect(() => {\n        const fetchConnections = async () => {\n            if (connections.length === 0) {\n                setIsLoadingConnections(true);\n            }\n            try {\n                const connectionData = await API.graphql({\n                        query: xeroConnectionByOwner,\n                        authMode: 'AMAZON_COGNITO_USER_POOLS',\n                        variables: {owner: user.username}\n                    }\n                );\n                const connections = connectionData.data.xeroConnectionByOwner.items\n                setConnections(connections)\n            } catch (err) {\n                console.log('error fetching connections')\n            } finally {\n                setIsLoadingConnections(false);\n            }\n        }\n        const fetchPlans = async () => {\n            if (plans.length === 0) {\n                setIsLoadingPlans(true);\n            }\n            try {\n                const planData = await API.graphql({\n                        query: planByOwner,\n                        authMode: 'AMAZON_COGNITO_USER_POOLS',\n                        variables: {owner: user.username}\n                    }\n                );\n                const plans = planData.data.planByOwner.items\n                setPlans(plans)\n            } catch (err) {\n                console.log('error fetching plans')\n            } finally {\n                setIsLoadingPlans(false);\n            }\n        }\n        fetchSites().catch(console.error);\n        fetchConnections().catch(console.error);\n        fetchPlans().catch(console.error);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const handleSiteConnectionAdd = async(input, setFormErrorState) => {\n        setFormErrorState('');\n        try {\n            await API.graphql({\n                query:    addSiteConnection,\n                variables: {input},\n                authMode: 'AMAZON_COGNITO_USER_POOLS'\n            });\n            fetchSites().catch(console.error);\n        } catch (err) {\n            const consolidatedErrors = err.errors.map(function(elem){return elem.message;}).join(\",\");\n            setFormErrorState(consolidatedErrors);\n        }\n    }\n\n    const handleSiteDisconnectClick= async(apiKey, setOpen, setIsDeleting) => {\n        setListErrorState('');\n        try {\n            await API.graphql({\n                query:    removeSiteConnection,\n                variables: {foomanApiKey: apiKey},\n                authMode: 'AMAZON_COGNITO_USER_POOLS'\n            });\n            setSites(sites.filter(site => site.foomanApiKey !== apiKey));\n        } catch (err) {\n            const consolidatedErrors = err.errors.map(function(elem){return elem.message;}).join(\",\");\n            setListErrorState(consolidatedErrors)\n        } finally {\n            setIsDeleting(false);\n            setOpen(false);\n        }\n        fetchSites().catch(console.error);\n    }\n\n    const content = isLoadingSites ?\n        <LoadingContent/>:\n        (\n            <div className=\"bg-white shadow overflow-hidden sm:rounded-md\">\n                <ul className=\"divide-y divide-gray-200\">\n                    {sites.map((site) => (\n                        <li key={site.foomanApiKey}>\n                            <div className=\"block hover:bg-gray-50 px-4 py-4 \">\n\n                                <div className=\"flex items-center justify-between \">\n                                    <div>\n                                        <div className=\"pb-4 flex flex-row space-x-4\">\n                                            <div className=\"font-bold\" data-test=\"apikey-tenant\">{site.tenantName}</div>\n                                            <div className=\"font-medium text-gray-600\">\n                                                {site.siteConnectionStatus === 'active' ?\n                                                    <span className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800\">\n                                                        {site.siteConnectionStatus}\n                                                    </span> :\n                                                    <span className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800\">\n                                                        {site.siteConnectionStatus}\n                                                    </span>\n                                                }\n                                            </div>\n                                        </div>\n                                        <div className=\"flex flex-row text-gray-500\">\n                                            <div className=\"w-24\">API Key: </div>\n                                            <div className=\"font-medium\" data-test=\"apikey-key\">{site.foomanApiKey}</div>\n                                            <div className=\"ml-2 text-sm\"><CopyButton copyContent={site.foomanApiKey} /></div>\n                                        </div>\n                                        <div className=\"flex flex-row text-gray-500\">\n                                            <div className=\"w-24\">API Secret: </div>\n                                            <div className=\"font-medium\" data-test=\"apikey-secret\">{site.foomanApiSecret}</div>\n                                            <div className=\"ml-2 text-sm\"><CopyButton copyContent={site.foomanApiSecret} /></div>\n                                        </div>\n                                    </div>\n                                    <div className=\"ml-2 flex-shrink-0 flex\">\n                                        <SiteConnectionRemoveButton disconnectHandler={handleSiteDisconnectClick} foomanApiKey={site.foomanApiKey}/>\n                                    </div>\n                                </div>\n                            </div>\n                        </li>\n                    ))}\n                </ul>\n            </div>\n        );\n\n    const addSiteConnections = !isLoadingConnections && !isLoadingPlans  && !isLoadingSites\n        ? <AddSiteConnection connections={connections} plans={plans} sites={sites} addSiteConnectionHandler={handleSiteConnectionAdd}/>\n        : null;\n\n    return (\n        <Fragment>\n            <header className=\"bg-white\">\n                <div className=\"max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8\">\n                    <h1 className=\"text-lg leading-6 font-semibold text-gray-900\">API Keys</h1>\n                </div>\n            </header>\n            <main>\n                <div className=\"max-w-7xl mx-auto sm:px-6 lg:px-8\">\n                    <div className=\"px-4 py-4 sm:px-0\">\n                        <div className=\"\" >\n                            <Message type=\"error\" text={listErrorState}/>\n                            <div className=\"bg-white px-4 py-5 sm:px-6\">\n                                {content}\n                            </div>\n                            {addSiteConnections}\n                            <p className=\"text-sm text-gray-500 text-center\">Xero Demo Companies are not counted towards your plan.</p>\n                        </div>\n                    </div>\n                </div>\n            </main>\n        </Fragment>\n    );\n}\n\nexport default Sites;","import React, {Fragment, useEffect, useState} from 'react';\nimport {API} from \"aws-amplify\";\nimport {getUsage} from \"../../graphql/queries\";\nimport {useUser} from \"../User/user\";\nimport ReactEChartsCore from 'echarts-for-react/lib/core';\nimport * as echarts from 'echarts/core';\nimport {\n     LineChart,\n    //BarChart,\n    // PieChart,\n    // ScatterChart,\n    // RadarChart,\n    // MapChart,\n    // TreeChart,\n    // TreemapChart,\n    // GraphChart,\n    // GaugeChart,\n    // FunnelChart,\n    // ParallelChart,\n    // SankeyChart,\n    // BoxplotChart,\n    // CandlestickChart,\n    // EffectScatterChart,\n    // LinesChart,\n    // HeatmapChart,\n    // PictorialBarChart,\n    // ThemeRiverChart,\n    // SunburstChart,\n    // CustomChart,\n} from 'echarts/charts';\n\nimport {\n    // GridSimpleComponent,\n    GridComponent,\n    // PolarComponent,\n    // RadarComponent,\n    // GeoComponent,\n    // SingleAxisComponent,\n    // ParallelComponent,\n    // CalendarComponent,\n    // GraphicComponent,\n    // ToolboxComponent,\n    TooltipComponent,\n    // AxisPointerComponent,\n    // BrushComponent,\n    TitleComponent,\n    // TimelineComponent,\n    // MarkPointComponent,\n    // MarkLineComponent,\n    // MarkAreaComponent,\n    LegendComponent,\n    // LegendScrollComponent,\n    // LegendPlainComponent,\n    // DataZoomComponent,\n    // DataZoomInsideComponent,\n    // DataZoomSliderComponent,\n    // VisualMapComponent,\n    // VisualMapContinuousComponent,\n    // VisualMapPiecewiseComponent,\n    // AriaComponent,\n    // TransformComponent,\n    DatasetComponent,\n} from 'echarts/components';\n// Import renderer, note that introducing the CanvasRenderer or SVGRenderer is a required step\nimport {\n    CanvasRenderer,\n    // SVGRenderer,\n} from 'echarts/renderers';\nimport LoadingContent from \"../Loading/LoadingContent\";\n\necharts.use(\n    [TitleComponent, LegendComponent, TooltipComponent, GridComponent, LineChart, CanvasRenderer]\n);\n\nconst UsageLog = (props) => {\n    const [isLoadingUsage, setIsLoadingUsage] = useState(false);\n    const [usage, setUsage] = useState([]);\n    const {user} = useUser();\n\n    useEffect(() => {\n        const fetchUsage = async () => {\n            if (usage.length === 0) {\n                setIsLoadingUsage(true);\n            }\n            try {\n                const usageData = await API.graphql({\n                        query: getUsage,\n                        authMode: 'AMAZON_COGNITO_USER_POOLS'\n                    }\n                );\n                setUsage(usageData.data.getUsage);\n            } catch (err) {\n                console.log('error fetching usage')\n            } finally {\n                setIsLoadingUsage(false);\n            }\n        };\n        fetchUsage().catch(console.error);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const getChartOptions = (data) => {\n        const options = {\n            xAxis: {\n                type: 'category',\n                data: data.map((x) => x['label'])\n            },\n            yAxis: [\n                {\n                    type: 'value'\n                },\n                {\n                    type: 'value'\n                }\n            ],\n            tooltip: {\n                trigger: 'axis'\n            },\n            legend: {\n                orient: 'horizontal',\n                top: 0\n            },\n            series: [\n                {\n                    name: 'Used',\n                    data: data.map((x) => x['used']),\n                    type: 'line',\n                    yAxisIndex: 0,\n                },\n                {\n                    name: 'Remaining',\n                    data: data.map((x) => x['remaining']),\n                    type: 'line',\n                    yAxisIndex: 1,\n                }\n            ]\n        };\n        return options;\n    };\n\n    const usageList = isLoadingUsage ?\n        <LoadingContent/>:\n        usage.map((entry) => (\n            entry.data.length > 0 ?\n            <div key={entry.label}>\n                <p className=\"text-sm font-medium truncate\">{entry.label}</p>\n                <div className=\"ml-2 flex-shrink-0 flex\">\n                    <ReactEChartsCore\n                        style={{height: '300px', width: '100%'}}\n                        echarts={echarts}\n                        option={getChartOptions(entry.data)}\n                    />\n                </div>\n            </div>: null\n        ));\n\n    return (\n        <Fragment>\n            {usageList}\n        </Fragment>\n    );\n};\n\nexport default UsageLog;\n","import React, { Fragment, useState, useEffect} from 'react';\nimport { Amplify, API } from 'aws-amplify';\nimport awsConfig from \"../../aws-exports-adjusted\";\nimport LoadingContent from \"../Loading/LoadingContent\";\nimport {actionLogByOwner} from '../../graphql/queries';\nimport {useUser} from \"../User/user\";\nimport UsageLog from \"../UsageLog\";\nAmplify.configure(awsConfig);\n\nconst Logs = (props) => {\n    const [isLoadingLogs, setIsLoadingLogs] = useState(false);\n    const [logs, setLogs] = useState([]);\n    const {user} = useUser();\n\n    useEffect(() => {\n        const fetchLogs = async () => {\n            if (logs.length === 0) {\n                setIsLoadingLogs(true);\n            }\n            try {\n                const logData = await API.graphql({\n                        query: actionLogByOwner,\n                        authMode: 'AMAZON_COGNITO_USER_POOLS',\n                        variables: {owner: user.username, sortDirection:'DESC'}\n                    }\n                );\n                setLogs(logData.data.actionLogByOwner.items)\n            } catch (err) {\n                console.log('error fetching logs')\n            } finally {\n                setIsLoadingLogs(false);\n            }\n        }\n        fetchLogs().catch(console.error);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    },[]);\n\n    const options = {year: 'numeric', month: 'long', day: 'numeric', hour:'numeric', minute:'numeric' };\n    const logList = isLoadingLogs ?\n        <LoadingContent/>:\n        logs.map((entry) => (\n                <li key={entry.id}>\n                    <div className=\"block hover:bg-gray-50\">\n                        <div className=\"px-4 py-4 sm:px-6\">\n                            <div className=\"flex items-center space-x-4\">\n                                <p className=\"w-48 text-sm font-medium text-gray-600\">{new Date(entry.createdAt).toLocaleDateString(undefined, options)}</p>\n                                <p className=\"text-sm font-medium text-gray-600\">{entry.content}</p>\n                            </div>\n                        </div>\n                    </div>\n                </li>\n            ));\n\n    return (\n        <Fragment>\n            <header className=\"bg-white\">\n                <div className=\"max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8\">\n                    <h1 className=\"text-lg leading-6 font-semibold text-gray-900\">Log</h1>\n                </div>\n            </header>\n            <main>\n                <div className=\"max-w-7xl mx-auto sm:px-6 lg:px-8\">\n                    <div className=\"px-4 py-4 sm:px-0\">\n                        <UsageLog/>\n                        <div className=\"bg-white\" >\n                            <div className=\"bg-white shadow overflow-hidden sm:rounded-md\">\n                                <ul className=\"divide-y divide-gray-200\">\n                                    {logList}\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </main>\n        </Fragment>\n    );\n}\n\nexport default Logs;","import React from \"react\";\nimport { Dialog } from '@headlessui/react';\nimport {useAlert} from \"./useAlert\";\n\nconst Alert = () => {\n    const alert = useAlert();\n    if (alert.alert === 'none') {\n        return null;\n    }\n    return (\n        <Dialog\n            open={true}\n            onClose={() => alert.clear()}\n            className=\"fixed z-10 inset-0 overflow-y-auto\"\n        >\n            <div className=\"flex items-center justify-center min-h-screen\">\n                <Dialog.Overlay className=\"fixed inset-0 bg-black opacity-30\" />\n\n                <div className=\"relative bg-white rounded max-w-sm mx-auto p-8\">\n                    <Dialog.Title className=\"text-xl\">{alert.alertText}</Dialog.Title>\n                    <button\n                        className=\"border-black border-solid border rounded mx-2 mt-8 py-1 px-2\"\n                        onClick={() => alert.clear()}\n                    >\n                        Dismiss\n                    </button>\n                </div>\n            </div>\n        </Dialog>\n    );\n};\n\nexport default Alert;\n","var _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgLogo(_ref, svgRef) {\n  var title = _ref.title,\n    titleId = _ref.titleId,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"100%\",\n    height: \"100%\",\n    viewBox: \"0 0 1250 417\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n    xmlSpace: \"preserve\",\n    style: {\n      fillRule: \"evenodd\",\n      clipRule: \"evenodd\",\n      strokeLinejoin: \"round\",\n      strokeMiterlimit: 2\n    },\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"g\", {\n    transform: \"matrix(4.16667,0,0,4.16667,402.083,-45.8333)\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    transform: \"matrix(1,0,0,1,-94.8571,15.1545)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M81.292,18.045C88.412,25.165 92.801,34.975 92.801,45.845C92.801,56.715 88.412,66.525 81.292,73.645C74.162,80.765 64.352,85.165 53.481,85.165C47.042,85.165 40.981,83.605 35.622,80.866C40.292,71.255 42.461,61.415 43.332,51.675C50.881,53.345 60.542,53.375 67.511,51.675C67.011,48.485 66.431,44.265 65.732,40.925C60.971,41.435 47.682,41.795 40.782,37.435C49.502,33.805 64.471,34.245 73.622,40.195C80.761,36.375 81.612,35.985 86.412,32.935C56.042,9.615 29.231,25.885 21.131,32.385L30.502,50.185C30.502,50.185 21.552,54.235 15.752,56.905C14.731,53.395 14.171,49.685 14.171,45.845C14.171,34.975 18.562,25.165 25.682,18.045C32.812,10.925 42.622,6.525 53.481,6.525C64.352,6.525 74.162,10.925 81.292,18.045Z\",\n    style: {\n      fill: \"white\",\n      fillRule: \"nonzero\"\n    }\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M92.801,45.845C92.801,34.975 88.412,25.165 81.292,18.045C74.162,10.925 64.352,6.525 53.481,6.525C42.622,6.525 32.812,10.925 25.682,18.045C18.562,25.165 14.171,34.975 14.171,45.845C14.171,49.685 14.731,53.395 15.752,56.905C21.552,54.235 30.502,50.185 30.502,50.185L21.131,32.385C29.231,25.885 56.042,9.615 86.412,32.935C81.612,35.985 80.761,36.375 73.622,40.195C64.471,34.245 49.502,33.805 40.782,37.435C47.682,41.795 60.971,41.435 65.732,40.925C66.431,44.265 67.011,48.485 67.511,51.675C60.542,53.375 50.881,53.345 43.332,51.675C42.461,61.415 40.292,71.255 35.622,80.866C40.981,83.605 47.042,85.165 53.481,85.165C64.352,85.165 74.162,80.765 81.292,73.645C88.412,66.525 92.801,56.715 92.801,45.845ZM53.481,0.745C78.402,0.745 98.582,20.935 98.591,45.845C98.582,70.755 78.402,90.946 53.481,90.946C28.572,90.946 8.392,70.755 8.381,45.845C8.392,20.935 28.572,0.745 53.481,0.745Z\",\n    style: {\n      fill: \"rgb(3,4,4)\",\n      fillRule: \"nonzero\"\n    }\n  })), /*#__PURE__*/React.createElement(\"g\", {\n    transform: \"matrix(1.565,0,0,1.67605,16.9089,-127.393)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M2.121,104.791L2.121,111.362L11.283,111.362L11.283,113.153L2.121,113.153L2.121,121.807L0,121.807L0,102.999L11.531,102.999L11.531,104.791L2.121,104.791Z\",\n    style: {\n      fill: \"rgb(3,4,4)\",\n      fillRule: \"nonzero\"\n    }\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M21.217,104.598C18.241,104.598 16.501,104.928 15.995,105.59C15.491,106.251 15.237,108.52 15.237,112.395C15.237,116.282 15.491,118.556 15.995,119.218C16.501,119.877 18.241,120.209 21.217,120.209C24.203,120.209 25.949,119.877 26.453,119.218C26.959,118.556 27.211,116.282 27.211,112.395L27.211,111.17L27.197,109.392C27.197,107.317 26.848,105.997 26.151,105.439C25.453,104.877 23.808,104.598 21.217,104.598ZM21.231,102.806C24.786,102.806 27.009,103.325 27.9,104.364C28.792,105.401 29.237,107.996 29.237,112.148C29.237,116.622 28.81,119.383 27.955,120.429C27.102,121.475 24.86,122 21.231,122C17.622,122 15.382,121.482 14.514,120.442C13.647,119.405 13.211,116.723 13.211,112.395L13.211,111.074L13.241,109.297C13.241,106.797 13.803,105.092 14.929,104.176C16.053,103.263 18.154,102.806 21.231,102.806Z\",\n    style: {\n      fill: \"rgb(3,4,4)\",\n      fillRule: \"nonzero\"\n    }\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M39.087,104.598C36.111,104.598 34.371,104.928 33.866,105.59C33.361,106.251 33.107,108.52 33.107,112.395C33.107,116.282 33.361,118.556 33.866,119.218C34.371,119.877 36.111,120.209 39.087,120.209C42.073,120.209 43.819,119.877 44.324,119.218C44.829,118.556 45.081,116.282 45.081,112.395L45.081,111.17L45.067,109.392C45.067,107.317 44.718,105.997 44.021,105.439C43.322,104.877 41.678,104.598 39.087,104.598ZM39.101,102.806C42.656,102.806 44.878,103.325 45.771,104.364C46.662,105.401 47.107,107.996 47.107,112.148C47.107,116.622 46.679,119.383 45.825,120.429C44.972,121.475 42.73,122 39.101,122C35.492,122 33.252,121.482 32.384,120.442C31.517,119.405 31.082,116.723 31.082,112.395L31.082,111.074L31.111,109.297C31.111,106.797 31.673,105.092 32.799,104.176C33.923,103.263 36.024,102.806 39.101,102.806Z\",\n    style: {\n      fill: \"rgb(3,4,4)\",\n      fillRule: \"nonzero\"\n    }\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M70.172,102.999L70.172,121.807L68.05,121.807L68.05,106.76L68.05,105.63L68.065,105.066L68.078,104.5L68.024,104.5L67.859,104.94C67.775,105.162 67.719,105.305 67.694,105.369L67.335,106.251L60.927,121.807L58.805,121.807L52.384,106.43L52.013,105.561L51.847,105.121C51.801,105.02 51.747,104.877 51.682,104.694L51.627,104.694L51.64,105.204L51.655,105.727L51.655,121.807L49.533,121.807L49.533,102.999L53.211,102.999L58.227,115.166L59.024,117.136L59.426,118.114L59.813,119.092L59.867,119.092L60.252,118.114C60.446,117.644 60.573,117.319 60.637,117.136L61.452,115.18L66.439,102.999L70.172,102.999Z\",\n    style: {\n      fill: \"rgb(3,4,4)\",\n      fillRule: \"nonzero\"\n    }\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M84.682,116.226L80.506,104.735L76.388,116.226L84.682,116.226ZM85.302,117.825L75.781,117.825L74.335,121.807L72.088,121.807L78.977,102.999L81.954,102.999L88.98,121.807L86.761,121.807L85.302,117.825Z\",\n    style: {\n      fill: \"rgb(3,4,4)\",\n      fillRule: \"nonzero\"\n    }\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M106.977,102.999L106.977,121.807L103.49,121.807L95.609,109.006L94.327,106.898L93.693,105.852L93.059,104.805L93.005,104.805L93.018,105.507L93.031,106.224L93.031,121.807L90.911,121.807L90.911,102.999L94.382,102.999L101.259,114.215L103.05,117.164L103.945,118.624L104.826,120.099L104.882,120.099L104.869,119.395L104.854,118.68L104.854,117.273L104.854,102.999L106.977,102.999Z\",\n    style: {\n      fill: \"rgb(3,4,4)\",\n      fillRule: \"nonzero\"\n    }\n  }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogo);\nexport default __webpack_public_path__ + \"static/media/logo.f08c1aed.svg\";\nexport { ForwardRef as ReactComponent };","import React, {Fragment} from 'react';\nimport {useLocation, useNavigate} from \"react-router-dom\";\nimport { Disclosure, Menu, Transition } from '@headlessui/react'\nimport { MenuIcon, XIcon, UserIcon } from '@heroicons/react/outline'\nimport {useUser} from \"../User/user\";\nimport Alert from '../Alert';\nimport { ReactComponent as Logo } from \"../../logo.svg\";\nimport PrivacyLink from \"../Privacy/PrivacyLink\";\n\nfunction classNames(...classes) {\n    return classes.filter(Boolean).join(' ')\n}\n\nconst LoggedInPageLayout = (props) => {\n    const { user, logout } = useUser();\n    let navigate = useNavigate();\n    const location = useLocation();\n\n    const navigation = [\n        { name: 'Dashboard', href: '/dashboard', current: location.pathname === '/dashboard' },\n        { name: 'Connections', href: '/connections', current: location.pathname === '/connections' },\n        { name: 'Plans', href: '/plans', current: location.pathname === '/plans' },\n        { name: 'API Keys', href: '/apikeys', current: location.pathname === '/apikeys' },\n        { name: 'Logs', href: '/logs', current: location.pathname === '/logs' }\n    ];\n\n    const templateUser = {\n        name: user.attributes.given_name + ' ' + user.attributes.family_name\n    }\n    const userNavigation = [\n        //{ name: 'Your Profile', onclick: '/profile' },\n        { name: 'Sign out', onclick: logout }\n    ]\n\n    const handleLinkClick = (e, destination)=> {\n        e.stopPropagation();\n        navigate(destination);\n    }\n\n    return (\n<div className=\"min-h-full text-foomantext\">\n    <Disclosure as=\"nav\" className=\"bg-white\">\n        {({ open }) => (\n            <>\n                <div className=\"max-w-7xl h-15 mx-auto px-4 sm:px-6 lg:px-8\">\n                    <div className=\"flex items-center justify-between h-16\">\n                        <div className=\"flex items-center\">\n                            <div className=\"flex-shrink-0\">\n                                <Logo className=\"h-10\" alt=\"Fooman Logo\"/>\n                            </div>\n                            <div className=\"hidden lg:block\">\n                                <div className=\"ml-5 lg:ml-10 flex items-baseline space-x-2 lg:space-x-3\">\n                                    {navigation.map((item) => (\n                                        <a\n                                            key={item.name}\n                                            href={item.href}\n                                            onClick={e => handleLinkClick(e, item.href)}\n                                            data-test={\"MenuItem-\" + item.name}\n                                            className={classNames(\n                                                item.current\n                                                    ? 'bg-gray-900 text-white uppercase tracking-wider'\n                                                    : 'text-black hover:text-foomanyellow uppercase tracking-wider',\n                                                'lg:px-3 px-1 py-2 rounded-md text-sm font-medium'\n                                            )}\n                                            aria-current={item.current ? 'page' : undefined}\n                                        >\n                                            {item.name}\n                                        </a>\n                                    ))}\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"hidden lg:block\">\n                            <div className=\"ml-4 flex items-center lg:ml-6\">\n\n                                {/* Profile dropdown */}\n                                <Menu as=\"div\" className=\"ml-3 relative\">\n                                    <div className=\"flex flex-row\">\n                                        <div className=\"mr-2\" data-test=\"user-email\">{user.attributes?user.attributes.email:''}</div>\n                                        <Menu.Button className=\"max-w-xs bg-gray-800 rounded-full flex items-center text-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white\">\n                                            <span className=\"sr-only\">Open user menu</span>\n                                            <UserIcon className=\"block h-6 w-6 rounded-full\" aria-hidden=\"true\" />\n                                        </Menu.Button>\n                                    </div>\n                                    <Transition\n                                        as={Fragment}\n                                        enter=\"transition ease-out duration-100\"\n                                        enterFrom=\"transform opacity-0 scale-95\"\n                                        enterTo=\"transform opacity-100 scale-100\"\n                                        leave=\"transition ease-in duration-75\"\n                                        leaveFrom=\"transform opacity-100 scale-100\"\n                                        leaveTo=\"transform opacity-0 scale-95\"\n                                    >\n                                        <Menu.Items className=\"origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none\">\n                                            {userNavigation.map((item) => (\n                                                <Menu.Item key={item.name}>\n                                                    {({ active }) => (\n                                                        <button\n                                                            onClick={item.onclick}\n                                                            className={classNames(\n                                                                active ? 'bg-gray-100' : '',\n                                                                'block px-4 py-2 text-sm text-gray-700'\n                                                            )}\n                                                        >\n                                                            {item.name}\n                                                        </button>\n                                                    )}\n                                                </Menu.Item>\n                                            ))}\n                                        </Menu.Items>\n                                    </Transition>\n                                </Menu>\n                            </div>\n                        </div>\n                        <div className=\"-mr-2 flex lg:hidden\">\n                            {/* Mobile menu button */}\n                            <Disclosure.Button className=\"bg-gray-800 inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white\">\n                                <span className=\"sr-only\">Open main menu</span>\n                                {open ? (\n                                    <XIcon className=\"block h-6 w-6\" aria-hidden=\"true\" />\n                                ) : (\n                                    <MenuIcon className=\"block h-6 w-6\" aria-hidden=\"true\" />\n                                )}\n                            </Disclosure.Button>\n                        </div>\n                    </div>\n                </div>\n\n                <Disclosure.Panel className=\"lg:hidden\">\n                    <div className=\"px-2 pt-2 pb-3 space-y-1 sm:px-3\">\n                        {navigation.map((item) => (\n                            <Disclosure.Button\n                                key={item.name}\n                                as=\"a\"\n                                href={item.href}\n                                onClick={e => handleLinkClick(e, item.href)}\n                                className={classNames(\n                                    item.current ? 'bg-gray-900 text-white uppercase tracking-wider' : 'text-black hover:text-foomanyellow uppercase tracking-wider',\n                                    'block px-3 py-2 rounded-md text-base font-medium'\n                                )}\n                                aria-current={item.current ? 'page' : undefined}\n                            >\n                                {item.name}\n                            </Disclosure.Button>\n                        ))}\n                    </div>\n                    <div className=\"pt-4 pb-3 border-t border-gray-700\">\n                        <div className=\"flex items-center px-5\">\n                            <div className=\"ml-3\">\n                                <div className=\"text-base font-medium text-white\">{ templateUser.name}</div>\n                                <div className=\"text-sm font-medium text-gray-400\" >{ templateUser.email}</div>\n                            </div>\n                        </div>\n                        <div className=\"mt-3 px-2 space-y-1\">\n                            {userNavigation.map((item) => (\n                                <Disclosure.Button\n                                    key={item.name}\n                                    as=\"a\"\n                                    href={item.href}\n                                    className=\"block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700\"\n                                >\n                                    {item.name}\n                                </Disclosure.Button>\n                            ))}\n                        </div>\n                    </div>\n                </Disclosure.Panel>\n                {props.children}\n\n            </>\n        )}\n    </Disclosure>\n    <Alert />\n    <div className=\"sticky top-[100vh] p-4 flex justify-center items-center\">\n        <div className=\"\"><PrivacyLink/></div>\n    </div>\n</div>\n    );\n}\n\nexport default LoggedInPageLayout;","//import logo from './logo.svg';\nimport React, { Fragment } from 'react';\nimport './tailwind.generated.css';\nimport { Amplify } from 'aws-amplify';\nimport awsConfig from './aws-exports-adjusted';\nimport XeroLoginButton from \"./components/XeroLoginButton\";\nimport { useUser } from './components/User/user';\nimport {useLoading} from './components/Loading/LoadingContext';\nimport {UserLoadingScreen} from './components/Loading/UserLoadingScreen';\nimport { Routes, Route} from \"react-router-dom\";\nimport {RequireAuth, HideLoginFromUsers}  from \"./components/Navigation/RequireAuth\"\nimport Dashboard from \"./components/Pages/Dashboard\";\nimport Plans from \"./components/Pages/Plans\";\nimport Connections from \"./components/Pages/Connections\";\nimport Sites from \"./components/Pages/Sites\";\nimport Logs from \"./components/Pages/Logs\";\nimport LoggedInPageLayout from \"./components/Pages/LoggedInPageLayout\";\n\nAmplify.configure(awsConfig);\n\nfunction App() {\n    const { login} = useUser();\n    const {isLoading} = useLoading();\n    const Home = () => (\n            <Fragment>\n                <XeroLoginButton handleLoginClick={login}/>\n            </Fragment>\n        );\n\n    const content = isLoading ?\n        <UserLoadingScreen/> :\n        <Fragment>\n            <Routes>\n\n                <Route\n                    path=\"/dashboard\"\n                    element={\n                        <RequireAuth>\n                            <LoggedInPageLayout>\n                                <Dashboard />\n                            </LoggedInPageLayout>\n                        </RequireAuth>\n                    }\n                />\n                <Route\n                    path=\"/plans\"\n                    element={\n                        <RequireAuth>\n                            <LoggedInPageLayout>\n                                <Plans />\n                            </LoggedInPageLayout>\n                        </RequireAuth>\n                    }\n                />\n                <Route\n                    path=\"/connections\"\n                    element={\n                        <RequireAuth>\n                            <LoggedInPageLayout>\n                                <Connections />\n                            </LoggedInPageLayout>\n                        </RequireAuth>\n                    }\n                />\n                <Route\n                    path=\"/apikeys\"\n                    element={\n                        <RequireAuth>\n                            <LoggedInPageLayout>\n                                <Sites />\n                            </LoggedInPageLayout>\n                        </RequireAuth>\n                    }\n                />\n                <Route\n                    path=\"/logs\"\n                    element={\n                        <RequireAuth>\n                            <LoggedInPageLayout>\n                                <Logs />\n                            </LoggedInPageLayout>\n                        </RequireAuth>\n                    }\n                />\n                <Route\n                    exact\n                    path=\"/\"\n                    element={\n                        <HideLoginFromUsers>\n                            <Home />\n                        </HideLoginFromUsers>\n                    }\n                />\n            </Routes>\n        </Fragment>;\n\n    return (\n        content\n    );\n};\n\nexport default App;","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport { Amplify } from \"aws-amplify\";\nimport awsConfig from './aws-exports-adjusted';\nimport {\n    BrowserRouter\n} from \"react-router-dom\";\nimport {UserProvider} from \"./components/User/user\";\nimport {LoadingProvider} from \"./components/Loading/LoadingContext\";\nimport {AlertProvider} from \"./components/Alert/AlertContext\";\nAmplify.configure(awsConfig);\n\nReactDOM.render(\n  <React.StrictMode>\n      <BrowserRouter>\n          <AlertProvider>\n              <LoadingProvider>\n                  <UserProvider>\n                      <App />\n                  </UserProvider>\n              </LoadingProvider>\n          </AlertProvider>\n      </BrowserRouter>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}