}\n\nexport type LoadableGeneratedOptions = {\n webpack?(): any\n modules?(): LoaderMap\n}\n\nexport type DynamicOptionsLoadingProps = {\n error?: Error | null\n isLoading?: boolean\n pastDelay?: boolean\n retry?: () => void\n timedOut?: boolean\n}\n\n// Normalize loader to return the module as form { default: Component } for `React.lazy`.\n// Also for backward compatible since next/dynamic allows to resolve a component directly with loader\n// Client component reference proxy need to be converted to a module.\nfunction convertModule(mod: React.ComponentType
| ComponentModule
) {\n return { default: (mod as ComponentModule
)?.default || mod }\n}\n\nexport type DynamicOptions
= LoadableGeneratedOptions & {\n loading?: (loadingProps: DynamicOptionsLoadingProps) => JSX.Element | null\n loader?: Loader
| LoaderMap\n loadableGenerated?: LoadableGeneratedOptions\n ssr?: boolean\n}\n\nexport type LoadableOptions
= DynamicOptions
\n\nexport type LoadableFn
= (\n opts: LoadableOptions
\n) => React.ComponentType
\n\nexport type LoadableComponent
= React.ComponentType
\n\nexport function noSSR
(\n LoadableInitializer: LoadableFn
,\n loadableOptions: DynamicOptions
\n): React.ComponentType
{\n // Removing webpack and modules means react-loadable won't try preloading\n delete loadableOptions.webpack\n delete loadableOptions.modules\n\n // This check is necessary to prevent react-loadable from initializing on the server\n if (!isServerSide) {\n return LoadableInitializer(loadableOptions)\n }\n\n const Loading = loadableOptions.loading!\n // This will only be rendered on the server side\n return () => (\n \n )\n}\n\n/**\n * This function lets you dynamically import a component.\n * It uses [React.lazy()](https://react.dev/reference/react/lazy) with [Suspense](https://react.dev/reference/react/Suspense) under the hood.\n *\n * Read more: [Next.js Docs: `next/dynamic`](https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading#nextdynamic)\n */\nexport default function dynamic
(\n dynamicOptions: DynamicOptions
| Loader
,\n options?: DynamicOptions
\n): React.ComponentType
{\n let loadableFn = Loadable as LoadableFn
\n\n let loadableOptions: LoadableOptions
= {\n // A loading component is not required, so we default it\n loading: ({ error, isLoading, pastDelay }) => {\n if (!pastDelay) return null\n if (process.env.NODE_ENV !== 'production') {\n if (isLoading) {\n return null\n }\n if (error) {\n return (\n
\n {error.message}\n
\n {error.stack}\n
\n )\n }\n }\n return null\n },\n }\n\n // Support for direct import(), eg: dynamic(import('../hello-world'))\n // Note that this is only kept for the edge case where someone is passing in a promise as first argument\n // The react-loadable babel plugin will turn dynamic(import('../hello-world')) into dynamic(() => import('../hello-world'))\n // To make sure we don't execute the import without rendering first\n if (dynamicOptions instanceof Promise) {\n loadableOptions.loader = () => dynamicOptions\n // Support for having import as a function, eg: dynamic(() => import('../hello-world'))\n } else if (typeof dynamicOptions === 'function') {\n loadableOptions.loader = dynamicOptions\n // Support for having first argument being options, eg: dynamic({loader: import('../hello-world')})\n } else if (typeof dynamicOptions === 'object') {\n loadableOptions = { ...loadableOptions, ...dynamicOptions }\n }\n\n // Support for passing options, eg: dynamic(import('../hello-world'), {loading: () => Loading something
})\n loadableOptions = { ...loadableOptions, ...options }\n\n const loaderFn = loadableOptions.loader as () => LoaderComponent\n const loader = () =>\n loaderFn != null\n ? loaderFn().then(convertModule)\n : Promise.resolve(convertModule(() => null))\n\n // coming from build/babel/plugins/react-loadable-plugin.js\n if (loadableOptions.loadableGenerated) {\n loadableOptions = {\n ...loadableOptions,\n ...loadableOptions.loadableGenerated,\n }\n delete loadableOptions.loadableGenerated\n }\n\n // support for disabling server side rendering, eg: dynamic(() => import('../hello-world'), {ssr: false}).\n if (typeof loadableOptions.ssr === 'boolean' && !loadableOptions.ssr) {\n delete loadableOptions.webpack\n delete loadableOptions.modules\n\n return noSSR(loadableFn, loadableOptions)\n }\n\n return loadableFn({ ...loadableOptions, loader: loader as Loader
})\n}\n","'use client'\n\nimport React from 'react'\n\ntype CaptureFn = (moduleName: string) => void\n\nexport const LoadableContext = React.createContext(null)\n\nif (process.env.NODE_ENV !== 'production') {\n LoadableContext.displayName = 'LoadableContext'\n}\n","// TODO: Remove use of `any` type.\n/**\n@copyright (c) 2017-present James Kyle \n MIT License\n Permission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n The above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE\n*/\n// https://github.com/jamiebuilds/react-loadable/blob/v5.5.0/src/index.js\n// Modified to be compatible with webpack 4 / Next.js\n\nimport React from 'react'\nimport { LoadableContext } from './loadable-context.shared-runtime'\n\nfunction resolve(obj: any) {\n return obj && obj.default ? obj.default : obj\n}\n\nconst ALL_INITIALIZERS: any[] = []\nconst READY_INITIALIZERS: any[] = []\nlet initialized = false\n\nfunction load(loader: any) {\n let promise = loader()\n\n let state: any = {\n loading: true,\n loaded: null,\n error: null,\n }\n\n state.promise = promise\n .then((loaded: any) => {\n state.loading = false\n state.loaded = loaded\n return loaded\n })\n .catch((err: any) => {\n state.loading = false\n state.error = err\n throw err\n })\n\n return state\n}\n\nfunction createLoadableComponent(loadFn: any, options: any) {\n let opts = Object.assign(\n {\n loader: null,\n loading: null,\n delay: 200,\n timeout: null,\n webpack: null,\n modules: null,\n },\n options\n )\n\n /** @type LoadableSubscription */\n let subscription: any = null\n function init() {\n if (!subscription) {\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n const sub = new LoadableSubscription(loadFn, opts)\n subscription = {\n getCurrentValue: sub.getCurrentValue.bind(sub),\n subscribe: sub.subscribe.bind(sub),\n retry: sub.retry.bind(sub),\n promise: sub.promise.bind(sub),\n }\n }\n return subscription.promise()\n }\n\n // Server only\n if (typeof window === 'undefined') {\n ALL_INITIALIZERS.push(init)\n }\n\n // Client only\n if (!initialized && typeof window !== 'undefined') {\n // require.resolveWeak check is needed for environments that don't have it available like Jest\n const moduleIds =\n opts.webpack && typeof (require as any).resolveWeak === 'function'\n ? opts.webpack()\n : opts.modules\n if (moduleIds) {\n READY_INITIALIZERS.push((ids: any) => {\n for (const moduleId of moduleIds) {\n if (ids.includes(moduleId)) {\n return init()\n }\n }\n })\n }\n }\n\n function useLoadableModule() {\n init()\n\n const context = React.useContext(LoadableContext)\n if (context && Array.isArray(opts.modules)) {\n opts.modules.forEach((moduleName: any) => {\n context(moduleName)\n })\n }\n }\n\n function LoadableComponent(props: any, ref: any) {\n useLoadableModule()\n\n const state = (React as any).useSyncExternalStore(\n subscription.subscribe,\n subscription.getCurrentValue,\n subscription.getCurrentValue\n )\n\n React.useImperativeHandle(\n ref,\n () => ({\n retry: subscription.retry,\n }),\n []\n )\n\n return React.useMemo(() => {\n if (state.loading || state.error) {\n return React.createElement(opts.loading, {\n isLoading: state.loading,\n pastDelay: state.pastDelay,\n timedOut: state.timedOut,\n error: state.error,\n retry: subscription.retry,\n })\n } else if (state.loaded) {\n return React.createElement(resolve(state.loaded), props)\n } else {\n return null\n }\n }, [props, state])\n }\n\n LoadableComponent.preload = () => init()\n LoadableComponent.displayName = 'LoadableComponent'\n\n return React.forwardRef(LoadableComponent)\n}\n\nclass LoadableSubscription {\n _loadFn: any\n _opts: any\n _callbacks: any\n _delay: any\n _timeout: any\n _res: any\n _state: any\n constructor(loadFn: any, opts: any) {\n this._loadFn = loadFn\n this._opts = opts\n this._callbacks = new Set()\n this._delay = null\n this._timeout = null\n\n this.retry()\n }\n\n promise() {\n return this._res.promise\n }\n\n retry() {\n this._clearTimeouts()\n this._res = this._loadFn(this._opts.loader)\n\n this._state = {\n pastDelay: false,\n timedOut: false,\n }\n\n const { _res: res, _opts: opts } = this\n\n if (res.loading) {\n if (typeof opts.delay === 'number') {\n if (opts.delay === 0) {\n this._state.pastDelay = true\n } else {\n this._delay = setTimeout(() => {\n this._update({\n pastDelay: true,\n })\n }, opts.delay)\n }\n }\n\n if (typeof opts.timeout === 'number') {\n this._timeout = setTimeout(() => {\n this._update({ timedOut: true })\n }, opts.timeout)\n }\n }\n\n this._res.promise\n .then(() => {\n this._update({})\n this._clearTimeouts()\n })\n .catch((_err: any) => {\n this._update({})\n this._clearTimeouts()\n })\n this._update({})\n }\n\n _update(partial: any) {\n this._state = {\n ...this._state,\n error: this._res.error,\n loaded: this._res.loaded,\n loading: this._res.loading,\n ...partial,\n }\n this._callbacks.forEach((callback: any) => callback())\n }\n\n _clearTimeouts() {\n clearTimeout(this._delay)\n clearTimeout(this._timeout)\n }\n\n getCurrentValue() {\n return this._state\n }\n\n subscribe(callback: any) {\n this._callbacks.add(callback)\n return () => {\n this._callbacks.delete(callback)\n }\n }\n}\n\nfunction Loadable(opts: any) {\n return createLoadableComponent(load, opts)\n}\n\nfunction flushInitializers(initializers: any, ids?: any): any {\n let promises = []\n\n while (initializers.length) {\n let init = initializers.pop()\n promises.push(init(ids))\n }\n\n return Promise.all(promises).then(() => {\n if (initializers.length) {\n return flushInitializers(initializers, ids)\n }\n })\n}\n\nLoadable.preloadAll = () => {\n return new Promise((resolveInitializers, reject) => {\n flushInitializers(ALL_INITIALIZERS).then(resolveInitializers, reject)\n })\n}\n\nLoadable.preloadReady = (ids: (string | number)[] = []): Promise => {\n return new Promise((resolvePreload) => {\n const res = () => {\n initialized = true\n return resolvePreload()\n }\n // We always will resolve, errors should be handled within loading UIs.\n flushInitializers(READY_INITIALIZERS, ids).then(res, res)\n })\n}\n\ndeclare global {\n interface Window {\n __NEXT_PRELOADREADY?: (ids?: (string | number)[]) => Promise\n }\n}\n\nif (typeof window !== 'undefined') {\n window.__NEXT_PRELOADREADY = Loadable.preloadReady\n}\n\nexport default Loadable\n","import { NextPage } from 'next';\nimport type { AppProps } from 'next/app';\nimport Head from 'next/head';\nimport React, { ReactElement, useMemo } from 'react';\nimport { ApolloProvider } from '@apollo/client';\nimport createEmotionCache from '@emotion/cache';\nimport { CacheProvider } from '@emotion/react';\nimport { Box, StyledEngineProvider } from '@mui/material';\nimport { ThemeProvider } from '@mui/material/styles';\nimport { AdapterLuxon } from '@mui/x-date-pickers/AdapterLuxon';\nimport {\n LocalizationProviderProps,\n LocalizationProvider as RawLocalizationProvider,\n} from '@mui/x-date-pickers/LocalizationProvider';\nimport { ErrorBoundary, Provider } from '@rollbar/react';\nimport { DateTime } from 'luxon';\nimport { Session } from 'next-auth';\nimport { SessionProvider } from 'next-auth/react';\nimport { SnackbarProvider } from 'notistack';\nimport { I18nextProvider, useTranslation } from 'react-i18next';\nimport Rollbar from 'rollbar';\nimport { Announcements } from 'src/components/Announcements/Announcements';\nimport DataDog from 'src/components/DataDog/DataDog';\nimport { GlobalStyles } from 'src/components/GlobalStyles/GlobalStyles';\nimport { Helpjuice } from 'src/components/Helpjuice/Helpjuice';\nimport PrimaryLayout from 'src/components/Layouts/Primary';\nimport Loading from 'src/components/Loading';\nimport { RouterGuard } from 'src/components/RouterGuard/RouterGuard';\nimport { SetupProvider } from 'src/components/Setup/SetupProvider';\nimport { SnackbarUtilsConfigurator } from 'src/components/Snackbar/Snackbar';\nimport TaskModalProvider from 'src/components/Task/Modal/TaskModalProvider';\nimport { UserPreferenceProvider } from 'src/components/User/Preferences/UserPreferenceProvider';\nimport { AppSettingsProvider } from 'src/components/common/AppSettings/AppSettingsProvider';\nimport { useLocale } from 'src/hooks/useLocale';\nimport { useRequiredSession } from 'src/hooks/useRequiredSession';\nimport makeClient from 'src/lib/apollo/client';\nimport i18n from 'src/lib/i18n';\nimport theme from 'src/theme';\nimport './helpjuice.css';\nimport './print.css';\n\nexport type PageWithLayout = NextPage & {\n layout?: React.FC;\n};\n\n// Wrapper for LocalizationProvider that adds the user's preferred locale\nconst LocalizationProvider = (\n props: LocalizationProviderProps,\n): JSX.Element => {\n const locale = useLocale();\n\n return ;\n};\n\n// This provider contains all components and providers that depend on having an Apollo client or a valid session\n// It will not be present on the login page\nconst GraphQLProviders: React.FC<{\n children: React.ReactNode;\n}> = ({ children = null }) => {\n const { apiToken } = useRequiredSession();\n const client = useMemo(() => makeClient(apiToken), [apiToken]);\n\n return (\n \n \n \n {children}\n \n \n \n );\n};\n\nconst nonAuthenticatedPages = new Set(['/login', '/404', '/500']);\n\nconst App = ({\n Component,\n pageProps,\n router,\n}: AppProps<{\n session?: Session;\n}>): ReactElement => {\n const { t } = useTranslation();\n const Layout = (Component as PageWithLayout).layout || PrimaryLayout;\n const { session } = pageProps;\n const rollbarConfig: Rollbar.Configuration = {\n accessToken: process.env.ROLLBAR_ACCESS_TOKEN,\n environment: `react_${process.env.NODE_ENV}`,\n codeVersion: React.version,\n captureUncaught: true,\n captureUnhandledRejections: true,\n payload: {\n client: {\n javascript: {\n code_version: React.version,\n },\n },\n },\n enabled: Boolean(process.env.ROLLBAR_ACCESS_TOKEN),\n checkIgnore: (_, args) =>\n // Ignore React hydration warnings\n [\n 'Minified React error #418',\n 'Minified React error #423',\n 'Minified React error #425',\n ].some((error) => typeof args[0] === 'string' && args[0].includes(error)),\n };\n\n const emotionCache = createEmotionCache({ key: 'css' });\n\n if (!session && !nonAuthenticatedPages.has(router.pathname)) {\n throw new Error(\n 'A session was not provided via page props. Make sure that getServerSideProps for this page returns the session in its props.',\n );\n }\n\n const pageContent = (\n \n \n \n \n \n ({\n fontFamily: theme.typography.fontFamily,\n })}\n >\n \n