@planningcenter/topbar 8.2.0-rc.2 → 8.2.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +11 -1
  2. package/README.md +4 -2
  3. package/dist/modules/api_request.d.ts +0 -5
  4. package/dist/modules/apps_provider.d.ts +1 -1
  5. package/dist/modules/client_storage.d.ts +1 -1
  6. package/dist/modules/color_app_squircles.d.ts +1 -0
  7. package/dist/modules/colors.d.ts +46 -0
  8. package/dist/modules/components/NotificationsMenuBlankState.d.ts +12 -0
  9. package/dist/modules/components/apps_menu.d.ts +2 -6
  10. package/dist/modules/components/conditional_wrap.d.ts +7 -0
  11. package/dist/modules/components/notification_item.d.ts +5 -1
  12. package/dist/modules/components/notifications_inbox.d.ts +18 -0
  13. package/dist/modules/components/notifications_menu.d.ts +9 -3
  14. package/dist/modules/components/notifications_menu_Wrapper.d.ts +7 -0
  15. package/dist/modules/components/notifications_menu_blank_state.d.ts +8 -0
  16. package/dist/modules/components/popover_root.d.ts +6 -0
  17. package/dist/modules/components/spinner.d.ts +4 -0
  18. package/dist/modules/connected_people_provider.d.ts +1 -1
  19. package/dist/modules/display_switch.d.ts +1 -1
  20. package/dist/modules/dummy_data.d.ts +3 -3
  21. package/dist/modules/formatters.d.ts +1 -13
  22. package/dist/modules/hooks/use_hover.d.ts +3 -0
  23. package/dist/modules/hooks/use_local_storage.d.ts +10 -0
  24. package/dist/modules/hooks/use_notifications.d.ts +16 -0
  25. package/dist/modules/hooks/use_topbar_api.d.ts +8 -0
  26. package/dist/modules/mono_app_symbols.d.ts +4 -0
  27. package/dist/modules/mono_app_text.d.ts +5 -0
  28. package/dist/modules/not_small_topbar.d.ts +35 -15
  29. package/dist/modules/symbols.d.ts +8 -15
  30. package/dist/modules/topbar_context.d.ts +5 -0
  31. package/dist/topbar +2 -0
  32. package/dist/topbar.js +1 -1
  33. package/dist/topbar.js.map +1 -1
  34. package/dist/topbar.map +1 -0
  35. package/dist/topbar.modern.css +2 -0
  36. package/dist/topbar.modern.css.map +1 -0
  37. package/dist/topbar.modern.js +1 -1
  38. package/dist/topbar.modern.js.map +1 -1
  39. package/dist/topbar.module.css +2 -0
  40. package/dist/topbar.module.css.map +1 -0
  41. package/dist/topbar.module.js +1 -1
  42. package/dist/topbar.module.js.map +1 -1
  43. package/dist/topbar.umd.js +1 -1
  44. package/dist/topbar.umd.js.map +1 -1
  45. package/dist/types/modules/hooks/use_notifications.d.ts.map +1 -1
  46. package/dist/types/modules/interfaces.d.ts +55 -0
  47. package/dist/types/modules/interfaces.d.ts.map +1 -0
  48. package/dist/types/modules/medium_topbar.d.ts +39 -0
  49. package/dist/types/modules/medium_topbar.d.ts.map +1 -0
  50. package/dist/types/modules/profile_container.d.ts +10 -0
  51. package/dist/types/modules/profile_container.d.ts.map +1 -0
  52. package/package.json +2 -2
package/dist/topbar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"topbar.js","sources":["../modules/api_request.ts","../modules/hooks/use_local_storage.ts","../modules/hooks/use_topbar_api.ts","../modules/topbar_context.ts","../modules/apps_provider.tsx","../modules/connected_people_provider.tsx","../modules/display_switch.tsx","../modules/avatar.tsx","../modules/mono_app_symbols.tsx","../modules/mono_app_icon.tsx","../modules/mono_app_text.tsx","../modules/mono_app_name.tsx","../modules/styles.tsx","../modules/symbols.tsx","../modules/unbutton.tsx","../modules/components/apps_button.tsx","../modules/color_app_squircles.tsx","../modules/color_app_icon.tsx","../modules/get_apps_switch_product_path.tsx","../modules/components/hoverable_list_item.tsx","../modules/components/outsider.tsx","../modules/components/popover_root.tsx","../modules/components/popup.tsx","../modules/components/apps_menu.tsx","../modules/components/hoverable.tsx","../modules/components/notification_bell.tsx","../modules/components/conditional_wrap.tsx","../modules/hooks/use_hover.tsx","../modules/components/eyebrow.tsx","../modules/colors.tsx","../modules/components/notification_item.tsx","../modules/components/notifications_menu_blank_state.tsx","../modules/components/popup_root.tsx","../modules/components/notifications_menu_wrapper.tsx","../modules/components/spinner.tsx","../modules/components/notifications_menu.tsx","../modules/formatters.tsx","../modules/hooks/use_notifications.ts","../modules/mfa_status.tsx","../modules/styled_root.tsx","../modules/not_small_topbar.tsx","../modules/platform_announcements.tsx","../modules/product_announcement.tsx","../modules/client_storage.tsx","../modules/small_topbar.tsx","../modules/utils.ts"],"sourcesContent":["export type Fetch = typeof fetch\n\nexport const defaultFetch: Fetch = (url, options) => {\n return fetch(url, { credentials: \"include\", mode: \"cors\", ...options })\n}\n\nexport const railsCsrfFetch: Fetch = (url, { headers, ...rest }) => {\n return fetch(url, {\n headers: { ...headers, \"X-CSRF-Token\": inferRailsCsrfToken() },\n ...rest,\n credentials: \"include\",\n mode: \"cors\",\n })\n}\n\nfunction inferRailsCsrfToken(): string | null {\n return (\n window?.Rails?.csrfToken() ||\n document\n .querySelector('meta[name=\"csrf-token\"]')\n ?.getAttribute(\"content\") ||\n null\n )\n}\n\nexport default function apiRequest(\n fetch: Fetch,\n url: string,\n { method = \"GET\", data = null } = {}\n): Promise<{ json: any; ok: boolean; response: Response }> {\n const options: RequestInit = {\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n },\n method,\n redirect: \"follow\",\n }\n\n if (data && method !== \"GET\") {\n options.body = JSON.stringify(data)\n }\n\n return fetch(url, options).then(\n (response) =>\n response\n .json()\n .then((json) => ({ json, ok: response.ok, response }))\n .catch(() => ({ json: null, ok: response.ok, response })),\n (e) => {\n console.warn(e)\n\n return { json: null, ok: false, response: null }\n }\n )\n}\n","import { useEffect, useState } from \"react\"\n\n// Adapted from https://usehooks.com/useLocalStorage\nfunction useLocalStorage(key: string, initialValue: any) {\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState(() => {\n try {\n // Get from local storage by key\n const item = window.localStorage.getItem(key)\n\n // Parse stored json or if none return initialValue\n return item ? JSON.parse(item) : initialValue\n } catch (error) {\n // If error also return initialValue\n return initialValue\n }\n })\n\n // Reflect the state into localStorage as a side effect.\n const localStorageRepresentation = JSON.stringify(storedValue)\n useEffect(() => {\n window.localStorage.setItem(key, localStorageRepresentation)\n }, [key, localStorageRepresentation])\n\n // When we are done with this key, drop it from localStorage completely\n const dropKey = () => window.localStorage.removeItem(key)\n\n return { dropKey, setStoredValue, storedValue }\n}\n\nexport default useLocalStorage\n","import pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport { useEffect, useState } from \"react\"\n\nimport apiRequest, { Fetch } from \"../api_request\"\nimport { TopbarAPIResponse } from \"../interfaces\"\nimport useLocalStorage from \"./use_local_storage\"\n\nconst useTopbarAPI = ({\n configuredFetch,\n env,\n}: {\n configuredFetch: Fetch\n env: PCO_URL.Environment\n}) => {\n const { storedValue: localResp, setStoredValue: setLocalResp } =\n useLocalStorage(\"Topbar\", {})\n const [resp, setResp] = useState<TopbarAPIResponse>(localResp)\n\n useEffect(() => {\n fetch()\n }, [])\n\n const fetch = () => {\n apiRequest(\n configuredFetch,\n `${pcoUrl(env)(\"api\")}/people/v2/me/topbar`\n ).then(({ json, ok }: { json: TopbarAPIResponse; ok: boolean }) => {\n if (ok) {\n setResp(json)\n setLocalResp(json)\n }\n })\n }\n\n return resp\n}\n\nexport default useTopbarAPI\n","import { createContext } from \"react\"\n\nexport default createContext({\n mfaConfigured: false,\n mfaEnabled: false,\n notificationsEnabled: false, // TODO: enable by default once in production\n organizationTimeZone: \"America/Los_Angeles\",\n} as {\n mfaConfigured?: boolean\n mfaEnabled?: boolean\n notificationsEnabled?: boolean\n organizationTimeZone?: string\n})\n","import * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport { defaultFetch, Fetch } from \"./api_request\"\nimport useTopbarAPI from \"./hooks/use_topbar_api\"\nimport { TopbarAPIResponse } from \"./interfaces\"\nimport TopbarContext from \"./topbar_context\"\n\nexport const AppsProvider = ({\n configuredFetch = defaultFetch,\n env,\n formatter = mapApps,\n render,\n}: {\n configuredFetch?: Fetch\n env: PCO_URL.Environment\n formatter?: any\n render: (\n apps: object[],\n { fetch, remove }: { fetch: () => any; remove: () => any }\n ) => React.ReactElement<any>\n}) => {\n const topbarResponse = useTopbarAPI({ configuredFetch, env })\n const apps = formatter(topbarResponse)\n const notificationsEnabled =\n topbarResponse?.data?.attributes?.features?.includes(\n \"notifications_enabled\"\n ) && !window.notificationsDisabled\n const mfaEnabled =\n topbarResponse?.data?.attributes?.features?.includes(\"mfa_enabled\")\n const mfaConfigured = !!topbarResponse?.data?.attributes?.mfa_configured\n const organizationTimeZone = topbarResponse?.data?.attributes?.org_time_zone\n\n // TODO: remove `fetch` and `remove` (breaking changes)\n return (\n <TopbarContext.Provider\n value={{\n mfaConfigured,\n mfaEnabled,\n notificationsEnabled,\n organizationTimeZone,\n }}\n >\n {render(apps || [], {\n fetch: () => {}, // no-op because we already have fresh data\n remove: () => {}, // no-op because we are no longer caching anyway\n })}\n </TopbarContext.Provider>\n )\n}\n\nexport function mapApps(resp: TopbarAPIResponse) {\n return resp?.data?.attributes?.apps || []\n}\n","import pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport apiRequest, { defaultFetch, Fetch } from \"./api_request\"\n\nexport class ConnectedPeopleProvider extends React.Component<\n {\n configuredFetch?: Fetch\n env: PCO_URL.Environment\n render: (\n connectedPeople: object[],\n callback: any\n ) => React.ReactElement<any>\n },\n {\n connectedPeople: object[]\n }\n> {\n constructor(props: any) {\n super(props)\n\n this.state = {\n connectedPeople: [],\n }\n }\n\n public static defaultProps = {\n configuredFetch: defaultFetch,\n }\n\n fetch() {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/login/v2/me/connected_people`\n ).then(({ json }) => {\n const connectedPeople = json.data\n\n return this.setState(\n {\n connectedPeople,\n },\n () =>\n window.localStorage.setItem(\n \"Topbar:ConnectedPeople\",\n JSON.stringify(connectedPeople)\n )\n )\n })\n }\n\n remove() {\n window.localStorage.removeItem(\"Topbar:ConnectedPeople\")\n }\n\n unlink() {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/login/v2/me/unlink`,\n {\n method: \"POST\",\n }\n ).then(({ json }) => {\n window.location = json.meta.redirect_to\n })\n }\n\n switch(toId: string, returnPath: string) {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/login/v2/me/switch_connected_person`,\n {\n data: {\n data: {\n attributes: {\n id: toId,\n return_path: returnPath,\n },\n },\n },\n method: \"POST\",\n }\n ).then(({ json }) => {\n window.location = json.meta.redirect_to\n })\n }\n\n componentDidMount() {\n const connectedPeople = JSON.parse(\n window.localStorage.getItem(\"Topbar:ConnectedPeople\")\n )\n\n if (connectedPeople) return this.setState({ connectedPeople })\n\n return this.fetch()\n }\n\n render() {\n return this.props.render(this.state.connectedPeople || [], {\n fetch: this.fetch.bind(this),\n remove: this.remove.bind(this),\n switch: this.switch.bind(this),\n unlink: this.unlink.bind(this),\n })\n }\n}\n","import * as React from \"react\"\n\nconst debounce = (func, wait) => {\n let timeout\n\n return function (...args: any) {\n const context = this\n\n const later = () => {\n timeout = null\n func.apply(context, args)\n }\n\n clearTimeout(timeout)\n timeout = setTimeout(later, wait)\n\n if (!timeout) {\n func.apply(context, args)\n }\n }\n}\n\nexport class PointBreak extends React.Component<\n {\n render: (breakpoint: string) => React.ReactElement<any>\n },\n {\n width: number\n }\n> {\n constructor(props: any) {\n super(props)\n\n this.state = {\n width: window.innerWidth,\n }\n\n this.setWindowWidth = this.setWindowWidth.bind(this)\n }\n\n setWindowWidth() {\n this.setState({ width: window.innerWidth })\n }\n\n componentDidMount() {\n window.addEventListener(\"resize\", debounce(this.setWindowWidth, 100), false)\n }\n\n componentWillUnmount() {\n window.removeEventListener(\n \"resize\",\n debounce(this.setWindowWidth, 100),\n false\n )\n }\n\n breakpointString(width) {\n if (width < 480) return \"xs\"\n if (width < 600) return \"sm\"\n if (width < 720) return \"md\"\n if (width < 960) return \"lg\"\n return \"xl\"\n }\n\n render() {\n return this.props.render(this.breakpointString(this.state.width))\n }\n}\n\nexport class DisplaySwitch extends React.Component<\n {\n notSmallTopbar: (breakpointShortand: string) => React.ReactElement<any>\n smallBreakpoints: String[]\n smallTopbar: (breakpointShorthand: string) => React.ReactElement<any>\n },\n {}\n> {\n public static defaultProps = {\n smallBreakpoints: [\"xs\", \"sm\"],\n }\n\n render() {\n return (\n <PointBreak\n render={(breakpoint) => {\n if (this.props.smallBreakpoints.indexOf(breakpoint) !== -1) {\n return this.props.smallTopbar(breakpoint)\n }\n\n return this.props.notSmallTopbar(breakpoint)\n }}\n />\n )\n }\n}\n","import pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nexport function Avatar({\n env,\n url: incomingUrl = \"\",\n style,\n ...nativeProps\n}: {\n env: PCO_URL.Environment\n style?: object\n url?: string\n}): JSX.Element {\n const url =\n incomingUrl || `${pcoUrl(env)(\"people\")}/static/no_photo_thumbnail_gray.svg`\n\n return (\n <div\n style={{\n backgroundColor: \"white\",\n backgroundImage: `url(${url})`,\n backgroundPosition: \"center\",\n backgroundSize: \"cover\",\n borderRadius: \"50%\",\n height: \"26px\",\n marginLeft: \"4px\",\n width: \"26px\",\n ...style,\n }}\n {...nativeProps}\n />\n )\n}\n","import * as React from \"react\"\n\nexport function Squircle({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n />\n )\n}\n\nexport function Accounts({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M16.95,9.28h0l-1.33-.23c-.12,0-.24-.04-.34-.11-.1-.07-.18-.16-.23-.27-.12-.45-.3-.89-.54-1.3-.04-.11-.05-.24-.03-.35,.02-.12,.08-.23,.16-.32l.78-1.1h0s0-.03,0-.04l-.03-.02-.04-.04-.87-.87-.05-.05h0s-.02-.02-.03,0l-1.11,.78c-.09,.08-.2,.13-.32,.16-.12,.02-.24,.01-.35-.03-.41-.24-.84-.42-1.3-.54-.11-.05-.2-.13-.27-.23-.07-.1-.11-.22-.11-.34l-.22-1.33h0s-.01-.03-.02-.03h-1.41s-.02,0-.02,.02l-.23,1.34c0,.12-.04,.24-.11,.34-.07,.1-.16,.18-.27,.23-.45,.12-.89,.3-1.3,.54-.11,.04-.24,.05-.35,.03-.12-.02-.23-.08-.32-.16l-1.1-.78h0s-.02-.01-.03,0l-.02,.03-.04,.04-.87,.87-.05,.05h0s0,.03,0,.04l.78,1.11c.08,.09,.13,.2,.16,.32,.02,.12,.01,.24-.03,.35-.24,.4-.42,.84-.54,1.29-.05,.11-.13,.2-.23,.27-.1,.07-.22,.11-.34,.11l-1.33,.22h0s-.02,0-.02,.02v1.41s0,.02,.02,.02l1.34,.23c.12,0,.24,.05,.34,.11,.1,.07,.18,.16,.23,.27,.12,.45,.3,.89,.54,1.29,.04,.11,.05,.24,.03,.35-.02,.12-.08,.23-.16,.32l-.78,1.11s0,.02,0,.03h0l.05,.06,.87,.87,.04,.04,.02,.02s.02,0,.03,0h0l1.1-.79c.09-.08,.2-.13,.32-.16,.12-.02,.24-.01,.35,.03,.4,.24,.84,.42,1.29,.54,.11,.05,.2,.13,.27,.23,.07,.1,.11,.22,.11,.34l.23,1.34s0,.02,.02,.02h1.41s.02,0,.02-.02h0l.22-1.34c0-.12,.05-.24,.11-.34,.07-.1,.16-.18,.27-.23,.45-.12,.89-.3,1.29-.54,.11-.04,.24-.05,.35-.03,.12,.02,.23,.08,.32,.16l1.11,.78s.02,0,.03,0h0l.05-.06,.87-.87,.04-.04,.02-.02s0-.02,0-.03h0l-.78-1.11c-.08-.09-.13-.2-.16-.32-.02-.12-.01-.24,.03-.35,.24-.4,.42-.84,.54-1.29,.05-.11,.13-.2,.23-.27s.22-.11,.34-.11l1.34-.23s.02,0,.02-.02v-1.4s0-.02-.02-.02Zm-4.67,3.01c-.45,.45-1.03,.76-1.65,.88-.63,.12-1.27,.06-1.86-.18-.59-.24-1.09-.66-1.45-1.19-.35-.53-.54-1.15-.54-1.79s.19-1.26,.54-1.79c.35-.53,.86-.94,1.45-1.19,.59-.24,1.24-.31,1.86-.18,.63,.12,1.2,.43,1.65,.88,.3,.3,.54,.66,.7,1.05,.16,.39,.25,.81,.25,1.24s-.08,.84-.25,1.24c-.16,.39-.4,.75-.7,1.05Z\"\n />\n )\n}\n\nexport function API({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M11.08,12.387a3.277,3.277,0,0,0,.21-.86l1.47-.23-.25-1.63-1.48.22A3.167,3.167,0,0,0,9.93,8.5l.54-1.37-1.54-.6L8.39,7.9a3.393,3.393,0,0,0-1.76.27l-.92-1.15-1.3,1.03.93,1.16a3.462,3.462,0,0,0-.43.78A3.333,3.333,0,0,0,4.69,11l-1.49.23.25,1.69,1.59-.24a3.278,3.278,0,0,0,1.02,1.2l-.54,1.39,1.55.6.54-1.39a3.319,3.319,0,0,0,1.74-.27l.93,1.17,1.3-1.04-.93-1.17A3.258,3.258,0,0,0,11.08,12.387ZM9.81,11.9A1.953,1.953,0,0,1,7.29,13a1.942,1.942,0,1,1,2.52-1.1Zm5.89-4.32a1.581,1.581,0,0,0,.04-.38,2.066,2.066,0,0,0-1.39-1.95v-.82H12.97v.82A2.066,2.066,0,0,0,11.58,7.2a1.581,1.581,0,0,0,.04.38l-.71.41.7,1.2.7-.4a2.073,2.073,0,0,0,2.7,0l.7.4.7-1.2Zm-2.04.67A1.045,1.045,0,1,1,14.7,7.2,1.041,1.041,0,0,1,13.66,8.247Z\"\n />\n )\n}\n\nexport function Calendar({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M14.18,6.5h-.91V5.8a.55.55,0,0,0-.55-.55h-.26a.55.55,0,0,0-.55.55v.7H8.09V5.8a.55.55,0,0,0-.55-.55H7.28a.55.55,0,0,0-.55.55v.7H5.82a.58.58,0,0,0-.58.59v7.08a.58.58,0,0,0,.58.58h8.36a.58.58,0,0,0,.58-.58V7.09A.58.58,0,0,0,14.18,6.5Zm-.91,6.71H6.73V9.09h6.54Z\"\n />\n )\n}\n\nexport function CheckIns({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M14.175,8.341,9.258,13.256a1.157,1.157,0,0,1-1.638,0L5.161,10.8A1.159,1.159,0,1,1,6.8,9.16L8.439,10.8l4.1-4.1a1.159,1.159,0,0,1,1.639,1.639Z\"\n />\n )\n}\n\nexport function ChurchCenter({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.91,14.763a.334.334,0,0,1-.331.338l-1.959-.016a.334.334,0,0,1-.338-.331s.005-.233.005-1.8a3.674,3.674,0,0,0-1.279-2.638,3.674,3.674,0,0,0-1.279,2.638c0,1.565.005,1.8.005,1.8a.334.334,0,0,1-.338.331L6.437,15.1a.334.334,0,0,1-.331-.338s-.242-6.457-.02-6.65h0L9.671,5.021a.522.522,0,0,1,.684,0l3.58,3.092H13.93C14.152,8.325,13.91,14.763,13.91,14.763Z\"\n />\n )\n}\n\nexport function Giving({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M10.3,13.769a.508.508,0,0,1-.592,0c-1.259-.888-5.982-4.494-3.268-6.83a2.386,2.386,0,0,1,3.215.205l.349.349.349-.349a2.386,2.386,0,0,1,3.215-.205C16.286,9.275,11.563,12.881,10.3,13.769Z\"\n />\n )\n}\n\nexport function Groups({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.769,11.313V8.683a1.867,1.867,0,1,0-2.443-2.449H8.69A1.867,1.867,0,1,0,6.243,8.681v2.632A1.867,1.867,0,1,0,8.69,13.76h2.632a1.867,1.867,0,1,0,2.447-2.447Zm-1.455,0a1.873,1.873,0,0,0-.992.992H8.69a1.877,1.877,0,0,0-.992-.992V8.681a1.877,1.877,0,0,0,.992-.992h2.636a1.872,1.872,0,0,0,.988.99Z\"\n />\n )\n}\n\nexport function Home({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.558,5.582l-3.4,1.046a.609.609,0,0,1-.341.007L6.392,5.588A1.073,1.073,0,0,0,5.028,6.641l-.006,7.937a.322.322,0,0,0,.215.3l1.3.39a.291.291,0,0,0,.379-.286V13.05a.047.047,0,0,1,.057-.039l2.531.78a1.654,1.654,0,0,0,1,0l3.87-1.222a.846.846,0,0,0,.6-.819V6.661A1.1,1.1,0,0,0,13.558,5.582Zm-.474,5.245a.184.184,0,0,1-.126.176l-2.747.858a.788.788,0,0,1-.441.006l-2.721-.838a.2.2,0,0,1-.133-.182l.006-2.9a.147.147,0,0,1,.19-.143l2.222.682a2.155,2.155,0,0,0,1.345-.013L12.888,7.8a.153.153,0,0,1,.2.15Z\"\n />\n )\n}\n\nexport function People({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M8.177,5.732A2.018,2.018,0,1,1,6.159,7.75,2.019,2.019,0,0,1,8.177,5.732Zm2.494,8.53H5.664A.565.565,0,0,1,5.1,13.7V12.422a1.841,1.841,0,0,1,1.841-1.841H9.394a1.841,1.841,0,0,1,1.841,1.841V13.7A.565.565,0,0,1,10.671,14.262ZM12.814,6.94A1.513,1.513,0,1,1,11.3,8.453,1.513,1.513,0,0,1,12.814,6.94Zm1.537,6.093H12.413a.565.565,0,0,1-.565-.565v-.049a2.292,2.292,0,0,0-.2-.957.555.555,0,0,0-.062-.141.8.8,0,0,0-.061-.11,1.19,1.19,0,0,0-.092-.16,1.131,1.131,0,0,1,.908-.472h1.472a1.108,1.108,0,0,1,1.105,1.1v.785A.565.565,0,0,1,14.351,13.033Z\"\n />\n )\n}\n\nexport function Publishing({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M7.287,13.575a.478.478,0,0,1-.477.477H5.856a.478.478,0,0,1-.477-.477V6.407a.478.478,0,0,1,.477-.477H6.81a.478.478,0,0,1,.477.477Zm7.293,0a.477.477,0,0,1-.477.477H9.268a.478.478,0,0,1-.477-.477V12.6a.478.478,0,0,1,.477-.477H14.1a.477.477,0,0,1,.477.477Zm0-3.473a.477.477,0,0,1-.476.477H9.268a.478.478,0,0,1-.477-.477V6.407a.478.478,0,0,1,.477-.477H14.1a.477.477,0,0,1,.477.477Z\"\n />\n )\n}\n\nexport function Registrations({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M4.48,11.09a.51.51,0,0,0,0,.71l.7.7a.22.22,0,0,0,.27,0,1.47,1.47,0,0,1,1.8.22,1.5,1.5,0,0,1,.23,1.81.21.21,0,0,0,0,.27l.7.7a.51.51,0,0,0,.71,0l2-2a.16.16,0,0,0,0-.22L6.7,9.1a.17.17,0,0,0-.23,0Zm11-2.89-.71-.7a.21.21,0,0,0-.26,0,1.47,1.47,0,0,1-1.79-.23,1.49,1.49,0,0,1-.24-1.79.22.22,0,0,0,0-.27l-.7-.7a.51.51,0,0,0-.71,0L7.47,8.11a.14.14,0,0,0,0,.22l4.2,4.2a.14.14,0,0,0,.22,0l3.63-3.62A.51.51,0,0,0,15.52,8.2Z\"\n />\n )\n}\n\nexport function Services({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M6.5,6.559A1.059,1.059,0,1,1,5.443,5.5,1.059,1.059,0,0,1,6.5,6.559ZM5.443,8.943A1.059,1.059,0,1,0,6.5,10,1.059,1.059,0,0,0,5.443,8.943Zm0,3.443A1.059,1.059,0,1,0,6.5,13.445,1.059,1.059,0,0,0,5.443,12.386ZM15,6.087a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485V7.03a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,7.03ZM15,9.53a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485v.943a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,10.473Zm0,3.443a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485v.943a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,13.916Z\"\n />\n )\n}\n","import * as React from \"react\"\n\nimport * as AppSymbols from \"./mono_app_symbols\"\n\nfunction Squircle({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill={color}\n />\n )\n}\n\nfunction HomeHex({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n d=\"M17.41,2.024,11.568.235a5.354,5.354,0,0,0-3.136,0L2.59,2.024a3.235,3.235,0,0,0-2.206,3.1v9.763A3.235,3.235,0,0,0,2.59,17.976l5.842,1.789a5.354,5.354,0,0,0,3.136,0l5.842-1.789a3.235,3.235,0,0,0,2.206-3.094V5.119A3.235,3.235,0,0,0,17.41,2.024Z\"\n fill={color}\n />\n )\n}\n\nexport function MonoAppIcon({\n appName,\n colors,\n style,\n size = 20,\n ...platformProps\n}: {\n appName: string\n colors: any\n size?: number\n // TODO: shared type\n style?: any\n}): JSX.Element {\n const iconBackground = () => {\n switch(appName) {\n case \"Accounts\":\n return null\n case \"Home\":\n return <HomeHex />\n default:\n return <Squircle />\n }\n }\n\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n role=\"img\"\n aria-labelledby=\"title desc\"\n style={{ display: \"block\", ...style }}\n {...platformProps}\n >\n <title id=\"title\">Planning Center {appName} App Icon</title>\n\n <desc id=\"desc\">\n An image symbolizing the Planning Center {appName} app.\n </desc>\n\n {iconBackground()}\n\n {AppSymbols[appName] ? (\n React.createElement(AppSymbols[appName], { color: appName != \"Accounts\" ? colors.base0 : \"#fff\" })\n ) : (\n <div>appName not supported</div>\n )}\n </svg>\n )\n}\n","import * as React from \"react\"\n\nexport function Accounts({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"4ce749c7-c01e-4a9b-9496-b14fd2e761aa\"\n viewBox=\"0 0 77.073 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>accounts-text</title>\n <path\n fill={color}\n d=\"M4.729,5.537A10.859,10.859,0,0,0,1.262,6.1a.566.566,0,0,0-.4.717l.194.819a.579.579,0,0,0,.7.5,10.108,10.108,0,0,1,2.748-.47,1.416,1.416,0,0,1,1.065.349A2.307,2.307,0,0,1,6,9.682,7.706,7.706,0,0,0,4.1,9.418c-2.493,0-4.1,1.305-4.1,3.327a3.2,3.2,0,0,0,3.328,3.434,4.385,4.385,0,0,0,3.011-1.161l.181.509c.1.249.231.415.515.415h.712a.6.6,0,0,0,.59-.589v-5.3C8.337,7.581,8.065,5.537,4.729,5.537ZM3.78,14.181a1.343,1.343,0,0,1-1.436-1.459c0-.91.777-1.522,1.932-1.522a4.726,4.726,0,0,1,1.7.3v1.556A2.983,2.983,0,0,1,3.78,14.181ZM18.6,13.194c.4.361.326.669.2.865a4.646,4.646,0,0,1-3.977,2.12,5.2,5.2,0,0,1-5.2-5.31,5.285,5.285,0,0,1,5.225-5.332,4.461,4.461,0,0,1,3.711,1.768.6.6,0,0,1-.1.869l-.775.71c-.361.335-.64.056-.806-.11A2.909,2.909,0,0,0,14.9,7.816,2.938,2.938,0,0,0,12,10.847,2.921,2.921,0,0,0,14.837,13.9a2.623,2.623,0,0,0,2.03-.965c.082-.081.161-.16.241-.233a.574.574,0,0,1,.819-.049Zm9.661,0c.4.361.326.669.2.865a4.644,4.644,0,0,1-3.976,2.12,5.2,5.2,0,0,1-5.2-5.31A5.286,5.286,0,0,1,24.5,5.537a4.459,4.459,0,0,1,3.71,1.768.6.6,0,0,1-.1.869l-.775.71c-.361.335-.641.056-.806-.11a2.779,2.779,0,0,0-4.869,2.073A2.92,2.92,0,0,0,24.5,13.9a2.625,2.625,0,0,0,2.03-.965c.081-.081.161-.16.241-.233a.573.573,0,0,1,.818-.049Zm5.86-7.657A5.323,5.323,0,1,0,39.3,10.826,5.317,5.317,0,0,0,34.117,5.537Zm2.838,5.289a2.857,2.857,0,1,1-5.7,0,2.853,2.853,0,1,1,5.7,0ZM49.346,6.341v9.012a.616.616,0,0,1-.612.589h-.517c-.34,0-.474-.245-.561-.485l-.2-.536a4.084,4.084,0,0,1-3.1,1.258c-3.388,0-3.823-2.5-3.823-4.685V6.341a.621.621,0,0,1,.59-.588h1.207a.6.6,0,0,1,.59.588v5.3c0,1.539.58,2.256,1.825,2.256a2.357,2.357,0,0,0,2.214-1.544l0-6.016c0-.544.349-.588.676-.588h1.1A.624.624,0,0,1,49.346,6.341Zm11.089,4.01v5a.605.605,0,0,1-.591.589H58.637a.6.6,0,0,1-.59-.589V10.265c0-1.579-.655-2.449-1.846-2.449a2.939,2.939,0,0,0-2.514,1.355v6.182c0,.4-.229.589-.7.589h-1.1a.6.6,0,0,1-.59-.589V6.341a.6.6,0,0,1,.59-.588h.518a.5.5,0,0,1,.522.391l.235.67a4.691,4.691,0,0,1,3.3-1.277C59.134,5.537,60.435,7.111,60.435,10.351Zm8.048,4.379a.556.556,0,0,1-.283.721,6.126,6.126,0,0,1-2.822.728c-2.337,0-2.637-1.651-2.637-3.09V7.816H61.713a.6.6,0,0,1-.589-.59V6.341a.569.569,0,0,1,.589-.588h1.028V3.088a.59.59,0,0,1,.59-.59h1.228a.573.573,0,0,1,.568.59V5.753h2.515a.582.582,0,0,1,.59.588v.885a.613.613,0,0,1-.59.59H65.127V13c0,.828.323.9.683.9a3.241,3.241,0,0,0,1.536-.458.523.523,0,0,1,.431-.064.558.558,0,0,1,.317.335Zm7.869-1.576c0,1.5-1.262,3.025-3.672,3.025a5.927,5.927,0,0,1-3.343-1.033h0a.523.523,0,0,1-.208-.663l.452-.926a.494.494,0,0,1,.3-.254.635.635,0,0,1,.505.076l.032.017a4.485,4.485,0,0,0,2.389.7c.74,0,1.2-.328,1.2-.855,0-.58-.666-.985-2.066-1.618-1.435-.648-2.763-1.49-2.763-3.253,0-1.41,1.056-2.832,3.414-2.832a5.7,5.7,0,0,1,2.973.752.706.706,0,0,1,.256.882l-.344.689a.582.582,0,0,1-.8.247,5.057,5.057,0,0,0-2.087-.485c-.8,0-1.156.385-1.156.768,0,.546.574.9,1.633,1.361C75.052,10.588,76.352,11.279,76.352,13.154Z\"\n />\n </svg>\n )\n}\n\nexport function API({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"bed028ef-58ee-4c4c-a757-08ecc3276857\"\n viewBox=\"0 0 119.5 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>api-text</title>\n <path\n fill={color}\n d=\"M9.136.675H7.908a.621.621,0,0,0-.59.589V5.5a6.9,6.9,0,0,0-2.384-.469A5.013,5.013,0,0,0,.012,10.343c0,2.989,2.048,5.331,4.663,5.331a4.885,4.885,0,0,0,3.22-1.3l.16.543a.591.591,0,0,0,.564.519h.517a.6.6,0,0,0,.59-.59V1.264A.6.6,0,0,0,9.136.675ZM7.34,7.847v4.175A2.745,2.745,0,0,1,4.978,13.4,2.815,2.815,0,0,1,2.4,10.343a2.913,2.913,0,0,1,2.772-3.03A4.941,4.941,0,0,1,7.34,7.847Zm8.833-2.813A5.081,5.081,0,0,0,11.1,10.343a5.046,5.046,0,0,0,5.094,5.331,5.712,5.712,0,0,0,3.761-1.256.512.512,0,0,0,.064-.819l-.582-.906a.467.467,0,0,0-.3-.22.619.619,0,0,0-.45.147,3.737,3.737,0,0,1-2.368.818,2.818,2.818,0,0,1-2.854-2.484h6.755a.578.578,0,0,0,.566-.532c.023-.175.045-.524.045-.7A4.571,4.571,0,0,0,16.173,5.034ZM16.13,7.1a2.23,2.23,0,0,1,2.334,2.032H13.591A2.411,2.411,0,0,1,16.13,7.1ZM30.587,5.982l-4.3,9.366a.561.561,0,0,1-.515.326h-.129a.59.59,0,0,1-.534-.323l-4.31-9.373a.484.484,0,0,1-.024-.49.542.542,0,0,1,.493-.239h1.315a.543.543,0,0,1,.534.344l2.571,5.914,2.7-5.91c.161-.348.486-.348.773-.348h.97a.544.544,0,0,1,.494.239A.488.488,0,0,1,30.587,5.982Zm4.983-.948A5.081,5.081,0,0,0,30.5,10.343a5.045,5.045,0,0,0,5.094,5.331,5.706,5.706,0,0,0,3.76-1.256.512.512,0,0,0,.065-.819l-.582-.906a.467.467,0,0,0-.3-.22.616.616,0,0,0-.45.147,3.738,3.738,0,0,1-2.369.818,2.819,2.819,0,0,1-2.854-2.484h6.755a.58.58,0,0,0,.567-.532c.023-.175.044-.524.044-.7A4.57,4.57,0,0,0,35.57,5.034ZM35.527,7.1a2.23,2.23,0,0,1,2.334,2.032H32.988A2.413,2.413,0,0,1,35.527,7.1Zm8.426-5.833V14.847a.606.606,0,0,1-.59.59H42.156a.6.6,0,0,1-.59-.59V1.264a.606.606,0,0,1,.59-.589h1.207A.621.621,0,0,1,43.953,1.264Zm6.576,3.77a5.322,5.322,0,1,0,5.18,5.287A5.315,5.315,0,0,0,50.529,5.034Zm2.836,5.287a2.856,2.856,0,1,1-5.695,0,2.852,2.852,0,1,1,5.7,0Zm8.65-5.287a4.76,4.76,0,0,0-3.08,1.1l-.2-.487a.523.523,0,0,0-.539-.4h-.539a.606.606,0,0,0-.59.59V19.422a.6.6,0,0,0,.59.59h1.207a.58.58,0,0,0,.633-.59V15.066a5.6,5.6,0,0,0,2.427.608,5.075,5.075,0,0,0,4.9-5.331A5.026,5.026,0,0,0,62.015,5.034Zm2.427,5.309A2.9,2.9,0,0,1,61.648,13.4a4.112,4.112,0,0,1-2.19-.678v-4.1a2.628,2.628,0,0,1,2.277-1.3A2.787,2.787,0,0,1,64.442,10.343ZM72.73,5.034a5.081,5.081,0,0,0-5.073,5.309,5.046,5.046,0,0,0,5.095,5.331,5.711,5.711,0,0,0,3.76-1.256.512.512,0,0,0,.065-.819l-.583-.906a.463.463,0,0,0-.3-.22.61.61,0,0,0-.45.147,3.735,3.735,0,0,1-2.368.818,2.818,2.818,0,0,1-2.854-2.484h6.754a.577.577,0,0,0,.567-.532c.023-.178.045-.527.045-.7A4.57,4.57,0,0,0,72.73,5.034ZM72.687,7.1a2.23,2.23,0,0,1,2.334,2.032H70.147A2.413,2.413,0,0,1,72.687,7.1ZM85.434,5.6a.518.518,0,0,1,.009.524L84.926,7.2a.584.584,0,0,1-.334.323.543.543,0,0,1-.424-.032,2.366,2.366,0,0,0-.854-.181A2.734,2.734,0,0,0,81.08,8.561v6.286c0,.59-.485.59-.8.59h-.991a.6.6,0,0,1-.59-.59V5.839a.605.605,0,0,1,.59-.59H79.8a.576.576,0,0,1,.544.435l.213.688a3.921,3.921,0,0,1,2.971-1.338C84.277,5.034,85.17,5.183,85.434,5.6Zm11.8-5.4a.621.621,0,0,0-.469-.3h-.216a.62.62,0,0,0-.472.305l-6.615,14.5a.508.508,0,0,0,.02.5.517.517,0,0,0,.451.229h1.357a.652.652,0,0,0,.6-.392l1.284-2.884h6.9l1.306,2.884a.618.618,0,0,0,.6.392h1.358a.517.517,0,0,0,.451-.229.508.508,0,0,0,.021-.494Zm1.916,9.871H94.116l2.5-5.627ZM110.327.12h-4.913a.526.526,0,0,0-.526.525V14.912a.526.526,0,0,0,.526.525h1.4a.54.54,0,0,0,.525-.525V9.963h3.009A4.922,4.922,0,1,0,110.327.12Zm2.493,4.856a2.563,2.563,0,0,1-2.536,2.643H107.34V2.507h2.944A2.476,2.476,0,0,1,112.82,4.976ZM119.087.645V14.912a.54.54,0,0,1-.526.525h-1.422a.54.54,0,0,1-.525-.525V.645a.539.539,0,0,1,.525-.525h1.422A.539.539,0,0,1,119.087.645Z\"\n />\n </svg>\n )\n}\n\nexport function Calendar({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"Layer_1\"\n viewBox=\"0 0 73.83 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>calendar-text</title>\n <path\n fill={color}\n d=\"M9,12.56c.39.36.32.66.19.85a4.65,4.65,0,0,1-4,2.12A5.21,5.21,0,0,1,0,10.21,5.3,5.3,0,0,1,5.23,4.87,4.49,4.49,0,0,1,9,6.64a.6.6,0,0,1-.1.85l-.78.71c-.35.33-.61.07-.78-.11a3,3,0,0,0-2-1,3,3,0,0,0-2.94,3.06,3,3,0,0,0,2.87,3.09,2.63,2.63,0,0,0,2.05-1l.25-.23A.55.55,0,0,1,8.32,12Zm9.25-3.17v5.33a.59.59,0,0,1-.57.57H17c-.27,0-.4-.16-.5-.4l-.19-.54a4.39,4.39,0,0,1-3,1.18A3.2,3.2,0,0,1,9.91,12.1c0-2,1.61-3.33,4.11-3.33a7.24,7.24,0,0,1,1.92.28,2.33,2.33,0,0,0-.43-1.72A1.44,1.44,0,0,0,14.43,7a10.27,10.27,0,0,0-2.77.48A.56.56,0,0,1,11,7l-.2-.82a.56.56,0,0,1,.39-.7,10.9,10.9,0,0,1,3.48-.57C18,4.87,18.25,6.92,18.25,9.39Zm-2.34,3V10.83a4.91,4.91,0,0,0-1.72-.3c-1.17,0-2,.62-2,1.55a1.37,1.37,0,0,0,1.46,1.48A3,3,0,0,0,15.91,12.42ZM22,.47H20.79a.6.6,0,0,0-.58.57V14.72a.59.59,0,0,0,.58.57H22a.59.59,0,0,0,.57-.57V1A.61.61,0,0,0,22,.47ZM33.75,9.56c0,.18,0,.53,0,.71a.57.57,0,0,1-.55.52H26.35a2.84,2.84,0,0,0,2.89,2.53,3.84,3.84,0,0,0,2.39-.82.57.57,0,0,1,.43-.15.45.45,0,0,1,.29.21l.58.92a.48.48,0,0,1-.06.79,5.67,5.67,0,0,1-3.76,1.26A5.05,5.05,0,0,1,24,10.19a5.1,5.1,0,0,1,5.08-5.32A4.58,4.58,0,0,1,33.75,9.56ZM26.46,9h4.95A2.27,2.27,0,0,0,29,6.91,2.45,2.45,0,0,0,26.46,9Zm13.8-4.12a4.72,4.72,0,0,0-3.32,1.3l-.24-.7a.48.48,0,0,0-.51-.38h-.52a.59.59,0,0,0-.57.57v9.06a.58.58,0,0,0,.57.57h1.11c.45,0,.68-.19.68-.57V8.5A3,3,0,0,1,40,7.13c1.21,0,1.88.88,1.88,2.48v5.11a.58.58,0,0,0,.57.57h1.21a.6.6,0,0,0,.58-.57v-5C44.24,6.45,42.94,4.87,40.26,4.87ZM55.29,1V14.72a.58.58,0,0,1-.57.57H54.2a.57.57,0,0,1-.55-.5l-.17-.58a4.89,4.89,0,0,1-3.24,1.32c-2.62,0-4.67-2.34-4.67-5.34A5,5,0,0,1,50.5,4.87a6.85,6.85,0,0,1,2.39.48h0V1a.61.61,0,0,1,.58-.57h1.23A.59.59,0,0,1,55.29,1ZM52.93,11.88V7.67a5,5,0,0,0-2.19-.54,2.94,2.94,0,0,0-2.81,3.06,2.85,2.85,0,0,0,2.61,3.09A2.76,2.76,0,0,0,52.93,11.88Zm12-2.49v5.33a.59.59,0,0,1-.57.57h-.72c-.27,0-.39-.16-.5-.4L63,14.35a4.39,4.39,0,0,1-3,1.18A3.2,3.2,0,0,1,56.6,12.1c0-2,1.62-3.33,4.11-3.33a7.24,7.24,0,0,1,1.92.28,2.33,2.33,0,0,0-.43-1.72A1.42,1.42,0,0,0,61.12,7a10.27,10.27,0,0,0-2.77.48A.56.56,0,0,1,57.67,7l-.2-.82a.56.56,0,0,1,.39-.7,10.9,10.9,0,0,1,3.48-.57C64.67,4.87,64.94,6.92,64.94,9.39Zm-2.34,3V10.83a4.91,4.91,0,0,0-1.72-.3c-1.17,0-2,.62-2,1.55a1.37,1.37,0,0,0,1.46,1.48A3,3,0,0,0,62.6,12.42Zm11-7c-.26-.42-1.18-.57-1.9-.57a4,4,0,0,0-3,1.37l-.23-.73A.56.56,0,0,0,68,5.09h-.52a.59.59,0,0,0-.58.57v9.06a.58.58,0,0,0,.58.57h1c.32,0,.79,0,.79-.57V8.4A2.77,2.77,0,0,1,71.5,7.13a2.47,2.47,0,0,1,.86.18.5.5,0,0,0,.41,0A.56.56,0,0,0,73.1,7l.52-1.09A.48.48,0,0,0,73.61,5.44Z\"\n />\n </svg>\n )\n}\n\nexport function CheckIns({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"dc713595-39c2-41c4-b1d9-3ef8c295b738\"\n viewBox=\"0 0 79.311 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>check-ins-text</title>\n <path\n fill={color}\n d=\"M40.221,13.213c.4.362.326.669.2.866A4.646,4.646,0,0,1,36.44,16.2a5.2,5.2,0,0,1-5.2-5.311,5.286,5.286,0,0,1,5.225-5.331,4.462,4.462,0,0,1,3.711,1.768.605.605,0,0,1-.1.869L39.3,8.9c-.362.333-.64.055-.806-.109a2.9,2.9,0,0,0-1.967-.959,2.937,2.937,0,0,0-2.9,3.031,2.92,2.92,0,0,0,2.837,3.054,2.62,2.62,0,0,0,2.03-.965c.082-.081.162-.16.242-.234a.572.572,0,0,1,.818-.049h0Zm-9.679-2.971c0,.178-.022.526-.044.7a.579.579,0,0,1-.567.531H23.174a2.82,2.82,0,0,0,2.855,2.485,3.736,3.736,0,0,0,2.369-.818.609.609,0,0,1,.45-.147.459.459,0,0,1,.3.219l.583.907a.513.513,0,0,1-.065.819A5.708,5.708,0,0,1,25.9,16.2a5.046,5.046,0,0,1-5.1-5.332,5.081,5.081,0,0,1,5.074-5.31A4.572,4.572,0,0,1,30.542,10.242ZM23.3,9.653h4.874A2.23,2.23,0,0,0,25.835,7.62,2.412,2.412,0,0,0,23.3,9.653Zm-7.751-4.1a4.789,4.789,0,0,0-2.773.924V2.339a.621.621,0,0,0-.59-.588H10.974a.6.6,0,0,0-.59.588V15.373a.59.59,0,0,0,.59.589H12.16a.575.575,0,0,0,.611-.589V9.193a2.871,2.871,0,0,1,2.493-1.357c1.2,0,1.867.884,1.867,2.492v5.045a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589v-5C19.518,7.221,18.144,5.557,15.544,5.557ZM8.315,12.674h0a.573.573,0,0,0-.818.049c-.08.074-.16.154-.242.235a2.624,2.624,0,0,1-2.029.964,2.92,2.92,0,0,1-2.838-3.054,2.938,2.938,0,0,1,2.9-3.031A2.906,2.906,0,0,1,7.257,8.8c.166.164.444.442.8.109l.775-.71a.6.6,0,0,0,.1-.869A4.464,4.464,0,0,0,5.225,5.557,5.285,5.285,0,0,0,0,10.888,5.2,5.2,0,0,0,5.2,16.2a4.647,4.647,0,0,0,3.977-2.12c.13-.2.2-.5-.2-.866ZM55.084,9.566h-4.1a.514.514,0,0,0-.525.525v.926a.51.51,0,0,0,.525.5h4.1a.51.51,0,0,0,.526-.5v-.926A.514.514,0,0,0,55.084,9.566Zm20.945.2C74.97,9.308,74.4,8.955,74.4,8.41c0-.383.357-.769,1.156-.769a5.059,5.059,0,0,1,2.087.486.581.581,0,0,0,.8-.248l.344-.689a.706.706,0,0,0-.256-.882,5.705,5.705,0,0,0-2.973-.751c-2.358,0-3.413,1.422-3.413,2.831,0,1.764,1.327,2.606,2.762,3.253,1.4.634,2.066,1.038,2.066,1.618,0,.528-.459.856-1.2.856a4.5,4.5,0,0,1-2.39-.7l-.031-.018a.629.629,0,0,0-.506-.075.494.494,0,0,0-.3.254l-.452.926a.523.523,0,0,0,.21.664A5.935,5.935,0,0,0,75.639,16.2c2.41,0,3.672-1.522,3.672-3.025C79.311,11.3,78.011,10.609,76.029,9.769Zm-9.2-4.212a4.687,4.687,0,0,0-3.3,1.277l-.235-.67a.5.5,0,0,0-.522-.392h-.517a.605.605,0,0,0-.591.59v9.011a.591.591,0,0,0,.591.589h1.1c.469,0,.7-.193.7-.589V9.19A2.934,2.934,0,0,1,66.57,7.836c1.191,0,1.846.87,1.846,2.45v5.087a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589v-5C70.8,7.131,69.5,5.557,66.829,5.557Zm-8.3-4.275a1.543,1.543,0,0,0-1.538,1.581,1.532,1.532,0,0,0,1.538,1.559,1.57,1.57,0,1,0,0-3.14Zm-12.215,9.1,3.949-3.716a.548.548,0,0,0,.14-.588.484.484,0,0,0-.476-.3H48.355a1.063,1.063,0,0,0-.7.331L44.008,9.4V2.339a.62.62,0,0,0-.59-.588H42.211a.6.6,0,0,0-.59.588V15.373a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589V11.329l3.783,4.4a.711.711,0,0,0,.542.237H50.1a.468.468,0,0,0,.461-.256.561.561,0,0,0-.094-.582ZM59.135,5.772H57.928a.605.605,0,0,0-.59.59v9.011a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589V6.362A.621.621,0,0,0,59.135,5.772Z\"\n />\n </svg>\n )\n}\n\nexport function ChurchCenter({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"e2e8a225-c349-4aea-935c-64b6ad436be8\"\n viewBox=\"0 0 118.083 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>church-center-text</title>\n <path\n fill={color}\n d=\"M5.188,16.2A5.187,5.187,0,0,1,0,10.908,5.27,5.27,0,0,1,5.209,5.591a4.453,4.453,0,0,1,3.7,1.762.588.588,0,0,1-.1.844l-.776.712c-.346.319-.607.062-.779-.109a2.93,2.93,0,0,0-1.983-.966A2.959,2.959,0,0,0,2.35,10.887a2.942,2.942,0,0,0,2.859,3.076,2.642,2.642,0,0,0,2.045-.971c.082-.081.162-.16.242-.234a.552.552,0,0,1,.794-.047l.669.539c.388.352.318.651.193.841A4.629,4.629,0,0,1,5.188,16.2ZM19.5,15.4V10.391c0-3.14-1.368-4.8-3.959-4.8a4.788,4.788,0,0,0-2.788.939l-.006-4.209a.609.609,0,0,0-.571-.57H10.964a.592.592,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572H12.15a.558.558,0,0,0,.593-.572V9.207a2.893,2.893,0,0,1,2.515-1.373c1.217,0,1.888.893,1.888,2.514V15.4a.579.579,0,0,0,.571.572h1.208A.593.593,0,0,0,19.5,15.4Zm8.7-.468.2.566c.09.246.218.474.544.474h.518a.6.6,0,0,0,.592-.572V6.378a.612.612,0,0,0-.592-.57h-1.1c-.332,0-.657.044-.657.57l0,6.023a2.38,2.38,0,0,1-2.236,1.562c-1.259,0-1.845-.723-1.845-2.277V6.378a.585.585,0,0,0-.571-.57H21.843a.6.6,0,0,0-.57.57v5.156c0,2.175.433,4.67,3.807,4.67A4.06,4.06,0,0,0,28.193,14.928Zm6.2.468V9.1A2.755,2.755,0,0,1,36.65,7.834a2.382,2.382,0,0,1,.863.184.53.53,0,0,0,.41.032.571.571,0,0,0,.324-.315l.518-1.077a.5.5,0,0,0-.009-.507c-.259-.413-1.18-.56-1.89-.56a3.975,3.975,0,0,0-2.984,1.356l-.223-.719a.555.555,0,0,0-.525-.42h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h.993C33.922,15.968,34.4,15.968,34.4,15.4Zm13.35-1.305c.125-.19.2-.489-.193-.841l-.669-.539a.552.552,0,0,0-.794.047c-.08.074-.16.153-.242.234a2.642,2.642,0,0,1-2.044.971,2.942,2.942,0,0,1-2.86-3.076,2.959,2.959,0,0,1,2.924-3.053A2.93,2.93,0,0,1,45.85,8.8c.172.171.433.428.779.109l.776-.712a.588.588,0,0,0,.1-.844,4.452,4.452,0,0,0-3.7-1.762,5.271,5.271,0,0,0-5.21,5.317,5.187,5.187,0,0,0,5.188,5.3A4.629,4.629,0,0,0,47.745,14.091ZM58.089,15.4V10.391c0-3.14-1.368-4.8-3.959-4.8a4.79,4.79,0,0,0-2.788.939l-.006-4.209a.609.609,0,0,0-.571-.57H49.557a.592.592,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h1.187a.557.557,0,0,0,.592-.572V9.207a2.893,2.893,0,0,1,2.515-1.373c1.217,0,1.888.893,1.888,2.514V15.4a.579.579,0,0,0,.571.572h1.208A.593.593,0,0,0,58.089,15.4Zm12.926-1.305c.126-.19.2-.489-.192-.841l-.669-.539a.553.553,0,0,0-.8.047c-.08.074-.159.153-.242.234a2.64,2.64,0,0,1-2.044.971,2.941,2.941,0,0,1-2.859-3.076A2.8,2.8,0,0,1,69.121,8.8c.171.171.433.428.778.109l.777-.712a.587.587,0,0,0,.1-.844,4.449,4.449,0,0,0-3.7-1.762,5.271,5.271,0,0,0-5.21,5.317,5.187,5.187,0,0,0,5.188,5.3A4.629,4.629,0,0,0,71.015,14.091Zm10.247-3.83c0,.177-.022.525-.044.7a.562.562,0,0,1-.549.516H73.887a2.838,2.838,0,0,0,2.877,2.526,3.743,3.743,0,0,0,2.382-.824.6.6,0,0,1,.436-.143.447.447,0,0,1,.283.212l.584.907a.492.492,0,0,1-.063.794A5.7,5.7,0,0,1,76.634,16.2a5.031,5.031,0,0,1-5.08-5.317,5.068,5.068,0,0,1,5.059-5.3A4.558,4.558,0,0,1,81.262,10.261Zm-2.335-.57a2.251,2.251,0,0,0-2.358-2.073,2.433,2.433,0,0,0-2.564,2.073ZM91.707,15.4V10.391c0-3.23-1.3-4.8-3.959-4.8a4.657,4.657,0,0,0-3.306,1.3l-.246-.7a.479.479,0,0,0-.5-.376h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h1.1c.457,0,.679-.187.679-.572V9.2a2.96,2.96,0,0,1,2.536-1.37c1.2,0,1.867.877,1.867,2.471V15.4a.58.58,0,0,0,.571.572h1.208A.594.594,0,0,0,91.707,15.4Zm7.779.081a.538.538,0,0,0,.277-.7l-.389-1.014a.537.537,0,0,0-.306-.325.493.493,0,0,0-.415.061,3.249,3.249,0,0,1-1.548.462c-.445,0-.7-.15-.7-.918V7.834h2.536a.594.594,0,0,0,.571-.571V6.378a.564.564,0,0,0-.571-.57H96.4V3.12a.555.555,0,0,0-.549-.571h-1.23a.579.579,0,0,0-.571.571V5.808H93.005a.552.552,0,0,0-.571.57v.885a.579.579,0,0,0,.571.571h1.048v5.3c0,1.431.3,3.073,2.62,3.073A6.067,6.067,0,0,0,99.486,15.477Zm10.11-5.216c0,.177-.022.525-.044.7a.561.561,0,0,1-.549.516h-6.782a2.838,2.838,0,0,0,2.877,2.526,3.743,3.743,0,0,0,2.382-.824.6.6,0,0,1,.437-.143.446.446,0,0,1,.282.212l.584.907a.491.491,0,0,1-.063.794,5.7,5.7,0,0,1-3.752,1.252,5.032,5.032,0,0,1-5.08-5.317,5.068,5.068,0,0,1,5.059-5.3A4.557,4.557,0,0,1,109.6,10.261Zm-2.335-.57A2.25,2.25,0,0,0,104.9,7.618a2.434,2.434,0,0,0-2.565,2.073Zm6.026,5.705V9.1a2.755,2.755,0,0,1,2.255-1.265,2.388,2.388,0,0,1,.864.184.528.528,0,0,0,.409.032.568.568,0,0,0,.324-.315l.519-1.077a.5.5,0,0,0-.009-.507c-.26-.413-1.181-.56-1.891-.56a3.977,3.977,0,0,0-2.984,1.356l-.223-.719a.555.555,0,0,0-.525-.42h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h.993C112.814,15.968,113.287,15.968,113.287,15.4Z\"\n />\n </svg>\n )\n}\n\nexport function Giving({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"a221b42b-722d-4eb3-b043-fff7f3c6686f\"\n viewBox=\"0 0 50.486 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>giving-text</title>\n <path\n fill={color}\n d=\"M9.17,5.089H8.588c-.335,0-.42.255-.474.416l-.2.473a4.791,4.791,0,0,0-3.1-1.1A5.026,5.026,0,0,0,0,10.184a5.085,5.085,0,0,0,4.923,5.332,5.459,5.459,0,0,0,2.428-.629v.342c0,2.113-1.285,2.557-2.363,2.557a3.619,3.619,0,0,1-2.259-.905.567.567,0,0,0-.474-.114.553.553,0,0,0-.365.3l-.516.948a.563.563,0,0,0,.126.7A5.489,5.489,0,0,0,5.031,20a4.407,4.407,0,0,0,4.728-4.771V5.679A.6.6,0,0,0,9.17,5.089Zm-1.8,3.378V12.5a3.951,3.951,0,0,1-2.191.74,2.973,2.973,0,0,1-2.8-3.054A2.82,2.82,0,0,1,5.1,7.152,2.835,2.835,0,0,1,7.373,8.467Zm6.745-2.788v9.01a.6.6,0,0,1-.59.589H12.321a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h1.207A.62.62,0,0,1,14.118,5.679Zm.388-3.508A1.572,1.572,0,0,1,12.924,3.73a1.532,1.532,0,0,1-1.538-1.559A1.543,1.543,0,0,1,12.924.59,1.564,1.564,0,0,1,14.506,2.171Zm10.3,3.156a.49.49,0,0,1-.027.5l-4.307,9.367a.558.558,0,0,1-.514.327h-.13a.6.6,0,0,1-.534-.323L14.984,5.817a.487.487,0,0,1-.025-.49.545.545,0,0,1,.494-.238h1.315a.547.547,0,0,1,.535.344l2.572,5.917,2.7-5.913c.16-.348.486-.348.773-.348h.97A.545.545,0,0,1,24.807,5.327Zm3.249.352v9.01a.6.6,0,0,1-.59.589H26.259a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h1.207A.62.62,0,0,1,28.056,5.679Zm.388-3.508A1.572,1.572,0,0,1,26.863,3.73a1.532,1.532,0,0,1-1.539-1.559A1.544,1.544,0,0,1,26.863.59,1.564,1.564,0,0,1,28.444,2.171Zm10.69,7.517v5a.6.6,0,0,1-.59.589H37.337a.59.59,0,0,1-.59-.589V9.6c0-1.581-.655-2.451-1.846-2.451a2.938,2.938,0,0,0-2.514,1.355v6.182c0,.4-.229.589-.7.589h-1.1a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h.517a.5.5,0,0,1,.522.391l.235.67a4.692,4.692,0,0,1,3.3-1.276C37.834,4.874,39.134,6.448,39.134,9.688Zm10.456-4.6h-.582c-.336,0-.42.255-.473.416l-.2.473a4.777,4.777,0,0,0-3.1-1.1,5.026,5.026,0,0,0-4.815,5.31,5.085,5.085,0,0,0,4.923,5.332,5.459,5.459,0,0,0,2.428-.629v.342c0,2.113-1.285,2.557-2.363,2.557a3.619,3.619,0,0,1-2.259-.905.567.567,0,0,0-.474-.114.553.553,0,0,0-.365.3l-.516.948a.563.563,0,0,0,.126.7A5.489,5.489,0,0,0,45.451,20a4.407,4.407,0,0,0,4.729-4.771V5.679A.605.605,0,0,0,49.59,5.089Zm-1.8,7.409a3.944,3.944,0,0,1-2.19.74,2.973,2.973,0,0,1-2.795-3.054,2.693,2.693,0,0,1,4.985-1.717Z\"\n />\n </svg>\n )\n}\n\nexport function Home({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"a221b42b-722d-4eb3-b043-fff7f3c6686f\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 47.624 20\"\n >\n <title>home-text</title>\n <path\n fill={color}\n d=\"M8.952,9.7V14.69a.584.584,0,0,1-.553.57H7.229a.57.57,0,0,1-.553-.57V9.658c0-1.616-.649-2.506-1.827-2.506A2.791,2.791,0,0,0,2.414,8.52v6.17a.547.547,0,0,1-.573.57H.692a.569.569,0,0,1-.553-.57v-13a.583.583,0,0,1,.553-.569H1.861a.6.6,0,0,1,.553.569V5.857a4.544,4.544,0,0,1,2.706-.94C7.627,4.917,8.952,6.571,8.952,9.7Zm11.261.473a5.239,5.239,0,0,1-5,5.322,5.185,5.185,0,0,1-5.022-5.322A5.213,5.213,0,0,1,15.21,4.917,5.2,5.2,0,0,1,20.213,10.174Zm-2.234,0a2.789,2.789,0,1,0-5.558,0,2.884,2.884,0,0,0,2.789,3.087A2.876,2.876,0,0,0,17.979,10.174Zm14.59-5.257a4.475,4.475,0,0,0-3.248,1.519,3.34,3.34,0,0,0-2.956-1.519,4.128,4.128,0,0,0-3.031,1.289L23.111,5.5a.487.487,0,0,0-.506-.367h-.48a.584.584,0,0,0-.553.569V14.69a.57.57,0,0,0,.553.57h1.169a.577.577,0,0,0,.553-.57V8.512a2.367,2.367,0,0,1,2.184-1.36c1.216,0,1.808.806,1.808,2.463V14.69a.555.555,0,0,0,.552.57h1.191a.559.559,0,0,0,.532-.57V9.551a10.249,10.249,0,0,0-.077-1.3l.06-.064a2.793,2.793,0,0,1,2.159-1.034c1.2,0,1.807.829,1.807,2.463V14.69a.538.538,0,0,0,.553.57h1.17a.549.549,0,0,0,.553-.57V9.7C36.339,7.647,35.948,4.917,32.569,4.917ZM47.042,9.572c0,.176-.021.523-.043.7a.549.549,0,0,1-.531.514H39.9A2.778,2.778,0,0,0,42.687,13.3a3.573,3.573,0,0,0,2.306-.82.6.6,0,0,1,.422-.144.431.431,0,0,1,.274.211l.566.9a.5.5,0,0,1-.061.791A5.416,5.416,0,0,1,42.562,15.5c-2.85,0-4.919-2.229-4.919-5.3a4.988,4.988,0,0,1,4.9-5.279A4.479,4.479,0,0,1,47.042,9.572ZM40.016,9h4.765A2.2,2.2,0,0,0,42.5,6.937,2.375,2.375,0,0,0,40.016,9Z\"\n />\n </svg>\n )\n}\n\nexport function Groups({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"08e4075e-8ca4-4400-a3ae-98f53270d1d0\"\n viewBox=\"0 0 58.688 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>groups-text</title>\n <path\n fill={color}\n d=\"M9.17,5.09H8.588c-.335,0-.42.255-.474.416l-.2.472a4.791,4.791,0,0,0-3.1-1.1A5.027,5.027,0,0,0,0,10.185a5.085,5.085,0,0,0,4.923,5.332,5.465,5.465,0,0,0,2.428-.63v.342c0,2.113-1.285,2.557-2.363,2.557a3.631,3.631,0,0,1-2.259-.9.568.568,0,0,0-.473-.115.556.556,0,0,0-.366.3l-.516.947a.574.574,0,0,0,.126.7A5.487,5.487,0,0,0,5.031,20a4.407,4.407,0,0,0,4.728-4.771V5.679A.6.6,0,0,0,9.17,5.09Zm-1.8,3.378V12.5a3.951,3.951,0,0,1-2.191.74,2.972,2.972,0,0,1-2.8-3.053A2.821,2.821,0,0,1,5.1,7.152,2.835,2.835,0,0,1,7.373,8.468Zm11.092-2.5-.517,1.077a.588.588,0,0,1-.335.323.535.535,0,0,1-.424-.032,2.351,2.351,0,0,0-.854-.183A2.738,2.738,0,0,0,14.1,8.4v6.288c0,.59-.485.59-.806.59H12.3a.6.6,0,0,1-.59-.59V5.679a.6.6,0,0,1,.59-.589h.517a.574.574,0,0,1,.544.434l.213.688A3.931,3.931,0,0,1,16.55,4.874c.749,0,1.642.149,1.9.568A.517.517,0,0,1,18.465,5.967Zm4.994-1.093a5.323,5.323,0,0,0,0,10.643,5.323,5.323,0,0,0,0-10.643Zm0,8.364A2.907,2.907,0,0,1,20.6,10.163a2.852,2.852,0,1,1,5.7,0A2.9,2.9,0,0,1,23.459,13.238ZM38.688,5.679v9.01a.616.616,0,0,1-.611.59H37.56c-.34,0-.475-.246-.561-.486l-.2-.535a4.082,4.082,0,0,1-3.1,1.259c-3.389,0-3.824-2.5-3.824-4.686V5.679a.621.621,0,0,1,.59-.589h1.207a.605.605,0,0,1,.591.589v5.3c0,1.539.579,2.256,1.824,2.256A2.356,2.356,0,0,0,36.3,11.694l0-6.015c0-.544.334-.589.677-.589h1.1A.632.632,0,0,1,38.688,5.679Zm6.9-.805a4.752,4.752,0,0,0-3.081,1.1l-.2-.488a.523.523,0,0,0-.54-.4h-.538a.6.6,0,0,0-.59.589V19.266a.6.6,0,0,0,.59.589H42.44a.58.58,0,0,0,.633-.589V14.909a5.612,5.612,0,0,0,2.428.608,5.075,5.075,0,0,0,4.9-5.332A5.027,5.027,0,0,0,45.587,4.874ZM43.029,8.457a2.633,2.633,0,0,1,2.278-1.305,2.789,2.789,0,0,1,2.708,3.033,2.9,2.9,0,0,1-2.794,3.053,4.131,4.131,0,0,1-2.192-.676Zm15.349,4.034c0,1.5-1.262,3.026-3.672,3.026a5.921,5.921,0,0,1-3.343-1.034h0a.522.522,0,0,1-.208-.663l.452-.925a.493.493,0,0,1,.3-.254.633.633,0,0,1,.5.075l.037.02a4.488,4.488,0,0,0,2.384.7c.74,0,1.2-.329,1.2-.856,0-.581-.666-.985-2.066-1.619-1.435-.646-2.763-1.487-2.763-3.252,0-1.41,1.056-2.832,3.414-2.832a5.71,5.71,0,0,1,2.973.752.705.705,0,0,1,.256.881L57.5,7.2a.58.58,0,0,1-.8.248,5.043,5.043,0,0,0-2.087-.485c-.8,0-1.156.386-1.156.768,0,.545.574.9,1.633,1.361C57.078,9.926,58.378,10.616,58.378,12.491Z\"\n />\n </svg>\n )\n}\n\nexport function People({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"c461f8d4-1c6e-406e-af2d-8d7721d891d5\"\n viewBox=\"0 0 57.729 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>people-text</title>\n <path\n fill={color}\n d=\"M4.944,5.019a4.754,4.754,0,0,0-3.08,1.1l-.2-.487a.521.521,0,0,0-.539-.4H.59A.606.606,0,0,0,0,5.823V19.41A.6.6,0,0,0,.59,20H1.8a.58.58,0,0,0,.633-.59V15.053a5.593,5.593,0,0,0,2.428.607,5.075,5.075,0,0,0,4.9-5.331A5.027,5.027,0,0,0,4.944,5.019ZM2.387,8.6A2.63,2.63,0,0,1,4.665,7.3a2.789,2.789,0,0,1,2.708,3.032,2.9,2.9,0,0,1-2.795,3.054,4.109,4.109,0,0,1-2.191-.678ZM15.663,5.019a5.083,5.083,0,0,0-5.075,5.31,5.046,5.046,0,0,0,5.1,5.331A5.707,5.707,0,0,0,19.445,14.4a.511.511,0,0,0,.065-.818l-.583-.907a.459.459,0,0,0-.295-.22.609.609,0,0,0-.45.147,3.735,3.735,0,0,1-2.369.82,2.819,2.819,0,0,1-2.854-2.487h6.756a.578.578,0,0,0,.567-.531c.022-.177.045-.525.045-.7A4.572,4.572,0,0,0,15.663,5.019Zm-2.583,4.1a2.411,2.411,0,0,1,2.539-2.033,2.231,2.231,0,0,1,2.335,2.033Zm13.145-4.1a5.322,5.322,0,0,0,0,10.641,5.322,5.322,0,0,0,0-10.641Zm2.837,5.289a2.856,2.856,0,1,1-5.7,0,2.852,2.852,0,1,1,5.7,0Zm8.653-5.289a4.758,4.758,0,0,0-3.081,1.1l-.2-.487a.522.522,0,0,0-.54-.4h-.538a.606.606,0,0,0-.591.589V19.41a.592.592,0,0,0,.591.59h1.207a.58.58,0,0,0,.633-.59V15.05a5.541,5.541,0,0,0,2.428.61,5.075,5.075,0,0,0,4.9-5.331A5.027,5.027,0,0,0,37.715,5.019ZM35.158,8.6a2.629,2.629,0,0,1,2.277-1.3,2.789,2.789,0,0,1,2.708,3.032,2.9,2.9,0,0,1-2.794,3.054,4.109,4.109,0,0,1-2.191-.678ZM46.324,1.247V14.834a.606.606,0,0,1-.59.59H44.527a.6.6,0,0,1-.59-.59V1.247a.6.6,0,0,1,.59-.589h1.207A.621.621,0,0,1,46.324,1.247Zm6.459,3.772a5.083,5.083,0,0,0-5.075,5.31,5.047,5.047,0,0,0,5.1,5.331A5.713,5.713,0,0,0,56.566,14.4a.511.511,0,0,0,.064-.818l-.583-.907a.459.459,0,0,0-.295-.22.6.6,0,0,0-.449.147,3.739,3.739,0,0,1-2.369.82,2.821,2.821,0,0,1-2.855-2.487h6.756a.577.577,0,0,0,.567-.531c.022-.177.045-.525.045-.7A4.572,4.572,0,0,0,52.783,5.019ZM52.74,7.081a2.231,2.231,0,0,1,2.334,2.033H50.2A2.412,2.412,0,0,1,52.74,7.081Z\"\n />\n </svg>\n )\n}\n\nexport function Publishing({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"Layer_1\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 84.973 20\"\n >\n <title>publishing-text</title>\n <path\n d=\"M4.905,5.03A4.709,4.709,0,0,0,1.829,6.141l-.2-.511a.5.5,0,0,0-.52-.385H.568A.59.59,0,0,0,0,5.812V19.374a.575.575,0,0,0,.568.568h1.2a.559.559,0,0,0,.611-.568v-4.4a5.573,5.573,0,0,0,2.437.618A5.036,5.036,0,0,0,9.681,10.3,4.988,4.988,0,0,0,4.905,5.03ZM2.338,8.575A2.642,2.642,0,0,1,4.626,7.261,2.8,2.8,0,0,1,7.343,10.3a2.908,2.908,0,0,1-2.8,3.06,4.117,4.117,0,0,1-2.2-.684Zm17.4-2.763v8.974a.6.6,0,0,1-.59.569h-.515c-.326,0-.456-.238-.541-.472l-.2-.562a4.046,4.046,0,0,1-3.1,1.27c-3.358,0-3.788-2.484-3.788-4.647V5.812a.606.606,0,0,1,.568-.567h1.2a.59.59,0,0,1,.568.567v5.282c0,1.546.584,2.266,1.837,2.266A2.368,2.368,0,0,0,17.4,11.806V5.812c0-.524.323-.567.654-.567h1.094A.609.609,0,0,1,19.737,5.812Zm6.74-.782A6.836,6.836,0,0,0,24.1,5.5l-.018.006V1.246a.606.606,0,0,0-.568-.567H22.29a.583.583,0,0,0-.568.567v13.54a.576.576,0,0,0,.568.569h.516a.569.569,0,0,0,.542-.5l.17-.576a4.845,4.845,0,0,0,3.217,1.31c2.6,0,4.711-2.374,4.711-5.291A5.071,5.071,0,0,0,26.477,5.03ZM24.061,7.76a5.243,5.243,0,0,1,2.18-.5A3,3,0,0,1,29.107,10.3a2.9,2.9,0,0,1-2.694,3.06A2.761,2.761,0,0,1,24.061,12ZM35.225,1.246v13.54a.591.591,0,0,1-.568.569h-1.2a.576.576,0,0,1-.569-.569V1.246a.59.59,0,0,1,.569-.567h1.2A.606.606,0,0,1,35.225,1.246Zm4.349,4.566v8.974a.591.591,0,0,1-.568.569H37.8a.576.576,0,0,1-.568-.569V5.812a.582.582,0,0,1,.568-.567h1.2A.606.606,0,0,1,39.574,5.812Zm.387-3.577a1.547,1.547,0,0,1-1.556,1.534,1.508,1.508,0,0,1-1.513-1.534A1.519,1.519,0,0,1,38.405.679,1.539,1.539,0,0,1,39.961,2.235ZM48.143,12.6c0,1.488-1.25,2.994-3.638,2.994a5.875,5.875,0,0,1-3.318-1.026h0a.5.5,0,0,1-.2-.636l.45-.922a.47.47,0,0,1,.291-.243.613.613,0,0,1,.487.073l.036.02a4.489,4.489,0,0,0,2.385.7c.737,0,1.214-.342,1.214-.871,0-.589-.667-.994-2.069-1.629-1.423-.642-2.74-1.476-2.74-3.222,0-1.394,1.045-2.8,3.38-2.8a5.67,5.67,0,0,1,2.951.745.684.684,0,0,1,.248.853l-.343.687a.56.56,0,0,1-.769.238,5.05,5.05,0,0,0-2.087-.485c-.808,0-1.17.394-1.17.784,0,.554.575.91,1.638,1.372C46.853,10.057,48.143,10.742,48.143,12.6ZM58.461,9.805v4.981a.592.592,0,0,1-.569.569h-1.2a.576.576,0,0,1-.568-.569V9.763c0-1.614-.668-2.5-1.879-2.5a2.881,2.881,0,0,0-2.5,1.366v6.159a.554.554,0,0,1-.589.569H49.97a.576.576,0,0,1-.568-.569V1.246A.582.582,0,0,1,49.97.679h1.2a.606.606,0,0,1,.567.567V5.967a4.766,4.766,0,0,1,2.782-.937C57.1,5.03,58.461,6.681,58.461,9.805Zm4.2-3.993v8.974a.59.59,0,0,1-.567.569h-1.2a.576.576,0,0,1-.568-.569V5.812a.59.59,0,0,1,.568-.567h1.2A.606.606,0,0,1,62.657,5.812Zm.387-3.577a1.547,1.547,0,0,1-1.556,1.534,1.507,1.507,0,0,1-1.512-1.534A1.518,1.518,0,0,1,61.488.679,1.539,1.539,0,0,1,63.044,2.235Zm10.647,7.57v4.981a.591.591,0,0,1-.569.569h-1.2a.576.576,0,0,1-.568-.569V9.72c0-1.586-.66-2.459-1.858-2.459a2.944,2.944,0,0,0-2.523,1.364v6.161c0,.383-.221.569-.676.569H65.2a.576.576,0,0,1-.568-.569V5.812a.59.59,0,0,1,.568-.567h.516a.474.474,0,0,1,.5.375l.245.7a4.64,4.64,0,0,1,3.29-1.288C72.4,5.03,73.691,6.592,73.691,9.805Zm10.432-4.56h-.579c-.32,0-.4.236-.454.4l-.2.5a4.737,4.737,0,0,0-3.1-1.112A4.988,4.988,0,0,0,75.01,10.3a5.046,5.046,0,0,0,4.884,5.291,5.429,5.429,0,0,0,2.437-.64v.372c0,2.121-1.29,2.566-2.373,2.566a3.629,3.629,0,0,1-2.261-.9.547.547,0,0,0-.456-.111.535.535,0,0,0-.352.292l-.514.944a.551.551,0,0,0,.123.673A5.444,5.444,0,0,0,80,20.056a4.371,4.371,0,0,0,4.69-4.733V5.812A.582.582,0,0,0,84.123,5.245ZM80.151,13.36a2.979,2.979,0,0,1-2.8-3.06,2.7,2.7,0,0,1,5-1.715v4.029A3.973,3.973,0,0,1,80.151,13.36Z\"\n fill={color}\n />\n </svg>\n )\n}\n\nexport function Registrations({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"2da9f999-408b-4466-9b5d-b1268727ac81\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 105.758 20\"\n >\n <title>registrations-text</title>\n <path\n fill={color}\n d=\"M6.751,5.966,6.234,7.043a.589.589,0,0,1-.336.324.545.545,0,0,1-.423-.033,2.375,2.375,0,0,0-.854-.182A2.74,2.74,0,0,0,2.387,8.4v6.288c0,.59-.485.59-.8.59H.59a.6.6,0,0,1-.59-.59V5.679A.6.6,0,0,1,.59,5.09h.517a.574.574,0,0,1,.544.433l.212.685A4,4,0,0,1,4.836,4.874c.749,0,1.643.148,1.9.567A.517.517,0,0,1,6.751,5.966Zm9.583,3.593c0,.181-.022.53-.044.705a.578.578,0,0,1-.567.531H8.966a2.82,2.82,0,0,0,2.855,2.486,3.74,3.74,0,0,0,2.369-.819.608.608,0,0,1,.45-.148.465.465,0,0,1,.295.22l.583.907a.513.513,0,0,1-.065.819,5.708,5.708,0,0,1-3.762,1.256,5.046,5.046,0,0,1-5.1-5.331A5.083,5.083,0,0,1,11.67,4.874,4.572,4.572,0,0,1,16.334,9.559ZM11.627,6.937A2.411,2.411,0,0,0,9.087,8.97h4.874A2.23,2.23,0,0,0,11.627,6.937ZM26.8,5.679v9.55A4.407,4.407,0,0,1,22.071,20a5.486,5.486,0,0,1-3.53-1.284.564.564,0,0,1-.127-.7l.516-.948a.555.555,0,0,1,.365-.3.561.561,0,0,1,.474.114,3.622,3.622,0,0,0,2.259.905c1.078,0,2.364-.444,2.364-2.557v-.342a5.472,5.472,0,0,1-2.429.629,5.084,5.084,0,0,1-4.922-5.331,5.027,5.027,0,0,1,4.814-5.311,4.777,4.777,0,0,1,3.1,1.1l.2-.473c.053-.161.138-.415.473-.415h.582A.6.6,0,0,1,26.8,5.679ZM22.136,7.152a2.821,2.821,0,0,0-2.708,3.033,2.972,2.972,0,0,0,2.794,3.053,3.948,3.948,0,0,0,2.191-.74V8.468A2.834,2.834,0,0,0,22.136,7.152ZM29.965.6a1.544,1.544,0,0,0-1.538,1.582A1.55,1.55,0,0,0,29.965,3.74a1.571,1.571,0,1,0,0-3.141Zm.6,4.491H29.361a.6.6,0,0,0-.59.589v9.01a.59.59,0,0,0,.59.59h1.208a.6.6,0,0,0,.589-.59V5.679A.62.62,0,0,0,30.569,5.09Zm5.91,4c-1.059-.462-1.632-.815-1.632-1.36,0-.383.357-.769,1.155-.769a5.048,5.048,0,0,1,2.088.486.582.582,0,0,0,.8-.248l.345-.689a.709.709,0,0,0-.256-.882A5.713,5.713,0,0,0,36,4.874c-2.357,0-3.413,1.422-3.413,2.831,0,1.764,1.328,2.606,2.763,3.253,1.4.634,2.065,1.038,2.065,1.618,0,.528-.459.856-1.2.856a4.5,4.5,0,0,1-2.387-.7l-.034-.018a.644.644,0,0,0-.5-.076.494.494,0,0,0-.3.254l-.452.925a.517.517,0,0,0,.208.663h0a5.917,5.917,0,0,0,3.342,1.034c2.411,0,3.672-1.522,3.672-3.025C39.761,10.617,38.461,9.926,36.479,9.087Zm10.558,3.964a.556.556,0,0,0-.316-.335.523.523,0,0,0-.432.063,3.244,3.244,0,0,1-1.537.459c-.359,0-.681-.069-.681-.9V7.152h2.514a.605.605,0,0,0,.59-.59V5.679a.577.577,0,0,0-.59-.589H44.071V2.424a.574.574,0,0,0-.569-.59H42.273a.59.59,0,0,0-.589.59V5.09H40.657a.57.57,0,0,0-.59.589v.883a.59.59,0,0,0,.59.59h1.027v5.274c0,1.438.3,3.09,2.637,3.09a6.116,6.116,0,0,0,2.822-.729.556.556,0,0,0,.283-.721Zm8.023-7.61c-.263-.419-1.156-.567-1.905-.567a4,4,0,0,0-2.973,1.335l-.212-.686a.574.574,0,0,0-.544-.433h-.517a.6.6,0,0,0-.59.589v9.01a.59.59,0,0,0,.59.59H49.9c.321,0,.806,0,.806-.59V8.4A2.738,2.738,0,0,1,52.94,7.152a2.369,2.369,0,0,1,.853.182.548.548,0,0,0,.424.033.6.6,0,0,0,.336-.324l.517-1.077A.517.517,0,0,0,55.06,5.441Zm8.351,3.946v5.3a.605.605,0,0,1-.59.59H62.11c-.284,0-.412-.166-.516-.416l-.181-.509A4.386,4.386,0,0,1,58.4,15.516a3.2,3.2,0,0,1-3.328-3.435c0-2.021,1.611-3.327,4.1-3.327a7.7,7.7,0,0,1,1.892.265,2.3,2.3,0,0,0-.417-1.668A1.414,1.414,0,0,0,59.588,7a10.1,10.1,0,0,0-2.749.47.577.577,0,0,1-.7-.494l-.194-.82a.566.566,0,0,1,.4-.717A10.865,10.865,0,0,1,59.8,4.874C63.14,4.874,63.411,6.918,63.411,9.387Zm-4.06,1.149c-1.174,0-1.933.6-1.933,1.524a1.343,1.343,0,0,0,1.436,1.458,2.987,2.987,0,0,0,2.191-1.125V10.835A4.853,4.853,0,0,0,59.351,10.536Zm11.773,2.515a.556.556,0,0,0-.316-.335.523.523,0,0,0-.432.063,3.244,3.244,0,0,1-1.537.459c-.359,0-.681-.069-.681-.9V7.152h2.514a.605.605,0,0,0,.59-.59V5.679a.577.577,0,0,0-.59-.589H68.158V2.424a.574.574,0,0,0-.569-.59H66.36a.591.591,0,0,0-.59.59V5.09H64.744a.57.57,0,0,0-.59.589v.883a.591.591,0,0,0,.59.59H65.77v5.274c0,1.438.3,3.09,2.638,3.09a6.107,6.107,0,0,0,2.821-.729.556.556,0,0,0,.284-.721ZM74.2,5.09H72.994a.605.605,0,0,0-.591.589v9.01a.591.591,0,0,0,.591.59H74.2a.605.605,0,0,0,.59-.59V5.679A.621.621,0,0,0,74.2,5.09ZM73.6.6a1.543,1.543,0,0,0-1.538,1.582A1.55,1.55,0,0,0,73.6,3.74,1.571,1.571,0,1,0,73.6.6Zm12.869,9.563a5.341,5.341,0,0,1-5.182,5.354,5.323,5.323,0,1,1,5.182-5.354Zm-2.344,0a2.853,2.853,0,1,0-5.7,0,2.857,2.857,0,1,0,5.7,0Zm8.867-5.288a4.7,4.7,0,0,0-3.3,1.277l-.235-.671a.5.5,0,0,0-.522-.39h-.518a.6.6,0,0,0-.589.589v9.01a.6.6,0,0,0,.589.59h1.1c.469,0,.7-.192.7-.59V8.507A2.939,2.939,0,0,1,92.73,7.152c1.191,0,1.847.87,1.847,2.451v5.086a.6.6,0,0,0,.59.59h1.207a.605.605,0,0,0,.59-.59v-5C96.964,6.448,95.664,4.874,92.989,4.874Zm9.2,4.213c-1.059-.462-1.633-.815-1.633-1.36,0-.383.358-.769,1.156-.769a5.04,5.04,0,0,1,2.087.486.585.585,0,0,0,.8-.248l.344-.689a.709.709,0,0,0-.255-.882,5.718,5.718,0,0,0-2.974-.751C99.355,4.874,98.3,6.3,98.3,7.705c0,1.764,1.328,2.606,2.763,3.253,1.4.634,2.066,1.038,2.066,1.618,0,.528-.46.856-1.2.856a4.49,4.49,0,0,1-2.387-.7l-.034-.018A.633.633,0,0,0,99,12.64a.49.49,0,0,0-.3.253l-.452.925a.516.516,0,0,0,.209.663h0a5.923,5.923,0,0,0,3.342,1.034c2.411,0,3.673-1.522,3.673-3.025C105.472,10.617,104.172,9.926,102.19,9.087Z\"\n />\n </svg>\n )\n}\n\nexport function Services({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"bd77a8f3-6992-4241-927e-9fdc3bf67b80\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 67.995 20\"\n >\n <title>services-text</title>\n <path\n fill={color}\n d=\"M7.277,12.49c0,1.5-1.262,3.026-3.672,3.026A5.924,5.924,0,0,1,.262,14.482h0a.521.521,0,0,1-.209-.663L.5,12.893a.5.5,0,0,1,.305-.254.62.62,0,0,1,.5.075l.036.019a4.479,4.479,0,0,0,2.385.7c.74,0,1.2-.328,1.2-.856,0-.582-.666-.985-2.066-1.618C1.432,10.311.105,9.469.105,7.705c0-1.41,1.055-2.832,3.413-2.832a5.717,5.717,0,0,1,2.974.752.7.7,0,0,1,.255.881L6.4,7.2a.58.58,0,0,1-.8.248,5.04,5.04,0,0,0-2.087-.485c-.8,0-1.155.386-1.155.768,0,.546.573.9,1.632,1.361C5.977,9.925,7.277,10.615,7.277,12.49ZM17.622,9.559c0,.178-.022.528-.044.7a.58.58,0,0,1-.568.532H10.255a2.818,2.818,0,0,0,2.854,2.485,3.734,3.734,0,0,0,2.369-.819.64.64,0,0,1,.451-.148.472.472,0,0,1,.294.22l.583.907a.513.513,0,0,1-.065.82,5.715,5.715,0,0,1-3.761,1.256,5.047,5.047,0,0,1-5.1-5.332,5.083,5.083,0,0,1,5.074-5.311A4.573,4.573,0,0,1,17.622,9.559ZM15.249,8.97a2.229,2.229,0,0,0-2.334-2.034,2.412,2.412,0,0,0-2.54,2.034Zm8.511-4.1a3.929,3.929,0,0,0-2.972,1.338l-.213-.688a.575.575,0,0,0-.544-.434h-.518a.6.6,0,0,0-.589.589v9.01a.6.6,0,0,0,.589.59h.992c.32,0,.8,0,.8-.59V8.4a2.74,2.74,0,0,1,2.235-1.249,2.351,2.351,0,0,1,.854.183.534.534,0,0,0,.424.032.584.584,0,0,0,.334-.323l.518-1.077a.517.517,0,0,0-.01-.525C25.4,5.022,24.509,4.873,23.76,4.873Zm11.569.216H34.36c-.288,0-.613,0-.774.348l-2.695,5.912L28.319,5.433a.545.545,0,0,0-.535-.344H26.469a.544.544,0,0,0-.493.238.489.489,0,0,0,.024.49l4.311,9.376a.6.6,0,0,0,.534.323h.13a.56.56,0,0,0,.514-.327L35.8,5.822a.49.49,0,0,0,.027-.5A.545.545,0,0,0,35.329,5.089Zm3.154,0H37.276a.6.6,0,0,0-.59.589v9.01a.6.6,0,0,0,.59.59h1.207a.605.605,0,0,0,.59-.59V5.678A.621.621,0,0,0,38.483,5.089ZM37.879.6A1.543,1.543,0,0,0,36.341,2.18a1.532,1.532,0,0,0,1.538,1.559,1.57,1.57,0,1,0,0-3.14Zm10.8,11.392a.567.567,0,0,0-.818.047c-.08.073-.16.152-.241.233a2.623,2.623,0,0,1-2.031.966,2.92,2.92,0,0,1-2.838-3.053,2.778,2.778,0,0,1,4.87-2.073c.165.164.444.443.806.11l.774-.71a.606.606,0,0,0,.1-.87,4.465,4.465,0,0,0-3.711-1.768,5.285,5.285,0,0,0-5.225,5.332,5.2,5.2,0,0,0,5.2,5.311,4.647,4.647,0,0,0,3.977-2.12c.13-.2.2-.5-.2-.866ZM59.784,9.559c0,.178-.022.528-.044.7a.58.58,0,0,1-.567.532H52.417a2.818,2.818,0,0,0,2.854,2.485,3.734,3.734,0,0,0,2.369-.819.641.641,0,0,1,.451-.148.472.472,0,0,1,.294.22l.583.907a.513.513,0,0,1-.065.82,5.712,5.712,0,0,1-3.761,1.256,5.047,5.047,0,0,1-5.1-5.332A5.083,5.083,0,0,1,55.12,4.873,4.573,4.573,0,0,1,59.784,9.559ZM52.537,8.97h4.874a2.229,2.229,0,0,0-2.334-2.034A2.412,2.412,0,0,0,52.537,8.97ZM64.4,9.087c-1.06-.462-1.633-.816-1.633-1.361,0-.382.357-.768,1.156-.768a5.047,5.047,0,0,1,2.087.485.58.58,0,0,0,.8-.248l.344-.689a.706.706,0,0,0-.256-.881,5.71,5.71,0,0,0-2.973-.752c-2.358,0-3.414,1.422-3.414,2.832,0,1.764,1.328,2.606,2.763,3.253,1.4.633,2.066,1.036,2.066,1.618,0,.528-.459.856-1.2.856a4.485,4.485,0,0,1-2.384-.7l-.037-.02a.632.632,0,0,0-.5-.075.493.493,0,0,0-.3.254l-.452.925a.521.521,0,0,0,.209.663h0a5.923,5.923,0,0,0,3.342,1.034c2.412,0,3.673-1.522,3.673-3.026C67.685,10.615,66.385,9.925,64.4,9.087Z\"\n />\n </svg>\n )\n}\n","import * as React from \"react\"\n\nimport * as MonoAppText from \"./mono_app_text\"\n\nexport function MonoAppName({ appName, color, size = 20 }) {\n return MonoAppText[appName] ? (\n React.createElement(MonoAppText[appName], { color, size })\n ) : (\n <div>appName not supported</div>\n )\n}\n","export const slightBackgroundTransition = {\n transition: \"background-color 120ms ease-in\",\n}\n\nexport const fontFamily = {\n fontFamily: `inherit`,\n}\n\nexport const IEFlex1 = {\n flex: \"1 1 auto\",\n}\n","import * as React from \"react\"\n\nexport const Bell = ({\n dot = false,\n dotFill = \"#fff\",\n fill = \"#fff\",\n style,\n ...props\n}: {\n dot?: boolean\n dotFill?: string\n fill?: string\n style?: object\n}) => {\n const bellPath = (\n <path\n d=\"M21.482,16.626,19.1,13.649V9a7,7,0,0,0-14,0v4.649L2.478,16.929A1.89,1.89,0,0,0,3.952,20H9.285a2.983,2.983,0,0,0,5.633,0H19.86a2.077,2.077,0,0,0,1.622-3.374ZM19.86,18H4.182l2.7-3.375A1,1,0,0,0,7.1,14V9a5,5,0,0,1,10,0v5a1,1,0,0,0,.219.625l2.6,3.25Z\"\n fill=\"white\"\n />\n )\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n style={{ display: \"block\", ...style }}\n {...props}\n stroke=\"none\"\n >\n <title>bell</title>\n <defs>\n <mask id=\"mask-no-dot\">{bellPath}</mask>\n <mask id=\"mask-dot\">\n {bellPath}\n <circle cx=\"18\" cy=\"6\" fill=\"black\" r=\"7\" />\n </mask>\n </defs>\n <rect\n fill={fill}\n height=\"24\"\n mask={dot ? \"url(#mask-dot)\" : \"url(#mask-no-dot\"}\n width=\"24\"\n x=\"0\"\n y=\"0\"\n />\n {dot && <circle cx=\"18\" cy=\"6\" r=\"4\" fill={dotFill || fill} />}\n </svg>\n )\n}\n\nexport const BlankStateIcon = ({\n dark = false,\n style,\n ...nativeProps\n}: {\n dark?: boolean\n style?: object\n}) => (\n <svg\n fill=\"none\"\n height=\"123\"\n style={{ ...style }}\n width=\"160\"\n {...nativeProps}\n >\n <g clipPath=\"url(#clip0_2:761)\">\n <path\n opacity=\".6\"\n d=\"M155.367 66.751c-6.081 17.955-18.824 33.158-32.579 41.991-14.045 8.977-28.96 11.294-46.19 7.529-16.941-3.764-33.738-11.583-47.638-18.968C15.204 89.63 4.344 82.533 1.593 71.385-1.013 60.525 4.78 45.61 18.68 30.842 32.435 16.362 54.3 2.896 80.362.579c25.919-2.606 49.666 6.082 63.276 18.534 13.901 12.597 17.666 29.828 11.729 47.638z\"\n fill={dark ? \"#414141\" : \"#E1F0F9\"}\n />\n <g opacity=\".2\">\n <path\n opacity=\".2\"\n d=\"M90.643 122.063c-9.702 0-19.258-2.606-29.25-7.674-12.741-6.66-26.352-16.796-41.41-30.841C8.832 72.688-.29 62.697 0 50.678c.145-8.542 5.503-17.81 14.914-26.352l1.448 1.593c-9.122 8.108-14.19 16.94-14.335 24.76-.29 11.294 8.543 20.85 19.403 31.42C36.344 96 49.81 105.992 62.263 112.508c13.031 6.805 25.629 8.977 38.371 6.516l.434 2.027c-3.475.724-6.95 1.013-10.425 1.013zM116.706 115.982l-.869-1.738c13.756-6.226 25.919-16.507 34.027-28.67l1.738 1.159c-8.254 12.453-20.706 22.878-34.896 29.249zM158.552 71.385l-2.027-.58c2.896-11.294.869-22.877-5.792-33.303-10.715-17.086-32-29.973-55.457-33.882-19.258-3.475-40.108-.29-58.642 8.688l-.869-1.883c18.824-9.122 40.109-12.307 59.8-8.832 24.037 3.91 45.901 17.23 56.906 34.75 7.095 11.005 9.267 23.023 6.081 35.042z\"\n fill=\"#BAC7D3\"\n />\n </g>\n <path\n d=\"M115.258 20.706l-.145 4.199c0 .869.289 1.882 1.013 2.461l3.186 2.752c.724.724.29 1.882-.724 1.882l-4.199-.145c-.869 0-1.882.29-2.462 1.014l-2.896 3.33c-.724.724-1.882.29-1.882-.724l.145-4.199c0-.869-.29-1.882-1.014-2.462l-3.185-2.75c-.724-.725-.29-1.883.724-1.883l4.199.145c.869 0 1.882-.29 2.461-1.014l2.751-3.185c.724-.87 2.028-.435 2.028.579zM92.959 30.842v1.882c0 .434.144.869.579 1.158l1.448 1.159c.29.29.145.869-.29.869h-1.882c-.434 0-.869.144-1.158.579l-1.159 1.448c-.29.29-.869.145-.869-.29v-1.882c0-.435-.144-.869-.579-1.159l-1.448-1.158c-.29-.29-.145-.869.29-.869h1.882c.435 0 .869-.145 1.159-.579l1.158-1.448c.29-.434.869-.29.869.29z\"\n fill=\"#FCC846\"\n />\n <path\n d=\"M68.778 36.633l-19.982 57.63 57.919-20.127-37.937-37.502z\"\n fill=\"#48A5E5\"\n />\n <path\n d=\"M82.099 54.299H62.696l2.027-5.647h12.308l5.068 5.647zM99.91 70.082H57.194l2.027-5.648h33.737l6.95 5.648zM72.398 85.864H51.692l1.737-5.647h35.91l-16.941 5.647z\"\n fill=\"#79CAF2\"\n />\n <path\n d=\"M107.613 73.964c1.44-1.5-6.087-11.069-16.813-21.374-10.726-10.305-20.588-17.443-22.029-15.944-1.44 1.5 6.087 11.069 16.813 21.374 10.726 10.305 20.588 17.443 22.029 15.944z\"\n fill={dark ? \"#525252\" : \"#636363\"}\n />\n <path\n d=\"M113.086 55.747h-3.041c-.724 0-1.303.29-1.737.868l-1.883 2.607c-.434.579-1.448.29-1.448-.435l-.144-3.185c0-.724-.29-1.303-.869-1.738l-2.607-1.882c-.579-.434-.289-1.448.435-1.448l3.185-.145c.724 0 1.303-.29 1.738-.869l1.882-2.606c.435-.58 1.448-.29 1.448.434l.145 3.186c0 .724.29 1.303.869 1.738l2.606 1.882c.579.58.29 1.593-.579 1.593z\"\n fill=\"#FCC846\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2:761\">\n <path fill=\"#fff\" d=\"M0 0h160v122.063H0z\" />\n </clipPath>\n </defs>\n </svg>\n)\n\nexport const ChevronIcon = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string;\n size?: number;\n style?: object;\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>chevron</title>\n <path\n d=\"M10.209 16L2.255 8.045L10.209 0.0910034L11.977 1.859L5.789 8.045L11.977 14.233L10.209 16Z\"\n fill={fill}\n />\n </svg>\n);\n\nexport const Cog = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string;\n size?: number;\n style?: object;\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>cog icon</title>\n <path\n d=\"M15.975 7.169H15.965L14.44 6.91C14.3024 6.90264 14.1694 6.85837 14.0548 6.78182C13.9403 6.70528 13.8484 6.59929 13.789 6.475C13.653 5.95399 13.4465 5.45403 13.175 4.989C13.1286 4.85874 13.118 4.71844 13.1442 4.58267C13.1704 4.44691 13.2325 4.32064 13.324 4.217L14.224 2.957L14.23 2.949C14.24 2.934 14.24 2.923 14.23 2.914L14.2 2.89L14.155 2.844L13.155 1.844L13.095 1.784L13.085 1.775C13.076 1.765 13.065 1.765 13.05 1.775L11.782 2.675C11.6788 2.76662 11.5529 2.82887 11.4175 2.85525C11.2821 2.88164 11.142 2.87119 11.012 2.825C10.5462 2.55339 10.0456 2.34649 9.524 2.21C9.40004 2.1505 9.29435 2.05878 9.218 1.94443C9.14164 1.83007 9.09744 1.6973 9.09 1.56L8.833 0.035V0.025C8.828 0.008 8.821 0 8.807 0H7.193C7.179 0 7.172 0.008 7.169 0.025L6.91 1.56C6.90286 1.69763 6.85866 1.83078 6.7821 1.94537C6.70553 2.05996 6.59942 2.15173 6.475 2.211C5.95399 2.34697 5.45403 2.55355 4.989 2.825C4.85874 2.87138 4.71844 2.88203 4.58267 2.85583C4.44691 2.82962 4.32064 2.76753 4.217 2.676L2.957 1.776L2.949 1.77C2.934 1.76 2.923 1.76 2.914 1.77L2.89 1.8L2.844 1.845L1.844 2.845L1.784 2.905L1.775 2.915C1.765 2.924 1.765 2.935 1.775 2.95L2.675 4.218C2.76662 4.32118 2.82887 4.44706 2.85525 4.5825C2.88164 4.71794 2.87119 4.85797 2.825 4.988C2.55382 5.45174 2.34724 5.95035 2.211 6.47C2.15164 6.59477 2.05996 6.70138 1.94549 6.77875C1.83101 6.85612 1.69791 6.90144 1.56 6.91L0.035 7.167H0.025C0.008 7.167 0 7.177 0 7.191V8.807C0 8.821 0.008 8.828 0.025 8.831L1.56 9.09C1.69791 9.09856 1.83101 9.14388 1.94549 9.22125C2.05996 9.29862 2.15164 9.40523 2.211 9.53C2.34701 10.0494 2.5536 10.5477 2.825 11.011C2.87138 11.1413 2.88203 11.2816 2.85583 11.4173C2.82962 11.5531 2.76753 11.6794 2.676 11.783L1.776 13.051C1.766 13.066 1.766 13.077 1.776 13.086L1.785 13.096L1.845 13.156L2.845 14.156L2.891 14.201L2.915 14.225C2.924 14.235 2.935 14.235 2.95 14.225L2.958 14.219L4.218 13.319C4.32118 13.2274 4.44706 13.1651 4.5825 13.1387C4.71794 13.1124 4.85797 13.1228 4.988 13.169C5.452 13.4406 5.95095 13.6475 6.471 13.784C6.59563 13.8433 6.70214 13.9348 6.77951 14.0491C6.85687 14.1634 6.90227 14.2963 6.911 14.434L7.17 15.97C7.17 15.987 7.18 15.995 7.194 15.995H8.807C8.821 15.995 8.828 15.987 8.831 15.97V15.96L9.088 14.434C9.09673 14.2963 9.14213 14.1634 9.21949 14.0491C9.29686 13.9348 9.40337 13.8433 9.528 13.784C10.0474 13.648 10.5457 13.4414 11.009 13.17C11.1393 13.1236 11.2796 13.113 11.4153 13.1392C11.5511 13.1654 11.6774 13.2275 11.781 13.319L13.049 14.219C13.064 14.229 13.075 14.229 13.084 14.219L13.094 14.21L13.154 14.15L14.154 13.15L14.199 13.104L14.223 13.08C14.233 13.071 14.233 13.06 14.223 13.045L14.217 13.037L13.317 11.777C13.2254 11.6738 13.1631 11.5479 13.1367 11.4125C13.1104 11.2771 13.1208 11.137 13.167 11.007C13.4386 10.543 13.6455 10.044 13.782 9.524C13.8414 9.39923 13.933 9.29262 14.0475 9.21525C14.162 9.13788 14.2951 9.09256 14.433 9.084L15.968 8.825C15.985 8.825 15.993 8.815 15.993 8.801V7.193C16 7.179 15.992 7.172 15.975 7.169ZM10.619 10.619C10.1012 11.1357 9.44195 11.4873 8.72443 11.6295C8.00691 11.7716 7.26336 11.6979 6.58772 11.4176C5.91208 11.1374 5.33467 10.6631 4.92844 10.0548C4.52222 9.44652 4.30541 8.73147 4.30541 8C4.30541 7.26854 4.52222 6.55348 4.92844 5.94519C5.33467 5.33689 5.91208 4.86265 6.58772 4.58238C7.26336 4.30211 8.00691 4.22839 8.72443 4.37054C9.44195 4.51268 10.1012 4.86431 10.619 5.381C10.9634 5.72468 11.2366 6.1329 11.423 6.5823C11.6095 7.03171 11.7054 7.51346 11.7054 8C11.7054 8.48654 11.6095 8.96829 11.423 9.4177C11.2366 9.8671 10.9634 10.2753 10.619 10.619Z\"\n fill={fill}\n />\n </svg>\n);\n\nexport const DisclosureChevronIcon = ({\n colors,\n style,\n ...nativeProps\n}: {\n colors: any\n style?: object\n}) => (\n <svg\n color={colors.base3}\n height=\"16\"\n viewBox=\"0 0 16 16\"\n width=\"16\"\n {...{ style }}\n {...nativeProps}\n >\n <title>chevron</title>\n <polygon\n fill=\"currentColor\"\n points=\"11.931 4.892 8 8.824 4.069 4.892 2.927 6.034 8 11.108 9.142 9.966 13.073 6.034 11.931 4.892\"\n />\n </svg>\n)\n\nexport const HelpIcon = ({\n colors,\n style,\n ...nativeProps\n}: {\n colors: any\n style?: object\n}) => (\n <svg\n color={colors.base3}\n height=\"24\"\n style={{ display: \"block\" }}\n viewBox=\"0 0 24 24\"\n width=\"24\"\n {...nativeProps}\n >\n <title>help</title>\n <path\n d=\"M12,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22ZM12,4a8,8,0,1,0,8,8A8.009,8.009,0,0,0,12,4Zm-.342,11.067a1.41,1.41,0,1,0,1.41,1.41A1.41,1.41,0,0,0,11.658,15.067Zm1.914-2.488c1.938-1.885,2.232-3.607.872-5.118A3.37,3.37,0,0,0,11.9,6.307h-.017A5.121,5.121,0,0,0,8.343,7.959L9.817,9.311a3.153,3.153,0,0,1,2.067-1h.008a1.366,1.366,0,0,1,1.065.493c.494.549.517,1.085-.78,2.345A4.612,4.612,0,0,0,10.632,14.2h2A2.733,2.733,0,0,1,13.572,12.579Z\"\n fill=\"currentColor\"\n />\n </svg>\n)\n\nexport const ExclamationTriangle = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string\n size: number\n style?: object\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>exclamation triangle icon</title>\n <path\n d=\"M15.669 13.676L8.65499 1.56099C8.58867 1.44593 8.49322 1.35037 8.37823 1.28392C8.26325 1.21748 8.13279 1.1825 7.99999 1.1825C7.86718 1.1825 7.73672 1.21748 7.62174 1.28392C7.50675 1.35037 7.4113 1.44593 7.34499 1.56099L0.330986 13.676C0.264196 13.7911 0.228916 13.9217 0.2287 14.0548C0.228484 14.1878 0.26334 14.3186 0.329756 14.4339C0.396172 14.5492 0.491802 14.6449 0.60701 14.7115C0.722218 14.778 0.852933 14.813 0.985986 14.813H15.014C15.147 14.813 15.2778 14.778 15.393 14.7115C15.5082 14.6449 15.6038 14.5492 15.6702 14.4339C15.7366 14.3186 15.7715 14.1878 15.7713 14.0548C15.7711 13.9217 15.7358 13.7911 15.669 13.676ZM8.75699 12.542H7.24299V11.028H8.75699V12.542ZM8.75699 9.51399H7.24299V6.48499H8.75699V9.51399Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const Spyglass = ({\n fill = \"#000\",\n style,\n ...nativeProps\n}: {\n fill?: string\n style?: object\n}) => (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n style={{ display: \"block\", ...style }}\n {...nativeProps}\n >\n <title>search spyglass icon</title>\n <path\n d=\"M17.352,15.481a8.517,8.517,0,1,0-2.209,2.033l4.642,4.642,2.121-2.121Zm-6.757,1.364a6.5,6.5,0,1,1,6.5-6.5A6.508,6.508,0,0,1,10.595,16.845Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const X = ({\n fill = \"#A0A0A0\",\n style,\n ...nativeProps\n}: {\n fill?: string\n style?: object\n}) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n style={{ display: \"block\", ...style }}\n {...nativeProps}\n >\n <title>close-x</title>\n <path\n d=\"M9.142,8l3.814,3.814-1.142,1.142L8,9.142,4.186,12.956,3.044,11.814,6.858,8,3.044,4.186,4.186,3.044,8,6.858l3.814-3.814,1.142,1.142Z\"\n fill={fill}\n />\n </svg>\n)\n","import * as React from \"react\"\n\nimport { fontFamily } from \"./styles\"\n\nexport function Unbutton({\n style,\n ...nativeProps\n}: {\n children: any\n id?: string\n onClick?: any\n onMouseDown?: any\n onMouseEnter?: any\n onMouseLeave?: any\n onMouseUp?: any\n style?: object\n}): JSX.Element {\n return (\n <button\n style={{\n WebkitAppearance: \"none\",\n appearance: \"none\",\n backgroundColor: \"transparent\",\n border: \"none\",\n cursor: \"pointer\",\n display: \"inline-block\",\n outline: 0,\n padding: 0,\n ...fontFamily,\n ...style,\n }}\n {...nativeProps}\n />\n )\n}\n","import * as React from \"react\"\n\nimport { MonoAppIcon } from \"../mono_app_icon\"\nimport { MonoAppName } from \"../mono_app_name\"\nimport { slightBackgroundTransition } from \"../styles\"\nimport { DisclosureChevronIcon } from \"../symbols\"\nimport { Unbutton } from \"../unbutton\"\n\nconst AppsButton = ({\n appName,\n colors,\n displayIconOnly,\n expanded,\n onClick,\n style = null,\n ...nativeProps\n}: {\n appName: string\n colors: any\n displayIconOnly?: boolean\n expanded: boolean\n onClick: any\n style?: object\n}) => {\n const [down, setDown] = React.useState(false)\n const [entered, setEntered] = React.useState(false)\n\n const getBackgroundColor = () => {\n if (expanded && !down) return colors.base1\n if (entered && down) return colors.base2\n if (entered) return colors.base1\n return \"transparent\"\n }\n\n return (\n <Unbutton\n onClick={onClick}\n onMouseDown={() => setDown(true)}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseUp={() => setDown(false)}\n style={{\n alignItems: \"center\",\n backgroundColor: getBackgroundColor(),\n display: \"flex\",\n height: \"100%\",\n outline: 0, // TODO: #improve-outline-a11y\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n whiteSpace: \"nowrap\",\n ...slightBackgroundTransition,\n ...style,\n }}\n {...nativeProps}\n >\n <MonoAppIcon\n appName={appName.replace(/[\\s-]/, \"\")}\n colors={colors}\n size={24}\n />\n {!displayIconOnly && (\n <>\n {appName === \"Accounts\" ? (\n <div\n style={{\n color: \"#fff\",\n fontSize: \"14px\",\n fontWeight: 500,\n marginLeft: 3,\n }}\n >\n Account settings\n </div>\n ) : (\n <>\n <div key=\"spacer-1\" style={{ margin: 4 }} />\n <MonoAppName\n appName={appName.replace(/[\\s-]/, \"\")}\n color=\"#fff\"\n key=\"mono-app-name\"\n size={24}\n />\n </>\n )}\n <div key=\"space-2\" style={{ margin: 4 }} />\n <DisclosureChevronIcon\n colors={colors}\n key=\"disclosure-chevron-icon\"\n style={{ display: \"block\" }}\n />\n </>\n )}\n </Unbutton>\n )\n}\n\nexport default AppsButton\n","// TODO: Use Fragments when we React 16 is a baseline\nimport * as React from \"react\"\n\nexport function Accounts(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"2e1ed2e7-b842-4126-8f57-f6b6dd63ddb6\"\n x1=\"1.844\"\n y1=\"1.833\"\n x2=\"18.622\"\n y2=\"18.612\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">accounts-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#2e1ed2e7-b842-4126-8f57-f6b6dd63ddb6)\"\n />,\n ]\n}\n\nexport function API(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"c8ec303e-a96d-4850-93ae-70864e3306bb\"\n x1=\"0.991\"\n y1=\"0.983\"\n x2=\"19.295\"\n y2=\"19.288\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">api-squircle</title>,\n <path\n key=\"path\"\n d=\"M20,10c0,7.991-2,9.989-9.989,9.989S.019,17.991.019,10s2-9.989,9.989-9.989S20,2.009,20,10Z\"\n fill=\"url(#c8ec303e-a96d-4850-93ae-70864e3306bb)\"\n />,\n ]\n}\n\nexport function Calendar(): JSX.Element[] {\n return [\n <defs key=\"defs\">\n <linearGradient\n id=\"calendar-gradient\"\n x1=\"2.05\"\n y1=\"2.04\"\n x2=\"17.97\"\n y2=\"17.96\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#f25437\" />\n <stop offset=\"1\" stopColor=\"#cd4e39\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">calendar-squircle</title>,\n <path\n key=\"path\"\n d=\"M20,10c0,8-2,10-10,10S.06,18,.06,10,2.05.05,10,.05,20,2,20,10Z\"\n fill=\"url(#calendar-gradient)\"\n />,\n ]\n}\n\nexport function CheckIns(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"679bc2bf-38c8-45ab-9ee3-a2ff814fead7\"\n x1=\"1.75\"\n y1=\"1.739\"\n x2=\"18.156\"\n y2=\"18.145\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#a76ebe\" />\n <stop offset=\"1\" stopColor=\"#875e96\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">check-ins-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill=\"url(#679bc2bf-38c8-45ab-9ee3-a2ff814fead7)\"\n />,\n ]\n}\n\nexport function ChurchCenter(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"6de99831-a6f8-498e-9bf3-9d55c8d887fa\"\n x1=\"2.04\"\n y1=\"2.029\"\n x2=\"17.976\"\n y2=\"17.965\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#42a5f5\" />\n <stop offset=\"1\" stopColor=\"#66bb6a\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">church-center-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.037C2.04.037.048,2.029.048,10s1.992,9.96,9.96,9.96,9.96-1.992,9.96-9.96S17.976.037,10.008.037Z\"\n fill=\"url(#6de99831-a6f8-498e-9bf3-9d55c8d887fa)\"\n />,\n ]\n}\n\nexport function Giving(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"0aae6372-b733-476d-af45-8777c08c1e24\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.959\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#f5c426\" />\n <stop offset=\"1\" stopColor=\"#f2b327\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">giving-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill=\"url(#0aae6372-b733-476d-af45-8777c08c1e24)\"\n />,\n ]\n}\n\nexport function Groups(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"86d10072-1c7f-4a02-88fe-0735565ae99a\"\n x1=\"1.939\"\n y1=\"1.928\"\n x2=\"18.146\"\n y2=\"18.135\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#ff962d\" />\n <stop offset=\"1\" stopColor=\"#fc7638\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">groups-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#86d10072-1c7f-4a02-88fe-0735565ae99a)\"\n />,\n ]\n}\n\nexport function Home(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"86d10072-1c7f-4a02-88fe-0735565ae99a\"\n x1=\"1.939\"\n y1=\"1.928\"\n x2=\"18.146\"\n y2=\"18.135\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#ff962d\" />\n <stop offset=\"1\" stopColor=\"#fc7638\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">home-hex</title>,\n <path\n key=\"path\"\n d=\"M17.41,2.024,11.568.235a5.354,5.354,0,0,0-3.136,0L2.59,2.024a3.235,3.235,0,0,0-2.206,3.1v9.763A3.235,3.235,0,0,0,2.59,17.976l5.842,1.789a5.354,5.354,0,0,0,3.136,0l5.842-1.789a3.235,3.235,0,0,0,2.206-3.094V5.119A3.235,3.235,0,0,0,17.41,2.024Z\"\n fill=\"#2266f7\"\n />,\n ]\n}\n\nexport function People(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"7f805f16-2322-4b42-b61a-2bf71eadb25a\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">people-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#7f805f16-2322-4b42-b61a-2bf71eadb25a)\"\n />,\n ]\n}\n\nexport function Publishing(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"publishing-gradient\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#787882\" />\n <stop offset=\"1\" stopColor=\"#5f5f69\" />\n </linearGradient>\n <linearGradient\n id=\"publishing-gradient-2\"\n x1=\"2.03\"\n y1=\"2.03\"\n x2=\"17.952\"\n y2=\"17.952\"\n gradientTransform=\"translate(2.563 -2.028) rotate(13.283)\"\n xlinkHref=\"#publishing-gradient\"\n />\n </defs>,\n <title key=\"title\">publishing-squircle</title>,\n <path\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#publishing-gradient)\"\n key=\"path\"\n />,\n <circle\n cx=\"9.991\"\n cy=\"9.991\"\n r=\"9.951\"\n transform=\"translate(-2.028 2.563) rotate(-13.283)\"\n fill=\"url(#publishing-gradient-2)\"\n key=\"circle\"\n />,\n ]\n}\n\nexport function Registrations(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"bd67604d-f11c-4431-bd82-159c57241115\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#41b99e\" />\n <stop offset=\"1\" stopColor=\"#46948d\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">registrations-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#bd67604d-f11c-4431-bd82-159c57241115)\"\n />,\n ]\n}\n\nexport function Services(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"00f9217c-0536-41ea-b265-a8689874be71\"\n x1=\"2.04\"\n y1=\"2.029\"\n x2=\"17.976\"\n y2=\"17.965\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#6eaa50\" />\n <stop offset=\"1\" stopColor=\"#6a9639\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">services-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.968,10c0,7.968-1.992,9.96-9.96,9.96S.048,17.965.048,10,2.04.037,10.008.037,19.968,2.029,19.968,10Z\"\n fill=\"url(#00f9217c-0536-41ea-b265-a8689874be71)\"\n />,\n ]\n}\n","import * as React from \"react\"\n\nimport * as ColorAppSquircles from \"./color_app_squircles\"\nimport * as AppSymbols from \"./mono_app_symbols\"\n\nexport function ColorAppIcon({\n appName,\n size = 20,\n}: {\n appName: string\n size?: number\n}): JSX.Element {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n style={{ display: \"block\" }}\n >\n {ColorAppSquircles[appName] ? (\n React.createElement(ColorAppSquircles[appName], { key: \"key1\" })\n ) : (\n <span key=\"key1\" />\n )}\n {AppSymbols[appName] ? (\n React.createElement(AppSymbols[appName], { color: \"#fff\", key: \"key2\" })\n ) : (\n <div key=\"key3\">appName not supported</div>\n )}\n </svg>\n )\n}\n","export default function getAppsSwitchProductPath(productName: string): string {\n const basePath = `/apps/${productName.toLowerCase()}`\n const referer = window?.location?.pathname?.toString()\n\n if (!referer) return basePath\n\n const params = new URLSearchParams()\n params.append(\"referer\", referer)\n\n return `${basePath}?${params.toString()}`\n}\n","import * as React from \"react\"\n\nconst HoverableListItem = ({\n active = false,\n component: C = \"span\",\n style = null,\n ...nativeProps\n}: {\n active?: boolean\n children?: React.ReactNode\n component?: any\n href?: string\n onClick?: any\n style?: object\n}) => {\n const [entered, setEntered] = React.useState(false)\n\n const getBackgroundColor = () =>\n active ? \"#ededed\" : entered ? \"#f7f7f7\" : \"transparent\"\n\n return (\n <C\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n style={{ ...style, backgroundColor: getBackgroundColor() }}\n {...nativeProps}\n />\n )\n}\n\nexport default HoverableListItem\n","import * as React from \"react\"\n\nexport default class Outsider extends React.Component<\n {\n cleanup: boolean\n component: any\n onOutsideClick: any\n visible: boolean\n },\n {}\n> {\n private container: HTMLElement\n\n constructor(props: any) {\n super(props)\n this.handleOutsideClick = this.handleOutsideClick.bind(this)\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"click\", this.handleOutsideClick, true)\n }\n\n handleOutsideClick(e) {\n if (this.container.contains(e.target)) return\n\n e.stopPropagation()\n e.preventDefault()\n\n return this.props.onOutsideClick()\n }\n\n render() {\n const { cleanup, onOutsideClick, visible, ...props } = this.props\n\n if (cleanup) {\n document.removeEventListener(\"click\", this.handleOutsideClick, true)\n } else {\n document.addEventListener(\"click\", this.handleOutsideClick, true)\n }\n\n return <div ref={(c) => (this.container = c)} {...props} />\n }\n}\n","import * as React from \"react\"\n\nconst PopupRoot = ({\n style = null,\n ...nativeProps\n}: {\n children?: React.ReactNode\n style?: object\n}) => (\n <div\n style={{\n alignSelf: \"flex-end\",\n display: \"flex\",\n position: \"relative\",\n ...style,\n }}\n {...nativeProps}\n />\n)\n\nexport default PopupRoot\n","import * as React from \"react\"\n\nconst Popup = ({\n component: C = \"div\",\n style = null,\n ...nativeProps\n}: {\n children?: React.ReactNode\n cleanup?: any\n component?: any\n onOutsideClick?: any\n style?: object\n}) => (\n <C\n style={{\n background: \"#FFFFFF\",\n borderRadius: \"3px\",\n boxShadow: \"0 0 0 1px #D4D9E2, 0 8px 32px rgba(0,0,0,.3)\",\n overflow: \"hidden\",\n position: \"absolute\",\n ...style,\n }}\n {...nativeProps}\n />\n)\n\nexport default Popup\n","import pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport { ColorAppIcon } from \"../color_app_icon\"\nimport getAppsSwitchProductPath from \"../get_apps_switch_product_path\"\nimport { App } from \"../interfaces\"\nimport { MonoAppName } from \"../mono_app_name\"\nimport * as AppSymbols from \"../mono_app_symbols\"\nimport { fontFamily } from \"../styles\"\nimport HoverableListItem from \"./hoverable_list_item\"\nimport Outsider from \"./outsider\"\nimport PopupRoot from \"./popover_root\"\nimport Popup from \"./popup\"\n\nconst AppsMenu = ({\n appName,\n apps,\n env,\n toggle,\n visible,\n}: {\n appName: string\n apps: App[]\n env: PCO_URL.Environment\n toggle: any\n visible: boolean\n}) => {\n const accountsProduct = apps.find(({ name }) => name === \"Accounts\")\n const homeProduct = apps.find(({ name }) => name === \"Home\")\n const restProducts = [...apps]\n .filter(({ name }) => name !== \"Home\" && name !== \"Accounts\")\n .sort((a, b) => a.name.localeCompare(b.name))\n\n const listItemProps = {\n ...fontFamily,\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n overflow: \"hidden\",\n padding: \"0 16px\",\n verticalAlign: \"middle\",\n }\n\n return (\n <PopupRoot>\n <Popup\n cleanup={!visible}\n component={Outsider}\n onOutsideClick={toggle}\n style={{\n marginTop: \"8px\",\n ...(visible\n ? { opacity: 1, transition: \"none\", visibility: \"visible\" }\n : {\n opacity: 0,\n transition: \"all 120ms ease-in\",\n visibility: \"hidden\",\n }),\n }}\n >\n <menu style={{ margin: 0, minWidth: 180, padding: 0 }}>\n {homeProduct && (\n <HoverableListItem\n component=\"a\"\n data-turbolinks={false}\n href={\n appName === homeProduct.name\n ? `${pcoUrl(env)(\"accounts\")}/apps/${appName}`\n : pcoUrl(env)(\"accounts\") +\n getAppsSwitchProductPath(homeProduct.name)\n }\n style={{ ...listItemProps, borderBottom: \"1px solid #ededed\" }}\n >\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName=\"Home\" size={20} />\n </div>\n <MonoAppName appName=\"Home\" color=\"#444\" size={18} />\n </HoverableListItem>\n )}\n {restProducts.map(({ name }, i) => {\n const isFirst = i === 0\n const isLast = i === restProducts.length - 1\n return (\n <HoverableListItem\n component=\"a\"\n data-turbolinks={false}\n href={\n name === appName\n ? `${pcoUrl(env)(\"accounts\")}/apps/${name.toLowerCase()}`\n : pcoUrl(env)(\"accounts\") + getAppsSwitchProductPath(name)\n }\n key={name}\n style={{\n ...listItemProps,\n height: \"40px\",\n paddingBottom: isLast ? \"4px\" : null,\n paddingTop: isFirst ? \"4px\" : null,\n }}\n >\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName={name.replace(/[\\s-]/, \"\")} size={20} />\n </div>\n <MonoAppName\n appName={name.replace(/[\\s-]/, \"\")}\n color=\"#444\"\n size={18}\n />\n </HoverableListItem>\n )\n })}\n {accountsProduct && (\n <HoverableListItem\n component=\"a\"\n data-turbolinks={false}\n href={\n pcoUrl(env)(\"accounts\") +\n getAppsSwitchProductPath(accountsProduct.name)\n }\n style={{\n ...listItemProps,\n borderTop: \"1px solid #ededed\",\n padding: \"0 12px\",\n textDecoration: \"none\",\n }}\n >\n <svg\n height={22}\n style={{ display: \"block\", marginRight: \"2px\" }}\n viewBox=\"0 0 20 20\"\n width={22}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {React.createElement(AppSymbols[\"Accounts\"], {\n color: \"#9e9e9e\",\n key: \"key2\",\n })}\n </svg>\n <div\n style={{\n color: \"#737373\",\n fontSize: \"12px\",\n lineHeight: \"28px\",\n }}\n >\n Account settings\n </div>\n </HoverableListItem>\n )}\n </menu>\n </Popup>\n </PopupRoot>\n )\n}\n\nexport default AppsMenu\n","import * as React from \"react\"\n\nimport { fontFamily } from \"../styles\"\n\nconst Hoverable = ({\n active = null,\n component: C = \"div\",\n hover = null,\n innerRef = null,\n style = null,\n ...nativeProps\n}: {\n active?: any\n children?: React.ReactNode\n component?: any\n href?: string\n hover?: any\n innerRef?: any\n onClick?: any\n style?: object\n type?: string\n}) => {\n const [down, setDown] = React.useState(false)\n const [entered, setEntered] = React.useState(false)\n\n return (\n <C\n onMouseDown={() => setDown(true)}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseUp={() => setDown(false)}\n style={{\n ...fontFamily,\n ...style,\n ...(entered && hover),\n ...(down && active),\n }}\n {...(innerRef && { ref: innerRef })}\n {...nativeProps}\n />\n )\n}\n\nexport default Hoverable\n","import * as React from \"react\"\n\nimport { BellIcon } from \"../../index\"\n\nconst NotificationBell = ({\n colors,\n indicatorVisible = false,\n isHover = false,\n isOpen = false,\n style = {},\n ...props\n}: {\n colors: any\n indicatorVisible?: boolean\n isHover?: boolean\n isOpen?: boolean\n style?: object\n}) => {\n return (\n <div {...props} style={{ alignItems: \"center\", display: \"flex\", ...style }}>\n <BellIcon\n dot={indicatorVisible}\n fill={\n isOpen\n ? \"#ffffff\"\n : isHover && colors.base3Hover\n ? colors.base3Hover\n : colors.base3\n }\n />\n </div>\n )\n}\n\nexport default NotificationBell\n","import * as React from \"react\"\n\nconst ConditionalWrap = ({\n children,\n condition = false,\n wrap,\n}: {\n children: React.ReactNode\n condition?: boolean\n wrap: any\n}) => (condition ? wrap(children) : children)\n\nexport default ConditionalWrap\n","import { RefObject, useEffect, useState } from \"react\"\n\nfunction useHover<T extends HTMLElement = HTMLElement>(\n elementRef: RefObject<T>\n): boolean {\n const [value, setValue] = useState<boolean>(false)\n\n const handleMouseEnter = () => setValue(true)\n const handleMouseLeave = () => setValue(false)\n\n useEffect(() => {\n const node = elementRef?.current\n if (!node) return undefined\n\n node.addEventListener(\"mouseenter\", handleMouseEnter)\n node.addEventListener(\"mouseleave\", handleMouseLeave)\n\n return () => {\n node.removeEventListener(\"mouseenter\", handleMouseEnter)\n node.removeEventListener(\"mouseleave\", handleMouseLeave)\n }\n }, [elementRef])\n\n return value\n}\n\nexport default useHover\n","import * as React from \"react\"\n\nimport colors from \"../colors\"\n\nconst Eyebrow = ({\n dark,\n style,\n ...props\n}: {\n children?: React.ReactNode\n dark: boolean,\n style?: object\n}) => (\n <div\n style={{\n color: dark ? colors.lightNeutral62 : colors.lightNeutral24,\n fontSize: \"10px\",\n fontWeight: 400,\n textTransform: \"uppercase\",\n ...style,\n }}\n {...props}\n />\n)\n\nexport default Eyebrow\n","const colors = {\n danger43: \"hsl(8 60% 43%)\",\n danger45: \"hsl(8 60% 45%)\", // base\n danger47: \"hsl(8 60% 47%)\",\n danger93: \"hsl(9 59% 93%)\",\n danger97: \"hsl(7 60% 97%)\",\n darkNeutral07: \"hsl(0 0% 7%)\",\n darkNeutral12: \"hsl(0 0% 12%)\",\n darkNeutral15: \"hsl(0 0% 15%)\",\n darkNeutral17: \"hsl(0 0% 17%)\",\n darkNeutral19: \"hsl(0 0% 19%)\",\n darkNeutral24: \"hsl(0 0% 24%)\",\n darkNeutral32: \"hsl(0 0% 32%)\",\n darkNeutral50: \"hsl(0 0% 50%)\",\n darkNeutral68: \"hsl(0 0% 68%)\",\n darkNeutral88: \"hsl(0 0% 88%)\",\n darkNeutral98: \"hsl(0 0% 98%)\",\n interaction45: \"hsl(221 75% 45%)\",\n interaction50: \"hsl(221 91% 50%)\",\n interaction55: \"hsl(221 91% 55%)\", // base\n interaction66: \"hsl(221 91% 66%)\", // controls\n interaction91: \"hsl(221 91% 91%)\",\n interaction93: \"hsl(221 91% 93%)\",\n lightNeutral12: \"hsl(0 0% 12%)\",\n lightNeutral24: \"hsl(0 0% 24%)\",\n lightNeutral45: \"hsl(0 0% 45%)\",\n lightNeutral62: \"hsl(0 0% 62%)\",\n lightNeutral81: \"hsl(0 0% 81%)\",\n lightNeutral88: \"hsl(0 0% 88%)\",\n lightNeutral93: \"hsl(0 0% 93%)\",\n lightNeutral95: \"hsl(0 0% 95%)\",\n lightNeutral97: \"hsl(0 0% 97%)\",\n lightNeutral98: \"hsl(0 0% 98%)\",\n lightNeutral100: \"hsl(0 0% 100%)\",\n success23: \"hsl(86 91% 23%)\",\n success25: \"hsl(86 91% 25%)\", // base\n success27: \"hsl(86 91% 27%)\",\n success91: \"hsl(95 50% 91%)\",\n success97: \"hsl(93 53% 97%)\",\n warning49: \"hsl(42 84% 49%)\",\n warning55: \"hsl(42 84% 55%)\", // base\n warning63: \"hsl(42 84% 63%)\",\n warning94: \"hsl(42 84% 94%)\",\n warning97: \"hsl(42 84% 97%)\",\n}\n\nexport default colors\n","import datetimeFmt from \"@churchcenter/datetime-fmt\"\nimport * as React from \"react\"\n\nimport colors from \"../colors\"\nimport useHover from \"../hooks/use_hover\"\nimport { Notification } from \"../interfaces\"\nimport { fontFamily } from \"../styles\"\nimport TopbarContext from \"../topbar_context\"\nimport Eyebrow from \"./eyebrow\"\nimport HoverableListItem from \"./hoverable_list_item\"\n\nconst MarkReadDot = ({\n isRead = false,\n onClick,\n}: {\n isRead?: boolean\n onClick: any\n}) => {\n const hoverRef = React.useRef(null)\n const isHover = useHover(hoverRef)\n\n return (\n <div\n ref={hoverRef}\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"12px\",\n justifyContent: \"center\",\n width: \"12px\",\n }}\n {...{ onClick }}\n >\n <svg height=\"12\" viewBox=\"0 0 12 12\" width=\"12\">\n <title>unread dot</title>\n <circle\n cx=\"6\"\n cy=\"6\"\n fill={isHover ? colors.interaction66 : colors.lightNeutral81}\n r=\"6\"\n style={{ transition: \"all 0.2s\" }}\n />\n <circle cx=\"6\" cy=\"6\" fill={colors.lightNeutral100} r=\"5\" />\n {!isRead && <circle cx=\"6\" cy=\"6\" r=\"4\" fill={colors.interaction66} />}\n </svg>\n </div>\n )\n}\n\nconst NotificationItem = ({\n mobile = false,\n isLast,\n onMarkAsRead = async () => Promise.resolve({}),\n onToggleRead,\n showBottomBorder,\n notification,\n}: {\n isLast?: boolean\n mobile?: boolean\n notification: Notification\n onMarkAsRead?: (notification: Notification) => Promise<any>\n onToggleRead: any\n showBottomBorder?: boolean\n}) => {\n const { appName, createdAt, isRead, link, title } = notification\n const { organizationTimeZone } = React.useContext(TopbarContext)\n\n const [isActive, setIsActive] = React.useState(false)\n\n const appColors = {\n Calendar: \"9 61% 50%\",\n \"Check-Ins\": \"283 22% 48%\",\n Giving: \"43 88% 64%\",\n Groups: \"17 96% 62%\",\n People: \"220 74% 57%\",\n Publishing: \"220 12% 31%\",\n Registrations: \"175 36% 43%\",\n Services: \"88 45% 41%\",\n }\n\n const handleDotClick = (e) => {\n e.preventDefault()\n e.stopPropagation()\n onToggleRead()\n }\n\n const handleClick = async (_e) => {\n setIsActive(true)\n await onMarkAsRead(notification)\n window.location.href = link\n }\n\n const datetimeFmtOptions = { style: \"relative\" } as {\n style?: string\n timeZone?: string\n }\n if (organizationTimeZone) {\n datetimeFmtOptions.timeZone = organizationTimeZone\n }\n\n return (\n <HoverableListItem\n active={isActive}\n data-turbolinks={false}\n href={link}\n onClick={handleClick}\n style={{\n alignItems: \"flex-start\",\n borderBottom:\n showBottomBorder || !isLast\n ? `1px solid ${\n mobile ? colors.lightNeutral24 : colors.lightNeutral93\n }`\n : \"none\",\n cursor: \"pointer\",\n display: \"flex\",\n overflow: \"hidden\",\n padding: \"12px 16px\",\n textDecoration: \"none\",\n verticalAlign: \"middle\",\n ...fontFamily,\n }}\n >\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n flexGrow: 1,\n justifyContent: \"center\",\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n borderLeft: `4px solid hsl(${appColors[appName] || \"0 0% 81%\"} / ${\n isRead ? \"40%\" : \"100%\"\n }`,\n display: \"flex\",\n marginBottom: \"10px\",\n paddingLeft: \"8px\",\n }}\n >\n <div style={{ flexGrow: 1, marginRight: \"16px\" }}>\n <Eyebrow dark={mobile} style={{ marginBottom: \"6px\", userSelect: \"none\" }}>\n {appName}\n </Eyebrow>\n <h1\n style={{\n color: mobile ? colors.lightNeutral88 : colors.darkNeutral12,\n fontSize: \"14px\",\n fontWeight: 500,\n lineHeight: \"1.3em\",\n margin: 0,\n userSelect: \"none\",\n }}\n >\n {title}\n </h1>\n </div>\n {!mobile && <MarkReadDot onClick={handleDotClick} {...{ isRead }} />}\n </div>\n <div\n style={{\n color: mobile ? colors.lightNeutral62 : colors.lightNeutral24,\n fontSize: \"12px\",\n paddingLeft: \"12px\",\n userSelect: \"none\",\n }}\n >\n {datetimeFmt.datetime(createdAt, datetimeFmtOptions)}\n </div>\n </div>\n </HoverableListItem>\n )\n}\n\nexport default NotificationItem\n","import * as React from \"react\"\n\nimport { BlankStateIcon } from \"../symbols\"\n\nconst NotificationsMenuBlankState = ({\n dark = false,\n description,\n style = {},\n title = \"No notifications\",\n}: {\n dark?: boolean\n description: string\n style?: object\n title?: string\n}) => (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n padding: \"32px\",\n ...style,\n }}\n >\n <BlankStateIcon {...{ dark }} />\n <h1\n style={{\n color: dark ? \"#fafafa\" : \"#3d3d3d\",\n fontSize: \"16px\",\n fontWeight: 500,\n margin: \"16px 0 8px\",\n }}\n >\n {title}\n </h1>\n <p\n style={{\n color: dark ? \"#e0e0e0\" : \"#3d3d3d\",\n fontSize: \"14px\",\n lineHeight: 1.4,\n margin: \"0\",\n textAlign: \"center\",\n }}\n >\n {description}\n </p>\n </div>\n)\n\nexport default NotificationsMenuBlankState\n","import * as React from \"react\"\n\nconst PopupRoot = ({\n style = null,\n ...nativeProps\n}: {\n children?: React.ReactNode\n style?: object\n}) => (\n <div\n style={{\n alignSelf: \"flex-end\",\n display: \"flex\",\n position: \"relative\",\n ...style,\n }}\n {...nativeProps}\n />\n)\n\nexport default PopupRoot\n","import * as React from \"react\"\n\nimport Outsider from \"./outsider\"\nimport Popup from \"./popup\"\nimport PopupRoot from \"./popup_root\"\n\nconst NotificationsMenuWrapper = ({\n children,\n toggle,\n visible,\n ...nativeProps\n}: {\n children: React.ReactNode\n toggle: any\n visible: boolean\n}) => {\n return (\n <PopupRoot>\n <Popup\n cleanup={!visible}\n component={Outsider}\n onOutsideClick={toggle}\n style={{\n marginTop: \"8px\",\n right: \"-32px\",\n width: \"320px\",\n ...(visible\n ? { opacity: 1, transition: \"none\", visibility: \"visible\" }\n : {\n opacity: 0,\n transition: \"all 120ms ease-in\",\n visibility: \"hidden\",\n }),\n }}\n {...nativeProps}\n >\n {children}\n </Popup>\n </PopupRoot>\n )\n}\n\nexport default NotificationsMenuWrapper\n","import \"./spinner.css\"\n\nimport * as React from \"react\"\n\nconst Spinner = (props) => <div className=\"spinner\" {...props} />\n\nexport default Spinner\n","import \"./utils.css\"\n\nimport * as React from \"react\"\nimport useDimensions from \"react-cool-dimensions\"\nimport { Transition, TransitionGroup } from \"react-transition-group\"\n\nimport colors from \"../colors\"\nimport useLocalStorage from \"../hooks/use_local_storage\"\nimport { App, Notification } from \"../interfaces\"\nimport { ChevronIcon, Cog, ExclamationTriangle } from \"../symbols\"\nimport ConditionalWrap from \"./conditional_wrap\"\nimport Hoverable from \"./hoverable\"\nimport NotificationItem from \"./notification_item\"\nimport NotificationsMenuBlankState from \"./notifications_menu_blank_state\"\nimport NotificationsMenuWrapper from \"./notifications_menu_wrapper\"\nimport Spinner from \"./spinner\"\n\nconst Headline = ({ dark, ...props }) => (\n <h1\n style={{\n color: dark ? \"#fafafa\" : \"#3d3d3d\",\n fontSize: \"18px\",\n fontWeight: 500,\n lineHeight: 1,\n margin: 0,\n userSelect: \"none\",\n }}\n {...props}\n />\n)\n\nconst SectionHeaderButton = ({\n dark = false,\n disabled,\n onClick,\n title,\n ...props\n}: {\n dark?: boolean\n disabled?: boolean\n onClick: any\n title: string\n}) => (\n <div\n style={{\n color: disabled ? colors.lightNeutral62 : dark ? colors.lightNeutral100 : colors.interaction66,\n cursor: disabled ? \"default\" : \"pointer\",\n fontSize: \"12px\",\n fontWeight: 600,\n }}\n onClick={!disabled && onClick}\n {...props}\n >\n {title}\n </div>\n)\n\nconst SectionHeader = (props: { children?: React.ReactNode }) => (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n padding: \"16px\",\n }}\n {...props}\n />\n)\n\nconst SectionHeaderTitle = ({dark, ...props}: { children?: React.ReactNode, dark: boolean }) => (\n <div\n style={{\n color: dark ? colors.darkNeutral88 : colors.lightNeutral12,\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n userSelect: \"none\",\n }}\n {...props}\n />\n)\n\nconst ManageButton = ({\n dark = false,\n href,\n ...props\n}: {\n children?: React.ReactNode\n dark?: boolean\n href: string\n}) => (\n <Hoverable\n component=\"a\"\n hover={{ backgroundColor: dark ? null : colors.interaction93 }}\n href={href}\n style={{\n border: `1px solid ${dark ? colors.darkNeutral88 : colors.interaction55}`,\n borderRadius: \"4px\",\n cursor: \"pointer\",\n display: \"block\",\n padding: \"2px 4px\",\n textDecoration: \"none\",\n transition: \"all 120ms ease-in\",\n }}\n >\n <p\n style={{\n color: dark ? colors.darkNeutral88 : colors.interaction55,\n fontSize: \"12px\",\n fontWeight: 500,\n margin: 0,\n textAlign: \"center\",\n userSelect: \"none\",\n }}\n {...props}\n />\n </Hoverable>\n)\n\nconst NotificationsMenu = ({\n apps,\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError = false,\n isLoading = false,\n mobile = false,\n notifications: { read, unread },\n toggle,\n visible,\n}: {\n apps: App[]\n handleMarkAllAsRead: () => any\n handleMarkAsRead: (notification: Notification) => any\n handleToggleRead: (notification: Notification) => any\n hasError?: boolean\n isLoading?: boolean\n mobile?: boolean\n notifications: { read: Notification[]; unread: Notification[] }\n toggle?: any\n visible?: boolean\n}) => {\n const ref = React.useRef(null)\n const { storedValue: localShowRead, setStoredValue: setLocalShowRead } =\n useLocalStorage(\"Topbar:Notifications:showRead\", true)\n\n const [topDistance, setTopDistance] = React.useState(0)\n const [showRead, setShowRead] = React.useState(localShowRead)\n const [active, setActive] = React.useState(\"main\")\n const [height, setHeight] = React.useState(0)\n\n const { observe: mainRef, height: mainHeight } = useDimensions({\n onResize: ({ observe, unobserve, height }) => {\n if (active === \"main\") {\n setHeight(height)\n }\n unobserve()\n observe()\n },\n })\n\n const { observe: settingsRef, height: settingsHeight } = useDimensions({\n onResize: ({ observe, unobserve, height }) => {\n if (active === \"settings\") {\n setHeight(height)\n }\n unobserve()\n observe()\n },\n })\n\n React.useEffect(() => {\n setTopDistance(ref.current?.getBoundingClientRect().top || 0)\n }, [ref.current])\n\n React.useEffect(() => {\n if (visible && !isLoading) {\n setHeight(active === \"main\" ? mainHeight : settingsHeight)\n }\n }, [active, isLoading, visible])\n\n React.useEffect(() => {\n if (!visible) {\n setActive(\"main\")\n }\n }, [visible])\n\n React.useEffect(() => {\n setLocalShowRead(showRead)\n }, [setLocalShowRead, showRead])\n\n const FLOATING_MARGIN = 16\n\n const duration = 800\n\n const hasPrefs = apps.some(\n ({ notifications_preferences_url }) => !!notifications_preferences_url\n )\n\n const defaultStyle = { transition: `opacity ${duration}ms ease-in-out` }\n\n const transitionStyles = {\n entered: { opacity: 1 },\n entering: { opacity: 0.2 },\n }\n\n const handleToggle = () => {\n setActive(\"main\")\n setHeight(mainHeight)\n toggle()\n }\n\n return (\n <ConditionalWrap\n condition={!mobile}\n wrap={(children) => (\n <NotificationsMenuWrapper\n toggle={handleToggle}\n {...{ children, visible }}\n />\n )}\n >\n <menu\n ref={ref}\n style={{\n alignItems: \"start\",\n display: \"flex\",\n height: mobile ? \"100%\" : `${height}px`,\n margin: `0 0 0 ${active === \"main\" ? 0 : \"-100%\"}`,\n padding: 0,\n transition: \"all 240ms ease-in-out\",\n width: \"200%\",\n ...(!mobile && {\n maxHeight: `${\n window.innerHeight - topDistance - FLOATING_MARGIN\n }px`,\n }),\n }}\n >\n <div\n className=\"hide-scrollbar\"\n style={{\n height: \"100%\",\n overflowX: \"hidden\",\n overflowY: \"scroll\",\n width: \"100%\",\n }}\n >\n <div ref={mainRef}>\n <div\n style={{\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n margin: 0,\n padding: \"4px 0\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n justifyContent: \"space-between\",\n padding: \"12px 16px 0\",\n }}\n >\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <Headline dark={mobile}>Notifications</Headline>\n {isLoading && <Spinner style={{ marginLeft: \"8px\" }} />}\n {hasError && (\n <ExclamationTriangle\n fill=\"hsl(8 60% 47%)\"\n size={16}\n style={{ marginLeft: \"8px\" }}\n />\n )}\n </div>\n {hasPrefs && (\n <div style={{ marginLeft: \"8px\" }}>\n <Hoverable\n hover={{ opacity: 1, transform: \"rotate(45deg)\" }}\n onClick={() => setActive(\"settings\")}\n style={{\n cursor: \"pointer\",\n opacity: 0.8,\n transition: \"all 120ms ease-in\",\n }}\n >\n <Cog fill={colors.lightNeutral62} size={16} />\n </Hoverable>\n </div>\n )}\n </div>\n {read.length > 0 && (\n <div style={{ padding: \"4px 16px 0\"}}>\n <SectionHeaderButton\n dark={mobile}\n onClick={() => setShowRead((showRead) => !showRead)}\n title={`${showRead ? \"Hide\" : \"Show\"} read`}\n />\n </div>\n )}\n {unread.length === 0 && (\n <NotificationsMenuBlankState\n dark={mobile}\n description={`When you have ${\n read.length > 0 ? \"unread \" : \"\"\n }notifications they will show up here.`}\n {...(read.length > 0 && { title: \"No unread notifications\" })}\n />\n )}\n\n {unread.length > 0 && (\n <>\n <SectionHeader>\n <SectionHeaderTitle dark={mobile}>Unread</SectionHeaderTitle>\n {unread.length > 0 && (\n <SectionHeaderButton\n dark={mobile}\n onClick={() => handleMarkAllAsRead()}\n title={`Mark ${unread.length} as read`}\n />\n )}\n </SectionHeader>\n\n <TransitionGroup exit={false}>\n {unread.map((notification: Notification, idx) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <NotificationItem\n isLast={unread.length === idx + 1}\n key={notification.id}\n onMarkAsRead={handleMarkAsRead}\n onToggleRead={() =>\n handleToggleRead(notification)\n }\n showBottomBorder={read.length > 0}\n {...{ mobile, notification }}\n />\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n </>\n )}\n {read.length > 0 && showRead && (\n <>\n <SectionHeader>\n <SectionHeaderTitle dark={mobile}>Read</SectionHeaderTitle>\n </SectionHeader>\n <TransitionGroup exit={false}>\n {read.map((notification: Notification) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <div style={{ opacity: 0.6 }}>\n <NotificationItem\n key={notification.id}\n onToggleRead={() =>\n handleToggleRead(notification)\n }\n showBottomBorder\n {...{ mobile, notification }}\n />\n </div>\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n </>\n )}\n {/* {(unread.length > 0 || read.length > 0) && <ShowMoreButton />} */}\n </div>\n </div>\n </div>\n <div\n className=\"hide-scrollbar\"\n style={{\n height: \"100%\",\n overflowX: \"hidden\",\n overflowY: \"scroll\",\n width: \"100%\",\n }}\n >\n <div ref={settingsRef}>\n <div\n style={{\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n margin: 0,\n padding: \"16px 16px 4px\",\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n marginBottom: \"12px\",\n }}\n >\n <Hoverable\n onClick={() => setActive(\"main\")}\n style={{\n color: colors.lightNeutral62,\n cursor: \"pointer\",\n marginRight: \"4px\",\n }}\n >\n <ChevronIcon fill={colors.lightNeutral62} size={16} />\n </Hoverable>\n <Headline dark={mobile}>Notification settings</Headline>\n </div>\n <p\n style={{\n color: mobile ? colors.darkNeutral88 : colors.lightNeutral24,\n fontSize: \"14px\",\n marginBottom: \"24px\",\n marginTop: \"0\",\n }}\n >\n Important notifications are always delivered to the inbox.\n Customize the additional notifications you receive:\n </p>\n\n {apps.map(({ name, notifications_preferences_url }) => {\n if (!notifications_preferences_url) return null\n\n const appNameStyle = {\n color: mobile ? colors.darkNeutral88 : colors.lightNeutral24,\n fontSize: \"14px\",\n fontWeight: 600,\n margin: \"0\",\n marginRight: \"8px\",\n }\n\n return (\n <div\n key={name}\n style={{\n alignItems: \"center\",\n display: \"flex\",\n marginBottom: \"16px\",\n }}\n >\n <p style={appNameStyle}>{name}</p>\n <ManageButton\n dark={mobile}\n href={notifications_preferences_url}\n >\n Manage\n </ManageButton>\n </div>\n )\n })}\n </div>\n </div>\n </div>\n </menu>\n </ConditionalWrap>\n )\n}\n\nexport default NotificationsMenu\n","import { App, ConnectedPerson } from \"./interfaces\"\n\nconst sortByAttribute =\n (attr: string) =>\n (arr: any[]): any[] =>\n arr.slice().sort((a, b) => a[attr].localeCompare(b[attr]))\n\nexport const appsMenuFormatter = (apps: App[]): App[] =>\n sortByAttribute(\"name\")(apps).reduce(\n (acc, item) =>\n (item.name || \"\") === \"Church Center\" || (item.name || \"\") === \"API\"\n ? acc\n : item.name === \"Home\"\n ? [item, ...acc]\n : [...acc, item],\n []\n )\n\nexport const connectedPeopleMenuFormatter = (\n connectedPeople: ConnectedPerson[]\n): ConnectedPerson[] =>\n connectedPeople\n .slice()\n .sort((a, b) =>\n a.attributes[\"organization_name\"].localeCompare(\n b.attributes[\"organization_name\"]\n )\n )\n","import Jolt, * as JoltLib from \"@planningcenter/jolt-client\"\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport apiRequest, { defaultFetch, railsCsrfFetch } from \"../api_request\"\nimport {\n JoltMessage,\n JoltMessageNotificationDataPayload,\n Notification,\n} from \"../interfaces\"\nimport useLocalStorage from \"./use_local_storage\"\n\nconst notificationsOrganizer = (\n notifications: Notification[]\n): { read: Notification[]; unread: Notification[] } => {\n const { read, unread } = [...notifications]\n .sort((a: Notification, b: Notification) => {\n return a.createdAt < b.createdAt ? 1 : -1\n })\n .reduce(\n (acc, notification) => {\n return notification.isRead\n ? { ...acc, read: [...acc.read, notification] }\n : { ...acc, unread: [...acc.unread, notification] }\n },\n { read: [], unread: [] }\n )\n return { read, unread }\n}\n\ntype UseJoltChannelSubscriptionProps = {\n channelName: string\n enableJoltLogging?: boolean\n enabled?: boolean\n env: PCO_URL.Environment\n joltPromise?: () => Promise<Jolt | undefined | void>\n}\n\nconst useJoltChannelSubscription = ({\n channelName,\n enableJoltLogging = false,\n enabled = false, // TODO: default to true once released\n env,\n joltPromise = () => Promise.resolve(),\n}: UseJoltChannelSubscriptionProps): JoltLib.ChannelSubscription => {\n const [joltChannel, setJoltChannel]: [\n JoltLib.ChannelSubscription,\n React.Dispatch<React.SetStateAction<JoltLib.ChannelSubscription>>\n ] = React.useState()\n const [joltInstance, setJoltInstance] = React.useState<Jolt>()\n\n const subscribeToJoltChannel = React.useCallback(async () => {\n let jolt = await joltPromise().then((j) => j)\n const subscribeUrl = `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications_jolt_subscribe`\n\n const fetchSubscribeTokenFn = async (_channel: string, cid: string) => {\n return apiRequest(railsCsrfFetch, subscribeUrl, {\n data: { data: { attributes: { cid } } },\n method: \"POST\",\n }).then(({ json }) => json.data.id)\n }\n\n if (!jolt) {\n const authorization = await apiRequest(\n railsCsrfFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications_jolt_authorize`,\n {\n data: { data: { attributes: {} } },\n method: \"POST\",\n }\n )\n\n const authToken = authorization.json.data.id\n const wssUrl = authorization.json.data.attributes.wss_url\n\n jolt = new Jolt(\n wssUrl,\n {\n authToken,\n fetchSubscribeTokenFn,\n },\n { logToConsole: enableJoltLogging }\n )\n }\n\n const channel = jolt.subscribe(channelName, { fetchSubscribeTokenFn })\n setJoltChannel(channel)\n setJoltInstance(jolt)\n }, [apiRequest, channelName, env, pcoUrl, railsCsrfFetch])\n\n React.useEffect(() => {\n if (enabled) {\n subscribeToJoltChannel()\n }\n }, [])\n\n React.useEffect(() => {\n const pcoPageExpiredHandler = (event) => {\n if (!event.data.hasOwnProperty(\"PCOPageExpiredCurrentPersonACID\")) return\n if (\n event.data.PCOPageExpiredCurrentPersonACID ===\n window?.pcoPageExpired?.currentPersonACID\n )\n return\n if (joltInstance) joltInstance.disconnect()\n }\n\n window.addEventListener(\"message\", pcoPageExpiredHandler)\n return () => window.removeEventListener(\"message\", pcoPageExpiredHandler)\n }, [joltInstance])\n\n React.useEffect(() => {\n return () => {\n if (joltInstance) {\n joltInstance.disconnect()\n }\n }\n }, [joltInstance])\n\n return joltChannel\n}\n\nconst buildNotificationFromApiResponse = (resp, json): Notification => {\n const findInIncluded = ({ type, id }, included) => {\n return included.find((i) => {\n return i.type === type && i.id === id\n })\n }\n\n const appName: string = findInIncluded(\n resp.relationships.app.data,\n json.included\n )?.attributes?.name\n\n // There is technically the possibility that there are multiple web payloads\n // returned from the API endpoint. However, at this point I'm not sure in\n // which situations that would be the case. For v1 of this feature, we'll\n // assume that there is only one web payload we need to worry about and it is\n // the first in the array that is returned.\n const notificationData = JSON.parse(\n findInIncluded(\n {\n id: resp.relationships.web_payloads.data[0].id,\n type: \"Payload\",\n },\n json.included\n )?.attributes?.content\n )\n\n return {\n appName,\n createdAt: new Date(resp.attributes.created_at),\n id: resp.id,\n isRead: resp.attributes.read_at?.length > 0,\n link: notificationData.link,\n title: notificationData.title,\n }\n}\n\ntype UseNotificationsProps = {\n enableJoltLogging?: boolean\n enabled?: boolean\n env: PCO_URL.Environment\n joltPromise?: () => Promise<Jolt | undefined | void>\n userId: string\n}\n\nconst useNotifications = ({\n enableJoltLogging = false,\n enabled = false, // TODO: default to true once released\n env,\n userId,\n ...props\n}: UseNotificationsProps): {\n handleMarkAllAsRead: () => any\n handleMarkAsRead: (notification: Notification) => Promise<any>\n handleToggleRead: (notification: Notification) => Promise<any>\n hasError: boolean\n isLoading: boolean\n read: Notification[]\n unread: Notification[]\n unreadCount: number\n} => {\n const [notifications, setNotifications]: [\n Notification[],\n React.Dispatch<React.SetStateAction<Notification[]>>\n ] = React.useState([])\n\n const [isLoading, setIsLoading] = React.useState(true)\n const [hasError, setHasError] = React.useState(false)\n const { read, unread } = notificationsOrganizer(notifications)\n\n const { storedValue: unreadCount, setStoredValue: setUnreadCount } =\n useLocalStorage(\"Topbar:Notifications:unreadCount\", unread.length)\n\n const joltChannel = useJoltChannelSubscription({\n channelName: `notifications.people.${userId}`,\n enableJoltLogging,\n enabled,\n env,\n joltPromise: props.joltPromise,\n })\n\n const fetchNotifications = React.useCallback(() => {\n setHasError(false)\n apiRequest(\n defaultFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications?include=app,web_payloads&per_page=100&order=read_at,-created_at`\n ).then(({ json }) => {\n const notifications = json.data.map((resp) =>\n buildNotificationFromApiResponse(resp, json)\n )\n\n setIsLoading(false)\n setNotifications(notifications)\n })\n }, [apiRequest, buildNotificationFromApiResponse, defaultFetch, env, pcoUrl])\n\n const fetchNotification = async (id: string) => {\n return apiRequest(\n defaultFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications/${id}?include=app,web_payloads`\n ).then(({ json }) => json)\n }\n\n const extractPayloadFromJoltMessage = (\n notification: JoltMessage\n ): JoltMessageNotificationDataPayload => JSON.parse(notification.data)\n\n const updateStateFromJoltMessage = React.useCallback(\n (message: JoltMessage) => {\n const joltMessageNotificationDataPayload =\n extractPayloadFromJoltMessage(message)\n\n fetchNotification(joltMessageNotificationDataPayload.data.id).then(\n (resp) => {\n const notification = buildNotificationFromApiResponse(resp.data, resp)\n\n setNotifications((notifications) => [\n ...notifications.filter(\n (candidate) => candidate.id !== notification.id\n ),\n notification,\n ])\n }\n )\n },\n [\n buildNotificationFromApiResponse,\n extractPayloadFromJoltMessage,\n fetchNotifications,\n read,\n setNotifications,\n unread,\n ]\n )\n\n const removeNotification = React.useCallback(\n (message: JoltMessage) => {\n const joltMessageNotificationDataPayload =\n extractPayloadFromJoltMessage(message)\n const newNotifications = notifications.filter(\n (candidate) =>\n candidate.id !== joltMessageNotificationDataPayload.data.id\n )\n setNotifications(newNotifications)\n },\n [extractPayloadFromJoltMessage, notifications, setNotifications]\n )\n\n // @ts-ignore: not all code paths return a value\n React.useEffect(() => {\n if (joltChannel && enabled) {\n joltChannel.bind(\n \"notifications.v2.events.notification.created\",\n updateStateFromJoltMessage\n )\n joltChannel.bind(\n \"notifications.v2.events.notification.updated\",\n updateStateFromJoltMessage\n )\n joltChannel.bind(\n \"notifications.v2.events.notification.destroyed\",\n removeNotification\n )\n\n return () => {\n joltChannel.unbind(\n \"notifications.v2.events.notification.created\",\n updateStateFromJoltMessage\n )\n joltChannel.unbind(\n \"notifications.v2.events.notification.updated\",\n updateStateFromJoltMessage\n )\n joltChannel.unbind(\n \"notifications.v2.events.notification.destroyed\",\n removeNotification\n )\n }\n }\n }, [enabled, joltChannel, fetchNotifications, removeNotification])\n\n React.useEffect(() => {\n if (enabled) {\n fetchNotifications()\n }\n }, [enabled, fetchNotifications])\n\n React.useEffect(() => {\n if (enabled && !isLoading) {\n setUnreadCount(unread.length)\n }\n }, [unread, isLoading])\n\n const markAsReadOrUnread = async (\n notificationIds: string[],\n readOrUnread: \"read\" | \"unread\"\n ) => {\n const included = notificationIds.reduce(\n (acc, id: string) => [\n ...acc,\n {\n attributes: { action: readOrUnread },\n id,\n type: \"graph_notification\",\n },\n ],\n []\n )\n\n return apiRequest(\n railsCsrfFetch,\n `${pcoUrl(env)(\"api\")}/notifications/v2/me/bulk_update`,\n {\n data: {\n data: {\n attributes: {},\n relationships: {\n notifications: {\n data: {\n source: \"/included/graph_notification/*\",\n },\n },\n },\n type: \"BulkUpdate\",\n },\n included,\n },\n method: \"POST\",\n }\n ).then((e) => {\n if (!e.ok) {\n // TODO: show an alert or something?\n\n setIsLoading(false)\n setHasError(true)\n // Rollback any optimistic UI updates\n setNotifications((notifications) =>\n notifications.map((n) =>\n notificationIds.includes(n.id) ? { ...n, isRead: !n.isRead } : n\n )\n )\n }\n })\n }\n\n const handleToggleRead = async (notification: Notification) => {\n const action = notification.isRead ? \"unread\" : \"read\"\n\n // optimistic UI update\n setNotifications((notifications) =>\n notifications.map((n) =>\n notification.id == n.id ? { ...n, isRead: action === \"read\" } : n\n )\n )\n\n return markAsReadOrUnread([notification.id], action)\n }\n\n const handleMarkAsRead = async (notification: Notification) => {\n return markAsReadOrUnread([notification.id], \"read\")\n }\n\n const handleMarkAllAsRead = () => {\n const unreadIds = unread.map((n) => n.id)\n\n // optimistic UI update\n setNotifications((notifications) =>\n notifications.map((n) =>\n unreadIds.includes(n.id) ? { ...n, isRead: true } : n\n )\n )\n\n markAsReadOrUnread(\n unread.map((u: Notification) => u.id),\n \"read\"\n )\n }\n\n return {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError,\n isLoading,\n read,\n unread,\n unreadCount,\n }\n}\n\nexport default useNotifications\n","import * as React from \"react\"\n\ntype MFAStatusProps = {\n isActive: boolean;\n};\n\nconst MFAStatus = ({ isActive }: MFAStatusProps) => {\n const statusColor = isActive? \"hsl(86, 91%, 27%)\" : \"hsl(8, 60%, 47%)\"\n \n const displayStatusIcon = () => isActive? (\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M12.588 5.31499H11.832V3.79999C11.8159 2.80798 11.4105 1.86207 10.7032 1.16625C9.99602 0.470436 9.04363 0.0804749 8.0515 0.0804749C7.05937 0.0804749 6.10698 0.470436 5.39976 1.16625C4.69253 1.86207 4.28713 2.80798 4.271 3.79999V5.31499H3.515C3.1138 5.31525 2.72906 5.47454 2.44508 5.75795C2.16111 6.04136 2.00106 6.42579 2 6.82699V14.388C2.00132 14.7891 2.16146 15.1734 2.44537 15.4567C2.72929 15.7401 3.11388 15.8995 3.515 15.9H12.588C12.9886 15.8987 13.3724 15.7389 13.6557 15.4557C13.939 15.1724 14.0987 14.7886 14.1 14.388V6.82699C14.0987 6.42639 13.939 6.04257 13.6557 5.7593C13.3724 5.47603 12.9886 5.31631 12.588 5.31499ZM8.051 12.115C7.75171 12.1152 7.45909 12.0266 7.21015 11.8605C6.96121 11.6944 6.76713 11.4581 6.65246 11.1817C6.53779 10.9052 6.50768 10.601 6.56595 10.3074C6.62422 10.0139 6.76824 9.74418 6.97979 9.53249C7.19135 9.32079 7.46094 9.17659 7.75446 9.11813C8.04798 9.05967 8.35225 9.08958 8.62877 9.20406C8.90529 9.31855 9.14165 9.51247 9.30794 9.7613C9.47424 10.0101 9.563 10.3027 9.563 10.602C9.56327 11.0036 9.40424 11.389 9.1208 11.6735C8.83736 11.9581 8.45264 12.1187 8.051 12.12V12.115ZM10.395 5.31499H5.707V3.79999C5.707 3.17832 5.95396 2.58211 6.39354 2.14253C6.83313 1.70294 7.42933 1.45599 8.051 1.45599C8.67267 1.45599 9.26887 1.70294 9.70846 2.14253C10.148 2.58211 10.395 3.17832 10.395 3.79999V5.31499Z\" fill={statusColor} />\n </svg>\n ) : (\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M13.7,5.8a1.5,1.5,0,0,0-1.1-.4H5.7V3.8a2.34,2.34,0,0,1,.7-1.7,2.19,2.19,0,0,1,1.7-.7,2.34,2.34,0,0,1,1.7.7,2.67,2.67,0,0,1,.7,1.4h1.4a4.12,4.12,0,0,0-1.1-2.4A4.73,4.73,0,0,0,8.1.1,4,4,0,0,0,5.4,1.2,3.63,3.63,0,0,0,4.3,3.8V5.3H3.5a2.1,2.1,0,0,0-1.1.4A2.1,2.1,0,0,0,2,6.8v7.6a2.1,2.1,0,0,0,.4,1.1,1.5,1.5,0,0,0,1.1.4h9.1a2.1,2.1,0,0,0,1.1-.4,1.5,1.5,0,0,0,.4-1.1V6.8A1.53,1.53,0,0,0,13.7,5.8ZM9.1,11.7a1.5,1.5,0,0,1-1.1.4H8a1.14,1.14,0,0,1-.8-.3,4.35,4.35,0,0,1-.6-.7,2.77,2.77,0,0,1-.1-.9A3,3,0,0,1,7,9.5a1.23,1.23,0,0,1,.8-.4,1.41,1.41,0,0,1,.9.1,1.34,1.34,0,0,1,.7.6,1.14,1.14,0,0,1,.3.8A2.38,2.38,0,0,1,9.1,11.7Z\" fill={statusColor} />\n </svg>\n )\n\n return (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"13px\",\n marginBottom: 2,\n marginTop: 4\n }}\n >\n {displayStatusIcon()}\n\n <span\n style={{\n color: \"#888\",\n marginLeft: 4,\n whiteSpace: \"nowrap\"\n }}\n >\n Two-step verification {isActive ? \"active\" : \"inactive\"}\n </span>\n </div>\n )\n}\n\nexport default MFAStatus\n","import * as React from \"react\"\n\nexport function StyledRoot({ children, style, ...nativeProps }): JSX.Element {\n return (\n <div\n className=\"simple\"\n style={{\n MozOsxFontSmoothing: \"grayscale\",\n WebkitFontSmoothing: \"antialiased\",\n alignItems: \"center\",\n color: \"white\",\n display: \"flex\",\n height: \"48px\",\n position: \"relative\",\n ...style,\n }}\n {...nativeProps}\n >\n <style>{`\n @media only print {\n .simple {\n display: none !important;\n }\n }\n `}</style>\n {children}\n </div>\n )\n}\n","import pcoUrl from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport { Avatar } from \"./avatar\"\nimport AppsButton from \"./components/apps_button\"\nimport AppsMenu from \"./components/apps_menu\"\nimport Hoverable from \"./components/hoverable\"\nimport HoverableListItem from \"./components/hoverable_list_item\"\nimport NotificationBell from \"./components/notification_bell\"\nimport NotificationsMenu from \"./components/notifications_menu\"\nimport Outsider from \"./components/outsider\"\nimport Popup from \"./components/popup\"\nimport PopupRoot from \"./components/popup_root\"\nimport { appsMenuFormatter, connectedPeopleMenuFormatter } from \"./formatters\"\nimport useHover from \"./hooks/use_hover\"\nimport useNotifications from \"./hooks/use_notifications\"\nimport { SharedTopbarProps } from \"./interfaces\"\nimport MFAStatus from \"./mfa_status\"\nimport { StyledRoot } from \"./styled_root\"\nimport { fontFamily, IEFlex1, slightBackgroundTransition } from \"./styles\"\nimport { DisclosureChevronIcon, HelpIcon } from \"./symbols\"\nimport TopbarContext from \"./topbar_context\"\nimport { Unbutton } from \"./unbutton\"\n\ninterface NotSmallTopbarProps {\n activeRoute: string\n onLinkToProfileClick?: () => any\n search?: any\n showOrgName?: boolean\n}\n\nconst Topbar = (props: NotSmallTopbarProps & SharedTopbarProps) => {\n const [appsMenuVisible, setAppsMenuVisible] = React.useState(false)\n const [notificationsMenuVisible, setNotificationsMenuVisible] =\n React.useState(false)\n const [routesVisible, setRoutesVisible] = React.useState(true)\n const [userMenuVisible, setUserMenuVisible] = React.useState(false)\n const { notificationsEnabled, mfaEnabled, mfaConfigured } =\n React.useContext(TopbarContext)\n const {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n read,\n unread,\n unreadCount,\n } = useNotifications({\n enableJoltLogging: props.enableJoltLogging,\n enabled: notificationsEnabled,\n env: props.env,\n joltPromise: props.joltPromise,\n userId: props.userId,\n })\n\n const hoverRef = React.useRef(null)\n const isHover = useHover(hoverRef)\n\n return (\n <StyledRoot\n style={{\n paddingLeft: \"8px\",\n paddingRight: \"16px\",\n ...props.style,\n }}\n >\n <AppsMenu\n env={props.env}\n appName={props.appName}\n apps={appsMenuFormatter(props.apps)}\n visible={appsMenuVisible}\n toggle={() => setAppsMenuVisible((visible) => !visible)}\n />\n\n <AppsButton\n colors={props.colors}\n expanded={appsMenuVisible}\n onClick={() => {\n setAppsMenuVisible((visible) => !visible)\n props.requestAppsFetch()\n }}\n appName={props.appName}\n />\n\n <div style={{ margin: \"12px\" }} />\n\n {routesVisible && props.routes}\n\n <div style={{ margin: \"auto\" }} />\n\n {!notificationsEnabled && props.notifications()}\n\n {props.search({\n hideRoutes: () => setRoutesVisible(false),\n showRoutes: () => setRoutesVisible(true),\n })}\n\n {notificationsEnabled && (\n <>\n <NotificationsMenu\n apps={props.apps}\n handleMarkAllAsRead={handleMarkAllAsRead}\n handleMarkAsRead={handleMarkAsRead}\n handleToggleRead={handleToggleRead}\n notifications={{ read, unread }}\n toggle={() => setNotificationsMenuVisible((visible) => !visible)}\n visible={notificationsMenuVisible}\n />\n\n <Hoverable\n component=\"button\"\n hover={{\n backgroundColor:\n props.colors.highlight || \"rgb(255 255 255 / 12%)\",\n }}\n innerRef={hoverRef}\n onClick={() => setNotificationsMenuVisible((visible) => !visible)}\n style={{\n alignItems: \"center\",\n backgroundColor: \"transparent\",\n border: \"none\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n display: \"flex\",\n justifyContent: \"center\",\n marginLeft: \"8px\",\n padding: \"4px\",\n transition: \"all 150ms\",\n ...slightBackgroundTransition,\n }}\n >\n <NotificationBell\n colors={props.colors}\n indicatorVisible={unreadCount > 0}\n isHover={isHover}\n isOpen={notificationsMenuVisible}\n />\n </Hoverable>\n </>\n )}\n\n <div\n style={{\n cursor: \"pointer\",\n marginLeft: \"16px\",\n position: \"relative\",\n whiteSpace: \"nowrap\",\n }}\n >\n <Hoverable\n component=\"button\"\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n alignItems: \"center\",\n appearance: \"none\",\n backgroundColor: props.colors.base1,\n border: \"none\",\n borderRadius: \"9999px\",\n color: props.colors.text || \"#fff\",\n // TODO: #improve-outline-a11y\n cursor: \"pointer\",\n display: \"flex\",\n fontSize: \"13px\",\n lineHeight: \"32px\",\n outline: 0,\n padding: 0,\n ...slightBackgroundTransition,\n }}\n active={{ backgroundColor: props.colors.base3 }}\n hover={{ backgroundColor: props.colors.base2 }}\n onClick={() => {\n setUserMenuVisible((visible) => !visible)\n props.requestConnectedPeopleFetch()\n }}\n >\n <Avatar env={props.env} url={props.userAvatarPath} />\n\n {props.showOrgName && props.connectedPeople.length ? (\n <div\n style={{\n fontSize: \"13px\",\n margin: \"0 8px 0 8px\",\n maxWidth: \"240px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {props.orgName}\n </div>\n ) : (\n <div style={{ margin: \"0 4px 0 4px\" }} />\n )}\n <div style={{ paddingRight: \"8px\" }}>\n <DisclosureChevronIcon\n colors={props.colors}\n style={{ margin: \"-3px\" }}\n />\n </div>\n </Hoverable>\n </div>\n\n <PopupRoot>\n <Popup\n component={Outsider}\n onOutsideClick={() => setUserMenuVisible(false)}\n cleanup={!userMenuVisible}\n style={{\n color: \"#525252\",\n marginTop: \"8px\",\n maxWidth: \"320px\",\n right: 0,\n ...(userMenuVisible\n ? {\n opacity: 1,\n transition: \"none\",\n visibility: \"visible\",\n }\n : {\n opacity: 0,\n transition: \"all 120ms ease-in\",\n visibility: \"hidden\",\n }),\n cursor: \"default\",\n }}\n >\n <div>\n <div\n style={{\n display: \"block\",\n textDecoration: \"none\",\n }}\n >\n <div style={{ padding: \"16px\" }}>\n <div\n style={{\n display: \"flex\",\n fontSize: \"18px\",\n lineHeight: \"24px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n ...fontFamily,\n color: \"#444\",\n marginRight: 8,\n maxWidth: \"240px\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {props.userName}\n </div>\n </div>\n </div>\n \n <div\n style={{\n color: \"#666\",\n fontSize: \"14px\",\n lineHeight: \"20px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n {props.orgName}\n </div>\n </div>\n\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\", \n }}\n >\n {props.linkToProfile && (\n <HoverableListItem\n component=\"a\"\n href={`/people/AC${props.userId}`}\n data-turbolinks={false}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n padding: \"16px\",\n textAlign: \"left\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n My profile\n </HoverableListItem>\n )}\n \n {mfaEnabled && (\n <HoverableListItem\n component=\"a\"\n href={pcoUrl(props.env)(\"login\") + `/people/AC${props.userId}`}\n data-turbolinks={false}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n padding: \"16px\",\n textAlign: \"left\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n My login settings\n <MFAStatus isActive={mfaConfigured} />\n </HoverableListItem>\n )}\n </div>\n </div>\n\n {props.connectedPeople.length ? (\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: \"#eee\",\n borderTop: \"1px solid #ddd\",\n display: \"flex\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n color: \"#666\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n\n <div\n style={{\n ...IEFlex1,\n alignItems: \"center\",\n fontSize: \"12px\",\n textAlign: \"right\",\n }}\n >\n <a\n href=\"\"\n onClick={(e) => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n props.requestUnlinkConnectedPeople()\n e.preventDefault()\n }}\n style={{\n color: \"#666\",\n marginLeft: \"64px\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n unlink\n </a>\n </div>\n </div>\n ) : (\n <noscript />\n )}\n\n <style>{`\n .NotSmallTopbar__connected-people-list > *:first-child > * { border-top-width: 0 !important }\n `}</style>\n <ul\n className=\"NotSmallTopbar__connected-people-list\"\n style={{ listStyleType: \"none\", margin: 0, padding: 0 }}\n >\n {connectedPeopleMenuFormatter(props.connectedPeople).map(\n ({ id, attributes: person }) => (\n <HoverableListItem component=\"li\" key={id}>\n <a\n href=\"\"\n onClick={(e) => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n props.requestSwitchConnectedPerson(\n id,\n `${props.appName}/`\n )\n e.preventDefault()\n }}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n lineHeight: \"48px\",\n overflow: \"hidden\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n {person.organization_name}\n </a>\n </HoverableListItem>\n )\n )}\n </ul>\n </div>\n\n <HoverableListItem\n component=\"a\"\n href={`${pcoUrl(props.env)(\"login\")}/logout`}\n onClick={() => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n return\n }}\n data-turbolinks={false}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n lineHeight: \"48px\",\n padding: \"0 16px\",\n textAlign: \"center\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n <svg\n style={{ marginRight: \"8px\" }}\n width=\"12px\"\n height=\"10px\"\n viewBox=\"0 0 12 10\"\n >\n <g\n id=\"Page-1\"\n stroke=\"none\"\n strokeWidth=\"1\"\n fill=\"none\"\n fillRule=\"evenodd\"\n >\n <g\n id=\"Results-Copy\"\n transform=\"translate(-113.000000, -252.000000)\"\n fill=\"#444\"\n >\n <path\n d=\"M124.327628,256.578333 L122.013462,254.285 C121.870962,254.143333 121.683462,254.061667 121.486795,254.053333 C121.282628,254.045 121.092628,254.118333 120.950962,254.258333 C120.666795,254.54 120.666795,255.004167 120.950962,255.285833 L121.974295,256.255 L117.971795,256.255 C117.926795,256.255 117.884295,256.26 117.841795,256.268333 C117.489295,256.33 117.220962,256.633333 117.220962,257 C117.220962,257.410833 117.557628,257.745 117.971795,257.745 L121.990128,257.745 L120.950962,258.820833 C120.815128,258.955833 120.731795,259.1675 120.731795,259.374167 C120.731795,259.575833 120.813462,259.7775 120.950962,259.914167 C121.092628,260.055 121.281795,260.133333 121.480962,260.135833 C121.682628,260.1375 121.871795,260.061667 122.013462,259.920833 L124.327628,257.63 C124.610962,257.348333 124.610962,256.859167 124.327628,256.578333 M116.804167,260.523333 C116.7625,260.515 116.719167,260.510833 116.674167,260.510833 L114.5025,260.510833 L114.5025,253.489167 L116.6475,253.489167 C117.061667,253.489167 117.399167,253.155833 117.399167,252.745 C117.399167,252.378333 117.13,252.074167 116.7775,252.0125 C116.735,252.004167 116.6925,252 116.6475,252 L113.965,252 C113.540833,252 113,252.5075 113,252.904167 L113,261.308333 C113,261.736667 113.5625,262 113.965,262 L116.674167,262 C117.088333,262 117.425,261.665833 117.425,261.255 C117.425,260.889167 117.156667,260.585 116.804167,260.523333\"\n id=\"Fill-1\"\n />\n </g>\n </g>\n </svg>\n Log out\n </HoverableListItem>\n </Popup>\n </PopupRoot>\n\n <Hoverable\n hover={{\n backgroundColor: props.colors.highlight || \"rgb(255 255 255 / 12%)\",\n }}\n style={{\n alignItems: \"center\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n display: \"flex\",\n justifyContent: \"center\",\n marginLeft: \"8px\",\n marginRight: \"-4px\",\n transition: \"all 150ms\",\n ...slightBackgroundTransition,\n }}\n >\n <Unbutton\n id=\"jsLaunchHelpdesk\"\n style={{ borderRadius: \"50%\", padding: \"4px\" }}\n >\n <HelpIcon colors={props.colors} />\n </Unbutton>\n </Hoverable>\n </StyledRoot>\n )\n}\n\nTopbar.defaultProps = {\n linkToProfile: true,\n notifications: () => null,\n search: () => null,\n showOrgName: true,\n useDummyNotifications: false,\n}\n\nconst Route = ({\n active,\n colors,\n style = null,\n ...nativeProps\n}: {\n active: boolean\n children: React.ReactNode\n colors: any\n href?: string\n style?: object\n}) => {\n const [entered, setEntered] = React.useState(false)\n const [down, setDown] = React.useState(false)\n\n const getBackgroundColor = () => {\n if (entered && down) return colors.base2\n if (entered || active) return colors.base1\n return \"transparent\"\n }\n\n const getTextColor = () => {\n return colors.text || \"#fff\"\n }\n\n return (\n <a\n style={{\n backgroundColor: getBackgroundColor(),\n borderRadius: \"9999px\",\n color: getTextColor(),\n fontSize: \"14px\",\n fontWeight: 600,\n lineHeight: \"32px\",\n marginRight: \"4px\", // off-grid\n paddingLeft: \"12px\",\n paddingRight: \"12px\",\n textDecoration: \"none\",\n textTransform: \"capitalize\",\n verticalAlign: \"middle\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n ...slightBackgroundTransition,\n ...style,\n }}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseDown={() => setDown(true)}\n onMouseUp={() => setDown(false)}\n {...nativeProps}\n />\n )\n}\n\nexport { Route, Topbar }\n","import pcURL, * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport apiRequest, { defaultFetch, Fetch } from \"./api_request\"\nimport { PointBreak } from \"./display_switch\"\nimport { X as XSymbol } from \"./symbols\"\n\nconst entries = function (obj) {\n const ownProps = Object.keys(obj)\n let i = ownProps.length\n const resArray = new Array(i) // preallocate the Array\n while (i--) resArray[i] = [ownProps[i], obj[ownProps[i]]]\n\n return resArray\n}\n\nfunction formatter(announcements) {\n return entries(announcements).map((entry) => ({\n data: entry[1],\n id: entry[0],\n }))\n}\n\nclass Provider extends React.Component<\n {\n children: (announcements: any, callback: any) => React.ReactElement<any>\n configuredFetch: Fetch\n env: PCO_URL.Environment\n formatter?: any\n initialAnnouncements: object\n },\n {\n announcements: object[]\n }\n> {\n constructor(props: any) {\n super(props)\n\n this.state = {\n announcements: props.initialAnnouncements,\n }\n }\n\n public static defaultProps = {\n formatter: formatter,\n }\n\n dismissAnnouncements(id) {\n this.setState(({ announcements }) => {\n const newAnnouncements = announcements\n if (announcements[id]) delete newAnnouncements[id]\n\n return { announcements: newAnnouncements }\n })\n\n return apiRequest(\n this.props.configuredFetch,\n `${pcURL(this.props.env)(\n \"api\"\n )}/people/v2/me/platform_notifications/${id}/dismiss`,\n { method: \"POST\" }\n )\n }\n\n render() {\n return this.props.children(\n { announcements: this.props.formatter(this.state.announcements) },\n { dismissAnnouncements: this.dismissAnnouncements.bind(this) }\n )\n }\n}\n\nexport class StyledAnnouncement extends React.Component<\n { style?: object },\n {}\n> {\n render() {\n const { style, ...platformProps } = this.props\n\n return (\n <PointBreak\n render={(breakpoint) => (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingRight: 18,\n paddingTop: 14,\n ...style,\n }}\n {...platformProps}\n />\n )}\n />\n )\n }\n}\n\nexport class StyleProvider extends React.Component<\n {\n className?: string\n colors: any\n style?: object\n },\n {}\n> {\n render() {\n const { children, className, colors, style, ...platformProps } = this.props\n\n return (\n <div\n className={[\"__Topbar_PlatformAnnouncements_link\"].join(\" \").trim()}\n style={{\n backgroundColor: \"#282828\",\n color: \"white\",\n fontSize: \"14px\",\n ...style,\n }}\n {...platformProps}\n >\n <style>{`\n .__Topbar_PlatformAnnouncements_link { color: white }\n .__Topbar_PlatformAnnouncements_link a { color: ${colors.base0} }\n .__Topbar_PlatformAnnouncements_link a:hover { color: ${colors.base1} }\n .__Topbar_PlatformAnnouncements_link a:active { color: ${colors.base2} }\n `}</style>\n {children}\n </div>\n )\n }\n}\n\nexport default class PlatformAnnouncements extends React.Component<\n {\n colors: any\n configuredFetch?: Fetch\n data: object\n env: PCO_URL.Environment\n renderItem?: any\n },\n {}\n> {\n public static defaultProps = {\n configuredFetch: defaultFetch,\n renderItem: ({ announcement, actions }) => (\n <DissmissibleAnnouncement\n key={announcement.id}\n html={announcement.data.html}\n onClick={() => actions.dismissAnnouncements(announcement.id)}\n />\n ),\n }\n\n render() {\n return (\n <StyleProvider colors={this.props.colors}>\n <Provider\n env={this.props.env}\n initialAnnouncements={this.props.data}\n configuredFetch={this.props.configuredFetch}\n >\n {(data, actions) =>\n Boolean(data.announcements.length > 0) ? (\n <div>\n {data.announcements.map((announcement) =>\n this.props.renderItem({ actions, announcement })\n )}\n </div>\n ) : null\n }\n </Provider>\n </StyleProvider>\n )\n }\n}\n\nfunction StyledDismissButton({ ...props }: any): JSX.Element {\n return (\n <button\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n cursor: \"pointer\",\n\n margin: -8,\n // larger click target without increasing box\n padding: 8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ height: 20, width: 20 }} />\n </button>\n )\n}\n\nfunction DissmissibleAnnouncement(props: {\n html: string\n onClick: () => any\n}): JSX.Element {\n return (\n <StyledAnnouncement>\n <span\n dangerouslySetInnerHTML={{\n __html: props.html,\n }}\n />\n\n <StyledDismissButton onClick={props.onClick} />\n </StyledAnnouncement>\n )\n}\n","import * as React from \"react\"\n\nimport { PointBreak } from \"./display_switch\"\nimport { X as XSymbol } from \"./symbols\"\n\n/*\nProductAnnouncement:\nDisplays a dismissible product announcements when provided an `html` prop.\nRenders nothing when no `html` prop is falsy.\n\nWhen the dismiss button is clicked, ProductAnnouncement will immediately dissappear.\nPass an `onClick` prop to coordinate this dismissal with a server request that will prevent message from being passed to future page views.\n\nIt should look something like this in your application's Topbar composition:\n\n```jsx\n<ProductAnnouncement\n colors={shared.colors}\n html={this.props.productAnnouncement}\n onClick={() => alert(\"Sending fire-and-forget dismiss request to server\")}\n/>\n```\n\nAttributes like `className`, `id`, `data-*`, and `aria-*` are all applied to the root element.\n*/\n\nexport function ProductAnnouncement({\n colors,\n html = \"\",\n onClick = (_event) => {\n /* noop */\n },\n ...props\n}: {\n colors: object\n html: string\n onClick: (event: any) => any\n}) {\n const [dismissed, updateDismissed] = React.useState(false)\n\n return dismissed || !html ? null : (\n <StyleProvider colors={colors} {...props}>\n <StyledAnnouncement>\n <span dangerouslySetInnerHTML={{ __html: html }} />\n <StyledDismissButton\n onClick={(event) => {\n onClick(event)\n updateDismissed(true)\n }}\n />\n </StyledAnnouncement>\n </StyleProvider>\n )\n}\n\nexport class StyleProvider extends React.Component<\n {\n className?: string\n colors: any\n style?: object\n },\n {}\n> {\n render() {\n const { children, className, colors, style, ...platformProps } = this.props\n\n return (\n <div\n className={[\"Topbar_ProductAnnouncement\", className]\n .filter(Boolean)\n .join(\" \")\n .trim()}\n style={{\n backgroundColor: colors.base1,\n ...style,\n }}\n {...platformProps}\n >\n <style>{`\n .Topbar_ProductAnnouncement {\n color: white;\n font-size: 14px;\n }\n .Topbar_ProductAnnouncement a { color: white; font-weight: bold; }\n `}</style>\n {children}\n </div>\n )\n }\n}\n\nexport class StyledAnnouncement extends React.Component<\n { style?: object },\n {}\n> {\n render() {\n const { style, ...platformProps } = this.props\n\n return (\n <PointBreak\n render={(breakpoint) => (\n <div\n style={{\n alignItems: \"center\",\n boxSizing: \"border-box\",\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingRight: 18,\n paddingTop: 14,\n ...style,\n }}\n {...platformProps}\n />\n )}\n />\n )\n }\n}\n\nexport function StyledDismissButton({ ...props }: any): JSX.Element {\n return (\n <button\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n cursor: \"pointer\",\n\n margin: -8,\n // larger click target without increasing box\n padding: 8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ height: 20, width: 20 }} />\n </button>\n )\n}\n","import * as React from \"react\"\n\nexport class ClientStorage extends React.Component<\n {\n item: string\n method?: \"localStorage\" | \"sessionStorage\"\n render: (apps: any, other: any) => React.ReactElement<any>\n },\n {}\n> {\n public static defaultProps = {\n method: \"localStorage\",\n }\n\n update(value) {\n window[this.props.method].setItem(this.props.item, JSON.stringify(value))\n return this.forceUpdate()\n }\n\n render() {\n return this.props.render(\n JSON.parse(window[this.props.method].getItem(this.props.item)) ||\n undefined,\n this.update.bind(this)\n )\n }\n}\n","import pcoUrl from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport { Avatar } from \"./avatar\"\nimport { ClientStorage as LocalStorageProvider } from \"./client_storage\"\nimport { ColorAppIcon } from \"./color_app_icon\"\nimport NotificationBell from \"./components/notification_bell\"\nimport NotificationsMenu from \"./components/notifications_menu\"\nimport { appsMenuFormatter, connectedPeopleMenuFormatter } from \"./formatters\"\nimport getAppsSwitchProductPath from \"./get_apps_switch_product_path\"\nimport useNotifications from \"./hooks/use_notifications\"\nimport { SharedTopbarProps } from \"./interfaces\"\nimport MFAStatus from \"./mfa_status\"\nimport { MonoAppIcon } from \"./mono_app_icon\"\nimport { MonoAppName } from \"./mono_app_name\"\nimport * as AppSymbols from \"./mono_app_symbols\"\nimport { StyledRoot } from \"./styled_root\"\nimport { fontFamily, IEFlex1 } from \"./styles\"\nimport { DisclosureChevronIcon, X } from \"./symbols\"\nimport TopbarContext from \"./topbar_context\"\nimport { Unbutton } from \"./unbutton\"\nimport { capitalize } from \"./utils\"\n\nconst MENU_GUTTER = 57\n\nconst CloseMenuButton = () => (\n <div style={{ position: \"absolute\", right: \"17px\", top: \"12px\" }}>\n <X fill=\"#ffffff\" style={{ height: \"23.4px\", width: \"23.4px\" }} />\n </div>\n)\n\nconst UserMenuAppLockup = ({\n appName: originalAppName,\n}: {\n appName: string\n}) => {\n const appName = originalAppName.replace(/[\\s-]/, \"\")\n\n return (\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName={appName} size={20} />\n </div>\n <MonoAppName appName={appName} color=\"#fff\" size={18} />\n </div>\n )\n}\n\ninterface SmallTopbarProps {\n currentRouteComponent?: any\n}\n\nconst Topbar = (props: SharedTopbarProps & SmallTopbarProps) => {\n const [notificationsMenuVisible, setNotificationsMenuVisible] =\n React.useState(false)\n const [routesMenuVisible, setRoutesMenuVisible] = React.useState(false)\n const [userMenuVisible, setUserMenuVisible] = React.useState(false)\n const { notificationsEnabled, mfaConfigured, mfaEnabled } =\n React.useContext(TopbarContext)\n\n React.useEffect(() => {\n userMenuVisible || notificationsMenuVisible\n ? (document.body.style.overflow = \"hidden\")\n : (document.body.style.overflow = \"\")\n }, [notificationsMenuVisible, userMenuVisible])\n\n const activeRoute =\n props.routes.filter(({ props: { active } }) => active) || []\n\n const CurrentRouteComponent = props.currentRouteComponent\n const currentRouteText =\n (activeRoute &&\n activeRoute[0] &&\n activeRoute[0].props &&\n activeRoute[0].props.children) ||\n props.appName\n\n const accountsProduct = props.apps.find(({ name }) => name === \"Accounts\")\n\n const homeProduct = props.apps.find(({ name }) => name === \"Home\")\n\n const restProducts = [...props.apps].filter(\n ({ name }) => name !== \"Home\" && name !== \"Accounts\"\n )\n\n const {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n read,\n unread,\n unreadCount,\n } = useNotifications({\n enableJoltLogging: props.enableJoltLogging,\n enabled: notificationsEnabled,\n env: props.env,\n joltPromise: props.joltPromise,\n userId: props.userId,\n })\n\n return (\n <StyledRoot style={{ ...props.style }}>\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n justifyContent: \"center\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n }}\n onClick={() => {\n props.requestAppsFetch()\n props.requestConnectedPeopleFetch()\n\n setRoutesMenuVisible(false)\n setUserMenuVisible((visible) => !visible)\n }}\n >\n <MonoAppIcon\n appName={props.appName.replace(/[\\s-]/, \"\")}\n colors={props.colors}\n size={26}\n />\n </div>\n <div\n style={{\n left: 0,\n position: \"absolute\",\n top: \"48px\",\n width: \"100%\",\n }}\n >\n {routesMenuVisible && props.routes}\n </div>\n <LocalStorageProvider\n item=\"Topbar:Small:Menus:User:visibility\"\n render={(userSwitchState = false, lsUpdate) => (\n <div\n style={{\n MozUserSelect: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n WebkitUserSelect: \"none\",\n backgroundColor: \"rgba(0,0,0,.8)\",\n bottom: 0,\n color: \"black\",\n display: userMenuVisible ? \"block\" : \"none\",\n left: 0,\n msUserSelect: \"none\",\n position: \"fixed\",\n right: 0,\n top: 0,\n userSelect: \"none\",\n }}\n onClick={() => setUserMenuVisible((visible) => !visible)}\n >\n <CloseMenuButton />\n <div\n onClick={(e) => e.stopPropagation()}\n style={{\n backgroundColor: \"#424242\", // \"white\"\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n position: \"relative\",\n width: `calc(100% - ${MENU_GUTTER}px)`,\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: \"#363636\",\n borderBottom: \"1px solid #363636\",\n display: \"flex\",\n height: \"48px\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n }}\n >\n <div style={{ ...IEFlex1 }}>\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n paddingRight: \"16px\",\n }}\n data-turbolinks={false}\n href={\n homeProduct\n ? pcoUrl(props.env)(\"accounts\") +\n getAppsSwitchProductPath(homeProduct?.name)\n : undefined\n }\n >\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <UserMenuAppLockup\n appName={homeProduct ? homeProduct.name : props.appName}\n />\n </div>\n </a>\n </div>\n <div onClick={() => lsUpdate(!userSwitchState)}>\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: userSwitchState\n ? \"transparent\"\n : \"#292929\",\n borderRadius: \"9999px\",\n boxShadow: `0 0 0 1px ${\n userSwitchState ? props.colors.base1 : \"#292929\"\n }`,\n display: \"flex\",\n fontSize: \"13px\",\n lineHeight: \"32px\",\n }}\n >\n <Avatar env={props.env} url={props.userAvatarPath} />\n\n <div style={{ paddingRight: \"8px\" }}>\n <DisclosureChevronIcon\n colors={props.colors}\n style={{ color: \"#999\", marginLeft: \"4px\", verticalAlign: \"middle\" }}\n />\n </div>\n </div>\n </div>\n </div>\n\n <div\n style={{\n ...IEFlex1,\n WebkitOverflowScrolling: \"touch\",\n overflowY: \"scroll\",\n }}\n >\n <ul style={{ margin: 0, padding: 0 }}>\n {appsMenuFormatter(restProducts).map(({ name }, i) => {\n const isFirst = i === 0\n const isLast =\n i === appsMenuFormatter(restProducts).length - 1\n return (\n <li key={name} style={{ listStyleType: \"none\" }}>\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"40px\",\n paddingBottom: isLast ? \"4px\" : 0,\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n paddingTop: isFirst ? \"4px\" : 0,\n }}\n data-turbolinks={false}\n href={\n pcoUrl(props.env)(\"accounts\") +\n getAppsSwitchProductPath(name)\n }\n >\n <UserMenuAppLockup appName={name} />\n </a>\n </li>\n )\n })}\n </ul>\n\n {accountsProduct && (\n <div style={{ borderTop: \"1px solid #363636\" }}>\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n paddingLeft: \"12px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n }}\n data-turbolinks={false}\n href={\n pcoUrl(props.env)(\"accounts\") +\n getAppsSwitchProductPath(accountsProduct.name)\n }\n >\n <svg\n height={22}\n style={{ display: \"block\", marginRight: \"2px\" }}\n viewBox=\"0 0 20 20\"\n width={22}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {React.createElement(AppSymbols[\"Accounts\"], {\n color: \"#9e9e9e\",\n key: \"key2\",\n })}\n </svg>\n <div\n style={{\n color: \"hsl(0 0% 68%)\",\n fontSize: \"12px\",\n lineHeight: \"48px\",\n textDecoration: \"none\",\n }}\n >\n Account settings\n </div>\n </a>\n </div>\n )}\n </div>\n\n <div\n style={{\n ...IEFlex1,\n WebkitOverflowScrolling: \"touch\",\n overflowY: \"scroll\",\n }}\n >\n <div\n style={{\n background: \"#FFFFFF\",\n borderRadius: \"3px\",\n boxShadow: \"0 4px 7px 0 rgba(0,0,0,0.40)\",\n display: userSwitchState ? \"block\" : \"none\",\n height: \"auto\",\n maxHeight: \"calc(100% - 124px)\",\n position: \"absolute\",\n right: \"12px\",\n top: \"60px\",\n width: \"calc(100% - 24px)\",\n }}\n >\n <div\n style={{\n WebkitOverflowScrolling: \"touch\",\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n overflowY: \"scroll\",\n }}\n >\n <div\n style={{\n maxWidth: \"100%\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n <div \n style={{ \n padding: \"16px\" \n }}>\n <div\n style={{\n fontSize: \"15px\",\n fontWeight: 600,\n lineHeight: \"16px\",\n marginBottom: \"4px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\"\n }}\n >\n {props.userName}\n </div>\n <div\n style={{\n color: \"#444\",\n fontSize: \"14px\",\n lineHeight: \"16px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\"\n }}\n >\n {props.orgName}\n </div>\n </div>\n\n {props.linkToProfile && (\n <a\n href={`/people/AC${props.userId}`}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"rgb(68, 68, 68)\",\n display: \"block\",\n lineHeight: \"48px\",\n maxWidth: \"100%\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n whiteSpace: \"nowrap\",\n }}\n >\n My profile\n </a>\n )}\n\n {mfaEnabled && (\n <>\n <a\n href={\n pcoUrl(props.env)(\"login\") +\n `/people/AC${props.userId}`\n }\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"rgb(68, 68, 68)\",\n display: \"block\",\n lineHeight: \"1.4\",\n padding: \"14px 16px\",\n textDecoration: \"none\"\n }}\n >\n My login settings\n <MFAStatus isActive={mfaConfigured} />\n </a>\n </>\n )}\n </div>\n \n {props.connectedPeople.length > 0 && (\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: \"#eee\",\n borderTop: \"1px solid #ddd\",\n display: \"flex\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n color: \"#666\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n </div>\n )}\n\n <div style={{ ...IEFlex1 }}>\n <style>\n {`.SmallTopbar__connected-people-list > *:first-child > * { border-top-width: 0 !important }`}\n </style>\n <ul\n className=\"SmallTopbar__connected-people-list\"\n style={{\n borderTop: props.connectedPeople.length > 0 ? \"1px solid #ddd\" : \"none\",\n fontSize: \"15px\",\n listStyleType: \"none\",\n margin: 0,\n padding: 0,\n }}\n >\n {connectedPeopleMenuFormatter(\n props.connectedPeople\n ).map(({ id, attributes: person }) => (\n <li key={id}>\n <a\n href=\"\"\n onClick={(e) => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n props.requestSwitchConnectedPerson(\n id,\n `${props.appName}/`\n )\n e.preventDefault()\n }}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"rgb(68, 68, 68)\",\n display: \"block\",\n lineHeight: \"48px\",\n maxWidth: \"100%\",\n overflow: \"hidden\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\"\n }}\n >\n {person.organization_name}\n </a>\n </li>\n ))}\n </ul>\n </div>\n <div>\n {props.connectedPeople.length > 0 && (\n <a\n href=\"\"\n onClick={(e) => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n props.requestUnlinkConnectedPeople()\n e.preventDefault()\n }}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#ef5433\",\n display: \"block\",\n fontSize: \"15px\",\n lineHeight: \"48px\",\n textAlign: \"center\",\n textDecoration: \"none\"\n }}\n >\n Unlink My Accounts\n </a>\n )}\n </div>\n </div>\n </div>\n </div>\n\n <div\n style={{\n borderTop: \"1px solid #363636\",\n display: \"flex\",\n flexDirection: \"row\",\n lineHeight: \"48px\",\n textAlign: \"center\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n borderRight: \"1px solid #363636\",\n }}\n >\n <Unbutton\n style={{\n color: \"white\",\n fontSize: \"15px\",\n fontWeight: 600,\n letterSpacing: \"-.05em\",\n }}\n id=\"jsLaunchHelpdesk\"\n >\n Help\n </Unbutton>\n </div>\n\n <div style={{ ...IEFlex1 }}>\n <a\n href={`${pcoUrl(props.env)(\"login\")}/logout`}\n onClick={() => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n return\n }}\n data-turbolinks={false}\n style={{\n color: \"white\",\n fontSize: \"15px\",\n fontWeight: 600,\n letterSpacing: \"-.05em\",\n textDecoration: \"none\",\n }}\n >\n Log out\n </a>\n </div>\n </div>\n </div>\n </div>\n )}\n />\n <div\n style={{\n ...IEFlex1,\n fontWeight: 600,\n lineHeight: \"48px\",\n textAlign: \"center\",\n }}\n onClick={() => {\n setUserMenuVisible(false)\n setRoutesMenuVisible((visible) => !visible)\n }}\n >\n <CurrentRouteComponent>\n {capitalize(currentRouteText)}\n </CurrentRouteComponent>\n <DisclosureChevronIcon\n colors={props.colors}\n style={{ marginLeft: \"4px\", verticalAlign: \"middle\" }}\n />\n </div>\n\n {notificationsEnabled && (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n justifyContent: \"center\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n }}\n onClick={() => setNotificationsMenuVisible((visible) => !visible)}\n >\n <NotificationBell\n colors={props.colors}\n indicatorVisible={unreadCount > 0}\n />\n <LocalStorageProvider\n item=\"Topbar:Small:Menus:Notifications:visibility\"\n render={() => (\n <div\n style={{\n MozUserSelect: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n WebkitUserSelect: \"none\",\n backgroundColor: \"rgba(0,0,0,.8)\",\n bottom: 0,\n color: \"black\",\n display: notificationsMenuVisible ? \"block\" : \"none\",\n left: 0,\n msUserSelect: \"none\",\n position: \"fixed\",\n right: 0,\n top: 0,\n userSelect: \"none\",\n }}\n >\n <CloseMenuButton />\n <div\n onClick={(e) => e.stopPropagation()}\n style={{\n WebkitOverflowScrolling: \"touch\",\n backgroundColor: \"#363636\",\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n overflowY: \"scroll\",\n padding: \"4px 0\",\n position: \"relative\",\n width: `calc(100% - ${MENU_GUTTER}px)`,\n }}\n >\n <NotificationsMenu\n apps={props.apps}\n handleMarkAllAsRead={handleMarkAllAsRead}\n handleMarkAsRead={handleMarkAsRead}\n handleToggleRead={handleToggleRead}\n mobile\n notifications={{ read, unread }}\n toggle={() =>\n setNotificationsMenuVisible((visible) => !visible)\n }\n visible={notificationsMenuVisible}\n />\n </div>\n </div>\n )}\n />\n </div>\n )}\n {!notificationsEnabled && props.notifications()}\n </StyledRoot>\n )\n}\n\nTopbar.defaultProps = {\n currentRouteComponent: (props) => <span {...props} />,\n notifications: () => null,\n}\n\nconst Route = ({ active, ...props }) => (\n <a\n style={{\n backgroundColor: \"#444\",\n borderBottom: \"1px solid #333\",\n color: \"#fff\",\n display: \"block\",\n fontWeight: 600,\n lineHeight: \"47px\",\n position: \"relative\",\n textAlign: \"center\",\n textDecoration: \"none\",\n textTransform: \"capitalize\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n ...(active && { backgroundColor: \"#333\" }),\n }}\n {...props}\n />\n)\n\nexport { Route, Topbar }\n","export const capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n"],"names":["url","options","credentials","mode","headers","rest","window","Rails","csrfToken","document","querySelector","_document$querySelect","getAttribute","fetch","method","data","Accept","redirect","body","JSON","stringify","then","response","json","ok","e","console","warn","key","initialValue","useState","localStorage","getItem","parse","item","error","storedValue","setStoredValue","useEffect","setItem","localStorageRepresentation","dropKey","removeItem","mfaConfigured","mfaEnabled","notificationsEnabled","organizationTimeZone","resp","attributes","apps","ConnectedPeopleProvider","props","_this","state","connectedPeople","apiRequest","this","configuredFetch","pcoUrl","env","setState","remove","unlink","location","meta","redirect_to","toId","returnPath","id","return_path","componentDidMount","render","bind","switch","React","Component","defaultProps","defaultFetch","func","wait","timeout","apply","context","args","clearTimeout","setTimeout","later","width","innerWidth","setWindowWidth","addEventListener","debounce","componentWillUnmount","removeEventListener","breakpointString","PointBreak","breakpoint","_this2","smallBreakpoints","indexOf","smallTopbar","notSmallTopbar","DisplaySwitch","incomingUrl","style","nativeProps","backgroundColor","backgroundImage","backgroundPosition","backgroundSize","borderRadius","height","marginLeft","fill","color","d","appName","colors","size","platformProps","xmlns","viewBox","role","display","HomeHex","Squircle","iconBackground","AppSymbols","createElement","base0","MonoAppText","transition","fontFamily","flex","dot","dotFill","stroke","bellPath","cx","cy","r","mask","x","y","dark","clipPath","opacity","base3","points","WebkitAppearance","appearance","border","cursor","outline","padding","displayIconOnly","expanded","onClick","down","setDown","entered","setEntered","Unbutton","onMouseDown","onMouseEnter","onMouseLeave","onMouseUp","alignItems","base1","base2","paddingLeft","paddingRight","whiteSpace","slightBackgroundTransition","MonoAppIcon","replace","fontSize","fontWeight","margin","MonoAppName","DisclosureChevronIcon","x1","y1","x2","y2","gradientUnits","offset","stopColor","gradientTransform","xlinkHref","transform","ColorAppSquircles","productName","toLowerCase","_window","_window$location","pathname","_window$location$path","toString","referer","params","append","active","component","C","container","handleOutsideClick","contains","target","stopPropagation","preventDefault","onOutsideClick","cleanup","ref","c","alignSelf","position","background","boxShadow","overflow","toggle","visible","find","name","filter","sort","a","b","localeCompare","verticalAlign","PopupRoot","Popup","Outsider","marginTop","visibility","minWidth","homeProduct","HoverableListItem","href","getAppsSwitchProductPath","listItemProps","borderBottom","marginRight","ColorAppIcon","restProducts","map","i","length","paddingBottom","isLast","paddingTop","isFirst","accountsProduct","borderTop","textDecoration","lineHeight","hover","innerRef","indicatorVisible","isHover","isOpen","BellIcon","base3Hover","children","condition","wrap","elementRef","value","setValue","current","node","handleMouseEnter","handleMouseLeave","textTransform","isRead","useRef","useHover","hoverRef","justifyContent","mobile","onMarkAsRead","resolve","onToggleRead","showBottomBorder","notification","createdAt","link","title","useContext","TopbarContext","isActive","setIsActive","datetimeFmtOptions","timeZone","_e","flexDirection","flexGrow","borderLeft","Calendar","Giving","Groups","People","Publishing","Registrations","Services","marginBottom","Eyebrow","userSelect","MarkReadDot","datetimeFmt","datetime","description","BlankStateIcon","textAlign","right","className","disabled","Hoverable","handleMarkAllAsRead","handleMarkAsRead","handleToggleRead","hasError","isLoading","notifications","read","unread","useLocalStorage","localShowRead","setLocalShowRead","topDistance","setTopDistance","showRead","setShowRead","setActive","setHeight","useDimensions","onResize","observe","unobserve","mainRef","mainHeight","settingsRef","settingsHeight","getBoundingClientRect","top","some","notifications_preferences_url","entering","ConditionalWrap","NotificationsMenuWrapper","handleToggle","maxHeight","innerHeight","overflowX","overflowY","boxSizing","Headline","Spinner","ExclamationTriangle","hasPrefs","Cog","SectionHeaderButton","NotificationsMenuBlankState","SectionHeader","SectionHeaderTitle","TransitionGroup","exit","idx","Transition","defaultStyle","transitionStyles","NotificationItem","ChevronIcon","ManageButton","arr","slice","reduce","acc","included","type","findInIncluded","relationships","app","_findInIncluded","_findInIncluded$attri","web_payloads","_findInIncluded2","_findInIncluded2$attr","content","created_at","read_at","notificationData","enableJoltLogging","enabled","userId","setNotifications","setIsLoading","setHasError","notificationsOrganizer","unreadCount","setUnreadCount","channelName","joltPromise","joltChannel","setJoltChannel","joltInstance","setJoltInstance","useCallback","j","jolt","subscribe","fetchSubscribeTokenFn","channel","_channel","cid","railsCsrfFetch","subscribeUrl","authorization","wss_url","authToken","logToConsole","subscribeToJoltChannel","event","hasOwnProperty","PCOPageExpiredCurrentPersonACID","pcoPageExpired","_window$pcoPageExpire","currentPersonACID","disconnect","pcoPageExpiredHandler","useJoltChannelSubscription","buildNotificationFromApiResponse","message","fetchNotification","extractPayloadFromJoltMessage","candidate","fetchNotifications","joltMessageNotificationDataPayload","newNotifications","updateStateFromJoltMessage","removeNotification","unbind","notificationIds","readOrUnread","action","source","n","includes","markAsReadOrUnread","u","statusColor","MozOsxFontSmoothing","WebkitFontSmoothing","appsMenuVisible","setAppsMenuVisible","notificationsMenuVisible","setNotificationsMenuVisible","routesVisible","setRoutesVisible","userMenuVisible","setUserMenuVisible","useNotifications","StyledRoot","AppsMenu","appsMenuFormatter","AppsButton","requestAppsFetch","routes","search","hideRoutes","showRoutes","NotificationsMenu","highlight","NotificationBell","text","requestConnectedPeopleFetch","Avatar","userAvatarPath","showOrgName","maxWidth","textOverflow","orgName","IEFlex1","userName","linkToProfile","MFAStatus","requestClearAppsCache","requestClearConnectedPeopleCache","requestUnlinkConnectedPeople","listStyleType","connectedPeopleMenuFormatter","person","requestSwitchConnectedPerson","organization_name","strokeWidth","fillRule","HelpIcon","Topbar","useDummyNotifications","Route","announcements","initialAnnouncements","dismissAnnouncements","newAnnouncements","pcURL","formatter","Provider","obj","Object","keys","ownProps","resArray","entry","StyledAnnouncement","join","trim","StyleProvider","actions","announcement","renderItem","borderWidth","XSymbol","dangerouslySetInnerHTML","__html","html","StyledDismissButton","PlatformAnnouncements","DissmissibleAnnouncement","Boolean","update","forceUpdate","undefined","ClientStorage","X","routesMenuVisible","setRoutesMenuVisible","s","currentRouteComponent","activeRoute","left","LocalStorageProvider","userSwitchState","lsUpdate","MozUserSelect","WebkitTapHighlightColor","WebkitUserSelect","bottom","msUserSelect","CloseMenuButton","UserMenuAppLockup","WebkitOverflowScrolling","borderRight","letterSpacing","CurrentRouteComponent","currentRouteText","charAt","toUpperCase","mapApps","setLocalResp","setResp","useTopbarAPI","topbarResponse","features","notificationsDisabled","_topbarResponse$data2","_topbarResponse$data3","_topbarResponse$data4","_topbarResponse$data5","_topbarResponse$data6","mfa_configured","_topbarResponse$data7","_topbarResponse$data8","org_time_zone","_event","updateDismissed"],"mappings":"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"}
1
+ {"version":3,"file":"topbar.js","sources":["../modules/api_request.ts","../modules/hooks/use_local_storage.ts","../modules/hooks/use_topbar_api.ts","../modules/topbar_context.ts","../modules/apps_provider.tsx","../modules/connected_people_provider.tsx","../modules/display_switch.tsx","../modules/avatar.tsx","../modules/mono_app_symbols.tsx","../modules/mono_app_icon.tsx","../modules/mono_app_text.tsx","../modules/mono_app_name.tsx","../modules/styles.tsx","../modules/symbols.tsx","../modules/unbutton.tsx","../modules/components/apps_button.tsx","../modules/color_app_squircles.tsx","../modules/color_app_icon.tsx","../modules/get_apps_switch_product_path.tsx","../modules/components/hoverable_list_item.tsx","../modules/components/outsider.tsx","../modules/components/popover_root.tsx","../modules/components/popup.tsx","../modules/components/apps_menu.tsx","../modules/components/hoverable.tsx","../modules/components/notification_bell.tsx","../modules/components/conditional_wrap.tsx","../modules/hooks/use_hover.tsx","../modules/components/eyebrow.tsx","../modules/colors.tsx","../modules/components/notification_item.tsx","../modules/components/notifications_menu_blank_state.tsx","../modules/components/popup_root.tsx","../modules/components/notifications_menu_wrapper.tsx","../modules/components/spinner.tsx","../modules/components/notifications_menu.tsx","../modules/formatters.tsx","../modules/hooks/use_notifications.ts","../modules/mfa_status.tsx","../modules/styled_root.tsx","../modules/not_small_topbar.tsx","../modules/platform_announcements.tsx","../modules/product_announcement.tsx","../modules/client_storage.tsx","../modules/utils.ts","../modules/small_topbar.tsx"],"sourcesContent":["export type Fetch = typeof fetch\n\nexport const defaultFetch: Fetch = (url, options) => {\n return fetch(url, { credentials: \"include\", mode: \"cors\", ...options })\n}\n\nexport const railsCsrfFetch: Fetch = (url, { headers, ...rest }) => {\n return fetch(url, {\n headers: { ...headers, \"X-CSRF-Token\": inferRailsCsrfToken() },\n ...rest,\n credentials: \"include\",\n mode: \"cors\",\n })\n}\n\nfunction inferRailsCsrfToken(): string | null {\n return (\n window?.Rails?.csrfToken() ||\n document\n .querySelector('meta[name=\"csrf-token\"]')\n ?.getAttribute(\"content\") ||\n null\n )\n}\n\nexport default function apiRequest(\n fetch: Fetch,\n url: string,\n { method = \"GET\", data = null } = {}\n): Promise<{ json: any; ok: boolean; response: Response }> {\n const options: RequestInit = {\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n },\n method,\n redirect: \"follow\",\n }\n\n if (data && method !== \"GET\") {\n options.body = JSON.stringify(data)\n }\n\n return fetch(url, options).then(\n (response) =>\n response\n .json()\n .then((json) => ({ json, ok: response.ok, response }))\n .catch(() => ({ json: null, ok: response.ok, response })),\n (e) => {\n console.warn(e)\n\n return { json: null, ok: false, response: null }\n }\n )\n}\n","import { useEffect, useState } from \"react\"\n\n// Adapted from https://usehooks.com/useLocalStorage\nfunction useLocalStorage(key: string, initialValue: any) {\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState(() => {\n try {\n // Get from local storage by key\n const item = window.localStorage.getItem(key)\n\n // Parse stored json or if none return initialValue\n return item ? JSON.parse(item) : initialValue\n } catch (error) {\n // If error also return initialValue\n return initialValue\n }\n })\n\n // Reflect the state into localStorage as a side effect.\n const localStorageRepresentation = JSON.stringify(storedValue)\n useEffect(() => {\n window.localStorage.setItem(key, localStorageRepresentation)\n }, [key, localStorageRepresentation])\n\n // When we are done with this key, drop it from localStorage completely\n const dropKey = () => window.localStorage.removeItem(key)\n\n return { dropKey, setStoredValue, storedValue }\n}\n\nexport default useLocalStorage\n","import pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport { useEffect, useState } from \"react\"\n\nimport apiRequest, { Fetch } from \"../api_request\"\nimport { TopbarAPIResponse } from \"../interfaces\"\nimport useLocalStorage from \"./use_local_storage\"\n\nconst useTopbarAPI = ({\n configuredFetch,\n env,\n}: {\n configuredFetch: Fetch\n env: PCO_URL.Environment\n}) => {\n const { storedValue: localResp, setStoredValue: setLocalResp } =\n useLocalStorage(\"Topbar\", {})\n const [resp, setResp] = useState<TopbarAPIResponse>(localResp)\n\n useEffect(() => {\n fetch()\n }, [])\n\n const fetch = () => {\n apiRequest(\n configuredFetch,\n `${pcoUrl(env)(\"api\")}/people/v2/me/topbar`\n ).then(({ json, ok }: { json: TopbarAPIResponse; ok: boolean }) => {\n if (ok) {\n setResp(json)\n setLocalResp(json)\n }\n })\n }\n\n return resp\n}\n\nexport default useTopbarAPI\n","import { createContext } from \"react\"\n\nexport default createContext({\n mfaConfigured: false,\n mfaEnabled: false,\n notificationsEnabled: false, // TODO: enable by default once in production\n organizationTimeZone: \"America/Los_Angeles\",\n} as {\n mfaConfigured?: boolean\n mfaEnabled?: boolean\n notificationsEnabled?: boolean\n organizationTimeZone?: string\n})\n","import * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport { defaultFetch, Fetch } from \"./api_request\"\nimport useTopbarAPI from \"./hooks/use_topbar_api\"\nimport { TopbarAPIResponse } from \"./interfaces\"\nimport TopbarContext from \"./topbar_context\"\n\nexport const AppsProvider = ({\n configuredFetch = defaultFetch,\n env,\n formatter = mapApps,\n render,\n}: {\n configuredFetch?: Fetch\n env: PCO_URL.Environment\n formatter?: any\n render: (\n apps: object[],\n { fetch, remove }: { fetch: () => any; remove: () => any }\n ) => React.ReactElement<any>\n}) => {\n const topbarResponse = useTopbarAPI({ configuredFetch, env })\n const apps = formatter(topbarResponse)\n const notificationsEnabled =\n topbarResponse?.data?.attributes?.features?.includes(\n \"notifications_enabled\"\n ) && !window.notificationsDisabled\n const mfaEnabled =\n topbarResponse?.data?.attributes?.features?.includes(\"mfa_enabled\")\n const mfaConfigured = !!topbarResponse?.data?.attributes?.mfa_configured\n const organizationTimeZone = topbarResponse?.data?.attributes?.org_time_zone\n\n // TODO: remove `fetch` and `remove` (breaking changes)\n return (\n <TopbarContext.Provider\n value={{\n mfaConfigured,\n mfaEnabled,\n notificationsEnabled,\n organizationTimeZone,\n }}\n >\n {render(apps || [], {\n fetch: () => {}, // no-op because we already have fresh data\n remove: () => {}, // no-op because we are no longer caching anyway\n })}\n </TopbarContext.Provider>\n )\n}\n\nexport function mapApps(resp: TopbarAPIResponse) {\n return resp?.data?.attributes?.apps || []\n}\n","import pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport apiRequest, { defaultFetch, Fetch } from \"./api_request\"\n\nexport class ConnectedPeopleProvider extends React.Component<\n {\n configuredFetch?: Fetch\n env: PCO_URL.Environment\n render: (\n connectedPeople: object[],\n callback: any\n ) => React.ReactElement<any>\n },\n {\n connectedPeople: object[]\n }\n> {\n constructor(props: any) {\n super(props)\n\n this.state = {\n connectedPeople: [],\n }\n }\n\n public static defaultProps = {\n configuredFetch: defaultFetch,\n }\n\n fetch() {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/login/v2/me/connected_people`\n ).then(({ json }) => {\n const connectedPeople = json.data\n\n return this.setState(\n {\n connectedPeople,\n },\n () =>\n window.localStorage.setItem(\n \"Topbar:ConnectedPeople\",\n JSON.stringify(connectedPeople)\n )\n )\n })\n }\n\n remove() {\n window.localStorage.removeItem(\"Topbar:ConnectedPeople\")\n }\n\n unlink() {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/login/v2/me/unlink`,\n {\n method: \"POST\",\n }\n ).then(({ json }) => {\n window.location = json.meta.redirect_to\n })\n }\n\n switch(toId: string, returnPath: string) {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/login/v2/me/switch_connected_person`,\n {\n data: {\n data: {\n attributes: {\n id: toId,\n return_path: returnPath,\n },\n },\n },\n method: \"POST\",\n }\n ).then(({ json }) => {\n window.location = json.meta.redirect_to\n })\n }\n\n componentDidMount() {\n const connectedPeople = JSON.parse(\n window.localStorage.getItem(\"Topbar:ConnectedPeople\")\n )\n\n if (connectedPeople) return this.setState({ connectedPeople })\n\n return this.fetch()\n }\n\n render() {\n return this.props.render(this.state.connectedPeople || [], {\n fetch: this.fetch.bind(this),\n remove: this.remove.bind(this),\n switch: this.switch.bind(this),\n unlink: this.unlink.bind(this),\n })\n }\n}\n","import * as React from \"react\"\n\nconst debounce = (func, wait) => {\n let timeout\n\n return function (...args: any) {\n const context = this\n\n const later = () => {\n timeout = null\n func.apply(context, args)\n }\n\n clearTimeout(timeout)\n timeout = setTimeout(later, wait)\n\n if (!timeout) {\n func.apply(context, args)\n }\n }\n}\n\nexport class PointBreak extends React.Component<\n {\n render: (breakpoint: string) => React.ReactElement<any>\n },\n {\n width: number\n }\n> {\n constructor(props: any) {\n super(props)\n\n this.state = {\n width: window.innerWidth,\n }\n\n this.setWindowWidth = this.setWindowWidth.bind(this)\n }\n\n setWindowWidth() {\n this.setState({ width: window.innerWidth })\n }\n\n componentDidMount() {\n window.addEventListener(\"resize\", debounce(this.setWindowWidth, 100), false)\n }\n\n componentWillUnmount() {\n window.removeEventListener(\n \"resize\",\n debounce(this.setWindowWidth, 100),\n false\n )\n }\n\n breakpointString(width) {\n if (width < 480) return \"xs\"\n if (width < 600) return \"sm\"\n if (width < 720) return \"md\"\n if (width < 960) return \"lg\"\n return \"xl\"\n }\n\n render() {\n return this.props.render(this.breakpointString(this.state.width))\n }\n}\n\nexport class DisplaySwitch extends React.Component<\n {\n notSmallTopbar: (breakpointShortand: string) => React.ReactElement<any>\n smallBreakpoints: String[]\n smallTopbar: (breakpointShorthand: string) => React.ReactElement<any>\n },\n {}\n> {\n public static defaultProps = {\n smallBreakpoints: [\"xs\", \"sm\"],\n }\n\n render() {\n return (\n <PointBreak\n render={(breakpoint) => {\n if (this.props.smallBreakpoints.indexOf(breakpoint) !== -1) {\n return this.props.smallTopbar(breakpoint)\n }\n\n return this.props.notSmallTopbar(breakpoint)\n }}\n />\n )\n }\n}\n","import pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nexport function Avatar({\n env,\n url: incomingUrl = \"\",\n style,\n ...nativeProps\n}: {\n env: PCO_URL.Environment\n style?: object\n url?: string\n}): JSX.Element {\n const url =\n incomingUrl || `${pcoUrl(env)(\"people\")}/static/no_photo_thumbnail_gray.svg`\n\n return (\n <div\n style={{\n backgroundColor: \"white\",\n backgroundImage: `url(${url})`,\n backgroundPosition: \"center\",\n backgroundSize: \"cover\",\n borderRadius: \"50%\",\n height: \"26px\",\n marginLeft: \"4px\",\n width: \"26px\",\n ...style,\n }}\n {...nativeProps}\n />\n )\n}\n","import * as React from \"react\"\n\nexport function Squircle({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n />\n )\n}\n\nexport function Accounts({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M16.95,9.28h0l-1.33-.23c-.12,0-.24-.04-.34-.11-.1-.07-.18-.16-.23-.27-.12-.45-.3-.89-.54-1.3-.04-.11-.05-.24-.03-.35,.02-.12,.08-.23,.16-.32l.78-1.1h0s0-.03,0-.04l-.03-.02-.04-.04-.87-.87-.05-.05h0s-.02-.02-.03,0l-1.11,.78c-.09,.08-.2,.13-.32,.16-.12,.02-.24,.01-.35-.03-.41-.24-.84-.42-1.3-.54-.11-.05-.2-.13-.27-.23-.07-.1-.11-.22-.11-.34l-.22-1.33h0s-.01-.03-.02-.03h-1.41s-.02,0-.02,.02l-.23,1.34c0,.12-.04,.24-.11,.34-.07,.1-.16,.18-.27,.23-.45,.12-.89,.3-1.3,.54-.11,.04-.24,.05-.35,.03-.12-.02-.23-.08-.32-.16l-1.1-.78h0s-.02-.01-.03,0l-.02,.03-.04,.04-.87,.87-.05,.05h0s0,.03,0,.04l.78,1.11c.08,.09,.13,.2,.16,.32,.02,.12,.01,.24-.03,.35-.24,.4-.42,.84-.54,1.29-.05,.11-.13,.2-.23,.27-.1,.07-.22,.11-.34,.11l-1.33,.22h0s-.02,0-.02,.02v1.41s0,.02,.02,.02l1.34,.23c.12,0,.24,.05,.34,.11,.1,.07,.18,.16,.23,.27,.12,.45,.3,.89,.54,1.29,.04,.11,.05,.24,.03,.35-.02,.12-.08,.23-.16,.32l-.78,1.11s0,.02,0,.03h0l.05,.06,.87,.87,.04,.04,.02,.02s.02,0,.03,0h0l1.1-.79c.09-.08,.2-.13,.32-.16,.12-.02,.24-.01,.35,.03,.4,.24,.84,.42,1.29,.54,.11,.05,.2,.13,.27,.23,.07,.1,.11,.22,.11,.34l.23,1.34s0,.02,.02,.02h1.41s.02,0,.02-.02h0l.22-1.34c0-.12,.05-.24,.11-.34,.07-.1,.16-.18,.27-.23,.45-.12,.89-.3,1.29-.54,.11-.04,.24-.05,.35-.03,.12,.02,.23,.08,.32,.16l1.11,.78s.02,0,.03,0h0l.05-.06,.87-.87,.04-.04,.02-.02s0-.02,0-.03h0l-.78-1.11c-.08-.09-.13-.2-.16-.32-.02-.12-.01-.24,.03-.35,.24-.4,.42-.84,.54-1.29,.05-.11,.13-.2,.23-.27s.22-.11,.34-.11l1.34-.23s.02,0,.02-.02v-1.4s0-.02-.02-.02Zm-4.67,3.01c-.45,.45-1.03,.76-1.65,.88-.63,.12-1.27,.06-1.86-.18-.59-.24-1.09-.66-1.45-1.19-.35-.53-.54-1.15-.54-1.79s.19-1.26,.54-1.79c.35-.53,.86-.94,1.45-1.19,.59-.24,1.24-.31,1.86-.18,.63,.12,1.2,.43,1.65,.88,.3,.3,.54,.66,.7,1.05,.16,.39,.25,.81,.25,1.24s-.08,.84-.25,1.24c-.16,.39-.4,.75-.7,1.05Z\"\n />\n )\n}\n\nexport function API({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M11.08,12.387a3.277,3.277,0,0,0,.21-.86l1.47-.23-.25-1.63-1.48.22A3.167,3.167,0,0,0,9.93,8.5l.54-1.37-1.54-.6L8.39,7.9a3.393,3.393,0,0,0-1.76.27l-.92-1.15-1.3,1.03.93,1.16a3.462,3.462,0,0,0-.43.78A3.333,3.333,0,0,0,4.69,11l-1.49.23.25,1.69,1.59-.24a3.278,3.278,0,0,0,1.02,1.2l-.54,1.39,1.55.6.54-1.39a3.319,3.319,0,0,0,1.74-.27l.93,1.17,1.3-1.04-.93-1.17A3.258,3.258,0,0,0,11.08,12.387ZM9.81,11.9A1.953,1.953,0,0,1,7.29,13a1.942,1.942,0,1,1,2.52-1.1Zm5.89-4.32a1.581,1.581,0,0,0,.04-.38,2.066,2.066,0,0,0-1.39-1.95v-.82H12.97v.82A2.066,2.066,0,0,0,11.58,7.2a1.581,1.581,0,0,0,.04.38l-.71.41.7,1.2.7-.4a2.073,2.073,0,0,0,2.7,0l.7.4.7-1.2Zm-2.04.67A1.045,1.045,0,1,1,14.7,7.2,1.041,1.041,0,0,1,13.66,8.247Z\"\n />\n )\n}\n\nexport function Calendar({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M14.18,6.5h-.91V5.8a.55.55,0,0,0-.55-.55h-.26a.55.55,0,0,0-.55.55v.7H8.09V5.8a.55.55,0,0,0-.55-.55H7.28a.55.55,0,0,0-.55.55v.7H5.82a.58.58,0,0,0-.58.59v7.08a.58.58,0,0,0,.58.58h8.36a.58.58,0,0,0,.58-.58V7.09A.58.58,0,0,0,14.18,6.5Zm-.91,6.71H6.73V9.09h6.54Z\"\n />\n )\n}\n\nexport function CheckIns({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M14.175,8.341,9.258,13.256a1.157,1.157,0,0,1-1.638,0L5.161,10.8A1.159,1.159,0,1,1,6.8,9.16L8.439,10.8l4.1-4.1a1.159,1.159,0,0,1,1.639,1.639Z\"\n />\n )\n}\n\nexport function ChurchCenter({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.91,14.763a.334.334,0,0,1-.331.338l-1.959-.016a.334.334,0,0,1-.338-.331s.005-.233.005-1.8a3.674,3.674,0,0,0-1.279-2.638,3.674,3.674,0,0,0-1.279,2.638c0,1.565.005,1.8.005,1.8a.334.334,0,0,1-.338.331L6.437,15.1a.334.334,0,0,1-.331-.338s-.242-6.457-.02-6.65h0L9.671,5.021a.522.522,0,0,1,.684,0l3.58,3.092H13.93C14.152,8.325,13.91,14.763,13.91,14.763Z\"\n />\n )\n}\n\nexport function Giving({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M10.3,13.769a.508.508,0,0,1-.592,0c-1.259-.888-5.982-4.494-3.268-6.83a2.386,2.386,0,0,1,3.215.205l.349.349.349-.349a2.386,2.386,0,0,1,3.215-.205C16.286,9.275,11.563,12.881,10.3,13.769Z\"\n />\n )\n}\n\nexport function Groups({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.769,11.313V8.683a1.867,1.867,0,1,0-2.443-2.449H8.69A1.867,1.867,0,1,0,6.243,8.681v2.632A1.867,1.867,0,1,0,8.69,13.76h2.632a1.867,1.867,0,1,0,2.447-2.447Zm-1.455,0a1.873,1.873,0,0,0-.992.992H8.69a1.877,1.877,0,0,0-.992-.992V8.681a1.877,1.877,0,0,0,.992-.992h2.636a1.872,1.872,0,0,0,.988.99Z\"\n />\n )\n}\n\nexport function Home({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.558,5.582l-3.4,1.046a.609.609,0,0,1-.341.007L6.392,5.588A1.073,1.073,0,0,0,5.028,6.641l-.006,7.937a.322.322,0,0,0,.215.3l1.3.39a.291.291,0,0,0,.379-.286V13.05a.047.047,0,0,1,.057-.039l2.531.78a1.654,1.654,0,0,0,1,0l3.87-1.222a.846.846,0,0,0,.6-.819V6.661A1.1,1.1,0,0,0,13.558,5.582Zm-.474,5.245a.184.184,0,0,1-.126.176l-2.747.858a.788.788,0,0,1-.441.006l-2.721-.838a.2.2,0,0,1-.133-.182l.006-2.9a.147.147,0,0,1,.19-.143l2.222.682a2.155,2.155,0,0,0,1.345-.013L12.888,7.8a.153.153,0,0,1,.2.15Z\"\n />\n )\n}\n\nexport function People({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M8.177,5.732A2.018,2.018,0,1,1,6.159,7.75,2.019,2.019,0,0,1,8.177,5.732Zm2.494,8.53H5.664A.565.565,0,0,1,5.1,13.7V12.422a1.841,1.841,0,0,1,1.841-1.841H9.394a1.841,1.841,0,0,1,1.841,1.841V13.7A.565.565,0,0,1,10.671,14.262ZM12.814,6.94A1.513,1.513,0,1,1,11.3,8.453,1.513,1.513,0,0,1,12.814,6.94Zm1.537,6.093H12.413a.565.565,0,0,1-.565-.565v-.049a2.292,2.292,0,0,0-.2-.957.555.555,0,0,0-.062-.141.8.8,0,0,0-.061-.11,1.19,1.19,0,0,0-.092-.16,1.131,1.131,0,0,1,.908-.472h1.472a1.108,1.108,0,0,1,1.105,1.1v.785A.565.565,0,0,1,14.351,13.033Z\"\n />\n )\n}\n\nexport function Publishing({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M7.287,13.575a.478.478,0,0,1-.477.477H5.856a.478.478,0,0,1-.477-.477V6.407a.478.478,0,0,1,.477-.477H6.81a.478.478,0,0,1,.477.477Zm7.293,0a.477.477,0,0,1-.477.477H9.268a.478.478,0,0,1-.477-.477V12.6a.478.478,0,0,1,.477-.477H14.1a.477.477,0,0,1,.477.477Zm0-3.473a.477.477,0,0,1-.476.477H9.268a.478.478,0,0,1-.477-.477V6.407a.478.478,0,0,1,.477-.477H14.1a.477.477,0,0,1,.477.477Z\"\n />\n )\n}\n\nexport function Registrations({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M4.48,11.09a.51.51,0,0,0,0,.71l.7.7a.22.22,0,0,0,.27,0,1.47,1.47,0,0,1,1.8.22,1.5,1.5,0,0,1,.23,1.81.21.21,0,0,0,0,.27l.7.7a.51.51,0,0,0,.71,0l2-2a.16.16,0,0,0,0-.22L6.7,9.1a.17.17,0,0,0-.23,0Zm11-2.89-.71-.7a.21.21,0,0,0-.26,0,1.47,1.47,0,0,1-1.79-.23,1.49,1.49,0,0,1-.24-1.79.22.22,0,0,0,0-.27l-.7-.7a.51.51,0,0,0-.71,0L7.47,8.11a.14.14,0,0,0,0,.22l4.2,4.2a.14.14,0,0,0,.22,0l3.63-3.62A.51.51,0,0,0,15.52,8.2Z\"\n />\n )\n}\n\nexport function Services({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M6.5,6.559A1.059,1.059,0,1,1,5.443,5.5,1.059,1.059,0,0,1,6.5,6.559ZM5.443,8.943A1.059,1.059,0,1,0,6.5,10,1.059,1.059,0,0,0,5.443,8.943Zm0,3.443A1.059,1.059,0,1,0,6.5,13.445,1.059,1.059,0,0,0,5.443,12.386ZM15,6.087a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485V7.03a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,7.03ZM15,9.53a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485v.943a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,10.473Zm0,3.443a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485v.943a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,13.916Z\"\n />\n )\n}\n","import * as React from \"react\"\n\nimport * as AppSymbols from \"./mono_app_symbols\"\n\nfunction Squircle({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill={color}\n />\n )\n}\n\nfunction HomeHex({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n d=\"M17.41,2.024,11.568.235a5.354,5.354,0,0,0-3.136,0L2.59,2.024a3.235,3.235,0,0,0-2.206,3.1v9.763A3.235,3.235,0,0,0,2.59,17.976l5.842,1.789a5.354,5.354,0,0,0,3.136,0l5.842-1.789a3.235,3.235,0,0,0,2.206-3.094V5.119A3.235,3.235,0,0,0,17.41,2.024Z\"\n fill={color}\n />\n )\n}\n\nexport function MonoAppIcon({\n appName,\n colors,\n style,\n size = 20,\n ...platformProps\n}: {\n appName: string\n colors: any\n size?: number\n // TODO: shared type\n style?: any\n}): JSX.Element {\n const iconBackground = () => {\n switch(appName) {\n case \"Accounts\":\n return null\n case \"Home\":\n return <HomeHex />\n default:\n return <Squircle />\n }\n }\n\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n role=\"img\"\n aria-labelledby=\"title desc\"\n style={{ display: \"block\", ...style }}\n {...platformProps}\n >\n <title id=\"title\">Planning Center {appName} App Icon</title>\n\n <desc id=\"desc\">\n An image symbolizing the Planning Center {appName} app.\n </desc>\n\n {iconBackground()}\n\n {AppSymbols[appName] ? (\n React.createElement(AppSymbols[appName], { color: appName != \"Accounts\" ? colors.base0 : \"#fff\" })\n ) : (\n <div>appName not supported</div>\n )}\n </svg>\n )\n}\n","import * as React from \"react\"\n\nexport function Accounts({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"4ce749c7-c01e-4a9b-9496-b14fd2e761aa\"\n viewBox=\"0 0 77.073 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>accounts-text</title>\n <path\n fill={color}\n d=\"M4.729,5.537A10.859,10.859,0,0,0,1.262,6.1a.566.566,0,0,0-.4.717l.194.819a.579.579,0,0,0,.7.5,10.108,10.108,0,0,1,2.748-.47,1.416,1.416,0,0,1,1.065.349A2.307,2.307,0,0,1,6,9.682,7.706,7.706,0,0,0,4.1,9.418c-2.493,0-4.1,1.305-4.1,3.327a3.2,3.2,0,0,0,3.328,3.434,4.385,4.385,0,0,0,3.011-1.161l.181.509c.1.249.231.415.515.415h.712a.6.6,0,0,0,.59-.589v-5.3C8.337,7.581,8.065,5.537,4.729,5.537ZM3.78,14.181a1.343,1.343,0,0,1-1.436-1.459c0-.91.777-1.522,1.932-1.522a4.726,4.726,0,0,1,1.7.3v1.556A2.983,2.983,0,0,1,3.78,14.181ZM18.6,13.194c.4.361.326.669.2.865a4.646,4.646,0,0,1-3.977,2.12,5.2,5.2,0,0,1-5.2-5.31,5.285,5.285,0,0,1,5.225-5.332,4.461,4.461,0,0,1,3.711,1.768.6.6,0,0,1-.1.869l-.775.71c-.361.335-.64.056-.806-.11A2.909,2.909,0,0,0,14.9,7.816,2.938,2.938,0,0,0,12,10.847,2.921,2.921,0,0,0,14.837,13.9a2.623,2.623,0,0,0,2.03-.965c.082-.081.161-.16.241-.233a.574.574,0,0,1,.819-.049Zm9.661,0c.4.361.326.669.2.865a4.644,4.644,0,0,1-3.976,2.12,5.2,5.2,0,0,1-5.2-5.31A5.286,5.286,0,0,1,24.5,5.537a4.459,4.459,0,0,1,3.71,1.768.6.6,0,0,1-.1.869l-.775.71c-.361.335-.641.056-.806-.11a2.779,2.779,0,0,0-4.869,2.073A2.92,2.92,0,0,0,24.5,13.9a2.625,2.625,0,0,0,2.03-.965c.081-.081.161-.16.241-.233a.573.573,0,0,1,.818-.049Zm5.86-7.657A5.323,5.323,0,1,0,39.3,10.826,5.317,5.317,0,0,0,34.117,5.537Zm2.838,5.289a2.857,2.857,0,1,1-5.7,0,2.853,2.853,0,1,1,5.7,0ZM49.346,6.341v9.012a.616.616,0,0,1-.612.589h-.517c-.34,0-.474-.245-.561-.485l-.2-.536a4.084,4.084,0,0,1-3.1,1.258c-3.388,0-3.823-2.5-3.823-4.685V6.341a.621.621,0,0,1,.59-.588h1.207a.6.6,0,0,1,.59.588v5.3c0,1.539.58,2.256,1.825,2.256a2.357,2.357,0,0,0,2.214-1.544l0-6.016c0-.544.349-.588.676-.588h1.1A.624.624,0,0,1,49.346,6.341Zm11.089,4.01v5a.605.605,0,0,1-.591.589H58.637a.6.6,0,0,1-.59-.589V10.265c0-1.579-.655-2.449-1.846-2.449a2.939,2.939,0,0,0-2.514,1.355v6.182c0,.4-.229.589-.7.589h-1.1a.6.6,0,0,1-.59-.589V6.341a.6.6,0,0,1,.59-.588h.518a.5.5,0,0,1,.522.391l.235.67a4.691,4.691,0,0,1,3.3-1.277C59.134,5.537,60.435,7.111,60.435,10.351Zm8.048,4.379a.556.556,0,0,1-.283.721,6.126,6.126,0,0,1-2.822.728c-2.337,0-2.637-1.651-2.637-3.09V7.816H61.713a.6.6,0,0,1-.589-.59V6.341a.569.569,0,0,1,.589-.588h1.028V3.088a.59.59,0,0,1,.59-.59h1.228a.573.573,0,0,1,.568.59V5.753h2.515a.582.582,0,0,1,.59.588v.885a.613.613,0,0,1-.59.59H65.127V13c0,.828.323.9.683.9a3.241,3.241,0,0,0,1.536-.458.523.523,0,0,1,.431-.064.558.558,0,0,1,.317.335Zm7.869-1.576c0,1.5-1.262,3.025-3.672,3.025a5.927,5.927,0,0,1-3.343-1.033h0a.523.523,0,0,1-.208-.663l.452-.926a.494.494,0,0,1,.3-.254.635.635,0,0,1,.505.076l.032.017a4.485,4.485,0,0,0,2.389.7c.74,0,1.2-.328,1.2-.855,0-.58-.666-.985-2.066-1.618-1.435-.648-2.763-1.49-2.763-3.253,0-1.41,1.056-2.832,3.414-2.832a5.7,5.7,0,0,1,2.973.752.706.706,0,0,1,.256.882l-.344.689a.582.582,0,0,1-.8.247,5.057,5.057,0,0,0-2.087-.485c-.8,0-1.156.385-1.156.768,0,.546.574.9,1.633,1.361C75.052,10.588,76.352,11.279,76.352,13.154Z\"\n />\n </svg>\n )\n}\n\nexport function API({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"bed028ef-58ee-4c4c-a757-08ecc3276857\"\n viewBox=\"0 0 119.5 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>api-text</title>\n <path\n fill={color}\n d=\"M9.136.675H7.908a.621.621,0,0,0-.59.589V5.5a6.9,6.9,0,0,0-2.384-.469A5.013,5.013,0,0,0,.012,10.343c0,2.989,2.048,5.331,4.663,5.331a4.885,4.885,0,0,0,3.22-1.3l.16.543a.591.591,0,0,0,.564.519h.517a.6.6,0,0,0,.59-.59V1.264A.6.6,0,0,0,9.136.675ZM7.34,7.847v4.175A2.745,2.745,0,0,1,4.978,13.4,2.815,2.815,0,0,1,2.4,10.343a2.913,2.913,0,0,1,2.772-3.03A4.941,4.941,0,0,1,7.34,7.847Zm8.833-2.813A5.081,5.081,0,0,0,11.1,10.343a5.046,5.046,0,0,0,5.094,5.331,5.712,5.712,0,0,0,3.761-1.256.512.512,0,0,0,.064-.819l-.582-.906a.467.467,0,0,0-.3-.22.619.619,0,0,0-.45.147,3.737,3.737,0,0,1-2.368.818,2.818,2.818,0,0,1-2.854-2.484h6.755a.578.578,0,0,0,.566-.532c.023-.175.045-.524.045-.7A4.571,4.571,0,0,0,16.173,5.034ZM16.13,7.1a2.23,2.23,0,0,1,2.334,2.032H13.591A2.411,2.411,0,0,1,16.13,7.1ZM30.587,5.982l-4.3,9.366a.561.561,0,0,1-.515.326h-.129a.59.59,0,0,1-.534-.323l-4.31-9.373a.484.484,0,0,1-.024-.49.542.542,0,0,1,.493-.239h1.315a.543.543,0,0,1,.534.344l2.571,5.914,2.7-5.91c.161-.348.486-.348.773-.348h.97a.544.544,0,0,1,.494.239A.488.488,0,0,1,30.587,5.982Zm4.983-.948A5.081,5.081,0,0,0,30.5,10.343a5.045,5.045,0,0,0,5.094,5.331,5.706,5.706,0,0,0,3.76-1.256.512.512,0,0,0,.065-.819l-.582-.906a.467.467,0,0,0-.3-.22.616.616,0,0,0-.45.147,3.738,3.738,0,0,1-2.369.818,2.819,2.819,0,0,1-2.854-2.484h6.755a.58.58,0,0,0,.567-.532c.023-.175.044-.524.044-.7A4.57,4.57,0,0,0,35.57,5.034ZM35.527,7.1a2.23,2.23,0,0,1,2.334,2.032H32.988A2.413,2.413,0,0,1,35.527,7.1Zm8.426-5.833V14.847a.606.606,0,0,1-.59.59H42.156a.6.6,0,0,1-.59-.59V1.264a.606.606,0,0,1,.59-.589h1.207A.621.621,0,0,1,43.953,1.264Zm6.576,3.77a5.322,5.322,0,1,0,5.18,5.287A5.315,5.315,0,0,0,50.529,5.034Zm2.836,5.287a2.856,2.856,0,1,1-5.695,0,2.852,2.852,0,1,1,5.7,0Zm8.65-5.287a4.76,4.76,0,0,0-3.08,1.1l-.2-.487a.523.523,0,0,0-.539-.4h-.539a.606.606,0,0,0-.59.59V19.422a.6.6,0,0,0,.59.59h1.207a.58.58,0,0,0,.633-.59V15.066a5.6,5.6,0,0,0,2.427.608,5.075,5.075,0,0,0,4.9-5.331A5.026,5.026,0,0,0,62.015,5.034Zm2.427,5.309A2.9,2.9,0,0,1,61.648,13.4a4.112,4.112,0,0,1-2.19-.678v-4.1a2.628,2.628,0,0,1,2.277-1.3A2.787,2.787,0,0,1,64.442,10.343ZM72.73,5.034a5.081,5.081,0,0,0-5.073,5.309,5.046,5.046,0,0,0,5.095,5.331,5.711,5.711,0,0,0,3.76-1.256.512.512,0,0,0,.065-.819l-.583-.906a.463.463,0,0,0-.3-.22.61.61,0,0,0-.45.147,3.735,3.735,0,0,1-2.368.818,2.818,2.818,0,0,1-2.854-2.484h6.754a.577.577,0,0,0,.567-.532c.023-.178.045-.527.045-.7A4.57,4.57,0,0,0,72.73,5.034ZM72.687,7.1a2.23,2.23,0,0,1,2.334,2.032H70.147A2.413,2.413,0,0,1,72.687,7.1ZM85.434,5.6a.518.518,0,0,1,.009.524L84.926,7.2a.584.584,0,0,1-.334.323.543.543,0,0,1-.424-.032,2.366,2.366,0,0,0-.854-.181A2.734,2.734,0,0,0,81.08,8.561v6.286c0,.59-.485.59-.8.59h-.991a.6.6,0,0,1-.59-.59V5.839a.605.605,0,0,1,.59-.59H79.8a.576.576,0,0,1,.544.435l.213.688a3.921,3.921,0,0,1,2.971-1.338C84.277,5.034,85.17,5.183,85.434,5.6Zm11.8-5.4a.621.621,0,0,0-.469-.3h-.216a.62.62,0,0,0-.472.305l-6.615,14.5a.508.508,0,0,0,.02.5.517.517,0,0,0,.451.229h1.357a.652.652,0,0,0,.6-.392l1.284-2.884h6.9l1.306,2.884a.618.618,0,0,0,.6.392h1.358a.517.517,0,0,0,.451-.229.508.508,0,0,0,.021-.494Zm1.916,9.871H94.116l2.5-5.627ZM110.327.12h-4.913a.526.526,0,0,0-.526.525V14.912a.526.526,0,0,0,.526.525h1.4a.54.54,0,0,0,.525-.525V9.963h3.009A4.922,4.922,0,1,0,110.327.12Zm2.493,4.856a2.563,2.563,0,0,1-2.536,2.643H107.34V2.507h2.944A2.476,2.476,0,0,1,112.82,4.976ZM119.087.645V14.912a.54.54,0,0,1-.526.525h-1.422a.54.54,0,0,1-.525-.525V.645a.539.539,0,0,1,.525-.525h1.422A.539.539,0,0,1,119.087.645Z\"\n />\n </svg>\n )\n}\n\nexport function Calendar({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"Layer_1\"\n viewBox=\"0 0 73.83 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>calendar-text</title>\n <path\n fill={color}\n d=\"M9,12.56c.39.36.32.66.19.85a4.65,4.65,0,0,1-4,2.12A5.21,5.21,0,0,1,0,10.21,5.3,5.3,0,0,1,5.23,4.87,4.49,4.49,0,0,1,9,6.64a.6.6,0,0,1-.1.85l-.78.71c-.35.33-.61.07-.78-.11a3,3,0,0,0-2-1,3,3,0,0,0-2.94,3.06,3,3,0,0,0,2.87,3.09,2.63,2.63,0,0,0,2.05-1l.25-.23A.55.55,0,0,1,8.32,12Zm9.25-3.17v5.33a.59.59,0,0,1-.57.57H17c-.27,0-.4-.16-.5-.4l-.19-.54a4.39,4.39,0,0,1-3,1.18A3.2,3.2,0,0,1,9.91,12.1c0-2,1.61-3.33,4.11-3.33a7.24,7.24,0,0,1,1.92.28,2.33,2.33,0,0,0-.43-1.72A1.44,1.44,0,0,0,14.43,7a10.27,10.27,0,0,0-2.77.48A.56.56,0,0,1,11,7l-.2-.82a.56.56,0,0,1,.39-.7,10.9,10.9,0,0,1,3.48-.57C18,4.87,18.25,6.92,18.25,9.39Zm-2.34,3V10.83a4.91,4.91,0,0,0-1.72-.3c-1.17,0-2,.62-2,1.55a1.37,1.37,0,0,0,1.46,1.48A3,3,0,0,0,15.91,12.42ZM22,.47H20.79a.6.6,0,0,0-.58.57V14.72a.59.59,0,0,0,.58.57H22a.59.59,0,0,0,.57-.57V1A.61.61,0,0,0,22,.47ZM33.75,9.56c0,.18,0,.53,0,.71a.57.57,0,0,1-.55.52H26.35a2.84,2.84,0,0,0,2.89,2.53,3.84,3.84,0,0,0,2.39-.82.57.57,0,0,1,.43-.15.45.45,0,0,1,.29.21l.58.92a.48.48,0,0,1-.06.79,5.67,5.67,0,0,1-3.76,1.26A5.05,5.05,0,0,1,24,10.19a5.1,5.1,0,0,1,5.08-5.32A4.58,4.58,0,0,1,33.75,9.56ZM26.46,9h4.95A2.27,2.27,0,0,0,29,6.91,2.45,2.45,0,0,0,26.46,9Zm13.8-4.12a4.72,4.72,0,0,0-3.32,1.3l-.24-.7a.48.48,0,0,0-.51-.38h-.52a.59.59,0,0,0-.57.57v9.06a.58.58,0,0,0,.57.57h1.11c.45,0,.68-.19.68-.57V8.5A3,3,0,0,1,40,7.13c1.21,0,1.88.88,1.88,2.48v5.11a.58.58,0,0,0,.57.57h1.21a.6.6,0,0,0,.58-.57v-5C44.24,6.45,42.94,4.87,40.26,4.87ZM55.29,1V14.72a.58.58,0,0,1-.57.57H54.2a.57.57,0,0,1-.55-.5l-.17-.58a4.89,4.89,0,0,1-3.24,1.32c-2.62,0-4.67-2.34-4.67-5.34A5,5,0,0,1,50.5,4.87a6.85,6.85,0,0,1,2.39.48h0V1a.61.61,0,0,1,.58-.57h1.23A.59.59,0,0,1,55.29,1ZM52.93,11.88V7.67a5,5,0,0,0-2.19-.54,2.94,2.94,0,0,0-2.81,3.06,2.85,2.85,0,0,0,2.61,3.09A2.76,2.76,0,0,0,52.93,11.88Zm12-2.49v5.33a.59.59,0,0,1-.57.57h-.72c-.27,0-.39-.16-.5-.4L63,14.35a4.39,4.39,0,0,1-3,1.18A3.2,3.2,0,0,1,56.6,12.1c0-2,1.62-3.33,4.11-3.33a7.24,7.24,0,0,1,1.92.28,2.33,2.33,0,0,0-.43-1.72A1.42,1.42,0,0,0,61.12,7a10.27,10.27,0,0,0-2.77.48A.56.56,0,0,1,57.67,7l-.2-.82a.56.56,0,0,1,.39-.7,10.9,10.9,0,0,1,3.48-.57C64.67,4.87,64.94,6.92,64.94,9.39Zm-2.34,3V10.83a4.91,4.91,0,0,0-1.72-.3c-1.17,0-2,.62-2,1.55a1.37,1.37,0,0,0,1.46,1.48A3,3,0,0,0,62.6,12.42Zm11-7c-.26-.42-1.18-.57-1.9-.57a4,4,0,0,0-3,1.37l-.23-.73A.56.56,0,0,0,68,5.09h-.52a.59.59,0,0,0-.58.57v9.06a.58.58,0,0,0,.58.57h1c.32,0,.79,0,.79-.57V8.4A2.77,2.77,0,0,1,71.5,7.13a2.47,2.47,0,0,1,.86.18.5.5,0,0,0,.41,0A.56.56,0,0,0,73.1,7l.52-1.09A.48.48,0,0,0,73.61,5.44Z\"\n />\n </svg>\n )\n}\n\nexport function CheckIns({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"dc713595-39c2-41c4-b1d9-3ef8c295b738\"\n viewBox=\"0 0 79.311 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>check-ins-text</title>\n <path\n fill={color}\n d=\"M40.221,13.213c.4.362.326.669.2.866A4.646,4.646,0,0,1,36.44,16.2a5.2,5.2,0,0,1-5.2-5.311,5.286,5.286,0,0,1,5.225-5.331,4.462,4.462,0,0,1,3.711,1.768.605.605,0,0,1-.1.869L39.3,8.9c-.362.333-.64.055-.806-.109a2.9,2.9,0,0,0-1.967-.959,2.937,2.937,0,0,0-2.9,3.031,2.92,2.92,0,0,0,2.837,3.054,2.62,2.62,0,0,0,2.03-.965c.082-.081.162-.16.242-.234a.572.572,0,0,1,.818-.049h0Zm-9.679-2.971c0,.178-.022.526-.044.7a.579.579,0,0,1-.567.531H23.174a2.82,2.82,0,0,0,2.855,2.485,3.736,3.736,0,0,0,2.369-.818.609.609,0,0,1,.45-.147.459.459,0,0,1,.3.219l.583.907a.513.513,0,0,1-.065.819A5.708,5.708,0,0,1,25.9,16.2a5.046,5.046,0,0,1-5.1-5.332,5.081,5.081,0,0,1,5.074-5.31A4.572,4.572,0,0,1,30.542,10.242ZM23.3,9.653h4.874A2.23,2.23,0,0,0,25.835,7.62,2.412,2.412,0,0,0,23.3,9.653Zm-7.751-4.1a4.789,4.789,0,0,0-2.773.924V2.339a.621.621,0,0,0-.59-.588H10.974a.6.6,0,0,0-.59.588V15.373a.59.59,0,0,0,.59.589H12.16a.575.575,0,0,0,.611-.589V9.193a2.871,2.871,0,0,1,2.493-1.357c1.2,0,1.867.884,1.867,2.492v5.045a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589v-5C19.518,7.221,18.144,5.557,15.544,5.557ZM8.315,12.674h0a.573.573,0,0,0-.818.049c-.08.074-.16.154-.242.235a2.624,2.624,0,0,1-2.029.964,2.92,2.92,0,0,1-2.838-3.054,2.938,2.938,0,0,1,2.9-3.031A2.906,2.906,0,0,1,7.257,8.8c.166.164.444.442.8.109l.775-.71a.6.6,0,0,0,.1-.869A4.464,4.464,0,0,0,5.225,5.557,5.285,5.285,0,0,0,0,10.888,5.2,5.2,0,0,0,5.2,16.2a4.647,4.647,0,0,0,3.977-2.12c.13-.2.2-.5-.2-.866ZM55.084,9.566h-4.1a.514.514,0,0,0-.525.525v.926a.51.51,0,0,0,.525.5h4.1a.51.51,0,0,0,.526-.5v-.926A.514.514,0,0,0,55.084,9.566Zm20.945.2C74.97,9.308,74.4,8.955,74.4,8.41c0-.383.357-.769,1.156-.769a5.059,5.059,0,0,1,2.087.486.581.581,0,0,0,.8-.248l.344-.689a.706.706,0,0,0-.256-.882,5.705,5.705,0,0,0-2.973-.751c-2.358,0-3.413,1.422-3.413,2.831,0,1.764,1.327,2.606,2.762,3.253,1.4.634,2.066,1.038,2.066,1.618,0,.528-.459.856-1.2.856a4.5,4.5,0,0,1-2.39-.7l-.031-.018a.629.629,0,0,0-.506-.075.494.494,0,0,0-.3.254l-.452.926a.523.523,0,0,0,.21.664A5.935,5.935,0,0,0,75.639,16.2c2.41,0,3.672-1.522,3.672-3.025C79.311,11.3,78.011,10.609,76.029,9.769Zm-9.2-4.212a4.687,4.687,0,0,0-3.3,1.277l-.235-.67a.5.5,0,0,0-.522-.392h-.517a.605.605,0,0,0-.591.59v9.011a.591.591,0,0,0,.591.589h1.1c.469,0,.7-.193.7-.589V9.19A2.934,2.934,0,0,1,66.57,7.836c1.191,0,1.846.87,1.846,2.45v5.087a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589v-5C70.8,7.131,69.5,5.557,66.829,5.557Zm-8.3-4.275a1.543,1.543,0,0,0-1.538,1.581,1.532,1.532,0,0,0,1.538,1.559,1.57,1.57,0,1,0,0-3.14Zm-12.215,9.1,3.949-3.716a.548.548,0,0,0,.14-.588.484.484,0,0,0-.476-.3H48.355a1.063,1.063,0,0,0-.7.331L44.008,9.4V2.339a.62.62,0,0,0-.59-.588H42.211a.6.6,0,0,0-.59.588V15.373a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589V11.329l3.783,4.4a.711.711,0,0,0,.542.237H50.1a.468.468,0,0,0,.461-.256.561.561,0,0,0-.094-.582ZM59.135,5.772H57.928a.605.605,0,0,0-.59.59v9.011a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589V6.362A.621.621,0,0,0,59.135,5.772Z\"\n />\n </svg>\n )\n}\n\nexport function ChurchCenter({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"e2e8a225-c349-4aea-935c-64b6ad436be8\"\n viewBox=\"0 0 118.083 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>church-center-text</title>\n <path\n fill={color}\n d=\"M5.188,16.2A5.187,5.187,0,0,1,0,10.908,5.27,5.27,0,0,1,5.209,5.591a4.453,4.453,0,0,1,3.7,1.762.588.588,0,0,1-.1.844l-.776.712c-.346.319-.607.062-.779-.109a2.93,2.93,0,0,0-1.983-.966A2.959,2.959,0,0,0,2.35,10.887a2.942,2.942,0,0,0,2.859,3.076,2.642,2.642,0,0,0,2.045-.971c.082-.081.162-.16.242-.234a.552.552,0,0,1,.794-.047l.669.539c.388.352.318.651.193.841A4.629,4.629,0,0,1,5.188,16.2ZM19.5,15.4V10.391c0-3.14-1.368-4.8-3.959-4.8a4.788,4.788,0,0,0-2.788.939l-.006-4.209a.609.609,0,0,0-.571-.57H10.964a.592.592,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572H12.15a.558.558,0,0,0,.593-.572V9.207a2.893,2.893,0,0,1,2.515-1.373c1.217,0,1.888.893,1.888,2.514V15.4a.579.579,0,0,0,.571.572h1.208A.593.593,0,0,0,19.5,15.4Zm8.7-.468.2.566c.09.246.218.474.544.474h.518a.6.6,0,0,0,.592-.572V6.378a.612.612,0,0,0-.592-.57h-1.1c-.332,0-.657.044-.657.57l0,6.023a2.38,2.38,0,0,1-2.236,1.562c-1.259,0-1.845-.723-1.845-2.277V6.378a.585.585,0,0,0-.571-.57H21.843a.6.6,0,0,0-.57.57v5.156c0,2.175.433,4.67,3.807,4.67A4.06,4.06,0,0,0,28.193,14.928Zm6.2.468V9.1A2.755,2.755,0,0,1,36.65,7.834a2.382,2.382,0,0,1,.863.184.53.53,0,0,0,.41.032.571.571,0,0,0,.324-.315l.518-1.077a.5.5,0,0,0-.009-.507c-.259-.413-1.18-.56-1.89-.56a3.975,3.975,0,0,0-2.984,1.356l-.223-.719a.555.555,0,0,0-.525-.42h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h.993C33.922,15.968,34.4,15.968,34.4,15.4Zm13.35-1.305c.125-.19.2-.489-.193-.841l-.669-.539a.552.552,0,0,0-.794.047c-.08.074-.16.153-.242.234a2.642,2.642,0,0,1-2.044.971,2.942,2.942,0,0,1-2.86-3.076,2.959,2.959,0,0,1,2.924-3.053A2.93,2.93,0,0,1,45.85,8.8c.172.171.433.428.779.109l.776-.712a.588.588,0,0,0,.1-.844,4.452,4.452,0,0,0-3.7-1.762,5.271,5.271,0,0,0-5.21,5.317,5.187,5.187,0,0,0,5.188,5.3A4.629,4.629,0,0,0,47.745,14.091ZM58.089,15.4V10.391c0-3.14-1.368-4.8-3.959-4.8a4.79,4.79,0,0,0-2.788.939l-.006-4.209a.609.609,0,0,0-.571-.57H49.557a.592.592,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h1.187a.557.557,0,0,0,.592-.572V9.207a2.893,2.893,0,0,1,2.515-1.373c1.217,0,1.888.893,1.888,2.514V15.4a.579.579,0,0,0,.571.572h1.208A.593.593,0,0,0,58.089,15.4Zm12.926-1.305c.126-.19.2-.489-.192-.841l-.669-.539a.553.553,0,0,0-.8.047c-.08.074-.159.153-.242.234a2.64,2.64,0,0,1-2.044.971,2.941,2.941,0,0,1-2.859-3.076A2.8,2.8,0,0,1,69.121,8.8c.171.171.433.428.778.109l.777-.712a.587.587,0,0,0,.1-.844,4.449,4.449,0,0,0-3.7-1.762,5.271,5.271,0,0,0-5.21,5.317,5.187,5.187,0,0,0,5.188,5.3A4.629,4.629,0,0,0,71.015,14.091Zm10.247-3.83c0,.177-.022.525-.044.7a.562.562,0,0,1-.549.516H73.887a2.838,2.838,0,0,0,2.877,2.526,3.743,3.743,0,0,0,2.382-.824.6.6,0,0,1,.436-.143.447.447,0,0,1,.283.212l.584.907a.492.492,0,0,1-.063.794A5.7,5.7,0,0,1,76.634,16.2a5.031,5.031,0,0,1-5.08-5.317,5.068,5.068,0,0,1,5.059-5.3A4.558,4.558,0,0,1,81.262,10.261Zm-2.335-.57a2.251,2.251,0,0,0-2.358-2.073,2.433,2.433,0,0,0-2.564,2.073ZM91.707,15.4V10.391c0-3.23-1.3-4.8-3.959-4.8a4.657,4.657,0,0,0-3.306,1.3l-.246-.7a.479.479,0,0,0-.5-.376h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h1.1c.457,0,.679-.187.679-.572V9.2a2.96,2.96,0,0,1,2.536-1.37c1.2,0,1.867.877,1.867,2.471V15.4a.58.58,0,0,0,.571.572h1.208A.594.594,0,0,0,91.707,15.4Zm7.779.081a.538.538,0,0,0,.277-.7l-.389-1.014a.537.537,0,0,0-.306-.325.493.493,0,0,0-.415.061,3.249,3.249,0,0,1-1.548.462c-.445,0-.7-.15-.7-.918V7.834h2.536a.594.594,0,0,0,.571-.571V6.378a.564.564,0,0,0-.571-.57H96.4V3.12a.555.555,0,0,0-.549-.571h-1.23a.579.579,0,0,0-.571.571V5.808H93.005a.552.552,0,0,0-.571.57v.885a.579.579,0,0,0,.571.571h1.048v5.3c0,1.431.3,3.073,2.62,3.073A6.067,6.067,0,0,0,99.486,15.477Zm10.11-5.216c0,.177-.022.525-.044.7a.561.561,0,0,1-.549.516h-6.782a2.838,2.838,0,0,0,2.877,2.526,3.743,3.743,0,0,0,2.382-.824.6.6,0,0,1,.437-.143.446.446,0,0,1,.282.212l.584.907a.491.491,0,0,1-.063.794,5.7,5.7,0,0,1-3.752,1.252,5.032,5.032,0,0,1-5.08-5.317,5.068,5.068,0,0,1,5.059-5.3A4.557,4.557,0,0,1,109.6,10.261Zm-2.335-.57A2.25,2.25,0,0,0,104.9,7.618a2.434,2.434,0,0,0-2.565,2.073Zm6.026,5.705V9.1a2.755,2.755,0,0,1,2.255-1.265,2.388,2.388,0,0,1,.864.184.528.528,0,0,0,.409.032.568.568,0,0,0,.324-.315l.519-1.077a.5.5,0,0,0-.009-.507c-.26-.413-1.181-.56-1.891-.56a3.977,3.977,0,0,0-2.984,1.356l-.223-.719a.555.555,0,0,0-.525-.42h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h.993C112.814,15.968,113.287,15.968,113.287,15.4Z\"\n />\n </svg>\n )\n}\n\nexport function Giving({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"a221b42b-722d-4eb3-b043-fff7f3c6686f\"\n viewBox=\"0 0 50.486 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>giving-text</title>\n <path\n fill={color}\n d=\"M9.17,5.089H8.588c-.335,0-.42.255-.474.416l-.2.473a4.791,4.791,0,0,0-3.1-1.1A5.026,5.026,0,0,0,0,10.184a5.085,5.085,0,0,0,4.923,5.332,5.459,5.459,0,0,0,2.428-.629v.342c0,2.113-1.285,2.557-2.363,2.557a3.619,3.619,0,0,1-2.259-.905.567.567,0,0,0-.474-.114.553.553,0,0,0-.365.3l-.516.948a.563.563,0,0,0,.126.7A5.489,5.489,0,0,0,5.031,20a4.407,4.407,0,0,0,4.728-4.771V5.679A.6.6,0,0,0,9.17,5.089Zm-1.8,3.378V12.5a3.951,3.951,0,0,1-2.191.74,2.973,2.973,0,0,1-2.8-3.054A2.82,2.82,0,0,1,5.1,7.152,2.835,2.835,0,0,1,7.373,8.467Zm6.745-2.788v9.01a.6.6,0,0,1-.59.589H12.321a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h1.207A.62.62,0,0,1,14.118,5.679Zm.388-3.508A1.572,1.572,0,0,1,12.924,3.73a1.532,1.532,0,0,1-1.538-1.559A1.543,1.543,0,0,1,12.924.59,1.564,1.564,0,0,1,14.506,2.171Zm10.3,3.156a.49.49,0,0,1-.027.5l-4.307,9.367a.558.558,0,0,1-.514.327h-.13a.6.6,0,0,1-.534-.323L14.984,5.817a.487.487,0,0,1-.025-.49.545.545,0,0,1,.494-.238h1.315a.547.547,0,0,1,.535.344l2.572,5.917,2.7-5.913c.16-.348.486-.348.773-.348h.97A.545.545,0,0,1,24.807,5.327Zm3.249.352v9.01a.6.6,0,0,1-.59.589H26.259a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h1.207A.62.62,0,0,1,28.056,5.679Zm.388-3.508A1.572,1.572,0,0,1,26.863,3.73a1.532,1.532,0,0,1-1.539-1.559A1.544,1.544,0,0,1,26.863.59,1.564,1.564,0,0,1,28.444,2.171Zm10.69,7.517v5a.6.6,0,0,1-.59.589H37.337a.59.59,0,0,1-.59-.589V9.6c0-1.581-.655-2.451-1.846-2.451a2.938,2.938,0,0,0-2.514,1.355v6.182c0,.4-.229.589-.7.589h-1.1a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h.517a.5.5,0,0,1,.522.391l.235.67a4.692,4.692,0,0,1,3.3-1.276C37.834,4.874,39.134,6.448,39.134,9.688Zm10.456-4.6h-.582c-.336,0-.42.255-.473.416l-.2.473a4.777,4.777,0,0,0-3.1-1.1,5.026,5.026,0,0,0-4.815,5.31,5.085,5.085,0,0,0,4.923,5.332,5.459,5.459,0,0,0,2.428-.629v.342c0,2.113-1.285,2.557-2.363,2.557a3.619,3.619,0,0,1-2.259-.905.567.567,0,0,0-.474-.114.553.553,0,0,0-.365.3l-.516.948a.563.563,0,0,0,.126.7A5.489,5.489,0,0,0,45.451,20a4.407,4.407,0,0,0,4.729-4.771V5.679A.605.605,0,0,0,49.59,5.089Zm-1.8,7.409a3.944,3.944,0,0,1-2.19.74,2.973,2.973,0,0,1-2.795-3.054,2.693,2.693,0,0,1,4.985-1.717Z\"\n />\n </svg>\n )\n}\n\nexport function Home({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"a221b42b-722d-4eb3-b043-fff7f3c6686f\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 47.624 20\"\n >\n <title>home-text</title>\n <path\n fill={color}\n d=\"M8.952,9.7V14.69a.584.584,0,0,1-.553.57H7.229a.57.57,0,0,1-.553-.57V9.658c0-1.616-.649-2.506-1.827-2.506A2.791,2.791,0,0,0,2.414,8.52v6.17a.547.547,0,0,1-.573.57H.692a.569.569,0,0,1-.553-.57v-13a.583.583,0,0,1,.553-.569H1.861a.6.6,0,0,1,.553.569V5.857a4.544,4.544,0,0,1,2.706-.94C7.627,4.917,8.952,6.571,8.952,9.7Zm11.261.473a5.239,5.239,0,0,1-5,5.322,5.185,5.185,0,0,1-5.022-5.322A5.213,5.213,0,0,1,15.21,4.917,5.2,5.2,0,0,1,20.213,10.174Zm-2.234,0a2.789,2.789,0,1,0-5.558,0,2.884,2.884,0,0,0,2.789,3.087A2.876,2.876,0,0,0,17.979,10.174Zm14.59-5.257a4.475,4.475,0,0,0-3.248,1.519,3.34,3.34,0,0,0-2.956-1.519,4.128,4.128,0,0,0-3.031,1.289L23.111,5.5a.487.487,0,0,0-.506-.367h-.48a.584.584,0,0,0-.553.569V14.69a.57.57,0,0,0,.553.57h1.169a.577.577,0,0,0,.553-.57V8.512a2.367,2.367,0,0,1,2.184-1.36c1.216,0,1.808.806,1.808,2.463V14.69a.555.555,0,0,0,.552.57h1.191a.559.559,0,0,0,.532-.57V9.551a10.249,10.249,0,0,0-.077-1.3l.06-.064a2.793,2.793,0,0,1,2.159-1.034c1.2,0,1.807.829,1.807,2.463V14.69a.538.538,0,0,0,.553.57h1.17a.549.549,0,0,0,.553-.57V9.7C36.339,7.647,35.948,4.917,32.569,4.917ZM47.042,9.572c0,.176-.021.523-.043.7a.549.549,0,0,1-.531.514H39.9A2.778,2.778,0,0,0,42.687,13.3a3.573,3.573,0,0,0,2.306-.82.6.6,0,0,1,.422-.144.431.431,0,0,1,.274.211l.566.9a.5.5,0,0,1-.061.791A5.416,5.416,0,0,1,42.562,15.5c-2.85,0-4.919-2.229-4.919-5.3a4.988,4.988,0,0,1,4.9-5.279A4.479,4.479,0,0,1,47.042,9.572ZM40.016,9h4.765A2.2,2.2,0,0,0,42.5,6.937,2.375,2.375,0,0,0,40.016,9Z\"\n />\n </svg>\n )\n}\n\nexport function Groups({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"08e4075e-8ca4-4400-a3ae-98f53270d1d0\"\n viewBox=\"0 0 58.688 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>groups-text</title>\n <path\n fill={color}\n d=\"M9.17,5.09H8.588c-.335,0-.42.255-.474.416l-.2.472a4.791,4.791,0,0,0-3.1-1.1A5.027,5.027,0,0,0,0,10.185a5.085,5.085,0,0,0,4.923,5.332,5.465,5.465,0,0,0,2.428-.63v.342c0,2.113-1.285,2.557-2.363,2.557a3.631,3.631,0,0,1-2.259-.9.568.568,0,0,0-.473-.115.556.556,0,0,0-.366.3l-.516.947a.574.574,0,0,0,.126.7A5.487,5.487,0,0,0,5.031,20a4.407,4.407,0,0,0,4.728-4.771V5.679A.6.6,0,0,0,9.17,5.09Zm-1.8,3.378V12.5a3.951,3.951,0,0,1-2.191.74,2.972,2.972,0,0,1-2.8-3.053A2.821,2.821,0,0,1,5.1,7.152,2.835,2.835,0,0,1,7.373,8.468Zm11.092-2.5-.517,1.077a.588.588,0,0,1-.335.323.535.535,0,0,1-.424-.032,2.351,2.351,0,0,0-.854-.183A2.738,2.738,0,0,0,14.1,8.4v6.288c0,.59-.485.59-.806.59H12.3a.6.6,0,0,1-.59-.59V5.679a.6.6,0,0,1,.59-.589h.517a.574.574,0,0,1,.544.434l.213.688A3.931,3.931,0,0,1,16.55,4.874c.749,0,1.642.149,1.9.568A.517.517,0,0,1,18.465,5.967Zm4.994-1.093a5.323,5.323,0,0,0,0,10.643,5.323,5.323,0,0,0,0-10.643Zm0,8.364A2.907,2.907,0,0,1,20.6,10.163a2.852,2.852,0,1,1,5.7,0A2.9,2.9,0,0,1,23.459,13.238ZM38.688,5.679v9.01a.616.616,0,0,1-.611.59H37.56c-.34,0-.475-.246-.561-.486l-.2-.535a4.082,4.082,0,0,1-3.1,1.259c-3.389,0-3.824-2.5-3.824-4.686V5.679a.621.621,0,0,1,.59-.589h1.207a.605.605,0,0,1,.591.589v5.3c0,1.539.579,2.256,1.824,2.256A2.356,2.356,0,0,0,36.3,11.694l0-6.015c0-.544.334-.589.677-.589h1.1A.632.632,0,0,1,38.688,5.679Zm6.9-.805a4.752,4.752,0,0,0-3.081,1.1l-.2-.488a.523.523,0,0,0-.54-.4h-.538a.6.6,0,0,0-.59.589V19.266a.6.6,0,0,0,.59.589H42.44a.58.58,0,0,0,.633-.589V14.909a5.612,5.612,0,0,0,2.428.608,5.075,5.075,0,0,0,4.9-5.332A5.027,5.027,0,0,0,45.587,4.874ZM43.029,8.457a2.633,2.633,0,0,1,2.278-1.305,2.789,2.789,0,0,1,2.708,3.033,2.9,2.9,0,0,1-2.794,3.053,4.131,4.131,0,0,1-2.192-.676Zm15.349,4.034c0,1.5-1.262,3.026-3.672,3.026a5.921,5.921,0,0,1-3.343-1.034h0a.522.522,0,0,1-.208-.663l.452-.925a.493.493,0,0,1,.3-.254.633.633,0,0,1,.5.075l.037.02a4.488,4.488,0,0,0,2.384.7c.74,0,1.2-.329,1.2-.856,0-.581-.666-.985-2.066-1.619-1.435-.646-2.763-1.487-2.763-3.252,0-1.41,1.056-2.832,3.414-2.832a5.71,5.71,0,0,1,2.973.752.705.705,0,0,1,.256.881L57.5,7.2a.58.58,0,0,1-.8.248,5.043,5.043,0,0,0-2.087-.485c-.8,0-1.156.386-1.156.768,0,.545.574.9,1.633,1.361C57.078,9.926,58.378,10.616,58.378,12.491Z\"\n />\n </svg>\n )\n}\n\nexport function People({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"c461f8d4-1c6e-406e-af2d-8d7721d891d5\"\n viewBox=\"0 0 57.729 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>people-text</title>\n <path\n fill={color}\n d=\"M4.944,5.019a4.754,4.754,0,0,0-3.08,1.1l-.2-.487a.521.521,0,0,0-.539-.4H.59A.606.606,0,0,0,0,5.823V19.41A.6.6,0,0,0,.59,20H1.8a.58.58,0,0,0,.633-.59V15.053a5.593,5.593,0,0,0,2.428.607,5.075,5.075,0,0,0,4.9-5.331A5.027,5.027,0,0,0,4.944,5.019ZM2.387,8.6A2.63,2.63,0,0,1,4.665,7.3a2.789,2.789,0,0,1,2.708,3.032,2.9,2.9,0,0,1-2.795,3.054,4.109,4.109,0,0,1-2.191-.678ZM15.663,5.019a5.083,5.083,0,0,0-5.075,5.31,5.046,5.046,0,0,0,5.1,5.331A5.707,5.707,0,0,0,19.445,14.4a.511.511,0,0,0,.065-.818l-.583-.907a.459.459,0,0,0-.295-.22.609.609,0,0,0-.45.147,3.735,3.735,0,0,1-2.369.82,2.819,2.819,0,0,1-2.854-2.487h6.756a.578.578,0,0,0,.567-.531c.022-.177.045-.525.045-.7A4.572,4.572,0,0,0,15.663,5.019Zm-2.583,4.1a2.411,2.411,0,0,1,2.539-2.033,2.231,2.231,0,0,1,2.335,2.033Zm13.145-4.1a5.322,5.322,0,0,0,0,10.641,5.322,5.322,0,0,0,0-10.641Zm2.837,5.289a2.856,2.856,0,1,1-5.7,0,2.852,2.852,0,1,1,5.7,0Zm8.653-5.289a4.758,4.758,0,0,0-3.081,1.1l-.2-.487a.522.522,0,0,0-.54-.4h-.538a.606.606,0,0,0-.591.589V19.41a.592.592,0,0,0,.591.59h1.207a.58.58,0,0,0,.633-.59V15.05a5.541,5.541,0,0,0,2.428.61,5.075,5.075,0,0,0,4.9-5.331A5.027,5.027,0,0,0,37.715,5.019ZM35.158,8.6a2.629,2.629,0,0,1,2.277-1.3,2.789,2.789,0,0,1,2.708,3.032,2.9,2.9,0,0,1-2.794,3.054,4.109,4.109,0,0,1-2.191-.678ZM46.324,1.247V14.834a.606.606,0,0,1-.59.59H44.527a.6.6,0,0,1-.59-.59V1.247a.6.6,0,0,1,.59-.589h1.207A.621.621,0,0,1,46.324,1.247Zm6.459,3.772a5.083,5.083,0,0,0-5.075,5.31,5.047,5.047,0,0,0,5.1,5.331A5.713,5.713,0,0,0,56.566,14.4a.511.511,0,0,0,.064-.818l-.583-.907a.459.459,0,0,0-.295-.22.6.6,0,0,0-.449.147,3.739,3.739,0,0,1-2.369.82,2.821,2.821,0,0,1-2.855-2.487h6.756a.577.577,0,0,0,.567-.531c.022-.177.045-.525.045-.7A4.572,4.572,0,0,0,52.783,5.019ZM52.74,7.081a2.231,2.231,0,0,1,2.334,2.033H50.2A2.412,2.412,0,0,1,52.74,7.081Z\"\n />\n </svg>\n )\n}\n\nexport function Publishing({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"Layer_1\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 84.973 20\"\n >\n <title>publishing-text</title>\n <path\n d=\"M4.905,5.03A4.709,4.709,0,0,0,1.829,6.141l-.2-.511a.5.5,0,0,0-.52-.385H.568A.59.59,0,0,0,0,5.812V19.374a.575.575,0,0,0,.568.568h1.2a.559.559,0,0,0,.611-.568v-4.4a5.573,5.573,0,0,0,2.437.618A5.036,5.036,0,0,0,9.681,10.3,4.988,4.988,0,0,0,4.905,5.03ZM2.338,8.575A2.642,2.642,0,0,1,4.626,7.261,2.8,2.8,0,0,1,7.343,10.3a2.908,2.908,0,0,1-2.8,3.06,4.117,4.117,0,0,1-2.2-.684Zm17.4-2.763v8.974a.6.6,0,0,1-.59.569h-.515c-.326,0-.456-.238-.541-.472l-.2-.562a4.046,4.046,0,0,1-3.1,1.27c-3.358,0-3.788-2.484-3.788-4.647V5.812a.606.606,0,0,1,.568-.567h1.2a.59.59,0,0,1,.568.567v5.282c0,1.546.584,2.266,1.837,2.266A2.368,2.368,0,0,0,17.4,11.806V5.812c0-.524.323-.567.654-.567h1.094A.609.609,0,0,1,19.737,5.812Zm6.74-.782A6.836,6.836,0,0,0,24.1,5.5l-.018.006V1.246a.606.606,0,0,0-.568-.567H22.29a.583.583,0,0,0-.568.567v13.54a.576.576,0,0,0,.568.569h.516a.569.569,0,0,0,.542-.5l.17-.576a4.845,4.845,0,0,0,3.217,1.31c2.6,0,4.711-2.374,4.711-5.291A5.071,5.071,0,0,0,26.477,5.03ZM24.061,7.76a5.243,5.243,0,0,1,2.18-.5A3,3,0,0,1,29.107,10.3a2.9,2.9,0,0,1-2.694,3.06A2.761,2.761,0,0,1,24.061,12ZM35.225,1.246v13.54a.591.591,0,0,1-.568.569h-1.2a.576.576,0,0,1-.569-.569V1.246a.59.59,0,0,1,.569-.567h1.2A.606.606,0,0,1,35.225,1.246Zm4.349,4.566v8.974a.591.591,0,0,1-.568.569H37.8a.576.576,0,0,1-.568-.569V5.812a.582.582,0,0,1,.568-.567h1.2A.606.606,0,0,1,39.574,5.812Zm.387-3.577a1.547,1.547,0,0,1-1.556,1.534,1.508,1.508,0,0,1-1.513-1.534A1.519,1.519,0,0,1,38.405.679,1.539,1.539,0,0,1,39.961,2.235ZM48.143,12.6c0,1.488-1.25,2.994-3.638,2.994a5.875,5.875,0,0,1-3.318-1.026h0a.5.5,0,0,1-.2-.636l.45-.922a.47.47,0,0,1,.291-.243.613.613,0,0,1,.487.073l.036.02a4.489,4.489,0,0,0,2.385.7c.737,0,1.214-.342,1.214-.871,0-.589-.667-.994-2.069-1.629-1.423-.642-2.74-1.476-2.74-3.222,0-1.394,1.045-2.8,3.38-2.8a5.67,5.67,0,0,1,2.951.745.684.684,0,0,1,.248.853l-.343.687a.56.56,0,0,1-.769.238,5.05,5.05,0,0,0-2.087-.485c-.808,0-1.17.394-1.17.784,0,.554.575.91,1.638,1.372C46.853,10.057,48.143,10.742,48.143,12.6ZM58.461,9.805v4.981a.592.592,0,0,1-.569.569h-1.2a.576.576,0,0,1-.568-.569V9.763c0-1.614-.668-2.5-1.879-2.5a2.881,2.881,0,0,0-2.5,1.366v6.159a.554.554,0,0,1-.589.569H49.97a.576.576,0,0,1-.568-.569V1.246A.582.582,0,0,1,49.97.679h1.2a.606.606,0,0,1,.567.567V5.967a4.766,4.766,0,0,1,2.782-.937C57.1,5.03,58.461,6.681,58.461,9.805Zm4.2-3.993v8.974a.59.59,0,0,1-.567.569h-1.2a.576.576,0,0,1-.568-.569V5.812a.59.59,0,0,1,.568-.567h1.2A.606.606,0,0,1,62.657,5.812Zm.387-3.577a1.547,1.547,0,0,1-1.556,1.534,1.507,1.507,0,0,1-1.512-1.534A1.518,1.518,0,0,1,61.488.679,1.539,1.539,0,0,1,63.044,2.235Zm10.647,7.57v4.981a.591.591,0,0,1-.569.569h-1.2a.576.576,0,0,1-.568-.569V9.72c0-1.586-.66-2.459-1.858-2.459a2.944,2.944,0,0,0-2.523,1.364v6.161c0,.383-.221.569-.676.569H65.2a.576.576,0,0,1-.568-.569V5.812a.59.59,0,0,1,.568-.567h.516a.474.474,0,0,1,.5.375l.245.7a4.64,4.64,0,0,1,3.29-1.288C72.4,5.03,73.691,6.592,73.691,9.805Zm10.432-4.56h-.579c-.32,0-.4.236-.454.4l-.2.5a4.737,4.737,0,0,0-3.1-1.112A4.988,4.988,0,0,0,75.01,10.3a5.046,5.046,0,0,0,4.884,5.291,5.429,5.429,0,0,0,2.437-.64v.372c0,2.121-1.29,2.566-2.373,2.566a3.629,3.629,0,0,1-2.261-.9.547.547,0,0,0-.456-.111.535.535,0,0,0-.352.292l-.514.944a.551.551,0,0,0,.123.673A5.444,5.444,0,0,0,80,20.056a4.371,4.371,0,0,0,4.69-4.733V5.812A.582.582,0,0,0,84.123,5.245ZM80.151,13.36a2.979,2.979,0,0,1-2.8-3.06,2.7,2.7,0,0,1,5-1.715v4.029A3.973,3.973,0,0,1,80.151,13.36Z\"\n fill={color}\n />\n </svg>\n )\n}\n\nexport function Registrations({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"2da9f999-408b-4466-9b5d-b1268727ac81\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 105.758 20\"\n >\n <title>registrations-text</title>\n <path\n fill={color}\n d=\"M6.751,5.966,6.234,7.043a.589.589,0,0,1-.336.324.545.545,0,0,1-.423-.033,2.375,2.375,0,0,0-.854-.182A2.74,2.74,0,0,0,2.387,8.4v6.288c0,.59-.485.59-.8.59H.59a.6.6,0,0,1-.59-.59V5.679A.6.6,0,0,1,.59,5.09h.517a.574.574,0,0,1,.544.433l.212.685A4,4,0,0,1,4.836,4.874c.749,0,1.643.148,1.9.567A.517.517,0,0,1,6.751,5.966Zm9.583,3.593c0,.181-.022.53-.044.705a.578.578,0,0,1-.567.531H8.966a2.82,2.82,0,0,0,2.855,2.486,3.74,3.74,0,0,0,2.369-.819.608.608,0,0,1,.45-.148.465.465,0,0,1,.295.22l.583.907a.513.513,0,0,1-.065.819,5.708,5.708,0,0,1-3.762,1.256,5.046,5.046,0,0,1-5.1-5.331A5.083,5.083,0,0,1,11.67,4.874,4.572,4.572,0,0,1,16.334,9.559ZM11.627,6.937A2.411,2.411,0,0,0,9.087,8.97h4.874A2.23,2.23,0,0,0,11.627,6.937ZM26.8,5.679v9.55A4.407,4.407,0,0,1,22.071,20a5.486,5.486,0,0,1-3.53-1.284.564.564,0,0,1-.127-.7l.516-.948a.555.555,0,0,1,.365-.3.561.561,0,0,1,.474.114,3.622,3.622,0,0,0,2.259.905c1.078,0,2.364-.444,2.364-2.557v-.342a5.472,5.472,0,0,1-2.429.629,5.084,5.084,0,0,1-4.922-5.331,5.027,5.027,0,0,1,4.814-5.311,4.777,4.777,0,0,1,3.1,1.1l.2-.473c.053-.161.138-.415.473-.415h.582A.6.6,0,0,1,26.8,5.679ZM22.136,7.152a2.821,2.821,0,0,0-2.708,3.033,2.972,2.972,0,0,0,2.794,3.053,3.948,3.948,0,0,0,2.191-.74V8.468A2.834,2.834,0,0,0,22.136,7.152ZM29.965.6a1.544,1.544,0,0,0-1.538,1.582A1.55,1.55,0,0,0,29.965,3.74a1.571,1.571,0,1,0,0-3.141Zm.6,4.491H29.361a.6.6,0,0,0-.59.589v9.01a.59.59,0,0,0,.59.59h1.208a.6.6,0,0,0,.589-.59V5.679A.62.62,0,0,0,30.569,5.09Zm5.91,4c-1.059-.462-1.632-.815-1.632-1.36,0-.383.357-.769,1.155-.769a5.048,5.048,0,0,1,2.088.486.582.582,0,0,0,.8-.248l.345-.689a.709.709,0,0,0-.256-.882A5.713,5.713,0,0,0,36,4.874c-2.357,0-3.413,1.422-3.413,2.831,0,1.764,1.328,2.606,2.763,3.253,1.4.634,2.065,1.038,2.065,1.618,0,.528-.459.856-1.2.856a4.5,4.5,0,0,1-2.387-.7l-.034-.018a.644.644,0,0,0-.5-.076.494.494,0,0,0-.3.254l-.452.925a.517.517,0,0,0,.208.663h0a5.917,5.917,0,0,0,3.342,1.034c2.411,0,3.672-1.522,3.672-3.025C39.761,10.617,38.461,9.926,36.479,9.087Zm10.558,3.964a.556.556,0,0,0-.316-.335.523.523,0,0,0-.432.063,3.244,3.244,0,0,1-1.537.459c-.359,0-.681-.069-.681-.9V7.152h2.514a.605.605,0,0,0,.59-.59V5.679a.577.577,0,0,0-.59-.589H44.071V2.424a.574.574,0,0,0-.569-.59H42.273a.59.59,0,0,0-.589.59V5.09H40.657a.57.57,0,0,0-.59.589v.883a.59.59,0,0,0,.59.59h1.027v5.274c0,1.438.3,3.09,2.637,3.09a6.116,6.116,0,0,0,2.822-.729.556.556,0,0,0,.283-.721Zm8.023-7.61c-.263-.419-1.156-.567-1.905-.567a4,4,0,0,0-2.973,1.335l-.212-.686a.574.574,0,0,0-.544-.433h-.517a.6.6,0,0,0-.59.589v9.01a.59.59,0,0,0,.59.59H49.9c.321,0,.806,0,.806-.59V8.4A2.738,2.738,0,0,1,52.94,7.152a2.369,2.369,0,0,1,.853.182.548.548,0,0,0,.424.033.6.6,0,0,0,.336-.324l.517-1.077A.517.517,0,0,0,55.06,5.441Zm8.351,3.946v5.3a.605.605,0,0,1-.59.59H62.11c-.284,0-.412-.166-.516-.416l-.181-.509A4.386,4.386,0,0,1,58.4,15.516a3.2,3.2,0,0,1-3.328-3.435c0-2.021,1.611-3.327,4.1-3.327a7.7,7.7,0,0,1,1.892.265,2.3,2.3,0,0,0-.417-1.668A1.414,1.414,0,0,0,59.588,7a10.1,10.1,0,0,0-2.749.47.577.577,0,0,1-.7-.494l-.194-.82a.566.566,0,0,1,.4-.717A10.865,10.865,0,0,1,59.8,4.874C63.14,4.874,63.411,6.918,63.411,9.387Zm-4.06,1.149c-1.174,0-1.933.6-1.933,1.524a1.343,1.343,0,0,0,1.436,1.458,2.987,2.987,0,0,0,2.191-1.125V10.835A4.853,4.853,0,0,0,59.351,10.536Zm11.773,2.515a.556.556,0,0,0-.316-.335.523.523,0,0,0-.432.063,3.244,3.244,0,0,1-1.537.459c-.359,0-.681-.069-.681-.9V7.152h2.514a.605.605,0,0,0,.59-.59V5.679a.577.577,0,0,0-.59-.589H68.158V2.424a.574.574,0,0,0-.569-.59H66.36a.591.591,0,0,0-.59.59V5.09H64.744a.57.57,0,0,0-.59.589v.883a.591.591,0,0,0,.59.59H65.77v5.274c0,1.438.3,3.09,2.638,3.09a6.107,6.107,0,0,0,2.821-.729.556.556,0,0,0,.284-.721ZM74.2,5.09H72.994a.605.605,0,0,0-.591.589v9.01a.591.591,0,0,0,.591.59H74.2a.605.605,0,0,0,.59-.59V5.679A.621.621,0,0,0,74.2,5.09ZM73.6.6a1.543,1.543,0,0,0-1.538,1.582A1.55,1.55,0,0,0,73.6,3.74,1.571,1.571,0,1,0,73.6.6Zm12.869,9.563a5.341,5.341,0,0,1-5.182,5.354,5.323,5.323,0,1,1,5.182-5.354Zm-2.344,0a2.853,2.853,0,1,0-5.7,0,2.857,2.857,0,1,0,5.7,0Zm8.867-5.288a4.7,4.7,0,0,0-3.3,1.277l-.235-.671a.5.5,0,0,0-.522-.39h-.518a.6.6,0,0,0-.589.589v9.01a.6.6,0,0,0,.589.59h1.1c.469,0,.7-.192.7-.59V8.507A2.939,2.939,0,0,1,92.73,7.152c1.191,0,1.847.87,1.847,2.451v5.086a.6.6,0,0,0,.59.59h1.207a.605.605,0,0,0,.59-.59v-5C96.964,6.448,95.664,4.874,92.989,4.874Zm9.2,4.213c-1.059-.462-1.633-.815-1.633-1.36,0-.383.358-.769,1.156-.769a5.04,5.04,0,0,1,2.087.486.585.585,0,0,0,.8-.248l.344-.689a.709.709,0,0,0-.255-.882,5.718,5.718,0,0,0-2.974-.751C99.355,4.874,98.3,6.3,98.3,7.705c0,1.764,1.328,2.606,2.763,3.253,1.4.634,2.066,1.038,2.066,1.618,0,.528-.46.856-1.2.856a4.49,4.49,0,0,1-2.387-.7l-.034-.018A.633.633,0,0,0,99,12.64a.49.49,0,0,0-.3.253l-.452.925a.516.516,0,0,0,.209.663h0a5.923,5.923,0,0,0,3.342,1.034c2.411,0,3.673-1.522,3.673-3.025C105.472,10.617,104.172,9.926,102.19,9.087Z\"\n />\n </svg>\n )\n}\n\nexport function Services({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"bd77a8f3-6992-4241-927e-9fdc3bf67b80\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 67.995 20\"\n >\n <title>services-text</title>\n <path\n fill={color}\n d=\"M7.277,12.49c0,1.5-1.262,3.026-3.672,3.026A5.924,5.924,0,0,1,.262,14.482h0a.521.521,0,0,1-.209-.663L.5,12.893a.5.5,0,0,1,.305-.254.62.62,0,0,1,.5.075l.036.019a4.479,4.479,0,0,0,2.385.7c.74,0,1.2-.328,1.2-.856,0-.582-.666-.985-2.066-1.618C1.432,10.311.105,9.469.105,7.705c0-1.41,1.055-2.832,3.413-2.832a5.717,5.717,0,0,1,2.974.752.7.7,0,0,1,.255.881L6.4,7.2a.58.58,0,0,1-.8.248,5.04,5.04,0,0,0-2.087-.485c-.8,0-1.155.386-1.155.768,0,.546.573.9,1.632,1.361C5.977,9.925,7.277,10.615,7.277,12.49ZM17.622,9.559c0,.178-.022.528-.044.7a.58.58,0,0,1-.568.532H10.255a2.818,2.818,0,0,0,2.854,2.485,3.734,3.734,0,0,0,2.369-.819.64.64,0,0,1,.451-.148.472.472,0,0,1,.294.22l.583.907a.513.513,0,0,1-.065.82,5.715,5.715,0,0,1-3.761,1.256,5.047,5.047,0,0,1-5.1-5.332,5.083,5.083,0,0,1,5.074-5.311A4.573,4.573,0,0,1,17.622,9.559ZM15.249,8.97a2.229,2.229,0,0,0-2.334-2.034,2.412,2.412,0,0,0-2.54,2.034Zm8.511-4.1a3.929,3.929,0,0,0-2.972,1.338l-.213-.688a.575.575,0,0,0-.544-.434h-.518a.6.6,0,0,0-.589.589v9.01a.6.6,0,0,0,.589.59h.992c.32,0,.8,0,.8-.59V8.4a2.74,2.74,0,0,1,2.235-1.249,2.351,2.351,0,0,1,.854.183.534.534,0,0,0,.424.032.584.584,0,0,0,.334-.323l.518-1.077a.517.517,0,0,0-.01-.525C25.4,5.022,24.509,4.873,23.76,4.873Zm11.569.216H34.36c-.288,0-.613,0-.774.348l-2.695,5.912L28.319,5.433a.545.545,0,0,0-.535-.344H26.469a.544.544,0,0,0-.493.238.489.489,0,0,0,.024.49l4.311,9.376a.6.6,0,0,0,.534.323h.13a.56.56,0,0,0,.514-.327L35.8,5.822a.49.49,0,0,0,.027-.5A.545.545,0,0,0,35.329,5.089Zm3.154,0H37.276a.6.6,0,0,0-.59.589v9.01a.6.6,0,0,0,.59.59h1.207a.605.605,0,0,0,.59-.59V5.678A.621.621,0,0,0,38.483,5.089ZM37.879.6A1.543,1.543,0,0,0,36.341,2.18a1.532,1.532,0,0,0,1.538,1.559,1.57,1.57,0,1,0,0-3.14Zm10.8,11.392a.567.567,0,0,0-.818.047c-.08.073-.16.152-.241.233a2.623,2.623,0,0,1-2.031.966,2.92,2.92,0,0,1-2.838-3.053,2.778,2.778,0,0,1,4.87-2.073c.165.164.444.443.806.11l.774-.71a.606.606,0,0,0,.1-.87,4.465,4.465,0,0,0-3.711-1.768,5.285,5.285,0,0,0-5.225,5.332,5.2,5.2,0,0,0,5.2,5.311,4.647,4.647,0,0,0,3.977-2.12c.13-.2.2-.5-.2-.866ZM59.784,9.559c0,.178-.022.528-.044.7a.58.58,0,0,1-.567.532H52.417a2.818,2.818,0,0,0,2.854,2.485,3.734,3.734,0,0,0,2.369-.819.641.641,0,0,1,.451-.148.472.472,0,0,1,.294.22l.583.907a.513.513,0,0,1-.065.82,5.712,5.712,0,0,1-3.761,1.256,5.047,5.047,0,0,1-5.1-5.332A5.083,5.083,0,0,1,55.12,4.873,4.573,4.573,0,0,1,59.784,9.559ZM52.537,8.97h4.874a2.229,2.229,0,0,0-2.334-2.034A2.412,2.412,0,0,0,52.537,8.97ZM64.4,9.087c-1.06-.462-1.633-.816-1.633-1.361,0-.382.357-.768,1.156-.768a5.047,5.047,0,0,1,2.087.485.58.58,0,0,0,.8-.248l.344-.689a.706.706,0,0,0-.256-.881,5.71,5.71,0,0,0-2.973-.752c-2.358,0-3.414,1.422-3.414,2.832,0,1.764,1.328,2.606,2.763,3.253,1.4.633,2.066,1.036,2.066,1.618,0,.528-.459.856-1.2.856a4.485,4.485,0,0,1-2.384-.7l-.037-.02a.632.632,0,0,0-.5-.075.493.493,0,0,0-.3.254l-.452.925a.521.521,0,0,0,.209.663h0a5.923,5.923,0,0,0,3.342,1.034c2.412,0,3.673-1.522,3.673-3.026C67.685,10.615,66.385,9.925,64.4,9.087Z\"\n />\n </svg>\n )\n}\n","import * as React from \"react\"\n\nimport * as MonoAppText from \"./mono_app_text\"\n\nexport function MonoAppName({ appName, color, size = 20 }) {\n return MonoAppText[appName] ? (\n React.createElement(MonoAppText[appName], { color, size })\n ) : (\n <div>appName not supported</div>\n )\n}\n","export const slightBackgroundTransition = {\n transition: \"background-color 120ms ease-in\",\n}\n\nexport const fontFamily = {\n fontFamily: `inherit`,\n}\n\nexport const IEFlex1 = {\n flex: \"1 1 auto\",\n}\n","import * as React from \"react\"\n\nexport const Bell = ({\n dot = false,\n dotFill = \"#fff\",\n fill = \"#fff\",\n style,\n ...props\n}: {\n dot?: boolean\n dotFill?: string\n fill?: string\n style?: object\n}) => {\n const bellPath = (\n <path\n d=\"M21.482,16.626,19.1,13.649V9a7,7,0,0,0-14,0v4.649L2.478,16.929A1.89,1.89,0,0,0,3.952,20H9.285a2.983,2.983,0,0,0,5.633,0H19.86a2.077,2.077,0,0,0,1.622-3.374ZM19.86,18H4.182l2.7-3.375A1,1,0,0,0,7.1,14V9a5,5,0,0,1,10,0v5a1,1,0,0,0,.219.625l2.6,3.25Z\"\n fill=\"white\"\n />\n )\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n style={{ display: \"block\", ...style }}\n {...props}\n stroke=\"none\"\n >\n <title>bell</title>\n <defs>\n <mask id=\"mask-no-dot\">{bellPath}</mask>\n <mask id=\"mask-dot\">\n {bellPath}\n <circle cx=\"18\" cy=\"6\" fill=\"black\" r=\"7\" />\n </mask>\n </defs>\n <rect\n fill={fill}\n height=\"24\"\n mask={dot ? \"url(#mask-dot)\" : \"url(#mask-no-dot\"}\n width=\"24\"\n x=\"0\"\n y=\"0\"\n />\n {dot && <circle cx=\"18\" cy=\"6\" r=\"4\" fill={dotFill || fill} />}\n </svg>\n )\n}\n\nexport const BlankStateIcon = ({\n dark = false,\n style,\n ...nativeProps\n}: {\n dark?: boolean\n style?: object\n}) => (\n <svg\n fill=\"none\"\n height=\"123\"\n style={{ ...style }}\n width=\"160\"\n {...nativeProps}\n >\n <g clipPath=\"url(#clip0_2:761)\">\n <path\n opacity=\".6\"\n d=\"M155.367 66.751c-6.081 17.955-18.824 33.158-32.579 41.991-14.045 8.977-28.96 11.294-46.19 7.529-16.941-3.764-33.738-11.583-47.638-18.968C15.204 89.63 4.344 82.533 1.593 71.385-1.013 60.525 4.78 45.61 18.68 30.842 32.435 16.362 54.3 2.896 80.362.579c25.919-2.606 49.666 6.082 63.276 18.534 13.901 12.597 17.666 29.828 11.729 47.638z\"\n fill={dark ? \"#414141\" : \"#E1F0F9\"}\n />\n <g opacity=\".2\">\n <path\n opacity=\".2\"\n d=\"M90.643 122.063c-9.702 0-19.258-2.606-29.25-7.674-12.741-6.66-26.352-16.796-41.41-30.841C8.832 72.688-.29 62.697 0 50.678c.145-8.542 5.503-17.81 14.914-26.352l1.448 1.593c-9.122 8.108-14.19 16.94-14.335 24.76-.29 11.294 8.543 20.85 19.403 31.42C36.344 96 49.81 105.992 62.263 112.508c13.031 6.805 25.629 8.977 38.371 6.516l.434 2.027c-3.475.724-6.95 1.013-10.425 1.013zM116.706 115.982l-.869-1.738c13.756-6.226 25.919-16.507 34.027-28.67l1.738 1.159c-8.254 12.453-20.706 22.878-34.896 29.249zM158.552 71.385l-2.027-.58c2.896-11.294.869-22.877-5.792-33.303-10.715-17.086-32-29.973-55.457-33.882-19.258-3.475-40.108-.29-58.642 8.688l-.869-1.883c18.824-9.122 40.109-12.307 59.8-8.832 24.037 3.91 45.901 17.23 56.906 34.75 7.095 11.005 9.267 23.023 6.081 35.042z\"\n fill=\"#BAC7D3\"\n />\n </g>\n <path\n d=\"M115.258 20.706l-.145 4.199c0 .869.289 1.882 1.013 2.461l3.186 2.752c.724.724.29 1.882-.724 1.882l-4.199-.145c-.869 0-1.882.29-2.462 1.014l-2.896 3.33c-.724.724-1.882.29-1.882-.724l.145-4.199c0-.869-.29-1.882-1.014-2.462l-3.185-2.75c-.724-.725-.29-1.883.724-1.883l4.199.145c.869 0 1.882-.29 2.461-1.014l2.751-3.185c.724-.87 2.028-.435 2.028.579zM92.959 30.842v1.882c0 .434.144.869.579 1.158l1.448 1.159c.29.29.145.869-.29.869h-1.882c-.434 0-.869.144-1.158.579l-1.159 1.448c-.29.29-.869.145-.869-.29v-1.882c0-.435-.144-.869-.579-1.159l-1.448-1.158c-.29-.29-.145-.869.29-.869h1.882c.435 0 .869-.145 1.159-.579l1.158-1.448c.29-.434.869-.29.869.29z\"\n fill=\"#FCC846\"\n />\n <path\n d=\"M68.778 36.633l-19.982 57.63 57.919-20.127-37.937-37.502z\"\n fill=\"#48A5E5\"\n />\n <path\n d=\"M82.099 54.299H62.696l2.027-5.647h12.308l5.068 5.647zM99.91 70.082H57.194l2.027-5.648h33.737l6.95 5.648zM72.398 85.864H51.692l1.737-5.647h35.91l-16.941 5.647z\"\n fill=\"#79CAF2\"\n />\n <path\n d=\"M107.613 73.964c1.44-1.5-6.087-11.069-16.813-21.374-10.726-10.305-20.588-17.443-22.029-15.944-1.44 1.5 6.087 11.069 16.813 21.374 10.726 10.305 20.588 17.443 22.029 15.944z\"\n fill={dark ? \"#525252\" : \"#636363\"}\n />\n <path\n d=\"M113.086 55.747h-3.041c-.724 0-1.303.29-1.737.868l-1.883 2.607c-.434.579-1.448.29-1.448-.435l-.144-3.185c0-.724-.29-1.303-.869-1.738l-2.607-1.882c-.579-.434-.289-1.448.435-1.448l3.185-.145c.724 0 1.303-.29 1.738-.869l1.882-2.606c.435-.58 1.448-.29 1.448.434l.145 3.186c0 .724.29 1.303.869 1.738l2.606 1.882c.579.58.29 1.593-.579 1.593z\"\n fill=\"#FCC846\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2:761\">\n <path fill=\"#fff\" d=\"M0 0h160v122.063H0z\" />\n </clipPath>\n </defs>\n </svg>\n)\n\nexport const ChevronIcon = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string;\n size?: number;\n style?: object;\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>chevron</title>\n <path\n d=\"M10.209 16L2.255 8.045L10.209 0.0910034L11.977 1.859L5.789 8.045L11.977 14.233L10.209 16Z\"\n fill={fill}\n />\n </svg>\n);\n\nexport const Cog = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string;\n size?: number;\n style?: object;\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>cog icon</title>\n <path\n d=\"M15.975 7.169H15.965L14.44 6.91C14.3024 6.90264 14.1694 6.85837 14.0548 6.78182C13.9403 6.70528 13.8484 6.59929 13.789 6.475C13.653 5.95399 13.4465 5.45403 13.175 4.989C13.1286 4.85874 13.118 4.71844 13.1442 4.58267C13.1704 4.44691 13.2325 4.32064 13.324 4.217L14.224 2.957L14.23 2.949C14.24 2.934 14.24 2.923 14.23 2.914L14.2 2.89L14.155 2.844L13.155 1.844L13.095 1.784L13.085 1.775C13.076 1.765 13.065 1.765 13.05 1.775L11.782 2.675C11.6788 2.76662 11.5529 2.82887 11.4175 2.85525C11.2821 2.88164 11.142 2.87119 11.012 2.825C10.5462 2.55339 10.0456 2.34649 9.524 2.21C9.40004 2.1505 9.29435 2.05878 9.218 1.94443C9.14164 1.83007 9.09744 1.6973 9.09 1.56L8.833 0.035V0.025C8.828 0.008 8.821 0 8.807 0H7.193C7.179 0 7.172 0.008 7.169 0.025L6.91 1.56C6.90286 1.69763 6.85866 1.83078 6.7821 1.94537C6.70553 2.05996 6.59942 2.15173 6.475 2.211C5.95399 2.34697 5.45403 2.55355 4.989 2.825C4.85874 2.87138 4.71844 2.88203 4.58267 2.85583C4.44691 2.82962 4.32064 2.76753 4.217 2.676L2.957 1.776L2.949 1.77C2.934 1.76 2.923 1.76 2.914 1.77L2.89 1.8L2.844 1.845L1.844 2.845L1.784 2.905L1.775 2.915C1.765 2.924 1.765 2.935 1.775 2.95L2.675 4.218C2.76662 4.32118 2.82887 4.44706 2.85525 4.5825C2.88164 4.71794 2.87119 4.85797 2.825 4.988C2.55382 5.45174 2.34724 5.95035 2.211 6.47C2.15164 6.59477 2.05996 6.70138 1.94549 6.77875C1.83101 6.85612 1.69791 6.90144 1.56 6.91L0.035 7.167H0.025C0.008 7.167 0 7.177 0 7.191V8.807C0 8.821 0.008 8.828 0.025 8.831L1.56 9.09C1.69791 9.09856 1.83101 9.14388 1.94549 9.22125C2.05996 9.29862 2.15164 9.40523 2.211 9.53C2.34701 10.0494 2.5536 10.5477 2.825 11.011C2.87138 11.1413 2.88203 11.2816 2.85583 11.4173C2.82962 11.5531 2.76753 11.6794 2.676 11.783L1.776 13.051C1.766 13.066 1.766 13.077 1.776 13.086L1.785 13.096L1.845 13.156L2.845 14.156L2.891 14.201L2.915 14.225C2.924 14.235 2.935 14.235 2.95 14.225L2.958 14.219L4.218 13.319C4.32118 13.2274 4.44706 13.1651 4.5825 13.1387C4.71794 13.1124 4.85797 13.1228 4.988 13.169C5.452 13.4406 5.95095 13.6475 6.471 13.784C6.59563 13.8433 6.70214 13.9348 6.77951 14.0491C6.85687 14.1634 6.90227 14.2963 6.911 14.434L7.17 15.97C7.17 15.987 7.18 15.995 7.194 15.995H8.807C8.821 15.995 8.828 15.987 8.831 15.97V15.96L9.088 14.434C9.09673 14.2963 9.14213 14.1634 9.21949 14.0491C9.29686 13.9348 9.40337 13.8433 9.528 13.784C10.0474 13.648 10.5457 13.4414 11.009 13.17C11.1393 13.1236 11.2796 13.113 11.4153 13.1392C11.5511 13.1654 11.6774 13.2275 11.781 13.319L13.049 14.219C13.064 14.229 13.075 14.229 13.084 14.219L13.094 14.21L13.154 14.15L14.154 13.15L14.199 13.104L14.223 13.08C14.233 13.071 14.233 13.06 14.223 13.045L14.217 13.037L13.317 11.777C13.2254 11.6738 13.1631 11.5479 13.1367 11.4125C13.1104 11.2771 13.1208 11.137 13.167 11.007C13.4386 10.543 13.6455 10.044 13.782 9.524C13.8414 9.39923 13.933 9.29262 14.0475 9.21525C14.162 9.13788 14.2951 9.09256 14.433 9.084L15.968 8.825C15.985 8.825 15.993 8.815 15.993 8.801V7.193C16 7.179 15.992 7.172 15.975 7.169ZM10.619 10.619C10.1012 11.1357 9.44195 11.4873 8.72443 11.6295C8.00691 11.7716 7.26336 11.6979 6.58772 11.4176C5.91208 11.1374 5.33467 10.6631 4.92844 10.0548C4.52222 9.44652 4.30541 8.73147 4.30541 8C4.30541 7.26854 4.52222 6.55348 4.92844 5.94519C5.33467 5.33689 5.91208 4.86265 6.58772 4.58238C7.26336 4.30211 8.00691 4.22839 8.72443 4.37054C9.44195 4.51268 10.1012 4.86431 10.619 5.381C10.9634 5.72468 11.2366 6.1329 11.423 6.5823C11.6095 7.03171 11.7054 7.51346 11.7054 8C11.7054 8.48654 11.6095 8.96829 11.423 9.4177C11.2366 9.8671 10.9634 10.2753 10.619 10.619Z\"\n fill={fill}\n />\n </svg>\n);\n\nexport const DisclosureChevronIcon = ({\n colors,\n style,\n ...nativeProps\n}: {\n colors: any\n style?: object\n}) => (\n <svg\n color={colors.base3}\n height=\"16\"\n viewBox=\"0 0 16 16\"\n width=\"16\"\n {...{ style }}\n {...nativeProps}\n >\n <title>chevron</title>\n <polygon\n fill=\"currentColor\"\n points=\"11.931 4.892 8 8.824 4.069 4.892 2.927 6.034 8 11.108 9.142 9.966 13.073 6.034 11.931 4.892\"\n />\n </svg>\n)\n\nexport const HelpIcon = ({\n colors,\n style,\n ...nativeProps\n}: {\n colors: any\n style?: object\n}) => (\n <svg\n color={colors.base3}\n height=\"24\"\n style={{ display: \"block\" }}\n viewBox=\"0 0 24 24\"\n width=\"24\"\n {...nativeProps}\n >\n <title>help</title>\n <path\n d=\"M12,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22ZM12,4a8,8,0,1,0,8,8A8.009,8.009,0,0,0,12,4Zm-.342,11.067a1.41,1.41,0,1,0,1.41,1.41A1.41,1.41,0,0,0,11.658,15.067Zm1.914-2.488c1.938-1.885,2.232-3.607.872-5.118A3.37,3.37,0,0,0,11.9,6.307h-.017A5.121,5.121,0,0,0,8.343,7.959L9.817,9.311a3.153,3.153,0,0,1,2.067-1h.008a1.366,1.366,0,0,1,1.065.493c.494.549.517,1.085-.78,2.345A4.612,4.612,0,0,0,10.632,14.2h2A2.733,2.733,0,0,1,13.572,12.579Z\"\n fill=\"currentColor\"\n />\n </svg>\n)\n\nexport const ExclamationTriangle = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string\n size: number\n style?: object\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>exclamation triangle icon</title>\n <path\n d=\"M15.669 13.676L8.65499 1.56099C8.58867 1.44593 8.49322 1.35037 8.37823 1.28392C8.26325 1.21748 8.13279 1.1825 7.99999 1.1825C7.86718 1.1825 7.73672 1.21748 7.62174 1.28392C7.50675 1.35037 7.4113 1.44593 7.34499 1.56099L0.330986 13.676C0.264196 13.7911 0.228916 13.9217 0.2287 14.0548C0.228484 14.1878 0.26334 14.3186 0.329756 14.4339C0.396172 14.5492 0.491802 14.6449 0.60701 14.7115C0.722218 14.778 0.852933 14.813 0.985986 14.813H15.014C15.147 14.813 15.2778 14.778 15.393 14.7115C15.5082 14.6449 15.6038 14.5492 15.6702 14.4339C15.7366 14.3186 15.7715 14.1878 15.7713 14.0548C15.7711 13.9217 15.7358 13.7911 15.669 13.676ZM8.75699 12.542H7.24299V11.028H8.75699V12.542ZM8.75699 9.51399H7.24299V6.48499H8.75699V9.51399Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const Spyglass = ({\n fill = \"#000\",\n style,\n ...nativeProps\n}: {\n fill?: string\n style?: object\n}) => (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n style={{ display: \"block\", ...style }}\n {...nativeProps}\n >\n <title>search spyglass icon</title>\n <path\n d=\"M17.352,15.481a8.517,8.517,0,1,0-2.209,2.033l4.642,4.642,2.121-2.121Zm-6.757,1.364a6.5,6.5,0,1,1,6.5-6.5A6.508,6.508,0,0,1,10.595,16.845Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const X = ({\n fill = \"#A0A0A0\",\n style,\n ...nativeProps\n}: {\n fill?: string\n style?: object\n}) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n style={{ display: \"block\", ...style }}\n {...nativeProps}\n >\n <title>close-x</title>\n <path\n d=\"M9.142,8l3.814,3.814-1.142,1.142L8,9.142,4.186,12.956,3.044,11.814,6.858,8,3.044,4.186,4.186,3.044,8,6.858l3.814-3.814,1.142,1.142Z\"\n fill={fill}\n />\n </svg>\n)\n","import * as React from \"react\"\n\nimport { fontFamily } from \"./styles\"\n\nexport function Unbutton({\n style,\n ...nativeProps\n}: {\n children: any\n id?: string\n onClick?: any\n onMouseDown?: any\n onMouseEnter?: any\n onMouseLeave?: any\n onMouseUp?: any\n style?: object\n}): JSX.Element {\n return (\n <button\n style={{\n WebkitAppearance: \"none\",\n appearance: \"none\",\n backgroundColor: \"transparent\",\n border: \"none\",\n cursor: \"pointer\",\n display: \"inline-block\",\n outline: 0,\n padding: 0,\n ...fontFamily,\n ...style,\n }}\n {...nativeProps}\n />\n )\n}\n","import * as React from \"react\"\n\nimport { MonoAppIcon } from \"../mono_app_icon\"\nimport { MonoAppName } from \"../mono_app_name\"\nimport { slightBackgroundTransition } from \"../styles\"\nimport { DisclosureChevronIcon } from \"../symbols\"\nimport { Unbutton } from \"../unbutton\"\n\nconst AppsButton = ({\n appName,\n colors,\n displayIconOnly,\n expanded,\n onClick,\n style = null,\n ...nativeProps\n}: {\n appName: string\n colors: any\n displayIconOnly?: boolean\n expanded: boolean\n onClick: any\n style?: object\n}) => {\n const [down, setDown] = React.useState(false)\n const [entered, setEntered] = React.useState(false)\n\n const getBackgroundColor = () => {\n if (expanded && !down) return colors.base1\n if (entered && down) return colors.base2\n if (entered) return colors.base1\n return \"transparent\"\n }\n\n return (\n <Unbutton\n onClick={onClick}\n onMouseDown={() => setDown(true)}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseUp={() => setDown(false)}\n style={{\n alignItems: \"center\",\n backgroundColor: getBackgroundColor(),\n display: \"flex\",\n height: \"100%\",\n outline: 0, // TODO: #improve-outline-a11y\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n whiteSpace: \"nowrap\",\n ...slightBackgroundTransition,\n ...style,\n }}\n {...nativeProps}\n >\n <MonoAppIcon\n appName={appName.replace(/[\\s-]/, \"\")}\n colors={colors}\n size={24}\n />\n {!displayIconOnly && (\n <>\n {appName === \"Accounts\" ? (\n <div\n style={{\n color: \"#fff\",\n fontSize: \"14px\",\n fontWeight: 500,\n marginLeft: 3,\n }}\n >\n Account settings\n </div>\n ) : (\n <>\n <div key=\"spacer-1\" style={{ margin: 4 }} />\n <MonoAppName\n appName={appName.replace(/[\\s-]/, \"\")}\n color=\"#fff\"\n key=\"mono-app-name\"\n size={24}\n />\n </>\n )}\n <div key=\"space-2\" style={{ margin: 4 }} />\n <DisclosureChevronIcon\n colors={colors}\n key=\"disclosure-chevron-icon\"\n style={{ display: \"block\" }}\n />\n </>\n )}\n </Unbutton>\n )\n}\n\nexport default AppsButton\n","// TODO: Use Fragments when we React 16 is a baseline\nimport * as React from \"react\"\n\nexport function Accounts(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"2e1ed2e7-b842-4126-8f57-f6b6dd63ddb6\"\n x1=\"1.844\"\n y1=\"1.833\"\n x2=\"18.622\"\n y2=\"18.612\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">accounts-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#2e1ed2e7-b842-4126-8f57-f6b6dd63ddb6)\"\n />,\n ]\n}\n\nexport function API(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"c8ec303e-a96d-4850-93ae-70864e3306bb\"\n x1=\"0.991\"\n y1=\"0.983\"\n x2=\"19.295\"\n y2=\"19.288\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">api-squircle</title>,\n <path\n key=\"path\"\n d=\"M20,10c0,7.991-2,9.989-9.989,9.989S.019,17.991.019,10s2-9.989,9.989-9.989S20,2.009,20,10Z\"\n fill=\"url(#c8ec303e-a96d-4850-93ae-70864e3306bb)\"\n />,\n ]\n}\n\nexport function Calendar(): JSX.Element[] {\n return [\n <defs key=\"defs\">\n <linearGradient\n id=\"calendar-gradient\"\n x1=\"2.05\"\n y1=\"2.04\"\n x2=\"17.97\"\n y2=\"17.96\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#f25437\" />\n <stop offset=\"1\" stopColor=\"#cd4e39\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">calendar-squircle</title>,\n <path\n key=\"path\"\n d=\"M20,10c0,8-2,10-10,10S.06,18,.06,10,2.05.05,10,.05,20,2,20,10Z\"\n fill=\"url(#calendar-gradient)\"\n />,\n ]\n}\n\nexport function CheckIns(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"679bc2bf-38c8-45ab-9ee3-a2ff814fead7\"\n x1=\"1.75\"\n y1=\"1.739\"\n x2=\"18.156\"\n y2=\"18.145\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#a76ebe\" />\n <stop offset=\"1\" stopColor=\"#875e96\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">check-ins-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill=\"url(#679bc2bf-38c8-45ab-9ee3-a2ff814fead7)\"\n />,\n ]\n}\n\nexport function ChurchCenter(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"6de99831-a6f8-498e-9bf3-9d55c8d887fa\"\n x1=\"2.04\"\n y1=\"2.029\"\n x2=\"17.976\"\n y2=\"17.965\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#42a5f5\" />\n <stop offset=\"1\" stopColor=\"#66bb6a\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">church-center-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.037C2.04.037.048,2.029.048,10s1.992,9.96,9.96,9.96,9.96-1.992,9.96-9.96S17.976.037,10.008.037Z\"\n fill=\"url(#6de99831-a6f8-498e-9bf3-9d55c8d887fa)\"\n />,\n ]\n}\n\nexport function Giving(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"0aae6372-b733-476d-af45-8777c08c1e24\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.959\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#f5c426\" />\n <stop offset=\"1\" stopColor=\"#f2b327\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">giving-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill=\"url(#0aae6372-b733-476d-af45-8777c08c1e24)\"\n />,\n ]\n}\n\nexport function Groups(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"86d10072-1c7f-4a02-88fe-0735565ae99a\"\n x1=\"1.939\"\n y1=\"1.928\"\n x2=\"18.146\"\n y2=\"18.135\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#ff962d\" />\n <stop offset=\"1\" stopColor=\"#fc7638\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">groups-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#86d10072-1c7f-4a02-88fe-0735565ae99a)\"\n />,\n ]\n}\n\nexport function Home(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"86d10072-1c7f-4a02-88fe-0735565ae99a\"\n x1=\"1.939\"\n y1=\"1.928\"\n x2=\"18.146\"\n y2=\"18.135\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#ff962d\" />\n <stop offset=\"1\" stopColor=\"#fc7638\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">home-hex</title>,\n <path\n key=\"path\"\n d=\"M17.41,2.024,11.568.235a5.354,5.354,0,0,0-3.136,0L2.59,2.024a3.235,3.235,0,0,0-2.206,3.1v9.763A3.235,3.235,0,0,0,2.59,17.976l5.842,1.789a5.354,5.354,0,0,0,3.136,0l5.842-1.789a3.235,3.235,0,0,0,2.206-3.094V5.119A3.235,3.235,0,0,0,17.41,2.024Z\"\n fill=\"#2266f7\"\n />,\n ]\n}\n\nexport function People(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"7f805f16-2322-4b42-b61a-2bf71eadb25a\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">people-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#7f805f16-2322-4b42-b61a-2bf71eadb25a)\"\n />,\n ]\n}\n\nexport function Publishing(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"publishing-gradient\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#787882\" />\n <stop offset=\"1\" stopColor=\"#5f5f69\" />\n </linearGradient>\n <linearGradient\n id=\"publishing-gradient-2\"\n x1=\"2.03\"\n y1=\"2.03\"\n x2=\"17.952\"\n y2=\"17.952\"\n gradientTransform=\"translate(2.563 -2.028) rotate(13.283)\"\n xlinkHref=\"#publishing-gradient\"\n />\n </defs>,\n <title key=\"title\">publishing-squircle</title>,\n <path\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#publishing-gradient)\"\n key=\"path\"\n />,\n <circle\n cx=\"9.991\"\n cy=\"9.991\"\n r=\"9.951\"\n transform=\"translate(-2.028 2.563) rotate(-13.283)\"\n fill=\"url(#publishing-gradient-2)\"\n key=\"circle\"\n />,\n ]\n}\n\nexport function Registrations(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"bd67604d-f11c-4431-bd82-159c57241115\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#41b99e\" />\n <stop offset=\"1\" stopColor=\"#46948d\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">registrations-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#bd67604d-f11c-4431-bd82-159c57241115)\"\n />,\n ]\n}\n\nexport function Services(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"00f9217c-0536-41ea-b265-a8689874be71\"\n x1=\"2.04\"\n y1=\"2.029\"\n x2=\"17.976\"\n y2=\"17.965\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#6eaa50\" />\n <stop offset=\"1\" stopColor=\"#6a9639\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">services-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.968,10c0,7.968-1.992,9.96-9.96,9.96S.048,17.965.048,10,2.04.037,10.008.037,19.968,2.029,19.968,10Z\"\n fill=\"url(#00f9217c-0536-41ea-b265-a8689874be71)\"\n />,\n ]\n}\n","import * as React from \"react\"\n\nimport * as ColorAppSquircles from \"./color_app_squircles\"\nimport * as AppSymbols from \"./mono_app_symbols\"\n\nexport function ColorAppIcon({\n appName,\n size = 20,\n}: {\n appName: string\n size?: number\n}): JSX.Element {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n style={{ display: \"block\" }}\n >\n {ColorAppSquircles[appName] ? (\n React.createElement(ColorAppSquircles[appName], { key: \"key1\" })\n ) : (\n <span key=\"key1\" />\n )}\n {AppSymbols[appName] ? (\n React.createElement(AppSymbols[appName], { color: \"#fff\", key: \"key2\" })\n ) : (\n <div key=\"key3\">appName not supported</div>\n )}\n </svg>\n )\n}\n","export default function getAppsSwitchProductPath(productName: string): string {\n const basePath = `/apps/${productName.toLowerCase()}`\n const referer = window?.location?.pathname?.toString()\n\n if (!referer) return basePath\n\n const params = new URLSearchParams()\n params.append(\"referer\", referer)\n\n return `${basePath}?${params.toString()}`\n}\n","import * as React from \"react\"\n\nconst HoverableListItem = ({\n active = false,\n component: C = \"span\",\n style = null,\n ...nativeProps\n}: {\n active?: boolean\n children?: React.ReactNode\n component?: any\n href?: string\n onClick?: any\n style?: object\n}) => {\n const [entered, setEntered] = React.useState(false)\n\n const getBackgroundColor = () =>\n active ? \"#ededed\" : entered ? \"#f7f7f7\" : \"transparent\"\n\n return (\n <C\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n style={{ ...style, backgroundColor: getBackgroundColor() }}\n {...nativeProps}\n />\n )\n}\n\nexport default HoverableListItem\n","import * as React from \"react\"\n\nexport default class Outsider extends React.Component<\n {\n cleanup: boolean\n component: any\n onOutsideClick: any\n visible: boolean\n },\n {}\n> {\n private container: HTMLElement\n\n constructor(props: any) {\n super(props)\n this.handleOutsideClick = this.handleOutsideClick.bind(this)\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"click\", this.handleOutsideClick, true)\n }\n\n handleOutsideClick(e) {\n if (this.container.contains(e.target)) return\n\n e.stopPropagation()\n e.preventDefault()\n\n return this.props.onOutsideClick()\n }\n\n render() {\n const { cleanup, onOutsideClick, visible, ...props } = this.props\n\n if (cleanup) {\n document.removeEventListener(\"click\", this.handleOutsideClick, true)\n } else {\n document.addEventListener(\"click\", this.handleOutsideClick, true)\n }\n\n return <div ref={(c) => (this.container = c)} {...props} />\n }\n}\n","import * as React from \"react\"\n\nconst PopupRoot = ({\n style = null,\n ...nativeProps\n}: {\n children?: React.ReactNode\n style?: object\n}) => (\n <div\n style={{\n alignSelf: \"flex-end\",\n display: \"flex\",\n position: \"relative\",\n ...style,\n }}\n {...nativeProps}\n />\n)\n\nexport default PopupRoot\n","import * as React from \"react\"\n\nconst Popup = ({\n component: C = \"div\",\n style = null,\n ...nativeProps\n}: {\n children?: React.ReactNode\n cleanup?: any\n component?: any\n onOutsideClick?: any\n style?: object\n}) => (\n <C\n style={{\n background: \"#FFFFFF\",\n borderRadius: \"3px\",\n boxShadow: \"0 0 0 1px #D4D9E2, 0 8px 32px rgba(0,0,0,.3)\",\n overflow: \"hidden\",\n position: \"absolute\",\n ...style,\n }}\n {...nativeProps}\n />\n)\n\nexport default Popup\n","import pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport { ColorAppIcon } from \"../color_app_icon\"\nimport getAppsSwitchProductPath from \"../get_apps_switch_product_path\"\nimport { App } from \"../interfaces\"\nimport { MonoAppName } from \"../mono_app_name\"\nimport * as AppSymbols from \"../mono_app_symbols\"\nimport { fontFamily } from \"../styles\"\nimport HoverableListItem from \"./hoverable_list_item\"\nimport Outsider from \"./outsider\"\nimport PopupRoot from \"./popover_root\"\nimport Popup from \"./popup\"\n\nconst AppsMenu = ({\n appName,\n apps,\n env,\n toggle,\n visible,\n}: {\n appName: string\n apps: App[]\n env: PCO_URL.Environment\n toggle: any\n visible: boolean\n}) => {\n const accountsProduct = apps.find(({ name }) => name === \"Accounts\")\n const homeProduct = apps.find(({ name }) => name === \"Home\")\n const restProducts = [...apps]\n .filter(({ name }) => name !== \"Home\" && name !== \"Accounts\")\n .sort((a, b) => a.name.localeCompare(b.name))\n\n const listItemProps = {\n ...fontFamily,\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n overflow: \"hidden\",\n padding: \"0 16px\",\n verticalAlign: \"middle\",\n }\n\n return (\n <PopupRoot>\n <Popup\n cleanup={!visible}\n component={Outsider}\n onOutsideClick={toggle}\n style={{\n marginTop: \"8px\",\n ...(visible\n ? { opacity: 1, transition: \"none\", visibility: \"visible\" }\n : {\n opacity: 0,\n transition: \"all 120ms ease-in\",\n visibility: \"hidden\",\n }),\n }}\n >\n <menu style={{ margin: 0, minWidth: 180, padding: 0 }}>\n {homeProduct && (\n <HoverableListItem\n component=\"a\"\n data-turbolinks={false}\n href={\n appName === homeProduct.name\n ? `${pcoUrl(env)(\"accounts\")}/apps/${appName}`\n : pcoUrl(env)(\"accounts\") +\n getAppsSwitchProductPath(homeProduct.name)\n }\n style={{ ...listItemProps, borderBottom: \"1px solid #ededed\" }}\n >\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName=\"Home\" size={20} />\n </div>\n <MonoAppName appName=\"Home\" color=\"#444\" size={18} />\n </HoverableListItem>\n )}\n {restProducts.map(({ name }, i) => {\n const isFirst = i === 0\n const isLast = i === restProducts.length - 1\n return (\n <HoverableListItem\n component=\"a\"\n data-turbolinks={false}\n href={\n name === appName\n ? `${pcoUrl(env)(\"accounts\")}/apps/${name.toLowerCase()}`\n : pcoUrl(env)(\"accounts\") + getAppsSwitchProductPath(name)\n }\n key={name}\n style={{\n ...listItemProps,\n height: \"40px\",\n paddingBottom: isLast ? \"4px\" : null,\n paddingTop: isFirst ? \"4px\" : null,\n }}\n >\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName={name.replace(/[\\s-]/, \"\")} size={20} />\n </div>\n <MonoAppName\n appName={name.replace(/[\\s-]/, \"\")}\n color=\"#444\"\n size={18}\n />\n </HoverableListItem>\n )\n })}\n {accountsProduct && (\n <HoverableListItem\n component=\"a\"\n data-turbolinks={false}\n href={\n pcoUrl(env)(\"accounts\") +\n getAppsSwitchProductPath(accountsProduct.name)\n }\n style={{\n ...listItemProps,\n borderTop: \"1px solid #ededed\",\n padding: \"0 12px\",\n textDecoration: \"none\",\n }}\n >\n <svg\n height={22}\n style={{ display: \"block\", marginRight: \"2px\" }}\n viewBox=\"0 0 20 20\"\n width={22}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {React.createElement(AppSymbols[\"Accounts\"], {\n color: \"#9e9e9e\",\n key: \"key2\",\n })}\n </svg>\n <div\n style={{\n color: \"#737373\",\n fontSize: \"12px\",\n lineHeight: \"28px\",\n }}\n >\n Account settings\n </div>\n </HoverableListItem>\n )}\n </menu>\n </Popup>\n </PopupRoot>\n )\n}\n\nexport default AppsMenu\n","import * as React from \"react\"\n\nimport { fontFamily } from \"../styles\"\n\nconst Hoverable = ({\n active = null,\n component: C = \"div\",\n hover = null,\n innerRef = null,\n style = null,\n ...nativeProps\n}: {\n active?: any\n children?: React.ReactNode\n component?: any\n href?: string\n hover?: any\n innerRef?: any\n onClick?: any\n style?: object\n type?: string\n}) => {\n const [down, setDown] = React.useState(false)\n const [entered, setEntered] = React.useState(false)\n\n return (\n <C\n onMouseDown={() => setDown(true)}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseUp={() => setDown(false)}\n style={{\n ...fontFamily,\n ...style,\n ...(entered && hover),\n ...(down && active),\n }}\n {...(innerRef && { ref: innerRef })}\n {...nativeProps}\n />\n )\n}\n\nexport default Hoverable\n","import * as React from \"react\"\n\nimport { BellIcon } from \"../../index\"\n\nconst NotificationBell = ({\n colors,\n indicatorVisible = false,\n isHover = false,\n isOpen = false,\n style = {},\n ...props\n}: {\n colors: any\n indicatorVisible?: boolean\n isHover?: boolean\n isOpen?: boolean\n style?: object\n}) => {\n return (\n <div {...props} style={{ alignItems: \"center\", display: \"flex\", ...style }}>\n <BellIcon\n dot={indicatorVisible}\n fill={\n isOpen\n ? \"#ffffff\"\n : isHover && colors.base3Hover\n ? colors.base3Hover\n : colors.base3\n }\n />\n </div>\n )\n}\n\nexport default NotificationBell\n","import * as React from \"react\"\n\nconst ConditionalWrap = ({\n children,\n condition = false,\n wrap,\n}: {\n children: React.ReactNode\n condition?: boolean\n wrap: any\n}) => (condition ? wrap(children) : children)\n\nexport default ConditionalWrap\n","import { RefObject, useEffect, useState } from \"react\"\n\nfunction useHover<T extends HTMLElement = HTMLElement>(\n elementRef: RefObject<T>\n): boolean {\n const [value, setValue] = useState<boolean>(false)\n\n const handleMouseEnter = () => setValue(true)\n const handleMouseLeave = () => setValue(false)\n\n useEffect(() => {\n const node = elementRef?.current\n if (!node) return undefined\n\n node.addEventListener(\"mouseenter\", handleMouseEnter)\n node.addEventListener(\"mouseleave\", handleMouseLeave)\n\n return () => {\n node.removeEventListener(\"mouseenter\", handleMouseEnter)\n node.removeEventListener(\"mouseleave\", handleMouseLeave)\n }\n }, [elementRef])\n\n return value\n}\n\nexport default useHover\n","import * as React from \"react\"\n\nimport colors from \"../colors\"\n\nconst Eyebrow = ({\n dark,\n style,\n ...props\n}: {\n children?: React.ReactNode\n dark: boolean,\n style?: object\n}) => (\n <div\n style={{\n color: dark ? colors.lightNeutral62 : colors.lightNeutral24,\n fontSize: \"10px\",\n fontWeight: 400,\n textTransform: \"uppercase\",\n ...style,\n }}\n {...props}\n />\n)\n\nexport default Eyebrow\n","const colors = {\n danger43: \"hsl(8 60% 43%)\",\n danger45: \"hsl(8 60% 45%)\", // base\n danger47: \"hsl(8 60% 47%)\",\n danger93: \"hsl(9 59% 93%)\",\n danger97: \"hsl(7 60% 97%)\",\n darkNeutral07: \"hsl(0 0% 7%)\",\n darkNeutral12: \"hsl(0 0% 12%)\",\n darkNeutral15: \"hsl(0 0% 15%)\",\n darkNeutral17: \"hsl(0 0% 17%)\",\n darkNeutral19: \"hsl(0 0% 19%)\",\n darkNeutral24: \"hsl(0 0% 24%)\",\n darkNeutral32: \"hsl(0 0% 32%)\",\n darkNeutral50: \"hsl(0 0% 50%)\",\n darkNeutral68: \"hsl(0 0% 68%)\",\n darkNeutral88: \"hsl(0 0% 88%)\",\n darkNeutral98: \"hsl(0 0% 98%)\",\n interaction45: \"hsl(221 75% 45%)\",\n interaction50: \"hsl(221 91% 50%)\",\n interaction55: \"hsl(221 91% 55%)\", // base\n interaction66: \"hsl(221 91% 66%)\", // controls\n interaction91: \"hsl(221 91% 91%)\",\n interaction93: \"hsl(221 91% 93%)\",\n lightNeutral12: \"hsl(0 0% 12%)\",\n lightNeutral24: \"hsl(0 0% 24%)\",\n lightNeutral45: \"hsl(0 0% 45%)\",\n lightNeutral62: \"hsl(0 0% 62%)\",\n lightNeutral81: \"hsl(0 0% 81%)\",\n lightNeutral88: \"hsl(0 0% 88%)\",\n lightNeutral93: \"hsl(0 0% 93%)\",\n lightNeutral95: \"hsl(0 0% 95%)\",\n lightNeutral97: \"hsl(0 0% 97%)\",\n lightNeutral98: \"hsl(0 0% 98%)\",\n lightNeutral100: \"hsl(0 0% 100%)\",\n success23: \"hsl(86 91% 23%)\",\n success25: \"hsl(86 91% 25%)\", // base\n success27: \"hsl(86 91% 27%)\",\n success91: \"hsl(95 50% 91%)\",\n success97: \"hsl(93 53% 97%)\",\n warning49: \"hsl(42 84% 49%)\",\n warning55: \"hsl(42 84% 55%)\", // base\n warning63: \"hsl(42 84% 63%)\",\n warning94: \"hsl(42 84% 94%)\",\n warning97: \"hsl(42 84% 97%)\",\n}\n\nexport default colors\n","import datetimeFmt from \"@churchcenter/datetime-fmt\"\nimport * as React from \"react\"\n\nimport colors from \"../colors\"\nimport useHover from \"../hooks/use_hover\"\nimport { Notification } from \"../interfaces\"\nimport { fontFamily } from \"../styles\"\nimport TopbarContext from \"../topbar_context\"\nimport Eyebrow from \"./eyebrow\"\nimport HoverableListItem from \"./hoverable_list_item\"\n\nconst MarkReadDot = ({\n isRead = false,\n onClick,\n}: {\n isRead?: boolean\n onClick: any\n}) => {\n const hoverRef = React.useRef(null)\n const isHover = useHover(hoverRef)\n\n return (\n <div\n ref={hoverRef}\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"12px\",\n justifyContent: \"center\",\n width: \"12px\",\n }}\n {...{ onClick }}\n >\n <svg height=\"12\" viewBox=\"0 0 12 12\" width=\"12\">\n <title>unread dot</title>\n <circle\n cx=\"6\"\n cy=\"6\"\n fill={isHover ? colors.interaction66 : colors.lightNeutral81}\n r=\"6\"\n style={{ transition: \"all 0.2s\" }}\n />\n <circle cx=\"6\" cy=\"6\" fill={colors.lightNeutral100} r=\"5\" />\n {!isRead && <circle cx=\"6\" cy=\"6\" r=\"4\" fill={colors.interaction66} />}\n </svg>\n </div>\n )\n}\n\nconst NotificationItem = ({\n mobile = false,\n isLast,\n onMarkAsRead = async () => Promise.resolve({}),\n onToggleRead,\n showBottomBorder,\n notification,\n}: {\n isLast?: boolean\n mobile?: boolean\n notification: Notification\n onMarkAsRead?: (notification: Notification) => Promise<any>\n onToggleRead: any\n showBottomBorder?: boolean\n}) => {\n const { appName, createdAt, isRead, link, title } = notification\n const { organizationTimeZone } = React.useContext(TopbarContext)\n\n const [isActive, setIsActive] = React.useState(false)\n\n const appColors = {\n Calendar: \"9 61% 50%\",\n \"Check-Ins\": \"283 22% 48%\",\n Giving: \"43 88% 64%\",\n Groups: \"17 96% 62%\",\n People: \"220 74% 57%\",\n Publishing: \"220 12% 31%\",\n Registrations: \"175 36% 43%\",\n Services: \"88 45% 41%\",\n }\n\n const handleDotClick = (e) => {\n e.preventDefault()\n e.stopPropagation()\n onToggleRead()\n }\n\n const handleClick = async (_e) => {\n setIsActive(true)\n await onMarkAsRead(notification)\n window.location.href = link\n }\n\n const datetimeFmtOptions = { style: \"relative\" } as {\n style?: string\n timeZone?: string\n }\n if (organizationTimeZone) {\n datetimeFmtOptions.timeZone = organizationTimeZone\n }\n\n return (\n <HoverableListItem\n active={isActive}\n data-turbolinks={false}\n href={link}\n onClick={handleClick}\n style={{\n alignItems: \"flex-start\",\n borderBottom:\n showBottomBorder || !isLast\n ? `1px solid ${\n mobile ? colors.lightNeutral24 : colors.lightNeutral93\n }`\n : \"none\",\n cursor: \"pointer\",\n display: \"flex\",\n overflow: \"hidden\",\n padding: \"12px 16px\",\n textDecoration: \"none\",\n verticalAlign: \"middle\",\n ...fontFamily,\n }}\n >\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n flexGrow: 1,\n justifyContent: \"center\",\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n borderLeft: `4px solid hsl(${appColors[appName] || \"0 0% 81%\"} / ${\n isRead ? \"40%\" : \"100%\"\n }`,\n display: \"flex\",\n marginBottom: \"10px\",\n paddingLeft: \"8px\",\n }}\n >\n <div style={{ flexGrow: 1, marginRight: \"16px\" }}>\n <Eyebrow dark={mobile} style={{ marginBottom: \"6px\", userSelect: \"none\" }}>\n {appName}\n </Eyebrow>\n <h1\n style={{\n color: mobile ? colors.lightNeutral88 : colors.darkNeutral12,\n fontSize: \"14px\",\n fontWeight: 500,\n lineHeight: \"1.3em\",\n margin: 0,\n userSelect: \"none\",\n }}\n >\n {title}\n </h1>\n </div>\n {!mobile && <MarkReadDot onClick={handleDotClick} {...{ isRead }} />}\n </div>\n <div\n style={{\n color: mobile ? colors.lightNeutral62 : colors.lightNeutral24,\n fontSize: \"12px\",\n paddingLeft: \"12px\",\n userSelect: \"none\",\n }}\n >\n {datetimeFmt.datetime(createdAt, datetimeFmtOptions)}\n </div>\n </div>\n </HoverableListItem>\n )\n}\n\nexport default NotificationItem\n","import * as React from \"react\"\n\nimport { BlankStateIcon } from \"../symbols\"\n\nconst NotificationsMenuBlankState = ({\n dark = false,\n description,\n style = {},\n title = \"No notifications\",\n}: {\n dark?: boolean\n description: string\n style?: object\n title?: string\n}) => (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n padding: \"32px\",\n ...style,\n }}\n >\n <BlankStateIcon {...{ dark }} />\n <h1\n style={{\n color: dark ? \"#fafafa\" : \"#3d3d3d\",\n fontSize: \"16px\",\n fontWeight: 500,\n margin: \"16px 0 8px\",\n }}\n >\n {title}\n </h1>\n <p\n style={{\n color: dark ? \"#e0e0e0\" : \"#3d3d3d\",\n fontSize: \"14px\",\n lineHeight: 1.4,\n margin: \"0\",\n textAlign: \"center\",\n }}\n >\n {description}\n </p>\n </div>\n)\n\nexport default NotificationsMenuBlankState\n","import * as React from \"react\"\n\nconst PopupRoot = ({\n style = null,\n ...nativeProps\n}: {\n children?: React.ReactNode\n style?: object\n}) => (\n <div\n style={{\n alignSelf: \"flex-end\",\n display: \"flex\",\n position: \"relative\",\n ...style,\n }}\n {...nativeProps}\n />\n)\n\nexport default PopupRoot\n","import * as React from \"react\"\n\nimport Outsider from \"./outsider\"\nimport Popup from \"./popup\"\nimport PopupRoot from \"./popup_root\"\n\nconst NotificationsMenuWrapper = ({\n children,\n toggle,\n visible,\n ...nativeProps\n}: {\n children: React.ReactNode\n toggle: any\n visible: boolean\n}) => {\n return (\n <PopupRoot>\n <Popup\n cleanup={!visible}\n component={Outsider}\n onOutsideClick={toggle}\n style={{\n marginTop: \"8px\",\n right: \"-32px\",\n width: \"320px\",\n ...(visible\n ? { opacity: 1, transition: \"none\", visibility: \"visible\" }\n : {\n opacity: 0,\n transition: \"all 120ms ease-in\",\n visibility: \"hidden\",\n }),\n }}\n {...nativeProps}\n >\n {children}\n </Popup>\n </PopupRoot>\n )\n}\n\nexport default NotificationsMenuWrapper\n","import \"./spinner.css\"\n\nimport * as React from \"react\"\n\nconst Spinner = (props) => <div className=\"spinner\" {...props} />\n\nexport default Spinner\n","import \"./utils.css\"\n\nimport * as React from \"react\"\nimport useDimensions from \"react-cool-dimensions\"\nimport { Transition, TransitionGroup } from \"react-transition-group\"\n\nimport colors from \"../colors\"\nimport useLocalStorage from \"../hooks/use_local_storage\"\nimport { App, Notification } from \"../interfaces\"\nimport { ChevronIcon, Cog, ExclamationTriangle } from \"../symbols\"\nimport ConditionalWrap from \"./conditional_wrap\"\nimport Hoverable from \"./hoverable\"\nimport NotificationItem from \"./notification_item\"\nimport NotificationsMenuBlankState from \"./notifications_menu_blank_state\"\nimport NotificationsMenuWrapper from \"./notifications_menu_wrapper\"\nimport Spinner from \"./spinner\"\n\nconst Headline = ({ dark, ...props }) => (\n <h1\n style={{\n color: dark ? \"#fafafa\" : \"#3d3d3d\",\n fontSize: \"18px\",\n fontWeight: 500,\n lineHeight: 1,\n margin: 0,\n userSelect: \"none\",\n }}\n {...props}\n />\n)\n\nconst SectionHeaderButton = ({\n dark = false,\n disabled,\n onClick,\n title,\n ...props\n}: {\n dark?: boolean\n disabled?: boolean\n onClick: any\n title: string\n}) => (\n <div\n style={{\n color: disabled ? colors.lightNeutral62 : dark ? colors.lightNeutral100 : colors.interaction66,\n cursor: disabled ? \"default\" : \"pointer\",\n fontSize: \"12px\",\n fontWeight: 600,\n }}\n onClick={!disabled && onClick}\n {...props}\n >\n {title}\n </div>\n)\n\nconst SectionHeader = (props: { children?: React.ReactNode }) => (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n padding: \"16px\",\n }}\n {...props}\n />\n)\n\nconst SectionHeaderTitle = ({dark, ...props}: { children?: React.ReactNode, dark: boolean }) => (\n <div\n style={{\n color: dark ? colors.darkNeutral88 : colors.lightNeutral12,\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n userSelect: \"none\",\n }}\n {...props}\n />\n)\n\nconst ManageButton = ({\n dark = false,\n href,\n ...props\n}: {\n children?: React.ReactNode\n dark?: boolean\n href: string\n}) => (\n <Hoverable\n component=\"a\"\n hover={{ backgroundColor: dark ? null : colors.interaction93 }}\n href={href}\n style={{\n border: `1px solid ${dark ? colors.darkNeutral88 : colors.interaction55}`,\n borderRadius: \"4px\",\n cursor: \"pointer\",\n display: \"block\",\n padding: \"2px 4px\",\n textDecoration: \"none\",\n transition: \"all 120ms ease-in\",\n }}\n >\n <p\n style={{\n color: dark ? colors.darkNeutral88 : colors.interaction55,\n fontSize: \"12px\",\n fontWeight: 500,\n margin: 0,\n textAlign: \"center\",\n userSelect: \"none\",\n }}\n {...props}\n />\n </Hoverable>\n)\n\nconst NotificationsMenu = ({\n apps,\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError = false,\n isLoading = false,\n mobile = false,\n notifications: { read, unread },\n toggle,\n visible,\n}: {\n apps: App[]\n handleMarkAllAsRead: () => any\n handleMarkAsRead: (notification: Notification) => any\n handleToggleRead: (notification: Notification) => any\n hasError?: boolean\n isLoading?: boolean\n mobile?: boolean\n notifications: { read: Notification[]; unread: Notification[] }\n toggle?: any\n visible?: boolean\n}) => {\n const ref = React.useRef(null)\n const { storedValue: localShowRead, setStoredValue: setLocalShowRead } =\n useLocalStorage(\"Topbar:Notifications:showRead\", true)\n\n const [topDistance, setTopDistance] = React.useState(0)\n const [showRead, setShowRead] = React.useState(localShowRead)\n const [active, setActive] = React.useState(\"main\")\n const [height, setHeight] = React.useState(0)\n\n const { observe: mainRef, height: mainHeight } = useDimensions({\n onResize: ({ observe, unobserve, height }) => {\n if (active === \"main\") {\n setHeight(height)\n }\n unobserve()\n observe()\n },\n })\n\n const { observe: settingsRef, height: settingsHeight } = useDimensions({\n onResize: ({ observe, unobserve, height }) => {\n if (active === \"settings\") {\n setHeight(height)\n }\n unobserve()\n observe()\n },\n })\n\n React.useEffect(() => {\n setTopDistance(ref.current?.getBoundingClientRect().top || 0)\n }, [ref.current])\n\n React.useEffect(() => {\n if (visible && !isLoading) {\n setHeight(active === \"main\" ? mainHeight : settingsHeight)\n }\n }, [active, isLoading, visible])\n\n React.useEffect(() => {\n if (!visible) {\n setActive(\"main\")\n }\n }, [visible])\n\n React.useEffect(() => {\n setLocalShowRead(showRead)\n }, [setLocalShowRead, showRead])\n\n const FLOATING_MARGIN = 16\n\n const duration = 800\n\n const hasPrefs = apps.some(\n ({ notifications_preferences_url }) => !!notifications_preferences_url\n )\n\n const defaultStyle = { transition: `opacity ${duration}ms ease-in-out` }\n\n const transitionStyles = {\n entered: { opacity: 1 },\n entering: { opacity: 0.2 },\n }\n\n const handleToggle = () => {\n setActive(\"main\")\n setHeight(mainHeight)\n toggle()\n }\n\n return (\n <ConditionalWrap\n condition={!mobile}\n wrap={(children) => (\n <NotificationsMenuWrapper\n toggle={handleToggle}\n {...{ children, visible }}\n />\n )}\n >\n <menu\n ref={ref}\n style={{\n alignItems: \"start\",\n display: \"flex\",\n height: mobile ? \"100%\" : `${height}px`,\n margin: `0 0 0 ${active === \"main\" ? 0 : \"-100%\"}`,\n padding: 0,\n transition: \"all 240ms ease-in-out\",\n width: \"200%\",\n ...(!mobile && {\n maxHeight: `${\n window.innerHeight - topDistance - FLOATING_MARGIN\n }px`,\n }),\n }}\n >\n <div\n className=\"hide-scrollbar\"\n style={{\n height: \"100%\",\n overflowX: \"hidden\",\n overflowY: \"scroll\",\n width: \"100%\",\n }}\n >\n <div ref={mainRef}>\n <div\n style={{\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n margin: 0,\n padding: \"4px 0\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n justifyContent: \"space-between\",\n padding: \"12px 16px 0\",\n }}\n >\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <Headline dark={mobile}>Notifications</Headline>\n {isLoading && <Spinner style={{ marginLeft: \"8px\" }} />}\n {hasError && (\n <ExclamationTriangle\n fill=\"hsl(8 60% 47%)\"\n size={16}\n style={{ marginLeft: \"8px\" }}\n />\n )}\n </div>\n {hasPrefs && (\n <div style={{ marginLeft: \"8px\" }}>\n <Hoverable\n hover={{ opacity: 1, transform: \"rotate(45deg)\" }}\n onClick={() => setActive(\"settings\")}\n style={{\n cursor: \"pointer\",\n opacity: 0.8,\n transition: \"all 120ms ease-in\",\n }}\n >\n <Cog fill={colors.lightNeutral62} size={16} />\n </Hoverable>\n </div>\n )}\n </div>\n {read.length > 0 && (\n <div style={{ padding: \"4px 16px 0\"}}>\n <SectionHeaderButton\n dark={mobile}\n onClick={() => setShowRead((showRead) => !showRead)}\n title={`${showRead ? \"Hide\" : \"Show\"} read`}\n />\n </div>\n )}\n {unread.length === 0 && (\n <NotificationsMenuBlankState\n dark={mobile}\n description={`When you have ${\n read.length > 0 ? \"unread \" : \"\"\n }notifications they will show up here.`}\n {...(read.length > 0 && { title: \"No unread notifications\" })}\n />\n )}\n\n {unread.length > 0 && (\n <>\n <SectionHeader>\n <SectionHeaderTitle dark={mobile}>Unread</SectionHeaderTitle>\n {unread.length > 0 && (\n <SectionHeaderButton\n dark={mobile}\n onClick={() => handleMarkAllAsRead()}\n title={`Mark ${unread.length} as read`}\n />\n )}\n </SectionHeader>\n\n <TransitionGroup exit={false}>\n {unread.map((notification: Notification, idx) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <NotificationItem\n isLast={unread.length === idx + 1}\n key={notification.id}\n onMarkAsRead={handleMarkAsRead}\n onToggleRead={() =>\n handleToggleRead(notification)\n }\n showBottomBorder={read.length > 0}\n {...{ mobile, notification }}\n />\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n </>\n )}\n {read.length > 0 && showRead && (\n <>\n <SectionHeader>\n <SectionHeaderTitle dark={mobile}>Read</SectionHeaderTitle>\n </SectionHeader>\n <TransitionGroup exit={false}>\n {read.map((notification: Notification) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <div style={{ opacity: 0.6 }}>\n <NotificationItem\n key={notification.id}\n onToggleRead={() =>\n handleToggleRead(notification)\n }\n showBottomBorder\n {...{ mobile, notification }}\n />\n </div>\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n </>\n )}\n {/* {(unread.length > 0 || read.length > 0) && <ShowMoreButton />} */}\n </div>\n </div>\n </div>\n <div\n className=\"hide-scrollbar\"\n style={{\n height: \"100%\",\n overflowX: \"hidden\",\n overflowY: \"scroll\",\n width: \"100%\",\n }}\n >\n <div ref={settingsRef}>\n <div\n style={{\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n margin: 0,\n padding: \"16px 16px 4px\",\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n marginBottom: \"12px\",\n }}\n >\n <Hoverable\n onClick={() => setActive(\"main\")}\n style={{\n color: colors.lightNeutral62,\n cursor: \"pointer\",\n marginRight: \"4px\",\n }}\n >\n <ChevronIcon fill={colors.lightNeutral62} size={16} />\n </Hoverable>\n <Headline dark={mobile}>Notification settings</Headline>\n </div>\n <p\n style={{\n color: mobile ? colors.darkNeutral88 : colors.lightNeutral24,\n fontSize: \"14px\",\n marginBottom: \"24px\",\n marginTop: \"0\",\n }}\n >\n Important notifications are always delivered to the inbox.\n Customize the additional notifications you receive:\n </p>\n\n {apps.map(({ name, notifications_preferences_url }) => {\n if (!notifications_preferences_url) return null\n\n const appNameStyle = {\n color: mobile ? colors.darkNeutral88 : colors.lightNeutral24,\n fontSize: \"14px\",\n fontWeight: 600,\n margin: \"0\",\n marginRight: \"8px\",\n }\n\n return (\n <div\n key={name}\n style={{\n alignItems: \"center\",\n display: \"flex\",\n marginBottom: \"16px\",\n }}\n >\n <p style={appNameStyle}>{name}</p>\n <ManageButton\n dark={mobile}\n href={notifications_preferences_url}\n >\n Manage\n </ManageButton>\n </div>\n )\n })}\n </div>\n </div>\n </div>\n </menu>\n </ConditionalWrap>\n )\n}\n\nexport default NotificationsMenu\n","import { App, ConnectedPerson } from \"./interfaces\"\n\nconst sortByAttribute =\n (attr: string) =>\n (arr: any[]): any[] =>\n arr.slice().sort((a, b) => a[attr].localeCompare(b[attr]))\n\nexport const appsMenuFormatter = (apps: App[]): App[] =>\n sortByAttribute(\"name\")(apps).reduce(\n (acc, item) =>\n (item.name || \"\") === \"Church Center\" || (item.name || \"\") === \"API\"\n ? acc\n : item.name === \"Home\"\n ? [item, ...acc]\n : [...acc, item],\n []\n )\n\nexport const connectedPeopleMenuFormatter = (\n connectedPeople: ConnectedPerson[]\n): ConnectedPerson[] =>\n connectedPeople\n .slice()\n .sort((a, b) =>\n a.attributes[\"organization_name\"].localeCompare(\n b.attributes[\"organization_name\"]\n )\n )\n","import Jolt, * as JoltLib from \"@planningcenter/jolt-client\"\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport apiRequest, { defaultFetch, railsCsrfFetch } from \"../api_request\"\nimport {\n JoltMessage,\n JoltMessageNotificationDataPayload,\n Notification,\n} from \"../interfaces\"\nimport useLocalStorage from \"./use_local_storage\"\n\nconst wssUrl = (env: PCO_URL.Environment) => {\n switch (env) {\n case \"development\":\n case \"test\":\n return \"wss://1csnwvu025.execute-api.us-east-1.amazonaws.com/v1/\"\n case \"staging\":\n return \"wss://xvk2ac1o3l.execute-api.us-east-1.amazonaws.com/v1/\"\n default:\n return \"wss://yxe88gasn3.execute-api.us-east-1.amazonaws.com/v1/\"\n }\n}\n\nconst notificationsOrganizer = (\n notifications: Notification[]\n): { read: Notification[]; unread: Notification[] } => {\n const { read, unread } = [...notifications]\n .sort((a: Notification, b: Notification) => {\n return a.createdAt < b.createdAt ? 1 : -1\n })\n .reduce(\n (acc, notification) => {\n return notification.isRead\n ? { ...acc, read: [...acc.read, notification] }\n : { ...acc, unread: [...acc.unread, notification] }\n },\n { read: [], unread: [] }\n )\n return { read, unread }\n}\n\ntype UseJoltChannelSubscriptionProps = {\n channelName: string\n enableJoltLogging?: boolean\n enabled?: boolean\n env: PCO_URL.Environment\n joltPromise?: () => Promise<Jolt | undefined | void>\n}\n\nconst useJoltChannelSubscription = ({\n channelName,\n enableJoltLogging = false,\n enabled = false, // TODO: default to true once released\n env,\n joltPromise = () => Promise.resolve(),\n}: UseJoltChannelSubscriptionProps): JoltLib.ChannelSubscription => {\n const [joltChannel, setJoltChannel]: [\n JoltLib.ChannelSubscription,\n React.Dispatch<React.SetStateAction<JoltLib.ChannelSubscription>>\n ] = React.useState()\n const [joltInstance, setJoltInstance] = React.useState<Jolt>()\n\n const subscribeToJoltChannel = React.useCallback(async () => {\n let jolt = await joltPromise().then((j) => j)\n const subscribeUrl = `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications_jolt_subscribe`\n\n const fetchSubscribeTokenFn = async (_channel: string, cid: string) => {\n return apiRequest(railsCsrfFetch, subscribeUrl, {\n data: { data: { attributes: { cid } } },\n method: \"POST\",\n }).then(({ json }) => json.data.id)\n }\n\n const fetchAuthTokenFn = async () =>\n apiRequest(\n railsCsrfFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications_jolt_authorize`,\n {\n data: { data: { attributes: {} } },\n method: \"POST\",\n }\n ).then(({ json }) => json.data.id)\n\n if (!jolt) {\n jolt = new Jolt(\n wssUrl(env),\n {\n fetchAuthTokenFn,\n fetchSubscribeTokenFn,\n },\n { logToConsole: enableJoltLogging }\n )\n }\n\n const channel = jolt.subscribe(channelName, { fetchSubscribeTokenFn })\n setJoltChannel(channel)\n setJoltInstance(jolt)\n }, [apiRequest, channelName, env, pcoUrl, railsCsrfFetch])\n\n React.useEffect(() => {\n if (enabled) {\n subscribeToJoltChannel()\n }\n }, [])\n\n React.useEffect(() => {\n const pcoPageExpiredHandler = (event) => {\n if (!event.data.hasOwnProperty(\"PCOPageExpiredCurrentPersonACID\")) return\n if (\n event.data.PCOPageExpiredCurrentPersonACID ===\n window?.pcoPageExpired?.currentPersonACID\n )\n return\n if (joltInstance) joltInstance.disconnect()\n }\n\n window.addEventListener(\"message\", pcoPageExpiredHandler)\n return () => window.removeEventListener(\"message\", pcoPageExpiredHandler)\n }, [joltInstance])\n\n React.useEffect(() => {\n return () => {\n if (joltInstance) {\n joltInstance.disconnect()\n }\n }\n }, [joltInstance])\n\n return joltChannel\n}\n\nconst buildNotificationFromApiResponse = (resp, json): Notification => {\n const findInIncluded = ({ type, id }, included) => {\n return included.find((i) => {\n return i.type === type && i.id === id\n })\n }\n\n const appName: string = findInIncluded(\n resp.relationships.app.data,\n json.included\n )?.attributes?.name\n\n // There is technically the possibility that there are multiple web payloads\n // returned from the API endpoint. However, at this point I'm not sure in\n // which situations that would be the case. For v1 of this feature, we'll\n // assume that there is only one web payload we need to worry about and it is\n // the first in the array that is returned.\n const notificationData = JSON.parse(\n findInIncluded(\n {\n id: resp.relationships.web_payloads.data[0].id,\n type: \"Payload\",\n },\n json.included\n )?.attributes?.content\n )\n\n return {\n appName,\n createdAt: new Date(resp.attributes.created_at),\n id: resp.id,\n isRead: resp.attributes.read_at?.length > 0,\n link: notificationData.link,\n title: notificationData.title,\n }\n}\n\ntype UseNotificationsProps = {\n enableJoltLogging?: boolean\n enabled?: boolean\n env: PCO_URL.Environment\n joltPromise?: () => Promise<Jolt | undefined | void>\n userId: string\n}\n\nconst useNotifications = ({\n enableJoltLogging = false,\n enabled = false, // TODO: default to true once released\n env,\n userId,\n ...props\n}: UseNotificationsProps): {\n handleMarkAllAsRead: () => any\n handleMarkAsRead: (notification: Notification) => Promise<any>\n handleToggleRead: (notification: Notification) => Promise<any>\n hasError: boolean\n isLoading: boolean\n read: Notification[]\n unread: Notification[]\n unreadCount: number\n} => {\n const [notifications, setNotifications]: [\n Notification[],\n React.Dispatch<React.SetStateAction<Notification[]>>\n ] = React.useState([])\n\n const [isLoading, setIsLoading] = React.useState(true)\n const [hasError, setHasError] = React.useState(false)\n const { read, unread } = notificationsOrganizer(notifications)\n\n const { storedValue: unreadCount, setStoredValue: setUnreadCount } =\n useLocalStorage(\"Topbar:Notifications:unreadCount\", unread.length)\n\n const joltChannel = useJoltChannelSubscription({\n channelName: `notifications.people.${userId}`,\n enableJoltLogging,\n enabled,\n env,\n joltPromise: props.joltPromise,\n })\n\n const fetchNotifications = React.useCallback(() => {\n setHasError(false)\n apiRequest(\n defaultFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications?include=app,web_payloads&per_page=100&order=read_at,-created_at`\n ).then(({ json }) => {\n const notifications = json.data.map((resp) =>\n buildNotificationFromApiResponse(resp, json)\n )\n\n setIsLoading(false)\n setNotifications(notifications)\n })\n }, [apiRequest, buildNotificationFromApiResponse, defaultFetch, env, pcoUrl])\n\n const fetchNotification = async (id: string) => {\n return apiRequest(\n defaultFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications/${id}?include=app,web_payloads`\n ).then(({ json }) => json)\n }\n\n const extractPayloadFromJoltMessage = (\n notification: JoltMessage\n ): JoltMessageNotificationDataPayload => JSON.parse(notification.data)\n\n const updateStateFromJoltMessage = React.useCallback(\n (message: JoltMessage) => {\n const joltMessageNotificationDataPayload =\n extractPayloadFromJoltMessage(message)\n\n fetchNotification(joltMessageNotificationDataPayload.data.id).then(\n (resp) => {\n const notification = buildNotificationFromApiResponse(resp.data, resp)\n\n setNotifications((notifications) => [\n ...notifications.filter(\n (candidate) => candidate.id !== notification.id\n ),\n notification,\n ])\n }\n )\n },\n [\n buildNotificationFromApiResponse,\n extractPayloadFromJoltMessage,\n fetchNotifications,\n read,\n setNotifications,\n unread,\n ]\n )\n\n const removeNotification = React.useCallback(\n (message: JoltMessage) => {\n const joltMessageNotificationDataPayload =\n extractPayloadFromJoltMessage(message)\n const newNotifications = notifications.filter(\n (candidate) =>\n candidate.id !== joltMessageNotificationDataPayload.data.id\n )\n setNotifications(newNotifications)\n },\n [extractPayloadFromJoltMessage, notifications, setNotifications]\n )\n\n // @ts-ignore: not all code paths return a value\n React.useEffect(() => {\n if (joltChannel && enabled) {\n joltChannel.bind(\n \"notifications.v2.events.notification.created\",\n updateStateFromJoltMessage\n )\n joltChannel.bind(\n \"notifications.v2.events.notification.updated\",\n updateStateFromJoltMessage\n )\n joltChannel.bind(\n \"notifications.v2.events.notification.destroyed\",\n removeNotification\n )\n\n return () => {\n joltChannel.unbind(\n \"notifications.v2.events.notification.created\",\n updateStateFromJoltMessage\n )\n joltChannel.unbind(\n \"notifications.v2.events.notification.updated\",\n updateStateFromJoltMessage\n )\n joltChannel.unbind(\n \"notifications.v2.events.notification.destroyed\",\n removeNotification\n )\n }\n }\n }, [enabled, joltChannel, fetchNotifications, removeNotification])\n\n React.useEffect(() => {\n if (enabled) {\n fetchNotifications()\n }\n }, [enabled, fetchNotifications])\n\n React.useEffect(() => {\n if (enabled && !isLoading) {\n setUnreadCount(unread.length)\n }\n }, [unread, isLoading])\n\n const markAsReadOrUnread = async (\n notificationIds: string[],\n readOrUnread: \"read\" | \"unread\"\n ) => {\n const included = notificationIds.reduce(\n (acc, id: string) => [\n ...acc,\n {\n attributes: { action: readOrUnread },\n id,\n type: \"graph_notification\",\n },\n ],\n []\n )\n\n return apiRequest(\n railsCsrfFetch,\n `${pcoUrl(env)(\"api\")}/notifications/v2/me/bulk_update`,\n {\n data: {\n data: {\n attributes: {},\n relationships: {\n notifications: {\n data: {\n source: \"/included/graph_notification/*\",\n },\n },\n },\n type: \"BulkUpdate\",\n },\n included,\n },\n method: \"POST\",\n }\n ).then((e) => {\n if (!e.ok) {\n // TODO: show an alert or something?\n\n setIsLoading(false)\n setHasError(true)\n // Rollback any optimistic UI updates\n setNotifications((notifications) =>\n notifications.map((n) =>\n notificationIds.includes(n.id) ? { ...n, isRead: !n.isRead } : n\n )\n )\n }\n })\n }\n\n const handleToggleRead = async (notification: Notification) => {\n const action = notification.isRead ? \"unread\" : \"read\"\n\n // optimistic UI update\n setNotifications((notifications) =>\n notifications.map((n) =>\n notification.id == n.id ? { ...n, isRead: action === \"read\" } : n\n )\n )\n\n return markAsReadOrUnread([notification.id], action)\n }\n\n const handleMarkAsRead = async (notification: Notification) => {\n return markAsReadOrUnread([notification.id], \"read\")\n }\n\n const handleMarkAllAsRead = () => {\n const unreadIds = unread.map((n) => n.id)\n\n // optimistic UI update\n setNotifications((notifications) =>\n notifications.map((n) =>\n unreadIds.includes(n.id) ? { ...n, isRead: true } : n\n )\n )\n\n markAsReadOrUnread(\n unread.map((u: Notification) => u.id),\n \"read\"\n )\n }\n\n return {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError,\n isLoading,\n read,\n unread,\n unreadCount,\n }\n}\n\nexport default useNotifications\n","import * as React from \"react\"\n\ntype MFAStatusProps = {\n isActive: boolean;\n};\n\nconst MFAStatus = ({ isActive }: MFAStatusProps) => {\n const statusColor = isActive? \"hsl(86, 91%, 27%)\" : \"hsl(8, 60%, 47%)\"\n \n const displayStatusIcon = () => isActive? (\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M12.588 5.31499H11.832V3.79999C11.8159 2.80798 11.4105 1.86207 10.7032 1.16625C9.99602 0.470436 9.04363 0.0804749 8.0515 0.0804749C7.05937 0.0804749 6.10698 0.470436 5.39976 1.16625C4.69253 1.86207 4.28713 2.80798 4.271 3.79999V5.31499H3.515C3.1138 5.31525 2.72906 5.47454 2.44508 5.75795C2.16111 6.04136 2.00106 6.42579 2 6.82699V14.388C2.00132 14.7891 2.16146 15.1734 2.44537 15.4567C2.72929 15.7401 3.11388 15.8995 3.515 15.9H12.588C12.9886 15.8987 13.3724 15.7389 13.6557 15.4557C13.939 15.1724 14.0987 14.7886 14.1 14.388V6.82699C14.0987 6.42639 13.939 6.04257 13.6557 5.7593C13.3724 5.47603 12.9886 5.31631 12.588 5.31499ZM8.051 12.115C7.75171 12.1152 7.45909 12.0266 7.21015 11.8605C6.96121 11.6944 6.76713 11.4581 6.65246 11.1817C6.53779 10.9052 6.50768 10.601 6.56595 10.3074C6.62422 10.0139 6.76824 9.74418 6.97979 9.53249C7.19135 9.32079 7.46094 9.17659 7.75446 9.11813C8.04798 9.05967 8.35225 9.08958 8.62877 9.20406C8.90529 9.31855 9.14165 9.51247 9.30794 9.7613C9.47424 10.0101 9.563 10.3027 9.563 10.602C9.56327 11.0036 9.40424 11.389 9.1208 11.6735C8.83736 11.9581 8.45264 12.1187 8.051 12.12V12.115ZM10.395 5.31499H5.707V3.79999C5.707 3.17832 5.95396 2.58211 6.39354 2.14253C6.83313 1.70294 7.42933 1.45599 8.051 1.45599C8.67267 1.45599 9.26887 1.70294 9.70846 2.14253C10.148 2.58211 10.395 3.17832 10.395 3.79999V5.31499Z\" fill={statusColor} />\n </svg>\n ) : (\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M13.7,5.8a1.5,1.5,0,0,0-1.1-.4H5.7V3.8a2.34,2.34,0,0,1,.7-1.7,2.19,2.19,0,0,1,1.7-.7,2.34,2.34,0,0,1,1.7.7,2.67,2.67,0,0,1,.7,1.4h1.4a4.12,4.12,0,0,0-1.1-2.4A4.73,4.73,0,0,0,8.1.1,4,4,0,0,0,5.4,1.2,3.63,3.63,0,0,0,4.3,3.8V5.3H3.5a2.1,2.1,0,0,0-1.1.4A2.1,2.1,0,0,0,2,6.8v7.6a2.1,2.1,0,0,0,.4,1.1,1.5,1.5,0,0,0,1.1.4h9.1a2.1,2.1,0,0,0,1.1-.4,1.5,1.5,0,0,0,.4-1.1V6.8A1.53,1.53,0,0,0,13.7,5.8ZM9.1,11.7a1.5,1.5,0,0,1-1.1.4H8a1.14,1.14,0,0,1-.8-.3,4.35,4.35,0,0,1-.6-.7,2.77,2.77,0,0,1-.1-.9A3,3,0,0,1,7,9.5a1.23,1.23,0,0,1,.8-.4,1.41,1.41,0,0,1,.9.1,1.34,1.34,0,0,1,.7.6,1.14,1.14,0,0,1,.3.8A2.38,2.38,0,0,1,9.1,11.7Z\" fill={statusColor} />\n </svg>\n )\n\n return (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"13px\",\n marginBottom: 2,\n marginTop: 4\n }}\n >\n {displayStatusIcon()}\n\n <span\n style={{\n color: \"#888\",\n marginLeft: 4,\n whiteSpace: \"nowrap\"\n }}\n >\n Two-step verification {isActive ? \"active\" : \"inactive\"}\n </span>\n </div>\n )\n}\n\nexport default MFAStatus\n","import * as React from \"react\"\n\nexport function StyledRoot({ children, style, ...nativeProps }): JSX.Element {\n return (\n <div\n className=\"simple\"\n style={{\n MozOsxFontSmoothing: \"grayscale\",\n WebkitFontSmoothing: \"antialiased\",\n alignItems: \"center\",\n color: \"white\",\n display: \"flex\",\n height: \"48px\",\n position: \"relative\",\n ...style,\n }}\n {...nativeProps}\n >\n <style>{`\n @media only print {\n .simple {\n display: none !important;\n }\n }\n `}</style>\n {children}\n </div>\n )\n}\n","import pcoUrl from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport { Avatar } from \"./avatar\"\nimport AppsButton from \"./components/apps_button\"\nimport AppsMenu from \"./components/apps_menu\"\nimport Hoverable from \"./components/hoverable\"\nimport HoverableListItem from \"./components/hoverable_list_item\"\nimport NotificationBell from \"./components/notification_bell\"\nimport NotificationsMenu from \"./components/notifications_menu\"\nimport Outsider from \"./components/outsider\"\nimport Popup from \"./components/popup\"\nimport PopupRoot from \"./components/popup_root\"\nimport { appsMenuFormatter, connectedPeopleMenuFormatter } from \"./formatters\"\nimport useHover from \"./hooks/use_hover\"\nimport useNotifications from \"./hooks/use_notifications\"\nimport { SharedTopbarProps } from \"./interfaces\"\nimport MFAStatus from \"./mfa_status\"\nimport { StyledRoot } from \"./styled_root\"\nimport { fontFamily, IEFlex1, slightBackgroundTransition } from \"./styles\"\nimport { DisclosureChevronIcon, HelpIcon } from \"./symbols\"\nimport TopbarContext from \"./topbar_context\"\nimport { Unbutton } from \"./unbutton\"\n\ninterface NotSmallTopbarProps {\n activeRoute: string\n onLinkToProfileClick?: () => any\n search?: any\n showOrgName?: boolean\n}\n\nconst Topbar = (props: NotSmallTopbarProps & SharedTopbarProps) => {\n const [appsMenuVisible, setAppsMenuVisible] = React.useState(false)\n const [notificationsMenuVisible, setNotificationsMenuVisible] =\n React.useState(false)\n const [routesVisible, setRoutesVisible] = React.useState(true)\n const [userMenuVisible, setUserMenuVisible] = React.useState(false)\n const { notificationsEnabled, mfaEnabled, mfaConfigured } =\n React.useContext(TopbarContext)\n const {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n read,\n unread,\n unreadCount,\n } = useNotifications({\n enableJoltLogging: props.enableJoltLogging,\n enabled: notificationsEnabled,\n env: props.env,\n joltPromise: props.joltPromise,\n userId: props.userId,\n })\n\n const hoverRef = React.useRef(null)\n const isHover = useHover(hoverRef)\n\n return (\n <StyledRoot\n style={{\n paddingLeft: \"8px\",\n paddingRight: \"16px\",\n ...props.style,\n }}\n >\n <AppsMenu\n env={props.env}\n appName={props.appName}\n apps={appsMenuFormatter(props.apps)}\n visible={appsMenuVisible}\n toggle={() => setAppsMenuVisible((visible) => !visible)}\n />\n\n <AppsButton\n colors={props.colors}\n expanded={appsMenuVisible}\n onClick={() => {\n setAppsMenuVisible((visible) => !visible)\n props.requestAppsFetch()\n }}\n appName={props.appName}\n />\n\n <div style={{ margin: \"12px\" }} />\n\n {routesVisible && props.routes}\n\n <div style={{ margin: \"auto\" }} />\n\n {!notificationsEnabled && props.notifications()}\n\n {props.search({\n hideRoutes: () => setRoutesVisible(false),\n showRoutes: () => setRoutesVisible(true),\n })}\n\n {notificationsEnabled && (\n <>\n <NotificationsMenu\n apps={props.apps}\n handleMarkAllAsRead={handleMarkAllAsRead}\n handleMarkAsRead={handleMarkAsRead}\n handleToggleRead={handleToggleRead}\n notifications={{ read, unread }}\n toggle={() => setNotificationsMenuVisible((visible) => !visible)}\n visible={notificationsMenuVisible}\n />\n\n <Hoverable\n component=\"button\"\n hover={{\n backgroundColor:\n props.colors.highlight || \"rgb(255 255 255 / 12%)\",\n }}\n innerRef={hoverRef}\n onClick={() => setNotificationsMenuVisible((visible) => !visible)}\n style={{\n alignItems: \"center\",\n backgroundColor: \"transparent\",\n border: \"none\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n display: \"flex\",\n justifyContent: \"center\",\n marginLeft: \"8px\",\n padding: \"4px\",\n transition: \"all 150ms\",\n ...slightBackgroundTransition,\n }}\n >\n <NotificationBell\n colors={props.colors}\n indicatorVisible={unreadCount > 0}\n isHover={isHover}\n isOpen={notificationsMenuVisible}\n />\n </Hoverable>\n </>\n )}\n\n <div\n style={{\n cursor: \"pointer\",\n marginLeft: \"16px\",\n position: \"relative\",\n whiteSpace: \"nowrap\",\n }}\n >\n <Hoverable\n component=\"button\"\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n alignItems: \"center\",\n appearance: \"none\",\n backgroundColor: props.colors.base1,\n border: \"none\",\n borderRadius: \"9999px\",\n color: props.colors.text || \"#fff\",\n // TODO: #improve-outline-a11y\n cursor: \"pointer\",\n display: \"flex\",\n fontSize: \"13px\",\n lineHeight: \"32px\",\n outline: 0,\n padding: 0,\n ...slightBackgroundTransition,\n }}\n active={{ backgroundColor: props.colors.base3 }}\n hover={{ backgroundColor: props.colors.base2 }}\n onClick={() => {\n setUserMenuVisible((visible) => !visible)\n props.requestConnectedPeopleFetch()\n }}\n >\n <Avatar env={props.env} url={props.userAvatarPath} />\n\n {props.showOrgName && props.connectedPeople.length ? (\n <div\n style={{\n fontSize: \"13px\",\n margin: \"0 8px 0 8px\",\n maxWidth: \"240px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {props.orgName}\n </div>\n ) : (\n <div style={{ margin: \"0 4px 0 4px\" }} />\n )}\n <div style={{ paddingRight: \"8px\" }}>\n <DisclosureChevronIcon\n colors={props.colors}\n style={{ margin: \"-3px\" }}\n />\n </div>\n </Hoverable>\n </div>\n\n <PopupRoot>\n <Popup\n component={Outsider}\n onOutsideClick={() => setUserMenuVisible(false)}\n cleanup={!userMenuVisible}\n style={{\n color: \"#525252\",\n marginTop: \"8px\",\n maxWidth: \"320px\",\n right: 0,\n ...(userMenuVisible\n ? {\n opacity: 1,\n transition: \"none\",\n visibility: \"visible\",\n }\n : {\n opacity: 0,\n transition: \"all 120ms ease-in\",\n visibility: \"hidden\",\n }),\n cursor: \"default\",\n }}\n >\n <div>\n <div\n style={{\n display: \"block\",\n textDecoration: \"none\",\n }}\n >\n <div style={{ padding: \"16px\" }}>\n <div\n style={{\n display: \"flex\",\n fontSize: \"18px\",\n lineHeight: \"24px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n ...fontFamily,\n color: \"#444\",\n marginRight: 8,\n maxWidth: \"240px\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {props.userName}\n </div>\n </div>\n </div>\n \n <div\n style={{\n color: \"#666\",\n fontSize: \"14px\",\n lineHeight: \"20px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n {props.orgName}\n </div>\n </div>\n\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\", \n }}\n >\n {props.linkToProfile && (\n <HoverableListItem\n component=\"a\"\n href={`/people/AC${props.userId}`}\n data-turbolinks={false}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n padding: \"16px\",\n textAlign: \"left\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n My profile\n </HoverableListItem>\n )}\n \n {mfaEnabled && (\n <HoverableListItem\n component=\"a\"\n href={pcoUrl(props.env)(\"login\") + `/people/AC${props.userId}`}\n data-turbolinks={false}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n padding: \"16px\",\n textAlign: \"left\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n My login settings\n <MFAStatus isActive={mfaConfigured} />\n </HoverableListItem>\n )}\n </div>\n </div>\n\n {props.connectedPeople.length ? (\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: \"#eee\",\n borderTop: \"1px solid #ddd\",\n display: \"flex\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n color: \"#666\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n\n <div\n style={{\n ...IEFlex1,\n alignItems: \"center\",\n fontSize: \"12px\",\n textAlign: \"right\",\n }}\n >\n <a\n href=\"\"\n onClick={(e) => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n props.requestUnlinkConnectedPeople()\n e.preventDefault()\n }}\n style={{\n color: \"#666\",\n marginLeft: \"64px\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n unlink\n </a>\n </div>\n </div>\n ) : (\n <noscript />\n )}\n\n <style>{`\n .NotSmallTopbar__connected-people-list > *:first-child > * { border-top-width: 0 !important }\n `}</style>\n <ul\n className=\"NotSmallTopbar__connected-people-list\"\n style={{ listStyleType: \"none\", margin: 0, padding: 0 }}\n >\n {connectedPeopleMenuFormatter(props.connectedPeople).map(\n ({ id, attributes: person }) => (\n <HoverableListItem component=\"li\" key={id}>\n <a\n href=\"\"\n onClick={(e) => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n props.requestSwitchConnectedPerson(\n id,\n `${props.appName}/`\n )\n e.preventDefault()\n }}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n lineHeight: \"48px\",\n overflow: \"hidden\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n {person.organization_name}\n </a>\n </HoverableListItem>\n )\n )}\n </ul>\n </div>\n\n <HoverableListItem\n component=\"a\"\n href={`${pcoUrl(props.env)(\"login\")}/logout`}\n onClick={() => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n return\n }}\n data-turbolinks={false}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n lineHeight: \"48px\",\n padding: \"0 16px\",\n textAlign: \"center\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n <svg\n style={{ marginRight: \"8px\" }}\n width=\"12px\"\n height=\"10px\"\n viewBox=\"0 0 12 10\"\n >\n <g\n id=\"Page-1\"\n stroke=\"none\"\n strokeWidth=\"1\"\n fill=\"none\"\n fillRule=\"evenodd\"\n >\n <g\n id=\"Results-Copy\"\n transform=\"translate(-113.000000, -252.000000)\"\n fill=\"#444\"\n >\n <path\n d=\"M124.327628,256.578333 L122.013462,254.285 C121.870962,254.143333 121.683462,254.061667 121.486795,254.053333 C121.282628,254.045 121.092628,254.118333 120.950962,254.258333 C120.666795,254.54 120.666795,255.004167 120.950962,255.285833 L121.974295,256.255 L117.971795,256.255 C117.926795,256.255 117.884295,256.26 117.841795,256.268333 C117.489295,256.33 117.220962,256.633333 117.220962,257 C117.220962,257.410833 117.557628,257.745 117.971795,257.745 L121.990128,257.745 L120.950962,258.820833 C120.815128,258.955833 120.731795,259.1675 120.731795,259.374167 C120.731795,259.575833 120.813462,259.7775 120.950962,259.914167 C121.092628,260.055 121.281795,260.133333 121.480962,260.135833 C121.682628,260.1375 121.871795,260.061667 122.013462,259.920833 L124.327628,257.63 C124.610962,257.348333 124.610962,256.859167 124.327628,256.578333 M116.804167,260.523333 C116.7625,260.515 116.719167,260.510833 116.674167,260.510833 L114.5025,260.510833 L114.5025,253.489167 L116.6475,253.489167 C117.061667,253.489167 117.399167,253.155833 117.399167,252.745 C117.399167,252.378333 117.13,252.074167 116.7775,252.0125 C116.735,252.004167 116.6925,252 116.6475,252 L113.965,252 C113.540833,252 113,252.5075 113,252.904167 L113,261.308333 C113,261.736667 113.5625,262 113.965,262 L116.674167,262 C117.088333,262 117.425,261.665833 117.425,261.255 C117.425,260.889167 117.156667,260.585 116.804167,260.523333\"\n id=\"Fill-1\"\n />\n </g>\n </g>\n </svg>\n Log out\n </HoverableListItem>\n </Popup>\n </PopupRoot>\n\n <Hoverable\n hover={{\n backgroundColor: props.colors.highlight || \"rgb(255 255 255 / 12%)\",\n }}\n style={{\n alignItems: \"center\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n display: \"flex\",\n justifyContent: \"center\",\n marginLeft: \"8px\",\n marginRight: \"-4px\",\n transition: \"all 150ms\",\n ...slightBackgroundTransition,\n }}\n >\n <Unbutton\n id=\"jsLaunchHelpdesk\"\n style={{ borderRadius: \"50%\", padding: \"4px\" }}\n >\n <HelpIcon colors={props.colors} />\n </Unbutton>\n </Hoverable>\n </StyledRoot>\n )\n}\n\nTopbar.defaultProps = {\n linkToProfile: true,\n notifications: () => null,\n search: () => null,\n showOrgName: true,\n useDummyNotifications: false,\n}\n\nconst Route = ({\n active,\n colors,\n style = null,\n ...nativeProps\n}: {\n active: boolean\n children: React.ReactNode\n colors: any\n href?: string\n style?: object\n}) => {\n const [entered, setEntered] = React.useState(false)\n const [down, setDown] = React.useState(false)\n\n const getBackgroundColor = () => {\n if (entered && down) return colors.base2\n if (entered || active) return colors.base1\n return \"transparent\"\n }\n\n const getTextColor = () => {\n return colors.text || \"#fff\"\n }\n\n return (\n <a\n style={{\n backgroundColor: getBackgroundColor(),\n borderRadius: \"9999px\",\n color: getTextColor(),\n fontSize: \"14px\",\n fontWeight: 600,\n lineHeight: \"32px\",\n marginRight: \"4px\", // off-grid\n paddingLeft: \"12px\",\n paddingRight: \"12px\",\n textDecoration: \"none\",\n textTransform: \"capitalize\",\n verticalAlign: \"middle\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n ...slightBackgroundTransition,\n ...style,\n }}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseDown={() => setDown(true)}\n onMouseUp={() => setDown(false)}\n {...nativeProps}\n />\n )\n}\n\nexport { Route, Topbar }\n","import pcURL, * as PCO_URL from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport apiRequest, { defaultFetch, Fetch } from \"./api_request\"\nimport { PointBreak } from \"./display_switch\"\nimport { X as XSymbol } from \"./symbols\"\n\nconst entries = function (obj) {\n const ownProps = Object.keys(obj)\n let i = ownProps.length\n const resArray = new Array(i) // preallocate the Array\n while (i--) resArray[i] = [ownProps[i], obj[ownProps[i]]]\n\n return resArray\n}\n\nfunction formatter(announcements) {\n return entries(announcements).map((entry) => ({\n data: entry[1],\n id: entry[0],\n }))\n}\n\nclass Provider extends React.Component<\n {\n children: (announcements: any, callback: any) => React.ReactElement<any>\n configuredFetch: Fetch\n env: PCO_URL.Environment\n formatter?: any\n initialAnnouncements: object\n },\n {\n announcements: object[]\n }\n> {\n constructor(props: any) {\n super(props)\n\n this.state = {\n announcements: props.initialAnnouncements,\n }\n }\n\n public static defaultProps = {\n formatter: formatter,\n }\n\n dismissAnnouncements(id) {\n this.setState(({ announcements }) => {\n const newAnnouncements = announcements\n if (announcements[id]) delete newAnnouncements[id]\n\n return { announcements: newAnnouncements }\n })\n\n return apiRequest(\n this.props.configuredFetch,\n `${pcURL(this.props.env)(\n \"api\"\n )}/people/v2/me/platform_notifications/${id}/dismiss`,\n { method: \"POST\" }\n )\n }\n\n render() {\n return this.props.children(\n { announcements: this.props.formatter(this.state.announcements) },\n { dismissAnnouncements: this.dismissAnnouncements.bind(this) }\n )\n }\n}\n\nexport class StyledAnnouncement extends React.Component<\n { style?: object },\n {}\n> {\n render() {\n const { style, ...platformProps } = this.props\n\n return (\n <PointBreak\n render={(breakpoint) => (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingRight: 18,\n paddingTop: 14,\n ...style,\n }}\n {...platformProps}\n />\n )}\n />\n )\n }\n}\n\nexport class StyleProvider extends React.Component<\n {\n className?: string\n colors: any\n style?: object\n },\n {}\n> {\n render() {\n const { children, className, colors, style, ...platformProps } = this.props\n\n return (\n <div\n className={[\"__Topbar_PlatformAnnouncements_link\"].join(\" \").trim()}\n style={{\n backgroundColor: \"#282828\",\n color: \"white\",\n fontSize: \"14px\",\n ...style,\n }}\n {...platformProps}\n >\n <style>{`\n .__Topbar_PlatformAnnouncements_link { color: white }\n .__Topbar_PlatformAnnouncements_link a { color: ${colors.base0} }\n .__Topbar_PlatformAnnouncements_link a:hover { color: ${colors.base1} }\n .__Topbar_PlatformAnnouncements_link a:active { color: ${colors.base2} }\n `}</style>\n {children}\n </div>\n )\n }\n}\n\nexport default class PlatformAnnouncements extends React.Component<\n {\n colors: any\n configuredFetch?: Fetch\n data: object\n env: PCO_URL.Environment\n renderItem?: any\n },\n {}\n> {\n public static defaultProps = {\n configuredFetch: defaultFetch,\n renderItem: ({ announcement, actions }) => (\n <DissmissibleAnnouncement\n key={announcement.id}\n html={announcement.data.html}\n onClick={() => actions.dismissAnnouncements(announcement.id)}\n />\n ),\n }\n\n render() {\n return (\n <StyleProvider colors={this.props.colors}>\n <Provider\n env={this.props.env}\n initialAnnouncements={this.props.data}\n configuredFetch={this.props.configuredFetch}\n >\n {(data, actions) =>\n Boolean(data.announcements.length > 0) ? (\n <div>\n {data.announcements.map((announcement) =>\n this.props.renderItem({ actions, announcement })\n )}\n </div>\n ) : null\n }\n </Provider>\n </StyleProvider>\n )\n }\n}\n\nfunction StyledDismissButton({ ...props }: any): JSX.Element {\n return (\n <button\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n cursor: \"pointer\",\n\n margin: -8,\n // larger click target without increasing box\n padding: 8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ height: 20, width: 20 }} />\n </button>\n )\n}\n\nfunction DissmissibleAnnouncement(props: {\n html: string\n onClick: () => any\n}): JSX.Element {\n return (\n <StyledAnnouncement>\n <span\n dangerouslySetInnerHTML={{\n __html: props.html,\n }}\n />\n\n <StyledDismissButton onClick={props.onClick} />\n </StyledAnnouncement>\n )\n}\n","import * as React from \"react\"\n\nimport { PointBreak } from \"./display_switch\"\nimport { X as XSymbol } from \"./symbols\"\n\n/*\nProductAnnouncement:\nDisplays a dismissible product announcements when provided an `html` prop.\nRenders nothing when no `html` prop is falsy.\n\nWhen the dismiss button is clicked, ProductAnnouncement will immediately dissappear.\nPass an `onClick` prop to coordinate this dismissal with a server request that will prevent message from being passed to future page views.\n\nIt should look something like this in your application's Topbar composition:\n\n```jsx\n<ProductAnnouncement\n colors={shared.colors}\n html={this.props.productAnnouncement}\n onClick={() => alert(\"Sending fire-and-forget dismiss request to server\")}\n/>\n```\n\nAttributes like `className`, `id`, `data-*`, and `aria-*` are all applied to the root element.\n*/\n\nexport function ProductAnnouncement({\n colors,\n html = \"\",\n onClick = (_event) => {\n /* noop */\n },\n ...props\n}: {\n colors: object\n html: string\n onClick: (event: any) => any\n}) {\n const [dismissed, updateDismissed] = React.useState(false)\n\n return dismissed || !html ? null : (\n <StyleProvider colors={colors} {...props}>\n <StyledAnnouncement>\n <span dangerouslySetInnerHTML={{ __html: html }} />\n <StyledDismissButton\n onClick={(event) => {\n onClick(event)\n updateDismissed(true)\n }}\n />\n </StyledAnnouncement>\n </StyleProvider>\n )\n}\n\nexport class StyleProvider extends React.Component<\n {\n className?: string\n colors: any\n style?: object\n },\n {}\n> {\n render() {\n const { children, className, colors, style, ...platformProps } = this.props\n\n return (\n <div\n className={[\"Topbar_ProductAnnouncement\", className]\n .filter(Boolean)\n .join(\" \")\n .trim()}\n style={{\n backgroundColor: colors.base1,\n ...style,\n }}\n {...platformProps}\n >\n <style>{`\n .Topbar_ProductAnnouncement {\n color: white;\n font-size: 14px;\n }\n .Topbar_ProductAnnouncement a { color: white; font-weight: bold; }\n `}</style>\n {children}\n </div>\n )\n }\n}\n\nexport class StyledAnnouncement extends React.Component<\n { style?: object },\n {}\n> {\n render() {\n const { style, ...platformProps } = this.props\n\n return (\n <PointBreak\n render={(breakpoint) => (\n <div\n style={{\n alignItems: \"center\",\n boxSizing: \"border-box\",\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingRight: 18,\n paddingTop: 14,\n ...style,\n }}\n {...platformProps}\n />\n )}\n />\n )\n }\n}\n\nexport function StyledDismissButton({ ...props }: any): JSX.Element {\n return (\n <button\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n cursor: \"pointer\",\n\n margin: -8,\n // larger click target without increasing box\n padding: 8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ height: 20, width: 20 }} />\n </button>\n )\n}\n","import * as React from \"react\"\n\nexport class ClientStorage extends React.Component<\n {\n item: string\n method?: \"localStorage\" | \"sessionStorage\"\n render: (apps: any, other: any) => React.ReactElement<any>\n },\n {}\n> {\n public static defaultProps = {\n method: \"localStorage\",\n }\n\n update(value) {\n window[this.props.method].setItem(this.props.item, JSON.stringify(value))\n return this.forceUpdate()\n }\n\n render() {\n return this.props.render(\n JSON.parse(window[this.props.method].getItem(this.props.item)) ||\n undefined,\n this.update.bind(this)\n )\n }\n}\n","export const capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n","import pcoUrl from \"@planningcenter/url\"\nimport * as React from \"react\"\n\nimport { Avatar } from \"./avatar\"\nimport { ClientStorage as LocalStorageProvider } from \"./client_storage\"\nimport { ColorAppIcon } from \"./color_app_icon\"\nimport NotificationBell from \"./components/notification_bell\"\nimport NotificationsMenu from \"./components/notifications_menu\"\nimport { appsMenuFormatter, connectedPeopleMenuFormatter } from \"./formatters\"\nimport getAppsSwitchProductPath from \"./get_apps_switch_product_path\"\nimport useNotifications from \"./hooks/use_notifications\"\nimport { SharedTopbarProps } from \"./interfaces\"\nimport MFAStatus from \"./mfa_status\"\nimport { MonoAppIcon } from \"./mono_app_icon\"\nimport { MonoAppName } from \"./mono_app_name\"\nimport * as AppSymbols from \"./mono_app_symbols\"\nimport { StyledRoot } from \"./styled_root\"\nimport { fontFamily, IEFlex1 } from \"./styles\"\nimport { DisclosureChevronIcon, X } from \"./symbols\"\nimport TopbarContext from \"./topbar_context\"\nimport { Unbutton } from \"./unbutton\"\nimport { capitalize } from \"./utils\"\n\nconst MENU_GUTTER = 57\n\nconst CloseMenuButton = () => (\n <div style={{ position: \"absolute\", right: \"17px\", top: \"12px\" }}>\n <X fill=\"#ffffff\" style={{ height: \"23.4px\", width: \"23.4px\" }} />\n </div>\n)\n\nconst UserMenuAppLockup = ({\n appName: originalAppName,\n}: {\n appName: string\n}) => {\n const appName = originalAppName.replace(/[\\s-]/, \"\")\n\n return (\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName={appName} size={20} />\n </div>\n <MonoAppName appName={appName} color=\"#fff\" size={18} />\n </div>\n )\n}\n\ninterface SmallTopbarProps {\n currentRouteComponent?: any\n}\n\nconst Topbar = (props: SharedTopbarProps & SmallTopbarProps) => {\n const [notificationsMenuVisible, setNotificationsMenuVisible] =\n React.useState(false)\n const [routesMenuVisible, setRoutesMenuVisible] = React.useState(false)\n const [userMenuVisible, setUserMenuVisible] = React.useState(false)\n const { notificationsEnabled, mfaConfigured, mfaEnabled } =\n React.useContext(TopbarContext)\n\n React.useEffect(() => {\n userMenuVisible || notificationsMenuVisible\n ? (document.body.style.overflow = \"hidden\")\n : (document.body.style.overflow = \"\")\n }, [notificationsMenuVisible, userMenuVisible])\n\n const activeRoute =\n props.routes.filter(({ props: { active } }) => active) || []\n\n const CurrentRouteComponent = props.currentRouteComponent\n const currentRouteText =\n (activeRoute &&\n activeRoute[0] &&\n activeRoute[0].props &&\n activeRoute[0].props.children) ||\n props.appName\n\n const accountsProduct = props.apps.find(({ name }) => name === \"Accounts\")\n\n const homeProduct = props.apps.find(({ name }) => name === \"Home\")\n\n const restProducts = [...props.apps].filter(\n ({ name }) => name !== \"Home\" && name !== \"Accounts\"\n )\n\n const {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n read,\n unread,\n unreadCount,\n } = useNotifications({\n enableJoltLogging: props.enableJoltLogging,\n enabled: notificationsEnabled,\n env: props.env,\n joltPromise: props.joltPromise,\n userId: props.userId,\n })\n\n return (\n <StyledRoot style={{ ...props.style }}>\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n justifyContent: \"center\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n }}\n onClick={() => {\n props.requestAppsFetch()\n props.requestConnectedPeopleFetch()\n\n setRoutesMenuVisible(false)\n setUserMenuVisible((visible) => !visible)\n }}\n >\n <MonoAppIcon\n appName={props.appName.replace(/[\\s-]/, \"\")}\n colors={props.colors}\n size={26}\n />\n </div>\n <div\n style={{\n left: 0,\n position: \"absolute\",\n top: \"48px\",\n width: \"100%\",\n }}\n >\n {routesMenuVisible && props.routes}\n </div>\n <LocalStorageProvider\n item=\"Topbar:Small:Menus:User:visibility\"\n render={(userSwitchState = false, lsUpdate) => (\n <div\n style={{\n MozUserSelect: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n WebkitUserSelect: \"none\",\n backgroundColor: \"rgba(0,0,0,.8)\",\n bottom: 0,\n color: \"black\",\n display: userMenuVisible ? \"block\" : \"none\",\n left: 0,\n msUserSelect: \"none\",\n position: \"fixed\",\n right: 0,\n top: 0,\n userSelect: \"none\",\n }}\n onClick={() => setUserMenuVisible((visible) => !visible)}\n >\n <CloseMenuButton />\n <div\n onClick={(e) => e.stopPropagation()}\n style={{\n backgroundColor: \"#424242\", // \"white\"\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n position: \"relative\",\n width: `calc(100% - ${MENU_GUTTER}px)`,\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: \"#363636\",\n borderBottom: \"1px solid #363636\",\n display: \"flex\",\n height: \"48px\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n }}\n >\n <div style={{ ...IEFlex1 }}>\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n paddingRight: \"16px\",\n }}\n data-turbolinks={false}\n href={\n homeProduct\n ? pcoUrl(props.env)(\"accounts\") +\n getAppsSwitchProductPath(homeProduct?.name)\n : undefined\n }\n >\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <UserMenuAppLockup\n appName={homeProduct ? homeProduct.name : props.appName}\n />\n </div>\n </a>\n </div>\n <div onClick={() => lsUpdate(!userSwitchState)}>\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: userSwitchState\n ? \"transparent\"\n : \"#292929\",\n borderRadius: \"9999px\",\n boxShadow: `0 0 0 1px ${\n userSwitchState ? props.colors.base1 : \"#292929\"\n }`,\n display: \"flex\",\n fontSize: \"13px\",\n lineHeight: \"32px\",\n }}\n >\n <Avatar env={props.env} url={props.userAvatarPath} />\n\n <div style={{ paddingRight: \"8px\" }}>\n <DisclosureChevronIcon\n colors={props.colors}\n style={{ color: \"#999\", marginLeft: \"4px\", verticalAlign: \"middle\" }}\n />\n </div>\n </div>\n </div>\n </div>\n\n <div\n style={{\n ...IEFlex1,\n WebkitOverflowScrolling: \"touch\",\n overflowY: \"scroll\",\n }}\n >\n <ul style={{ margin: 0, padding: 0 }}>\n {appsMenuFormatter(restProducts).map(({ name }, i) => {\n const isFirst = i === 0\n const isLast =\n i === appsMenuFormatter(restProducts).length - 1\n return (\n <li key={name} style={{ listStyleType: \"none\" }}>\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"40px\",\n paddingBottom: isLast ? \"4px\" : 0,\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n paddingTop: isFirst ? \"4px\" : 0,\n }}\n data-turbolinks={false}\n href={\n pcoUrl(props.env)(\"accounts\") +\n getAppsSwitchProductPath(name)\n }\n >\n <UserMenuAppLockup appName={name} />\n </a>\n </li>\n )\n })}\n </ul>\n\n {accountsProduct && (\n <div style={{ borderTop: \"1px solid #363636\" }}>\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n paddingLeft: \"12px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n }}\n data-turbolinks={false}\n href={\n pcoUrl(props.env)(\"accounts\") +\n getAppsSwitchProductPath(accountsProduct.name)\n }\n >\n <svg\n height={22}\n style={{ display: \"block\", marginRight: \"2px\" }}\n viewBox=\"0 0 20 20\"\n width={22}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {React.createElement(AppSymbols[\"Accounts\"], {\n color: \"#9e9e9e\",\n key: \"key2\",\n })}\n </svg>\n <div\n style={{\n color: \"hsl(0 0% 68%)\",\n fontSize: \"12px\",\n lineHeight: \"48px\",\n textDecoration: \"none\",\n }}\n >\n Account settings\n </div>\n </a>\n </div>\n )}\n </div>\n\n <div\n style={{\n ...IEFlex1,\n WebkitOverflowScrolling: \"touch\",\n overflowY: \"scroll\",\n }}\n >\n <div\n style={{\n background: \"#FFFFFF\",\n borderRadius: \"3px\",\n boxShadow: \"0 4px 7px 0 rgba(0,0,0,0.40)\",\n display: userSwitchState ? \"block\" : \"none\",\n height: \"auto\",\n maxHeight: \"calc(100% - 124px)\",\n position: \"absolute\",\n right: \"12px\",\n top: \"60px\",\n width: \"calc(100% - 24px)\",\n }}\n >\n <div\n style={{\n WebkitOverflowScrolling: \"touch\",\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n overflowY: \"scroll\",\n }}\n >\n <div\n style={{\n maxWidth: \"100%\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n <div \n style={{ \n padding: \"16px\" \n }}>\n <div\n style={{\n fontSize: \"15px\",\n fontWeight: 600,\n lineHeight: \"16px\",\n marginBottom: \"4px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\"\n }}\n >\n {props.userName}\n </div>\n <div\n style={{\n color: \"#444\",\n fontSize: \"14px\",\n lineHeight: \"16px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\"\n }}\n >\n {props.orgName}\n </div>\n </div>\n\n {props.linkToProfile && (\n <a\n href={`/people/AC${props.userId}`}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"rgb(68, 68, 68)\",\n display: \"block\",\n lineHeight: \"48px\",\n maxWidth: \"100%\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n whiteSpace: \"nowrap\",\n }}\n >\n My profile\n </a>\n )}\n\n {mfaEnabled && (\n <>\n <a\n href={\n pcoUrl(props.env)(\"login\") +\n `/people/AC${props.userId}`\n }\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"rgb(68, 68, 68)\",\n display: \"block\",\n lineHeight: \"1.4\",\n padding: \"14px 16px\",\n textDecoration: \"none\"\n }}\n >\n My login settings\n <MFAStatus isActive={mfaConfigured} />\n </a>\n </>\n )}\n </div>\n \n {props.connectedPeople.length > 0 && (\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: \"#eee\",\n borderTop: \"1px solid #ddd\",\n display: \"flex\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n color: \"#666\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n </div>\n )}\n\n <div style={{ ...IEFlex1 }}>\n <style>\n {`.SmallTopbar__connected-people-list > *:first-child > * { border-top-width: 0 !important }`}\n </style>\n <ul\n className=\"SmallTopbar__connected-people-list\"\n style={{\n borderTop: props.connectedPeople.length > 0 ? \"1px solid #ddd\" : \"none\",\n fontSize: \"15px\",\n listStyleType: \"none\",\n margin: 0,\n padding: 0,\n }}\n >\n {connectedPeopleMenuFormatter(\n props.connectedPeople\n ).map(({ id, attributes: person }) => (\n <li key={id}>\n <a\n href=\"\"\n onClick={(e) => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n props.requestSwitchConnectedPerson(\n id,\n `${props.appName}/`\n )\n e.preventDefault()\n }}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"rgb(68, 68, 68)\",\n display: \"block\",\n lineHeight: \"48px\",\n maxWidth: \"100%\",\n overflow: \"hidden\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\"\n }}\n >\n {person.organization_name}\n </a>\n </li>\n ))}\n </ul>\n </div>\n <div>\n {props.connectedPeople.length > 0 && (\n <a\n href=\"\"\n onClick={(e) => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n props.requestUnlinkConnectedPeople()\n e.preventDefault()\n }}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#ef5433\",\n display: \"block\",\n fontSize: \"15px\",\n lineHeight: \"48px\",\n textAlign: \"center\",\n textDecoration: \"none\"\n }}\n >\n Unlink My Accounts\n </a>\n )}\n </div>\n </div>\n </div>\n </div>\n\n <div\n style={{\n borderTop: \"1px solid #363636\",\n display: \"flex\",\n flexDirection: \"row\",\n lineHeight: \"48px\",\n textAlign: \"center\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n borderRight: \"1px solid #363636\",\n }}\n >\n <Unbutton\n style={{\n color: \"white\",\n fontSize: \"15px\",\n fontWeight: 600,\n letterSpacing: \"-.05em\",\n }}\n id=\"jsLaunchHelpdesk\"\n >\n Help\n </Unbutton>\n </div>\n\n <div style={{ ...IEFlex1 }}>\n <a\n href={`${pcoUrl(props.env)(\"login\")}/logout`}\n onClick={() => {\n props.requestClearAppsCache()\n props.requestClearConnectedPeopleCache()\n return\n }}\n data-turbolinks={false}\n style={{\n color: \"white\",\n fontSize: \"15px\",\n fontWeight: 600,\n letterSpacing: \"-.05em\",\n textDecoration: \"none\",\n }}\n >\n Log out\n </a>\n </div>\n </div>\n </div>\n </div>\n )}\n />\n <div\n style={{\n ...IEFlex1,\n fontWeight: 600,\n lineHeight: \"48px\",\n textAlign: \"center\",\n }}\n onClick={() => {\n setUserMenuVisible(false)\n setRoutesMenuVisible((visible) => !visible)\n }}\n >\n <CurrentRouteComponent>\n {capitalize(currentRouteText)}\n </CurrentRouteComponent>\n <DisclosureChevronIcon\n colors={props.colors}\n style={{ marginLeft: \"4px\", verticalAlign: \"middle\" }}\n />\n </div>\n\n {notificationsEnabled && (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n justifyContent: \"center\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n }}\n onClick={() => setNotificationsMenuVisible((visible) => !visible)}\n >\n <NotificationBell\n colors={props.colors}\n indicatorVisible={unreadCount > 0}\n />\n <LocalStorageProvider\n item=\"Topbar:Small:Menus:Notifications:visibility\"\n render={() => (\n <div\n style={{\n MozUserSelect: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n WebkitUserSelect: \"none\",\n backgroundColor: \"rgba(0,0,0,.8)\",\n bottom: 0,\n color: \"black\",\n display: notificationsMenuVisible ? \"block\" : \"none\",\n left: 0,\n msUserSelect: \"none\",\n position: \"fixed\",\n right: 0,\n top: 0,\n userSelect: \"none\",\n }}\n >\n <CloseMenuButton />\n <div\n onClick={(e) => e.stopPropagation()}\n style={{\n WebkitOverflowScrolling: \"touch\",\n backgroundColor: \"#363636\",\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n overflowY: \"scroll\",\n padding: \"4px 0\",\n position: \"relative\",\n width: `calc(100% - ${MENU_GUTTER}px)`,\n }}\n >\n <NotificationsMenu\n apps={props.apps}\n handleMarkAllAsRead={handleMarkAllAsRead}\n handleMarkAsRead={handleMarkAsRead}\n handleToggleRead={handleToggleRead}\n mobile\n notifications={{ read, unread }}\n toggle={() =>\n setNotificationsMenuVisible((visible) => !visible)\n }\n visible={notificationsMenuVisible}\n />\n </div>\n </div>\n )}\n />\n </div>\n )}\n {!notificationsEnabled && props.notifications()}\n </StyledRoot>\n )\n}\n\nTopbar.defaultProps = {\n currentRouteComponent: (props) => <span {...props} />,\n notifications: () => null,\n}\n\nconst Route = ({ active, ...props }) => (\n <a\n style={{\n backgroundColor: \"#444\",\n borderBottom: \"1px solid #333\",\n color: \"#fff\",\n display: \"block\",\n fontWeight: 600,\n lineHeight: \"47px\",\n position: \"relative\",\n textAlign: \"center\",\n textDecoration: \"none\",\n textTransform: \"capitalize\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n ...(active && { backgroundColor: \"#333\" }),\n }}\n {...props}\n />\n)\n\nexport { Route, Topbar }\n"],"names":["_excluded","defaultFetch","url","options","fetch","credentials","mode","railsCsrfFetch","_ref","_window","_window$Rails","_document$querySelect","headers","rest","_objectWithoutPropertiesLoose","window","csrfToken","Rails","document","querySelector","getAttribute","apiRequest","_temp","_ref2","method","_ref2$method","data","_ref2$data","Accept","redirect","body","JSON","stringify","then","response","json","ok","e","console","warn","useLocalStorage","key","initialValue","useState","item","localStorage","getItem","parse","error","storedValue","_useState","setStoredValue","localStorageRepresentation","useEffect","setItem","dropKey","removeItem","TopbarContext","createContext","mfaConfigured","mfaEnabled","notificationsEnabled","organizationTimeZone","mapApps","resp","_resp$data","_resp$data$attributes","attributes","apps","ConnectedPeopleProvider","props","_this","_React$Component","call","this","state","connectedPeople","configuredFetch","pcoUrl","env","_this2","setState","remove","unlink","location","meta","redirect_to","_proto","toId","returnPath","id","return_path","_ref3","componentDidMount","render","bind","switch","React","Component","defaultProps","debounce","func","wait","timeout","args","slice","arguments","context","later","apply","clearTimeout","setTimeout","PointBreak","width","innerWidth","setWindowWidth","_assertThisInitialized","_inheritsLoose","prototype","addEventListener","componentWillUnmount","removeEventListener","breakpointString","DisplaySwitch","breakpoint","smallBreakpoints","indexOf","smallTopbar","notSmallTopbar","Avatar","_ref$url","incomingUrl","style","nativeProps","createElement","_extends","backgroundColor","backgroundImage","backgroundPosition","backgroundSize","borderRadius","height","marginLeft","Accounts","fill","color","d","_ref$color","API","Calendar","_ref4","_ref6","Giving","_ref7","Groups","_ref8","Home","_ref9","_ref11","Registrations","_ref12","Services","_ref13","Squircle","HomeHex","_ref2$color","MonoAppIcon","appName","colors","size","_ref3$size","platformProps","xmlns","viewBox","role","display","iconBackground","AppSymbols","base0","_ref$size","_ref2$size","_ref4$size","ChurchCenter","_ref5","_ref5$size","_ref6$size","_ref7$size","_ref8$size","_ref9$size","Publishing","_ref10","_ref10$size","_ref11$size","_ref12$size","MonoAppName","MonoAppText","slightBackgroundTransition","transition","fontFamily","IEFlex1","flex","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_excluded8","_excluded9","Bell","_ref$dot","dot","_ref$dotFill","dotFill","_ref$fill","bellPath","stroke","cx","cy","r","mask","x","y","BlankStateIcon","_ref2$dark","dark","clipPath","opacity","ChevronIcon","_ref3$fill","Cog","_ref4$fill","DisclosureChevronIcon","base3","points","HelpIcon","ExclamationTriangle","_ref7$fill","X","_ref9$fill","Unbutton","WebkitAppearance","appearance","border","cursor","outline","padding","AppsButton","displayIconOnly","expanded","onClick","_ref$style","_React$useState","down","setDown","entered","setEntered","_React$useState2","onMouseDown","onMouseEnter","onMouseLeave","onMouseUp","alignItems","base1","base2","paddingLeft","paddingRight","whiteSpace","replace","Fragment","fontSize","fontWeight","margin","x1","y1","x2","y2","gradientUnits","offset","stopColor","gradientTransform","xlinkHref","transform","ColorAppIcon","ColorAppSquircles","getAppsSwitchProductPath","productName","_window$location","_window$location$path","basePath","toLowerCase","referer","pathname","toString","params","URLSearchParams","append","HoverableListItem","_ref$active","active","component","C","_ref$component","Outsider","container","handleOutsideClick","contains","target","stopPropagation","preventDefault","onOutsideClick","_this$props","cleanup","ref","c","PopupRoot","alignSelf","position","Popup","background","boxShadow","overflow","AppsMenu","toggle","visible","accountsProduct","find","name","homeProduct","restProducts","filter","sort","a","b","localeCompare","listItemProps","verticalAlign","marginTop","visibility","minWidth","href","borderBottom","marginRight","map","i","isFirst","isLast","length","paddingBottom","paddingTop","borderTop","textDecoration","lineHeight","Hoverable","_ref$hover","hover","innerRef","_ref$innerRef","NotificationBell","indicatorVisible","_ref$indicatorVisible","_ref$isHover","isHover","isOpen","_ref$isOpen","BellIcon","base3Hover","ConditionalWrap","children","_ref$condition","condition","wrap","useHover","elementRef","value","setValue","handleMouseEnter","handleMouseLeave","node","current","Eyebrow","textTransform","MarkReadDot","_ref$isRead","isRead","hoverRef","useRef","justifyContent","NotificationItem","_ref2$mobile","mobile","onMarkAsRead","Promise","resolve","onToggleRead","showBottomBorder","notification","createdAt","link","title","useContext","isActive","setIsActive","datetimeFmtOptions","timeZone","_e","reject","flexDirection","flexGrow","borderLeft","People","marginBottom","userSelect","datetimeFmt","datetime","NotificationsMenuBlankState","_ref$dark","description","_ref$title","textAlign","NotificationsMenuWrapper","right","Spinner","className","Headline","SectionHeaderButton","disabled","SectionHeader","SectionHeaderTitle","ManageButton","_ref4$dark","NotificationsMenu","handleMarkAllAsRead","handleMarkAsRead","handleToggleRead","_ref5$hasError","hasError","_ref5$isLoading","isLoading","_ref5$mobile","_ref5$notifications","notifications","read","unread","localShowRead","_useLocalStorage","setLocalShowRead","topDistance","setTopDistance","showRead","setShowRead","_React$useState3","setActive","_React$useState4","setHeight","_useDimensions","useDimensions","onResize","observe","unobserve","mainRef","mainHeight","_useDimensions2","settingsRef","settingsHeight","_ref$current","getBoundingClientRect","top","hasPrefs","some","notifications_preferences_url","defaultStyle","transitionStyles","entering","handleToggle","maxHeight","innerHeight","overflowX","overflowY","boxSizing","TransitionGroup","exit","idx","Transition","appsMenuFormatter","arr","reduce","acc","connectedPeopleMenuFormatter","buildNotificationFromApiResponse","_findInIncluded","_findInIncluded$attri","_findInIncluded2","_findInIncluded2$attr","_resp$attributes$read","findInIncluded","included","type","relationships","app","notificationData","web_payloads","content","Date","created_at","read_at","useNotifications","enableJoltLogging","_ref5$enableJoltLoggi","_ref5$enabled","enabled","userId","setNotifications","setIsLoading","_React$useState5","setHasError","notificationsOrganizer","concat","unreadCount","setUnreadCount","joltChannel","channelName","_ref$enableJoltLoggin","_ref$enabled","joltPromise","_ref$joltPromise","setJoltChannel","joltInstance","setJoltInstance","subscribeToJoltChannel","useCallback","j","jolt","subscribeUrl","fetchSubscribeTokenFn","_channel","cid","Jolt","wssUrl","fetchAuthTokenFn","logToConsole","channel","subscribe","pcoPageExpiredHandler","event","_window$pcoPageExpire","hasOwnProperty","PCOPageExpiredCurrentPersonACID","pcoPageExpired","currentPersonACID","disconnect","useJoltChannelSubscription","fetchNotifications","extractPayloadFromJoltMessage","updateStateFromJoltMessage","message","fetchNotification","candidate","removeNotification","joltMessageNotificationDataPayload","newNotifications","unbind","markAsReadOrUnread","notificationIds","readOrUnread","action","source","n","includes","unreadIds","u","MFAStatus","statusColor","StyledRoot","MozOsxFontSmoothing","WebkitFontSmoothing","Topbar","appsMenuVisible","setAppsMenuVisible","notificationsMenuVisible","setNotificationsMenuVisible","routesVisible","setRoutesVisible","userMenuVisible","setUserMenuVisible","_React$useContext","_useNotifications","requestAppsFetch","routes","search","hideRoutes","showRoutes","highlight","text","requestConnectedPeopleFetch","userAvatarPath","showOrgName","maxWidth","textOverflow","orgName","userName","linkToProfile","requestClearAppsCache","requestClearConnectedPeopleCache","requestUnlinkConnectedPeople","listStyleType","person","requestSwitchConnectedPerson","organization_name","strokeWidth","fillRule","useDummyNotifications","Route","Provider","announcements","initialAnnouncements","dismissAnnouncements","newAnnouncements","pcURL","formatter","obj","ownProps","Object","keys","resArray","Array","entries","entry","StyledAnnouncement","_React$Component2","StyleProvider","_this$props2","join","trim","PlatformAnnouncements","actions","Boolean","announcement","renderItem","StyledDismissButton","borderWidth","XSymbol","DissmissibleAnnouncement","dangerouslySetInnerHTML","__html","html","ClientStorage","update","forceUpdate","undefined","CloseMenuButton","UserMenuAppLockup","originalAppName","routesMenuVisible","setRoutesMenuVisible","s","activeRoute","CurrentRouteComponent","currentRouteComponent","currentRouteText","left","LocalStorageProvider","userSwitchState","lsUpdate","MozUserSelect","WebkitTapHighlightColor","WebkitUserSelect","bottom","msUserSelect","MENU_GUTTER","WebkitOverflowScrolling","borderRight","letterSpacing","charAt","toUpperCase","_topbarResponse$data","_topbarResponse$data$","_topbarResponse$data$2","_topbarResponse$data2","_topbarResponse$data3","_topbarResponse$data4","_topbarResponse$data5","_topbarResponse$data6","_topbarResponse$data7","_topbarResponse$data8","_ref$configuredFetch","_ref$formatter","topbarResponse","setLocalResp","setResp","useTopbarAPI","features","notificationsDisabled","mfa_configured","org_time_zone","_ref2$style","_React$useState6","_ref$html","_ref$onClick","_event","updateDismissed","_ref8$fill"],"mappings":"itCAEA,IAAAA,EAAA,CAAA,WAAaC,EAAsB,SAACC,EAAKC,GACvC,OAAOC,MAAMF,EAAOG,EAAAA,CAAAA,YAAa,UAAWC,KAAM,QAAWH,KAGlDI,EAAwB,SAACL,EAA6BM,GAAA,IASvCC,EAAAC,EAAAC,EATiBC,EAAAA,EAAAA,QAAYC,EACvDC,EAAAN,EAAAR,GAAA,OAAOI,MAAMF,EACXU,EAAAA,CAAAA,QAAcA,EAAAA,GAAAA,EAAS,CAAA,gBASjB,OAANH,EAAAM,SAAeC,OAAPC,EAAAA,EAAAA,YAAAA,EAAOD,EAAAA,eACf,OAAAE,EAAAA,SACGC,cAAc,iCADjB,EAAAR,EAEIS,aAAa,aACjB,QAZGP,EACHR,CAAAA,YAAa,UACbC,KAAM,WAcce,SAAAA,EACtBjB,EACAF,EAFYoB,GAGsB,IAAAC,OAAA,IAAAD,EAAA,GAAhCE,EAAAA,EAAAA,EAAAA,OAAAA,OAAS,IAAAC,EAAA,MAAOC,EAAAA,EAAAA,EAAAA,KAAAA,aAAO,KAAWC,EAE9BxB,EAAuB,CAC3BS,QAAS,CACPgB,OAAQ,mBACR,eAAgB,oBAElBJ,OAAAA,EACAK,SAAU,UAOZ,OAJIH,GAAmB,QAAXF,IACVrB,EAAQ2B,KAAOC,KAAKC,UAAUN,IAGzBtB,EAAMF,EAAKC,GAAS8B,KACzB,SAACC,GACCA,OAAAA,EACGC,OACAF,KAAK,SAACE,GAAD,MAAW,CAAEA,KAAAA,EAAMC,GAAIF,EAASE,GAAIF,SAAAA,KACnC,MAAA,WAAA,MAAO,CAAEC,KAAM,KAAMC,GAAIF,EAASE,GAAIF,SAAAA,MACjD,SAACG,GAGC,OAFAC,QAAQC,KAAKF,GAEN,CAAEF,KAAM,KAAMC,IAAI,EAAOF,SAAU,QCjDhD,SAASM,EAAgBC,EAAaC,GAGpC,IAAsCC,EAAAA,EAAQA,SAAC,WAC7C,IAEE,IAAMC,EAAO7B,OAAO8B,aAAaC,QAAQL,GAGzC,OAAOG,EAAOb,KAAKgB,MAAMH,GAAQF,EACjC,MAAOM,GAEP,OAAON,KATJO,EAAPC,EAAA,GAAoBC,EAApBD,EAAA,GAcME,EAA6BrB,KAAKC,UAAUiB,GAQlD,OAPAI,EAASA,UAAC,WACRtC,OAAO8B,aAAaS,QAAQb,EAAKW,IAChC,CAACX,EAAKW,IAKF,CAAEG,QAFO,WAAMxC,OAAAA,OAAO8B,aAAaW,WAAWf,IAEnCU,eAAAA,EAAgBF,YAAAA,GCrBpC,ICLAQ,EAAeC,gBAAc,CAC3BC,eAAe,EACfC,YAAY,EACZC,sBAAsB,EACtBC,qBAAsB,wBC6CRC,SAAAA,EAAQC,GACtB,IAAAC,EAAAC,EAAA,OAAO,MAAAF,GAAA,OAAAC,EAAAD,EAAMtC,OAAN,OAAAwC,EAAAD,EAAYE,iBAAZ,EAAAD,EAAwBE,OAAQ,GC/C5BC,IAAAA,cAaX,SAAYC,EAAAA,GACV,IAAAC,EADoB,OACpBA,EAAAC,EAAAC,KAAAC,KAAMJ,IAENI,MAAKC,MAAQ,CACXC,gBAAiB,IAJCL,SAbxB,IAyBEnE,EAAAA,EAAAA,iBAAAA,EAAAA,MAAA,sBACEiB,EACEqD,KAAKJ,MAAMO,gBACRC,EAAM,QAACJ,KAAKJ,MAAMS,IAAlBD,CAAuB,wCAC1B7C,KAAK,SAAazB,GAAA,IACZoE,EADYpE,EAAV2B,KACqBT,KAE7B,OAAOsD,EAAKC,SACV,CACEL,gBAAAA,GAEF,WAAA,OACE7D,OAAO8B,aAAaS,QAClB,yBACAvB,KAAKC,UAAU4C,SAMzBM,EAAAA,OAAA,WACEnE,OAAO8B,aAAaW,WAAW,6BAGjC2B,OAAA,WACE9D,EACEqD,KAAKJ,MAAMO,gBACRC,EAAM,QAACJ,KAAKJ,MAAMS,IAAlBD,CAAuB,OAFlB,sBAGR,CACEtD,OAAQ,SAEVS,KAAK,YACLlB,OAAOqE,SADCjD,EAAAA,KACekD,KAAKC,eAIhCC,EAAA,OAAA,SAAOC,EAAcC,GACnBpE,EACEqD,KAAKJ,MAAMO,gBACRC,EAAAA,QAAOJ,KAAKJ,MAAMS,IAAlBD,CAAuB,OAFlB,uCAGR,CACEpD,KAAM,CACJA,KAAM,CACJyC,WAAY,CACVuB,GAAIF,EACJG,YAAaF,KAInBjE,OAAQ,SAEVS,KAAK,SAAa2D,GAClB7E,OAAOqE,SADWQ,EAAVzD,KACekD,KAAKC,eA7ElCC,EAiFEM,kBAAA,WACE,IAAMjB,EAAkB7C,KAAKgB,MAC3BhC,OAAO8B,aAAaC,QAAQ,2BAG9B,OAAI8B,OAA6BK,SAAS,CAAEL,gBAAAA,IAErCF,KAAKtE,WAGd0F,OAAA,WACE,OAAYxB,KAAAA,MAAMwB,OAAOpB,KAAKC,MAAMC,iBAAmB,GAAI,CACzDxE,MAAOsE,KAAKtE,MAAM2F,KAAKrB,MACvBQ,OAAQR,KAAKQ,OAAOa,KAAKrB,MACzBsB,OAAQtB,YAAYqB,KAAKrB,MACzBS,OAAQT,KAAKS,OAAOY,KAAKrB,YAhGcuB,EAAMC,WAAtC7B,EAqBG8B,aAAe,CAC3BtB,gBAAiB5E,GCzBrB,IAAMmG,EAAW,SAACC,EAAMC,GACtB,IAAIC,EAEJ,OAAO,eAAaC,EAClB,GAAAC,MAAAhC,KAAAiC,WAAMC,EAAUjC,KAEVkC,EAAQ,WACZL,EAAU,KACVF,EAAKQ,MAAMF,EAASH,IAGtBM,aAAaP,IACbA,EAAUQ,WAAWH,EAAON,KAG1BD,EAAKQ,MAAMF,EAASH,KAKbQ,EAAb,SAAAxC,GAQE,WAAYF,SAAU,OACpBC,EAAMD,EAAAA,KAAAA,KAAAA,UAEDK,MAAQ,CACXsC,MAAOlG,OAAOmG,YAGhB3C,EAAK4C,eAAiB5C,EAAK4C,eAAepB,KAA1CqB,EAAA7C,MAfJ8C,EAAAL,EAAAxC,GAAA,IAAAe,EAAAyB,EAAAM,iBAAA/B,EAkBE4B,eAAA,WACEzC,KAAKO,SAAS,CAAEgC,MAAOlG,OAAOmG,cAGhCrB,EAAAA,kBAAA,WACE9E,OAAOwG,iBAAiB,SAAUnB,EAAS1B,KAAKyC,eAAgB,MAAM,IAvB1E5B,EA0BEiC,qBAAA,WACEzG,OAAO0G,oBACL,SACArB,EAAS1B,KAAKyC,eAAgB,MAC9B,MAIJO,iBAAA,SAAiBT,GACf,OAAIA,EAAQ,IAAY,KACpBA,EAAQ,IAAY,KACpBA,EAAQ,IAAY,KACpBA,EAAQ,IAAY,KACjB,QAGTnB,OAAA,WACE,OAAYxB,KAAAA,MAAMwB,OAAOpB,KAAKgD,iBAAiBhD,KAAKC,MAAMsC,WA3C9D,CAAgChB,EAAMC,WA+CzByB,EAYX7B,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,YAAAA,EAAAA,EAAAA,GAAAA,EAAAA,UAAAA,OAAA,WAAM,IAAAd,EAAAN,KACJ,OACEuB,gBAACe,EAAU,CACTlB,OAAQ,SAAC8B,GACP,OAAyD,IAArD5C,EAAKV,MAAMuD,iBAAiBC,QAAQF,GAC/B5C,EAAKV,MAAMyD,YAAYH,GAGzB5C,EAAKV,MAAM0D,eAAeJ,SARzC9B,CAZiCG,EAAMC,WAA5ByB,EAQGxB,aAAe,CAC3B0B,iBAAkB,CAAC,KAAM,4CC3EbI,KACdlD,IAAAA,EAQDvE,EARCuE,IAQDmD,EAAA1H,EAPCN,IAAKiI,aAAc,GAOpBD,EANCE,EAAAA,EAAAA,MACGC,EAKJvH,EAAAN,EAAAR,GACOE,EACJiI,GAAkBrD,EAAAA,QAAOC,EAAPD,CAAY,gDAEhC,OACEmB,EACEqC,cAAA,SAAAF,MAAKG,EAAA,CACHC,gBAAiB,QACjBC,gBAAe,OAASvI,EAFrB,IAGHwI,mBAAoB,SACpBC,eAAgB,QAChBC,aAAc,MACdC,OAAQ,OACRC,WAAY,MACZ7B,MAAO,QACJmB,IAEDC,IClBMU,SAAAA,EAAkBxH,GAChC,OACE0E,EACEqC,cAAA,OAAA,CAAAU,KAHqBC,EAAAA,MAIrBC,EAAE,2yDAbmBD,IAAAA,EAAAA,EAAAA,MACzB,OACEhD,EACEqC,cAAA,OAAA,CAAAU,UAHqC,IAAAG,EAAR,OACjCA,EAGID,EAAE,gIAcQE,SAAAxD,GACd,OACEK,EACEqC,cAAA,OAAA,CAAAU,OAHgBC,MAIhBC,EAAE,+sBAKQG,SAAkBC,GAChC,OACErD,EACEqC,cAAA,OAAA,CAAAU,KAH4BM,EAAPL,MAIrBC,EAAE,4RAMN,OACEjD,EACEqC,cAAA,OAAA,CAAAU,KAHqBC,EAAAA,MAIrBC,EAAE,+JAKQ,SAAAK,GACd,OACEtD,EACEqC,cAAA,OAAA,CAAAU,OAHyBC,MAIzBC,EAAE,2WAKQM,SAAgBC,GAC9B,OACExD,EACEqC,cAAA,OAAA,CAAAU,KAHmBC,EAAAA,MAInBC,EAAE,qMAKQQ,SAAAC,GACd,OACE1D,EACEqC,cAAA,OAAA,CAAAU,OAHmBC,MAInBC,EAAE,gTAKQU,SAAcC,GAC5B,OACE5D,EACEqC,cAAA,OAAA,CAAAU,KAHwBa,EAAPZ,MAIjBC,EAAE,wgBAMN,OACEjD,EACEqC,cAAA,OAAA,CAAAU,KAHmBC,EAAAA,MAInBC,EAAE,uiBAKQ,SAAAY,GACd,OACE7D,EACEqC,cAAA,OAAA,CAAAU,OAHuBC,MAIvBC,EAAE,4YAKQa,SAAuBC,GACrC,OACE/D,EACEqC,cAAA,OAAA,CAAAU,KAH0BC,EAAAA,MAI1BC,EAAE,0aAKQe,SAAAC,GACd,OACEjE,EACEqC,cAAA,OAAA,CAAAU,OAHqBC,MAIrBC,EAAE,mkBClHRlJ,EAAA,CAAA,UAAA,SAAA,QAAA,QAIA,SAASmK,EAAT3J,GAAoByI,IAAAA,EAAAA,EAAAA,MAClB,OACEhD,EACEqC,cAAA,OAAA,CAAAY,EAAE,8GACFF,UAJsB,IAAAG,EAAA,OAC1BA,IAQF,SAASiB,KAAUnB,IAAAA,EAAAA,EAAAA,MACjB,OACEhD,EACEqC,cAAA,OAAA,CAAAY,EAAE,oPACFF,UAJqB,IAAAqB,EAAA,OACzBA,IAQcC,SAAAA,KACdC,IAAAA,EAAAA,EAAAA,QACAC,EAAAA,EAAAA,OACApC,EAAAA,EAAAA,MACAqC,EAAAA,EAAAA,KAAAA,OAAO,IAAAC,EAAA,KACJC,EAOJ7J,EAAA8E,EAAA5F,GAYC,OACEiG,EAAAqC,cAAA,MAAAC,EAAA,CACEqC,MAAM,6BACN3D,MAAOwD,EACP5B,OAAQ4B,EACRI,QAAQ,YACRC,KAAK,MAAK,kBACM,aAChB1C,MAAKG,EAAA,CAAIwC,QAAS,SAAY3C,IAC1BuC,GAEJ1E,EAAOqC,cAAA,QAAA,CAAA5C,GAAG,4BAAyB6E,EAAyB,aAE5DtE,EAAMqC,cAAA,OAAA,CAAA5C,GAAG,oDACmC6E,EACrC,SA1BY,WACrB,OAAOA,GACL,IAAK,WACH,OAAO,KACT,IAAK,OACH,OAAOtE,EAAAqC,cAAC8B,EAAO,MACjB,QACE,OAAOnE,EAAAqC,cAAC6B,EAAQ,OAqBjBa,GAEAC,EAAWV,GACVtE,EAAMqC,cAAc2C,EAAWV,GAAU,CAAEtB,MAAkB,YAAXsB,EAAwBC,EAAOU,MAAQ,SAEzFjF,oFClEF,SAAuCzF,GAAA,IAAlByI,EAAkBzI,EAAlByI,MAAkBkC,EAAA3K,EAAXiK,KAChC,OACExE,EACYqC,cAAA,MAAA,CAAA,YAAA,UACVO,YAJmC,IAAAsC,EAAA,GACvCA,EAIIzF,GAAG,uCACHmF,QAAQ,gBACRD,MAAM,8BAEN3E,EAA4BqC,cAAA,QAAA,KAAA,iBAC5BrC,EACEqC,cAAA,OAAA,CAAAU,KAAMC,EACNC,EAAE,81FAM8B3H,GAAA,IAAlB0H,IAAAA,MAAkBmC,EAAA7J,EAAXkJ,KAC3B,OACExE,EACYqC,cAAA,MAAA,CAAA,YAAA,UACVO,YAJkC,IAAAuC,EAAJ,GAClCA,EAII1F,GAAG,uCACHmF,QAAQ,eACRD,MAAM,8BAEN3E,EAAuBqC,cAAA,QAAA,KAAA,YACvBrC,EACEqC,cAAA,OAAA,CAAAU,KAAMC,EACNC,EAAE,g6GAMJ,SAAuCtD,GAAA,IAAlBqD,EAAAA,EAAAA,MAAOwB,EAAAA,EAAAA,KAChC,OACExE,EACYqC,cAAA,MAAA,CAAA,YAAA,UACVO,YAJuC,IAAA6B,EAAJ,GAAIA,EAKvChF,GAAG,UACHmF,QAAQ,eACRD,MAAM,8BAEN3E,EAA4BqC,cAAA,QAAA,KAAA,iBAC5BrC,EACEqC,cAAA,OAAA,CAAAU,KAAMC,EACNC,EAAE,29EAMmCI,GAAA,IAAlBL,IAAAA,MAAkBoC,EAAA/B,EAAXmB,KAChC,OACExE,EACYqC,cAAA,MAAA,CAAA,YAAA,UACVO,YAJuC,IAAAwC,EAAJ,GACvCA,EAII3F,GAAG,uCACHmF,QAAQ,gBACRD,MAAM,8BAEN3E,EAA6BqC,cAAA,QAAA,KAAA,kBAC7BrC,EACEqC,cAAA,OAAA,CAAAU,KAAMC,EACNC,EAAE,s5FAMMoC,SAAiCC,GAAA,IAAlBtC,EAAAA,EAAAA,UAAOwB,KACpC,OACExE,EACYqC,cAAA,MAAA,CAAA,YAAA,UACVO,YAJ2C,IAAA2C,EAAJ,GAAIA,EAK3C9F,GAAG,uCACHmF,QAAQ,iBACRD,MAAM,8BAEN3E,EAAiCqC,cAAA,QAAA,KAAA,sBACjCrC,EACEqC,cAAA,OAAA,CAAAU,KAAMC,EACNC,EAAE,ksIAMJ,SAAqCK,GAAA,IAAlBN,EAAAA,EAAAA,MAAOwB,EAAAA,EAAAA,KAC9B,OACExE,EACYqC,cAAA,MAAA,CAAA,YAAA,UACVO,kBAJiC,GAAI4C,EAKrC/F,GAAG,uCACHmF,QAAQ,gBACRD,MAAM,8BAEN3E,EAA0BqC,cAAA,QAAA,KAAA,eAC1BrC,EACEqC,cAAA,OAAA,CAAAU,KAAMC,EACNC,EAAE,wkEAMMU,SAAyBH,GAAA,IAAlBR,EAAAA,EAAAA,UAAOwB,KAC5B,OACExE,EACEqC,cAAA,MAAA,CAAA5C,GAAG,uCAAsC,YAC/B,UACVkF,MAAM,6BACN/B,YANmC,IAAA6C,EAAJ,GAAIA,EAOnCb,QAAQ,iBAER5E,EAAwBqC,cAAA,QAAA,KAAA,aACxBrC,EACEqC,cAAA,OAAA,CAAAU,KAAMC,EACNC,EAAE,28CAMMQ,SAAVC,OAAmBV,EAAAA,EAAAA,MAAOwB,EAAAA,EAAAA,KAC9B,OACExE,EACYqC,cAAA,MAAA,CAAA,YAAA,UACVO,YAJqC,IAAA8C,EAAJ,GAAIA,EAKrCjG,GAAG,uCACHmF,QAAQ,gBACRD,MAAM,8BAEN3E,EAA0BqC,cAAA,QAAA,KAAA,eAC1BrC,EACEqC,cAAA,OAAA,CAAAU,KAAMC,EACNC,EAAE,yrEAMiCW,GAAA,IAAlBZ,EAAAA,EAAAA,MAAOwB,EAAAA,EAAAA,KAC9B,OACExE,EACYqC,cAAA,MAAA,CAAA,YAAA,UACVO,YAJiC,IAAA+C,EAAA,KAKjClG,GAAG,uCACHmF,QAAQ,gBACRD,MAAM,8BAEN3E,EAA0BqC,cAAA,QAAA,KAAA,eAC1BrC,EACEqC,cAAA,OAAA,CAAAU,KAAMC,EACNC,EAAE,wxDAMM2C,SAAVC,OAAuB7C,EAAAA,EAAAA,MAAOwB,EAAAA,EAAAA,KAClC,OACExE,EACEqC,cAAA,MAAA,CAAA5C,GAAG,UAAS,YACF,UACVkF,MAAM,6BACN/B,YANyC,IAAAkD,EAAJ,GAAIA,EAOzClB,QAAQ,iBAER5E,EAA8BqC,cAAA,QAAA,KAAA,mBAC9BrC,EACEqC,cAAA,OAAA,CAAAY,EAAE,k0GACFF,KAAMC,oBAMEc,SAAVD,GAA0Bb,IAAAA,EAAAA,EAAAA,MAAOwB,EAAAA,EAAAA,KACrC,OACExE,EACEqC,cAAA,MAAA,CAAA5C,GAAG,uCAAsC,YAC/B,UACVkF,MAAM,6BACN/B,kBANwC,GAAImD,EAO5CnB,QAAQ,kBAER5E,EAAiCqC,cAAA,QAAA,KAAA,sBACjCrC,EACEqC,cAAA,OAAA,CAAAU,KAAMC,EACNC,EAAE,ktJAMMe,SAA6BD,GAAA,IAAlBf,EAAAA,EAAAA,MAAOwB,EAAAA,EAAAA,KAChC,OACExE,EACEqC,cAAA,MAAA,CAAA5C,GAAG,uCAAsC,YAC/B,UACVkF,MAAM,6BACN/B,YANmC,IAAAoD,EAAA,GACvCA,EAMIpB,QAAQ,iBAER5E,EAA4BqC,cAAA,QAAA,KAAA,iBAC5BrC,EACEqC,cAAA,OAAA,CAAAU,KAAMC,EACNC,EAAE,44FChNMgD,SAAAA,EAAV1L,GAAwB+J,IAAAA,EAA2B/J,EAA3B+J,YAAgBE,KAC5C,OAAO0B,EAAY5B,GACjBtE,EAAMqC,cAAc6D,EAAY5B,GAAU,CAAEtB,MAFTA,EAAAA,MAEgBwB,UAFE,IAAAU,EAAJ,GACnDA,IAGElF,EAAAqC,cAAA,MAAA,KAAA,yBCRS8D,IAAAA,EAA6B,CACxCC,WAAY,kCAGDC,EAAa,CACxBA,WAAU,WAGCC,EAAU,CACrBC,KAAM,YCTRxM,EAAA,CAAA,MAAA,UAAA,OAAA,SAAAyM,EAAA,CAAA,OAAA,SAAAC,EAAA,CAAA,OAAA,OAAA,SAAAC,EAAA,CAAA,OAAA,OAAA,SAAAC,EAAA,CAAA,SAAA,SAAAC,EAAA,CAAA,SAAA,SAAAC,EAAA,CAAA,OAAA,OAAA,SAAAC,EAAA,CAAA,OAAA,SAAAC,EAAA,CAAA,OAAA,SAEaC,EAAO,SAWfzM,GAAA,IAAA0M,EAAA1M,EAVH2M,IAAAA,OAUG,IAAAD,GAAAA,EAAAE,EAAA5M,EATH6M,QAAAA,OASG,IAAAD,EATO,OASPA,EAAAE,EAAA9M,EARHwI,KAAAA,OAAO,IAAAsE,EAAA,OACPlF,EAAAA,EAAAA,EAAAA,MACG9D,EAOHxD,EAAAN,EAAAR,GAAMuN,EACJtH,EAAAqC,cAAA,OAAA,CACEY,EAAE,yPACFF,KAAK,UAGT,OACE/C,EAAAqC,cAAA,MAAAC,EAAA,CACEtB,MAAM,KACN4B,OAAO,KACPgC,QAAQ,YACRzC,MAAS2C,EAAAA,CAAAA,QAAS,SAAY3C,IAC1B9D,EALN,CAMEkJ,OAAO,SAEPvH,EAAmBqC,cAAA,QAAA,KAAA,QACnBrC,EAAAqC,cAAA,OAAA,KACErC,EAAAqC,cAAA,OAAA,CAAM5C,GAAG,eAAe6H,GACxBtH,EAAMqC,cAAA,OAAA,CAAA5C,GAAG,YACN6H,EACDtH,EAAAqC,cAAA,SAAA,CAAQmF,GAAG,KAAKC,GAAG,IAAI1E,KAAK,QAAQ2E,EAAE,QAG1C1H,EAAAqC,cAAA,OAAA,CACEU,KAAMA,EACNH,OAAO,KACP+E,KAAMT,EAAM,iBAAmB,mBAC/BlG,MAAM,KACN4G,EAAE,IACFC,EAAE,MAEHX,GAAOlH,0BAAQwH,GAAG,KAAKC,GAAG,IAAIC,EAAE,IAAI3E,KAAMqE,GAAWrE,MAK/C+E,EAAiB,SAAAxM,GAAA,IAAAyM,EAAAzM,EAC5B0M,KAAAA,OAAO,IAAAD,GACP5F,EAAAA,EAAAA,EAAAA,MACGC,EAKHpC,EAAAA,EAAAA,GAAAA,OAAAA,EACEqC,cAAA,MAAAU,EAAAA,CAAAA,KAAK,OACLH,OAAO,MACPT,MAAYA,EAAAA,GAAAA,GACZnB,MAAM,OACFoB,GAEJpC,EAAGqC,cAAA,IAAA,CAAA4F,SAAS,qBACVjI,EAAAqC,cAAA,OAAA,CACE6F,QAAQ,KACRjF,EAAE,8UACFF,KAAMiF,EAAO,UAAY,YAE3BhI,EAAGqC,cAAA,IAAA,CAAA6F,QAAQ,MACTlI,EAAAqC,cAAA,OAAA,CACE6F,QAAQ,KACRjF,EAAE,yvBACFF,KAAK,aAGT/C,EAAAqC,cAAA,OAAA,CACEY,EAAE,uoBACFF,KAAK,YAEP/C,EAAAqC,cAAA,OAAA,CACEY,EAAE,4DACFF,KAAK,YAEP/C,EAAAqC,cAAA,OAAA,CACEY,EAAE,iKACFF,KAAK,YAEP/C,EAAAqC,cAAA,OAAA,CACEY,EAAE,+KACFF,KAAMiF,EAAO,UAAY,YAE3BhI,EACEqC,cAAA,OAAA,CAAAY,EAAE,kVACFF,KAAK,aAGT/C,EAAAqC,cAAA,OAAA,KACErC,EAAUqC,cAAA,WAAA,CAAA5C,GAAG,eACXO,EAAAqC,cAAA,OAAA,CAAMU,KAAK,OAAOE,EAAE,4BAMfkF,EAAc,SAAAxI,GAAA,IAAAyI,EAAAzI,EACzBoD,KAAAA,OADyB,IAAAqF,EAClB,OACP5D,EAAAA,EAAAA,EAAAA,KAAAA,OAAO,IAAAC,EAAA,GACPtC,EAAAA,EAAAA,EAAAA,MACGC,EAMHpC,EAAAA,EAAAA,GAAAA,OAAAA,sBACE4C,EAAAA,CAAAA,OAAQ4B,EACRrC,MAAS2C,EAAAA,CAAAA,QAAS,SAAY3C,GAC9ByC,QAAQ,YACR5D,MAAOwD,GACHpC,GAEJpC,EAAsBqC,cAAA,QAAA,KAAA,WACtBrC,EACEqC,cAAA,OAAA,CAAAY,EAAE,4FACFF,KAAMA,MAKCsF,GAAM,SACjBtF,GAAAA,IAAAA,EAAAA,EAAAA,KAAAA,OADiB,IAAAuF,EACV,OADUA,EAAAlD,EAAA/B,EAEjBmB,KAAAA,OAFiB,IAAAY,EAEV,GAFUA,EAGjBjD,EAHiBkB,EAGjBlB,MACGC,EAJcvH,EAAAwI,EAAAqD,GAAA,OAUjB1G,sBAAAsC,EAAA,CACEM,OAAQ4B,EACRrC,MAAKG,EAAA,CAAIwC,QAAS,SAAY3C,GAC9ByC,QAAQ,YACR5D,MAAOwD,GACHpC,GAEJpC,EAAuBqC,cAAA,QAAA,KAAA,YACvBrC,EACEqC,cAAA,OAAA,CAAAY,EAAE,27GACFF,KAAMA,MAKCwF,GAAwB,gBACnChE,EAAAA,EAAAA,OACApC,EAAAA,EAAAA,MACGC,EAKHpC,EAAAA,EAAAA,GAAAA,OAAAA,sBAAAsC,EAAA,CACEU,MAAOuB,EAAOiE,MACd5F,OAAO,KACPgC,QAAQ,YACR5D,MAAM,MACF,CAAEmB,MAAAA,GACFC,GAEJpC,EAAsBqC,cAAA,QAAA,KAAA,WACtBrC,EACEqC,cAAA,UAAA,CAAAU,KAAK,eACL0F,OAAO,kGAKAC,GAAW,SAAApF,GACtBiB,IAAAA,EADsBjB,EACtBiB,OAEGnC,EAHmBvH,EAAAyI,EAAAsD,GAAA,OAQtB5G,EACEqC,cAAA,SAAAW,MAAOuB,EAAOiE,MACd5F,OAAO,KACPT,MAAO,CAAE2C,QAAS,SAClBF,QAAQ,YACR5D,MAAM,MACFoB,GAEJpC,EAAmBqC,cAAA,QAAA,KAAA,QACnBrC,EACEqC,cAAA,OAAA,CAAAY,EAAE,ybACFF,KAAK,mBAKE4F,GAAsB,oBACjC5F,KAAAA,OADiC,IAAA6F,EAC1B,OAD0BA,EAAAnD,EAAAjC,EAEjCgB,KAAAA,OAFiC,IAAAiB,EAE1B,GAF0BA,EAGjCtD,EAHiCqB,EAGjCrB,MACGC,EAMHpC,EAAAA,EAAAA,GAAAA,OAAAA,sBAAAsC,EAAA,CACEM,OAAQ4B,EACRrC,MAAKG,EAAA,CAAIwC,QAAS,SAAY3C,GAC9ByC,QAAQ,YACR5D,MAAOwD,GACHpC,GAEJpC,EAAwCqC,cAAA,QAAA,KAAA,6BACxCrC,EACEqC,cAAA,OAAA,CAAAY,EAAE,mtBACFF,KAAMA,MA4BC8F,GAAI,SACf9F,GAAAA,IAAAA,EAAAA,EAAAA,KAAAA,OADe,IAAA+F,EACR,UADQA,EAEf3G,EAFeyB,EAEfzB,MACGC,EAHYvH,EAAA+I,EAAAmD,GAAA,OAQf/G,EACEqC,cAAA,SAAArB,MAAM,KACN4B,OAAO,KACPgC,QAAQ,YACRzC,MAAKG,EAAA,CAAIwC,QAAS,SAAY3C,IAC1BC,GAEJpC,EAAsBqC,cAAA,QAAA,KAAA,WACtBrC,EACEqC,cAAA,OAAA,CAAAY,EAAE,sIACFF,KAAMA,MC/QZhJ,GAAA,CAAA,SAIgBgP,SAAAA,GAYfxO,GAAA,IAXC4H,EAAAA,EAAAA,MACGC,UAWH,OACEpC,EACEqC,cAAA,SAAAF,EAAAA,CAAAA,SACE6G,iBAAkB,OAClBC,WAAY,OACZ1G,gBAAiB,cACjB2G,OAAQ,OACRC,OAAQ,UACRrE,QAAS,eACTsE,QAAS,EACTC,QAAS,GACNhD,EACAlE,IAEDC,+ECvBJkH,GAAa,SAed/O,GAAA,IAdH+J,EAAAA,EAAAA,QACAC,EAaGhK,EAbHgK,OACAgF,EAYGhP,EAZHgP,gBACAC,IAAAA,SACAC,EAAAA,EAAAA,QACAtH,EAAAA,EAAAA,MAAAA,aAAQ,KASLuH,EARAtH,EASHvH,EAAAN,EAAAR,IAAA4P,EAAwB3J,EAAMtD,UAAS,GAAhCkN,EAAMC,EAAAA,GAAAA,OACiB7J,EAAAA,EAAMtD,UAAS,GAAtCoN,OAASC,EAAhBC,EAAA,GASA,OACEhK,gBAAC+I,GAADzG,EAAA,CACEmH,QAASA,EACTQ,YAAa,WAAA,OAAMJ,GAAQ,IAC3BK,aAAc,WAAA,OAAMH,GAAW,IAC/BI,aAAc,WAAA,OAAMJ,GAAW,IAC/BK,UAAW,WAAMP,OAAAA,GAAQ,IACzB1H,MACEkI,EAAAA,CAAAA,WAAY,SACZ9H,gBAfAiH,IAAaI,EAAarF,EAAO+F,MACjCR,GAAWF,EAAarF,EAAOgG,MAC/BT,EAAgBvF,EAAO+F,MACpB,cAaHxF,QAAS,OACTlC,OAAQ,OACRwG,QAAS,EACToB,YAAa,OACbC,aAAc,OACdC,WAAY,UACTvE,EACAhE,IAEDC,GAEJpC,EAACqC,cAAAgC,GACCC,QAASA,EAAQqG,QAAQ,QAAS,IAClCpG,OAAQA,EACRC,KAAM,MAEN+E,GACAvJ,EAAAqC,cAAArC,EAAA4K,SAAA,KACe,aAAZtG,EACCtE,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLa,MAAO,OACP6H,SAAU,OACVC,WAAY,IACZjI,WAAY,IACb,oBAKH7C,EAAAqC,cAAArC,EAAA4K,SAAA,KACE5K,EAAKqC,cAAA,MAAA,CAAA7F,IAAI,WAAW2F,MAAO,CAAE4I,OAAQ,KACrC/K,EAACqC,cAAA4D,EACC,CAAA3B,QAASA,EAAQqG,QAAQ,QAAS,IAClC3H,MAAM,OACNxG,IAAI,gBACJgI,KAAM,MAIZxE,EAAKqC,cAAA,MAAA,CAAA7F,IAAI,UAAU2F,MAAO,CAAE4I,OAAQ,KACpC/K,EAACqC,cAAAkG,IACChE,OAAQA,EACR/H,IAAI,0BACJ2F,MAAO,CAAE2C,QAAS,qDCpF5B,MAAO,CACL9E,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,OACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,uCACHuL,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,cAG/BtL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAAiC,qBAC5CwD,EACEqC,cAAA,OAAA,CAAA7F,IAAI,OACJyG,EAAE,0GACFF,KAAK,gEAMT,MAAO,CACL/C,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,OACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,uCACHuL,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,cAG/BtL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAA4B,gBACvCwD,EACEqC,cAAA,OAAA,CAAA7F,IAAI,OACJyG,EAAE,4FACFF,KAAK,0DAKKK,WACd,MAAO,CACLpD,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,QACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,oBACHuL,GAAG,OACHC,GAAG,OACHC,GAAG,QACHC,GAAG,QACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,cAG/BtL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAAiC,qBAC5CwD,EACEqC,cAAA,OAAA,CAAA7F,IAAI,OACJyG,EAAE,iEACFF,KAAK,kDAMT,MAAO,CACL/C,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,OACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,uCACHuL,GAAG,OACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,cAG/BtL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAAkC,sBAC7CwD,EACEqC,cAAA,OAAA,CAAA7F,IAAI,OACJyG,EAAE,8GACFF,KAAK,yEAMT,MAAO,CACL/C,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,OACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,uCACHuL,GAAG,OACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,cAG/BtL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAAsC,0BACjDwD,EACEqC,cAAA,OAAA,CAAA7F,IAAI,OACJyG,EAAE,yGACFF,KAAK,wDAKKQ,WACd,MAAO,CACLvD,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,OACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,uCACHuL,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,cAG/BtL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAA+B,mBAC1CwD,EACEqC,cAAA,OAAA,CAAA7F,IAAI,OACJyG,EAAE,8GACFF,KAAK,mEAMT,MAAO,CACL/C,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,OACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,uCACHuL,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,cAG/BtL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAA+B,mBAC1CwD,EACEqC,cAAA,OAAA,CAAA7F,IAAI,OACJyG,EAAE,0GACFF,KAAK,iEAMT,MAAO,CACL/C,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,OACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,uCACHuL,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,cAG/BtL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAAwB,YACnCwD,EACEqC,cAAA,OAAA,CAAA7F,IAAI,OACJyG,EAAE,oPACFF,KAAK,gCAMT,MAAO,CACL/C,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,OACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,uCACHuL,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,cAG/BtL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAA+B,mBAC1CwD,EACEqC,cAAA,OAAA,CAAA7F,IAAI,OACJyG,EAAE,0GACFF,KAAK,4DAKK6C,WACd,MAAO,CACL5F,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,OACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,sBACHuL,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,aAE7BtL,EAAAqC,cAAA,iBAAA,CACE5C,GAAG,wBACHuL,GAAG,OACHC,GAAG,OACHC,GAAG,SACHC,GAAG,SACHI,kBAAkB,yCAClBC,UAAU,0BAGdxL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAAmC,uBAC9CwD,EACEqC,cAAA,OAAA,CAAAY,EAAE,0GACFF,KAAK,4BACLvG,IAAI,SAENwD,EACEqC,cAAA,SAAA,CAAAmF,GAAG,QACHC,GAAG,QACHC,EAAE,QACF+D,UAAU,0CACV1I,KAAK,8BACLvG,IAAI,sCAMR,MAAO,CACLwD,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,OACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,uCACHuL,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,cAG/BtL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAAsC,0BACjDwD,EACEqC,cAAA,OAAA,CAAA7F,IAAI,OACJyG,EAAE,0GACFF,KAAK,qEAMT,MAAO,CACL/C,EAAMqC,cAAA,OAAA,CAAA7F,IAAI,OACRwD,EACEqC,cAAA,iBAAA,CAAA5C,GAAG,uCACHuL,GAAG,OACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdpL,EAAAqC,cAAA,OAAA,CAAMgJ,OAAO,IAAIC,UAAU,YAC3BtL,EAAMqC,cAAA,OAAA,CAAAgJ,OAAO,IAAIC,UAAU,cAG/BtL,EAAOqC,cAAA,QAAA,CAAA7F,IAAI,SAAiC,qBAC5CwD,EACEqC,cAAA,OAAA,CAAA7F,IAAI,OACJyG,EAAE,yGACFF,KAAK,kDC1SL,SAAU2I,GAAVnR,GACJ+J,IAAAA,EAAAA,EAAAA,QACAE,EAAAA,EAAAA,KAAAA,OAID,IAAAU,EAJQ,GAIRA,EACC,OACElF,EACEqC,cAAA,MAAA,CAAAsC,MAAM,6BACN3D,MAAOwD,EACP5B,OAAQ4B,EACRI,QAAQ,YACRzC,MAAO,CAAE2C,QAAS,UAGhB9E,EAAMqC,cADPsJ,GAAkBrH,GACGqH,GAAkBrH,GAEhC,OAF0C,CAAE9H,IAAK,SAIxDwI,EAAWV,GACVtE,EAAMqC,cAAc2C,EAAWV,GAAU,CAAEtB,MAAO,OAAQxG,IAAK,SAE/DwD,EAAAqC,cAAA,MAAA,CAAK7F,IAAI,kCC5BOoP,SAAAA,GAAyBC,GAC/C,IAAArR,EAAAsR,EAAAC,EAAMC,EAAoBH,SAAAA,EAAYI,cAChCC,EAAO,OAAA1R,EAAGM,SAAA,OAAHgR,EAAGtR,EAAQ2E,WAAX,OAAG4M,EAAAD,EAAkBK,eAArB,EAAGJ,EAA4BK,WAE5C,IAAKF,EAAS,OAAOF,EAErB,IAAMK,EAAS,IAAIC,gBAGnB,OAFAD,EAAOE,OAAO,UAAWL,GAEfF,EAAV,IAAsBK,EAAOD,iDCPzBI,GAAoB,SAYrBjS,GAAA,IAAAkS,EAAAlS,EAXHmS,OAAAA,OAWG,IAAAD,GAVHE,EAAAA,EAAAA,EAAAA,UAAWC,OAAI,IAAAC,EAAA,aACf1K,MAAAA,OASG,IAAAuH,EATK,KASLA,EARAtH,EASHvH,EAAAN,EAAAR,IAAA4P,EAA8B3J,EAAMtD,UAAS,GAA7BqN,EAAhBJ,EAAA,GAKA,OACE3J,EAACqC,cAAAuK,EACC1C,EAAAA,CAAAA,aAAc,WAAA,OAAMH,GAAW,IAC/BI,aAAc,WAAMJ,OAAAA,GAAW,IAC/B5H,MAAYA,EAAAA,GAAAA,GAAOI,gBANrBmK,EAAS,UAHX/C,EAAA,GAGiC,UAAY,iBAOrCvH,KCzBVrI,GAAA,CAAA,UAAA,iBAAA,WAEqB+S,eAWnB,WAAYzO,SAAU,OACpBC,EAAMD,EAAAA,KAAAA,KAAAA,UAHA0O,eAIN,EAAAzO,EAAK0O,mBAAqB1O,EAAK0O,mBAAmBlN,KAAlDqB,EAAA7C,IACDA,oCAEDiD,qBAAA,WACEtG,SAASuG,oBAAoB,QAAS/C,KAAKuO,oBAAoB,IAGjEA,EAAAA,mBAAA,SAAmB5Q,GACjB,IAAIqC,KAAKsO,UAAUE,SAAS7Q,EAAE8Q,QAK9B,OAHA9Q,EAAE+Q,kBACF/Q,EAAEgR,sBAEU/O,MAAMgP,kBAGpBxN,EAAAA,OAAA,WAAM,IAAAd,EAAAN,KACmD6O,EAAA7O,KAAKJ,MAApDkP,EAAAA,EAAAA,QAAqClP,EAA7CxD,EAAAyS,EAAAvT,IAQA,OANIwT,EACFtS,SAASuG,oBAAoB,QAAS/C,KAAKuO,oBAAoB,GAE/D/R,SAASqG,iBAAiB,QAAS7C,KAAKuO,oBAAoB,GAGvDhN,yBAAKwN,IAAK,SAACC,UAAO1O,EAAKgO,UAAYU,IAAQpP,QAtChB2B,EAAMC,wBCAtCyN,GAAY,SAChBvL,GAAAA,IAAAA,EAAAA,EAAAA,MAAAA,OAAQ,IAAAuH,EAAA,OACLtH,EAFavH,EAAAN,EAAAR,IAAA,OAOhBiG,EAAAqC,cAAA,MAAAC,EAAA,CACEH,MAAKG,EAAA,CACHqL,UAAW,WACX7I,QAAS,OACT8I,SAAU,YACPzL,IAEDC,KChBRrI,GAAA,CAAA,YAAA,SAEM8T,GAAQ,SACZlB,GAAAA,IAAAA,EAAAA,EAAAA,UAAWC,OAAI,IAAAC,EAAA,MACf1K,EAAAA,EAAAA,EAAAA,MAAAA,OAFY,IAAAuH,EAEJ,KAFIA,EAGTtH,EAHSvH,EAAAN,EAAAR,IAAA,OAWZiG,EAACqC,cAAAuK,EAADtK,EAAA,CACEH,MAAKG,EAAA,CACHwL,WAAY,UACZnL,aAAc,MACdoL,UAAW,+CACXC,SAAU,SACVJ,SAAU,YACPzL,IAEDC,KCRF6L,GAAW,SAYZ1T,GAAA,IAXH+J,EAWG/J,EAXH+J,QACAnG,IAAAA,KACAW,EAAAA,EAAAA,IACAoP,EAQG3T,EARH2T,OACAC,EAAAA,EAAAA,QAQMC,EAAkBjQ,EAAKkQ,KAAK,YAAA,MAAuB,eAApBC,OAC/BC,EAAcpQ,EAAKkQ,KAAK,SAAGC,SAAoB,SAApBA,EAAAA,OAC3BE,EAAe,GAAIrQ,OAAAA,GACtBsQ,OAAO,gBAAGH,IAAAA,KAAH,MAAuB,SAATA,GAA4B,aAATA,IACxCI,KAAK,SAACC,EAAGC,GAAMD,OAAAA,EAAEL,KAAKO,cAAcD,EAAEN,QAEnCQ,EAAaxM,EAAA,GACd+D,EACHgE,CAAAA,WAAY,SACZvF,QAAS,OACTlC,OAAQ,OACRoL,SAAU,SACV3E,QAAS,SACT0F,cAAe,WAGjB,OACE/O,gBAAC0N,GAAS,KACR1N,EAAAqC,cAACwL,GACC,CAAAN,SAAUY,EACVxB,UAAWG,GACXO,eAAgBa,EAChB/L,SACE6M,UAAW,OACPb,EACA,CAAEjG,QAAS,EAAG9B,WAAY,OAAQ6I,WAAY,WAC9C,CACE/G,QAAS,EACT9B,WAAY,oBACZ6I,WAAY,YAIpBjP,EAAAqC,cAAA,OAAA,CAAMF,MAAO,CAAE4I,OAAQ,EAAGmE,SAAU,IAAK7F,QAAS,IAC/CkF,GACCvO,EAAAqC,cAACmK,GAAiB,CAChBG,UAAU,IACO,mBAAA,EACjBwC,KACE7K,IAAYiK,EAAYD,KACjBzP,EAAAA,QAAOC,EAAPD,CAAY,YAAoByF,SAAAA,EACnCzF,EAAAA,QAAOC,EAAPD,CAAY,YACZ+M,GAAyB2C,EAAYD,MAE3CnM,MAAY2M,EAAAA,GAAAA,GAAeM,aAAc,uBAEzCpP,EAAAqC,cAAA,MAAA,CAAKF,MAAO,CAAEkN,YAAa,QACzBrP,EAACqC,cAAAqJ,GAAa,CAAApH,QAAQ,OAAOE,KAAM,MAErCxE,EAAAqC,cAAC4D,EAAW,CAAC3B,QAAQ,OAAOtB,MAAM,OAAOwB,KAAM,MAGlDgK,EAAac,IAAI,SAAWC,EAAAA,GAARjB,IAAAA,EAAAA,EAAAA,KACbkB,EAAgB,IAAND,EACVE,EAASF,IAAMf,EAAakB,OAAS,EAC3C,OACE1P,EAAAqC,cAACmK,GAAiB,CAChBG,UAAU,IACO,mBAAA,EACjBwC,KACEb,IAAShK,EACFzF,EAAM,QAACC,EAAPD,CAAY,qBAAoByP,EAAKrC,cACxCpN,EAAAA,QAAOC,EAAPD,CAAY,YAAc+M,GAAyB0C,GAEzD9R,IAAK8R,EACLnM,WACK2M,EADA,CAEHlM,OAAQ,OACR+M,cAAeF,EAAS,MAAQ,KAChCG,WAAYJ,EAAU,MAAQ,QAGhCxP,EAAAqC,cAAA,MAAA,CAAKF,MAAO,CAAEkN,YAAa,QACzBrP,EAAAqC,cAACqJ,GAAa,CAAApH,QAASgK,EAAK3D,QAAQ,QAAS,IAAKnG,KAAM,MAE1DxE,EAACqC,cAAA4D,GACC3B,QAASgK,EAAK3D,QAAQ,QAAS,IAC/B3H,MAAM,OACNwB,KAAM,QAKb4J,GACCpO,EAAAqC,cAACmK,GACC,CAAAG,UAAU,IAAG,mBACI,EACjBwC,KACEtQ,UAAOC,EAAPD,CAAY,YACZ+M,GAAyBwC,EAAgBE,MAE3CnM,MAAKG,EAAA,GACAwM,EACHe,CAAAA,UAAW,oBACXxG,QAAS,SACTyG,eAAgB,UAGlB9P,EAAAqC,cAAA,MAAA,CACEO,OAAQ,GACRT,MAAO,CAAE2C,QAAS,QAASuK,YAAa,OACxCzK,QAAQ,YACR5D,MAAO,GACP2D,MAAM,8BAEL3E,EAAMqC,cAAc2C,EAAwB,CAC3ChC,MAAO,UACPxG,IAAK,UAGTwD,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLa,MAAO,UACP6H,SAAU,OACVkF,WAAY,SACb,yBC9IjBhW,GAAA,CAAA,SAAA,YAAA,QAAA,WAAA,SAIMiW,GAAY,SAAAzV,WAChBmS,OAAAA,OAgBG,IAAAD,EAhBM,KACTE,EAAAA,EAAAA,EAAAA,UAAWC,aAAI,MAeZC,EAAAoD,EAAA1V,EAdH2V,MAAAA,OAAQ,IAAAD,EAAA,KACRE,EAAAA,EAAAA,EAAAA,SAAAA,OAAW,IAAAC,EAAA,WACXjO,MAAAA,OAYG,IAAAuH,EAZK,KACLtH,EAAAA,EAYHvH,EAAAN,EAAAR,IAAA4P,EAAwB3J,EAAMtD,UAAS,GAAhCkN,EAAMC,EAAAA,GAAAA,OACiB7J,EAAAA,EAAMtD,UAAS,GAA7BqN,EAAhBC,EAAA,GAEA,OACEhK,gBAAC4M,EACC3C,EAAAA,CAAAA,YAAa,WAAA,OAAMJ,GAAQ,IAC3BK,aAAc,WAAA,OAAMH,GAAW,IAC/BI,aAAc,WAAA,OAAMJ,GAAW,IAC/BK,UAAW,WAAA,OAAMP,GAAQ,IACzB1H,MACKkE,EAAAA,GAAAA,EACAlE,QACY+N,EACXtG,GAAQ8C,IAETyD,GAAY,CAAE3C,IAAK2C,GACpB/N,iEClCJiO,GAAmB,SAAA9V,OACvBgK,EAAAA,EAAAA,OACA+L,EAAAA,EAAAA,iBAAAA,OAWG,IAAAC,GAAAA,EAAAC,EAAAjW,EAVHkW,QAAAA,OAAU,IAAAD,GACVE,EAAAA,EAAAA,EAAAA,OAAAA,cASGC,EAAAjH,EAAAnP,EARH4H,MAAAA,OAQG,IAAAuH,EARK,GAQLA,EAPArL,EAOAxD,EAAAN,EAAAR,IACH,OACEiG,EAASqC,cAAA,MAAAhE,EAAAA,GAAAA,EAAO8D,CAAAA,SAASkI,WAAY,SAAUvF,QAAS,QAAW3C,KACjEnC,EAACqC,cAAAuO,GACC1J,IAAKoJ,EACLvN,KACE2N,EACI,UACAD,GAAWlM,EAAOsM,WAClBtM,EAAOsM,WACPtM,EAAOiE,UCzBfsI,GAAkB,SAAAvW,GAAA,IACtBwW,IAAAA,SADsBC,EAAAzW,EAEtB0W,UAFsB,YAEV,IAAAD,GACZE,GAKiBA,IALjBA,MAKsBH,GAAYA,GCRpC,SAASI,GACPC,GAEA,IAAAnU,EAA0BP,EAAQA,UAAU,GAArC2U,EAAOC,EAAAA,GAAAA,EAEdrU,EAAA,GAAMsU,EAAmB,WAAMD,OAAAA,GAAS,IAClCE,EAAmB,WAAA,OAAMF,GAAS,IAexC,OAbAlU,EAAAA,UAAU,WACR,IAAMqU,EAAOL,MAAAA,OAAAA,EAAAA,EAAYM,QACzB,GAAKD,EAKL,OAHAA,EAAKnQ,iBAAiB,aAAciQ,GACpCE,EAAKnQ,iBAAiB,aAAckQ,GAExB,WACVC,EAAKjQ,oBAAoB,aAAc+P,GACvCE,EAAKjQ,oBAAoB,aAAcgQ,KAExC,CAACJ,IAEGC,ECvBT,IAAAtX,GAAA,CAAA,OAAA,SAIM4X,GAAU,SACd3J,GAAAA,IAAAA,EADczN,EACdyN,KACA7F,EAAAA,EAAAA,MACG9D,EAHWxD,EAAAN,EAAAR,IAAA,OASdiG,EAAAqC,cAAA,MAAAC,EAAA,CACEH,MAAKG,EAAA,CACHU,MAAOgF,ECWK,gBAFA,gBDRZ6C,SAAU,OACVC,WAAY,IACZ8G,cAAe,aACZzP,IAED9D,KEVFwT,GAAc,SAMftX,GAAA,IAAAuX,EAAAvX,EALHwX,OAAAA,cAKGD,EAJHrI,EAAAA,EAAAA,QAKMuI,EAAWhS,EAAMiS,OAAO,MACxBxB,EAAUU,GAASa,GAEzB,OACEhS,EACEqC,cAAA,MADFC,EAAA,CACEkL,IAAKwE,EACL7P,MAAO,CACLkI,WAAY,SACZvF,QAAS,OACTlC,OAAQ,OACRsP,eAAgB,SAChBlR,MAAO,SAEL,CAAEyI,QAAAA,IAENzJ,EAAKqC,cAAA,MAAA,CAAAO,OAAO,KAAKgC,QAAQ,YAAY5D,MAAM,MACzChB,EAAyBqC,cAAA,QAAA,KAAA,cACzBrC,EAAAqC,cAAA,SAAA,CACEmF,GAAG,IACHC,GAAG,IACH1E,KAAM0N,EDlBC,mBAOC,gBCYR/I,EAAE,IACFvF,MAAO,CAAEiE,WAAY,cAEvBpG,EAAAqC,cAAA,SAAA,CAAQmF,GAAG,IAAIC,GAAG,IAAI1E,KDTX,iBCSyC2E,EAAE,OACpDqK,GAAU/R,EAAAqC,cAAA,SAAA,CAAQmF,GAAG,IAAIC,GAAG,IAAIC,EAAE,IAAI3E,KDvB/B,wBC6BXoP,GAAmB,SAcpB7W,GAAA,IAAA8W,EAAA9W,EAbH+W,OAAAA,cAaGD,EAZH3C,EAAAA,EAAAA,WACA6C,aAAAA,OAA2BC,IAAAA,EAAAA,WAAAA,IAAAA,OAAAA,QAAQC,QAAQ,IAC3CC,MAAAA,GAAAA,OAAAA,QAAAA,OAAAA,KAAAA,EAAAA,EAAAA,EAAAA,aACAC,EASGpX,EATHoX,iBACAC,IAAAA,aASQrO,EAA4CqO,EAA5CrO,QAASsO,EAAmCD,EAAnCC,UAAWb,EAAwBY,EAAxBZ,OAAQc,EAAgBF,EAAhBE,KAAMC,EAAUH,EAAVG,MAClCjV,EAAyBmC,EAAM+S,WAAWvV,GAA1CK,qBAEwBmC,EAAAA,EAAMtD,UAAS,GAAxCsW,EAAUC,EAAAA,GAAAA,OAyBXC,EAAqB,CAAE/Q,MAAO,YAQpC,OAJItE,IACFqV,EAAmBC,SAAWtV,GAI9BmC,EAACqC,cAAAmK,IACCE,OAAQsG,EACS,mBAAA,EACjB7D,KAAM0D,EACNpJ,QAnBa,SAAU2J,GAAM,IAAA,OAC/BH,GAAY,GADmBV,QAAAC,QAEzBF,EAAaK,IAFY3W,KAAA,WAG/BlB,OAAOqE,SAASgQ,KAAO0D,IAHR,MAAjBzW,GAAA,OAAAmW,QAAAc,OAAAjX,KAoBI+F,MACEkI,EAAAA,CAAAA,WAAY,aACZ+E,aACEsD,IAAqBjD,gBAEf4C,EDvFE,gBAKA,iBCoFJ,OACNlJ,OAAQ,UACRrE,QAAS,OACTkJ,SAAU,SACV3E,QAAS,YACTyG,eAAgB,OAChBf,cAAe,UACZ1I,IAGLrG,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL2C,QAAS,OACTwO,cAAe,SACfC,SAAU,EACVrB,eAAgB,WAGlBlS,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLkI,WAAY,SACZmJ,6BAjEQ,CAChBpQ,SAAU,YACV,YAAa,cACbG,OAAQ,aACRE,OAAQ,aACRgQ,OAAQ,cACR7N,WAAY,cACZ9B,cAAe,cACfE,SAAU,cAyDqCM,IAAY,YACjDyN,OAAAA,EAAS,MAAQ,QAEnBjN,QAAS,OACT4O,aAAc,OACdlJ,YAAa,QAGfxK,EAAKqC,cAAA,MAAA,CAAAF,MAAO,CAAEoR,SAAU,EAAGlE,YAAa,SACtCrP,EAAAqC,cAACsP,GAAQ,CAAA3J,KAAMqK,EAAQlQ,MAAO,CAAEuR,aAAc,MAAOC,WAAY,SAC9DrP,GAEHtE,EAAAqC,cAAA,KAAA,CACEF,MAAO,CACLa,MAAOqP,EDxHL,gBArBD,gBC8IDxH,SAAU,OACVC,WAAY,IACZiF,WAAY,QACZhF,OAAQ,EACR4I,WAAY,SAGbb,KAGHT,GAAUrS,EAACqC,cAAAwP,MAAYpI,QA/EV,SAACrN,GACtBA,EAAEgR,iBACFhR,EAAE+Q,kBACFsF,MA4E4D,CAAEV,OAAAA,MAE1D/R,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLa,MAAOqP,EDzID,gBAFA,gBC4INxH,SAAU,OACVL,YAAa,OACbmJ,WAAY,SAGbC,EAAW,QAACC,SAASjB,EAAWM,OCrKrCY,GAA8B,SAAAvZ,GAAA,IAAAwZ,EAAAxZ,EAClCyN,KAAAA,OAAO,IAAA+L,GACPC,EAAAA,IAAAA,YAFkCtK,EAAAnP,EAGlC4H,UACA2Q,MAAAA,OAAQ,IAAAmB,EAAA,mBAORjU,EAAAA,OAAAA,EACEqC,cAAA,MAAA,CAAAF,MACEkI,EAAAA,CAAAA,WAAY,SACZvF,QAAS,OACTwO,cAAe,SACfpB,eAAgB,SAChB7I,QAAS,aAdL,IAAAK,EAAA,OAkBN1J,EAAAqC,cAACyF,OAAmB,CAAEE,KAAAA,KACtBhI,EAAAqC,cAAA,KAAA,CACEF,MAAO,CACLa,MAAOgF,EAAO,UAAY,UAC1B6C,SAAU,OACVC,WAAY,IACZC,OAAQ,eAGT+H,GAEH9S,EAAAqC,cAAA,IAAA,CACEF,MAAO,CACLa,MAAOgF,EAAO,UAAY,UAC1B6C,SAAU,OACVkF,WAAY,IACZhF,OAAQ,IACRmJ,UAAW,WAGZF,kBC3CDtG,GAAY,SAChBvL,GAAAA,IAAAA,EAAAA,EAAAA,MAAAA,OAAQ,IAAAuH,EAAA,OACLtH,EAFavH,EAAAN,EAAAR,IAAA,OAOhBiG,EAAAqC,cAAA,MAAAC,EAAA,CACEH,MAAKG,EAAA,CACHqL,UAAW,WACX7I,QAAS,OACT8I,SAAU,YACPzL,IAEDC,KChBRrI,GAAA,CAAA,WAAA,SAAA,WAMMoa,GAA2B,SAS5B5Z,GAAA,IARHwW,EAAAA,EAAAA,SACA7C,EAAAA,EAAAA,OACAC,EAAAA,EAAAA,QACG/L,EAKAvH,EAAAN,EAAAR,IACH,OACEiG,gBAAC0N,GAAS,KACR1N,EAAAqC,cAACwL,GACCN,EAAAA,CAAAA,SAAUY,EACVxB,UAAWG,GACXO,eAAgBa,EAChB/L,MAAKG,EAAA,CACH0M,UAAW,MACXoF,MAAO,QACPpT,MAAO,SACHmN,EACA,CAAEjG,QAAS,EAAG9B,WAAY,OAAQ6I,WAAY,WAC9C,CACE/G,QAAS,EACT9B,WAAY,oBACZ6I,WAAY,YAGhB7M,GAEH2O,KChCHsD,GAAU,SAAChW,GAAU2B,OAAAA,EAAKqC,cAAA,SAAAiS,UAAU,WAAcjW,KCJxDtE,GAAA,CAAA,QAAAyM,GAAA,CAAA,OAAA,WAAA,UAAA,SAAAC,GAAA,CAAA,QAAAC,GAAA,CAAA,OAAA,QAiBM6N,GAAW,SAAAha,GAAA,IAAGyN,EAAAA,EAAAA,KAAS3J,EAC3B2B,EAAAA,EAAAA,IAAAA,OAAAA,EAAAqC,cAAA,KAAAC,EAAA,CACEH,MAAO,CACLa,MAAOgF,EAAO,UAAY,UAC1B6C,SAAU,OACVC,WAAY,IACZiF,WAAY,EACZhF,OAAQ,EACR4I,WAAY,SAEVtV,KAIFmW,GAAsB,SAC1BxM,GAAAA,IAAAA,EAAAA,EAAAA,KAAAA,OAAO,IAAAD,GACP0M,EAAAA,EAAAA,EAAAA,SACAhL,EAAAA,EAAAA,QACAqJ,EAAAA,EAAAA,MACGzU,EAOH2B,EAAAA,EAAAA,IAAAA,OAAAA,EACEqC,cAAA,MADFC,EAAA,CACEH,MAAO,CACLa,MAAOyR,ENnBK,gBMmB8BzM,ENZ7B,iBAbF,mBM0BXmB,OAAQsL,EAAW,UAAY,UAC/B5J,SAAU,OACVC,WAAY,KAEdrB,SAAUgL,GAAYhL,GAClBpL,GAEHyU,IAIC4B,GAAgB,SAACrW,GAAD,OACpB2B,EACEqC,cAAA,MAAAF,EAAAA,CAAAA,MAAO,CACLkI,WAAY,SACZvF,QAAS,OACToN,eAAgB,gBAChB7I,QAAS,SAEPhL,KAIFsW,GAAqB,SAAAhV,GAAA,IAAEqI,EAAAA,EAAAA,KAAS3J,EACpC2B,EAAAA,EAAAA,IAAAA,OAAAA,EAAAqC,cAAA,MAAAC,EAAA,CACEH,MAAO,CACLa,MAAOgF,ENzDI,gBAQC,gBMkDZ6C,SAAU,OACV+G,cAAe,YACf+B,WAAY,SAEVtV,KAIFuW,GAAe,SACnB5M,GAAAA,IAAAA,EAAAA,EAAAA,KAAAA,OAAO,IAAA6M,GACP1F,EAAAA,EAAAA,EAAAA,KACG9Q,EAMH2B,EAAAA,EAAAA,IAAAA,OAAAA,EAACqC,cAAA2N,GACC,CAAArD,UAAU,IACVuD,MAAO,CAAE3N,gBAAiByF,EAAO,KNtEpB,oBMuEbmH,KAAMA,EACNhN,MAAO,CACL+G,OAAM,cAAelB,ENhFV,gBAIA,oBM6EXrF,aAAc,MACdwG,OAAQ,UACRrE,QAAS,QACTuE,QAAS,UACTyG,eAAgB,OAChB1J,WAAY,sBAGdpG,EAAAqC,cAAA,IAAAC,EAAA,CACEH,MAAO,CACLa,MAAOgF,EN3FE,gBAIA,mBMwFT6C,SAAU,OACVC,WAAY,IACZC,OAAQ,EACRmJ,UAAW,SACXP,WAAY,SAEVtV,MAKJyW,GAAoB,SAAAxP,GACxBnH,IAAAA,EAqBGmH,EArBHnH,KACA4W,EAoBGzP,EApBHyP,oBACAC,EAmBG1P,EAnBH0P,iBACAC,EAkBG3P,EAlBH2P,iBAkBGC,EAAA5P,EAjBH6P,SAAAA,OAiBG,IAAAD,GAAAA,EAAAE,EAAA9P,EAhBH+P,UAAAA,OAgBG,IAAAD,GAAAA,EAAAE,EAAAhQ,EAfH+M,OAAAA,OAeG,IAAAiD,GAAAA,EAAAC,EAAAjQ,EAdHkQ,cAAiBC,EAcdF,EAdcE,KAAMC,EAcpBH,EAdoBG,OACvBxH,EAaG5I,EAbH4I,OACAC,EAAAA,EAAAA,QAaMX,EAAMxN,EAAMiS,OAAO,MAEvB1V,EAAAA,EAAgB,iCAAiC,GAD9BoZ,EAArBC,EAAQ5Y,YAA4C6Y,EAApDD,EAAoC1Y,eAGE8C,EAAAA,EAAMtD,SAAS,GAA9CoZ,EAAPnM,EAAA,GAAoBoM,EAApBpM,EAAA,GACgC3J,EAAAA,EAAMtD,SAASiZ,GAAxCK,EAAPhM,EAAA,GAAiBiM,EAAjBjM,EAAA,GAC4BhK,EAAAA,EAAMtD,SAAS,QAApCgQ,EAAPwJ,EAAA,GAAeC,EACfD,EAAA,GAAAE,EAA4BpW,EAAMtD,SAAS,GAApCkG,EAAQyT,EAAAA,GAAAA,EAEfD,EAAA,GAAAE,EAAiDC,EAAa,QAAC,CAC7DC,SAAU,SAAAlT,GAAGmT,IAAAA,EAAgCnT,EAAhCmT,QAASC,EAAuBpT,EAAvBoT,UACL,SAAXhK,GACF2J,EAFyC/S,EAAZV,QAI/B8T,IACAD,OANaE,EAATF,EAAAA,QAA0BG,EAARhU,EAAAA,OAU1BiU,EAAyDN,EAAa,QAAC,CACrEC,SAAU,SAAmChT,GAAA,IAAhCiT,EAAAA,EAAAA,QAASC,EAAAA,EAAAA,UACL,aAAXhK,GACF2J,EAF6BzT,EAAAA,QAI/B8T,IACAD,OANaK,EAAjBD,EAAQJ,QAA8BM,EAAtCF,EAA8BjU,OAU9B5C,EAAM5C,UAAU,WAAK,IAAA4Z,EACnBjB,GAA4BkB,OAAbzJ,EAAAA,EAAIkE,cAASuF,EAAAA,EAAAA,wBAAwBC,MAAO,IAC1D,CAAC1J,EAAIkE,UAER1R,EAAM5C,UAAU,WACV+Q,IAAYkH,GACdgB,EAAqB,SAAX3J,EAAoBkK,EAAaG,IAE5C,CAACrK,EAAQ2I,EAAWlH,IAEvBnO,EAAM5C,UAAU,WACT+Q,GACHgI,EAAU,SAEX,CAAChI,IAEJnO,EAAM5C,UAAU,WACdyY,EAAiBG,IAChB,CAACH,EAAkBG,IAEtB,IAIMmB,EAAWhZ,EAAKiZ,KACpB,SAAA1T,GAAuC,QAApC2T,EAAAA,gCAGCC,EAAe,CAAElR,WAAU,6BAE3BmR,EAAmB,CACvBzN,QAAS,CAAE5B,QAAS,GACpBsP,SAAU,CAAEtP,QAAS,KAGjBuP,EAAe,WACnBtB,EAAU,QACVE,EAAUO,GACV1I,KAGF,OACElO,EAAAqC,cAACyO,GAAe,CACdG,WAAYoB,EACZnB,KAAM,SAACH,GACL/Q,OAAAA,EAACqC,cAAA8R,GAAD7R,EAAA,CACE4L,OAAQuJ,GACJ,CAAE1G,SAAAA,EAAU5C,QAAAA,OAIpBnO,EAAAqC,cAAA,OAAA,CACEmL,IAAKA,EACLrL,MACEkI,EAAAA,CAAAA,WAAY,QACZvF,QAAS,OACTlC,OAAQyP,EAAS,OAAYzP,EAH1B,KAIHmI,OAAM,UAAsB,SAAX2B,EAAoB,EAAI,SACzCrD,QAAS,EACTjD,WAAY,wBACZpF,MAAO,SACFqR,GAAU,CACbqF,UACE5c,OAAO6c,YAAc7B,EA3CT,GA0CL,QAMb9V,EAAAqC,cAAA,MAAA,CACEiS,UAAU,iBACVnS,MAAO,CACLS,OAAQ,OACRgV,UAAW,SACXC,UAAW,SACX7W,MAAO,SAGThB,EAAKqC,cAAA,MAAA,CAAAmL,IAAKmJ,GACR3W,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL2V,UAAW,aACXhT,QAAS,OACTwO,cAAe,SACfpB,eAAgB,gBAChBnH,OAAQ,EACR1B,QAAS,UAGXrJ,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL2C,QAAS,OACToN,eAAgB,gBAChB7I,QAAS,gBAGXrJ,EAAKqC,cAAA,MAAA,CAAAF,MAAO,CAAEkI,WAAY,SAAUvF,QAAS,SAC3C9E,EAAAqC,cAACkS,GAAQ,CAACvM,KAAMqK,GAAgC,iBAC/CgD,GAAarV,EAACqC,cAAAgS,GAAQ,CAAAlS,MAAO,CAAEU,WAAY,SAC3CsS,GACCnV,EAACqC,cAAAsG,IACC5F,KAAK,iBACLyB,KAAM,GACNrC,MAAO,CAAEU,WAAY,UAI1BsU,GACCnX,EAAKqC,cAAA,MAAA,CAAAF,MAAO,CAAEU,WAAY,QACxB7C,EAACqC,cAAA2N,GACC,CAAAE,MAAO,CAAEhI,QAAS,EAAGuD,UAAW,iBAChChC,QAAS,WAAM0M,OAAAA,EAAU,aACzBhU,MAAO,CACLgH,OAAQ,UACRjB,QAAS,GACT9B,WAAY,sBAGdpG,EAAAqC,cAACgG,GAAG,CAACtF,KNrQT,gBMqQsCyB,KAAM,QAK/CiR,EAAK/F,OAAS,GACb1P,EAAKqC,cAAA,MAAA,CAAAF,MAAO,CAAEkH,QAAS,eACrBrJ,EAAAqC,cAACmS,GACC,CAAAxM,KAAMqK,EACN5I,QAAS,WAAMwM,OAAAA,EAAY,SAACD,GAAa,OAACA,KAC1ClD,OAAUkD,EAAW,OAAS,QAF9B,WAMa,IAAlBN,EAAOhG,QACN1P,EAAAqC,cAACyR,GACC9L,EAAAA,CAAAA,KAAMqK,EACN2B,YACEyB,kBAAAA,EAAK/F,OAAS,EAAI,UAAY,IAHlC,yCAKO+F,EAAK/F,OAAS,GAAK,CAAEoD,MAAO,6BAIpC4C,EAAOhG,OAAS,GACf1P,EAAAqC,cAAArC,EAAA4K,SAAA,KACE5K,EAAAqC,cAACqS,GAAa,KACZ1U,EAAAqC,cAACsS,GAAkB,CAAC3M,KAAMqK,GAAmC,UAC5DqD,EAAOhG,OAAS,GACf1P,EAACqC,cAAAmS,GACC,CAAAxM,KAAMqK,EACN5I,QAAS,kBAAMsL,KACfjC,MAAe4C,QAAAA,EAAOhG,OAFtB,cAON1P,EAAAqC,cAAC0V,EAAAA,gBAAgB,CAAAC,MAAM,GACpBtC,EAAOpG,IAAI,SAACqD,EAA4BsF,GAA7B,OACVjY,EAAAqC,cAAC6V,EAADA,WAAW,CAAC1b,IAAKmW,EAAalT,GAAIa,QAAS,GACxC,SAAC5B,GAAD,OACCsB,EAAAqC,cAAA,MAAA,CACEF,MACKmV,EAAAA,GAAAA,EACAC,EAAiB7Y,KAGtBsB,EAACqC,cAAA8P,GAAD7P,EAAA,CACEmN,OAAQiG,EAAOhG,SAAWuI,EAAM,EAChCzb,IAAKmW,EAAalT,GAClB6S,aAAc0C,EACdvC,aAAc,WACZwC,OAAAA,EAAiBtC,IAEnBD,iBAAkB+C,EAAK/F,OAAS,GAC5B,CAAE2C,OAAAA,EAAQM,aAAAA,YAS7B8C,EAAK/F,OAAS,GAAKsG,GAClBhW,EAAAqC,cAAArC,EAAA4K,SAAA,KACE5K,EAAAqC,cAACqS,GAAa,KACZ1U,EAAAqC,cAACsS,GAAmB,CAAA3M,KAAMqK,YAE5BrS,EAAAqC,cAAC0V,EAADA,gBAAiB,CAAAC,MAAM,GACpBvC,EAAKnG,IAAI,SAACqD,GACT3S,OAAAA,EAACqC,cAAA6V,EAADA,WAAY,CAAA1b,IAAKmW,EAAalT,GAAIa,QAAS,GACxC,SAAC5B,GACAsB,OAAAA,EAAAqC,cAAA,MAAA,CACEF,MACKmV,EAAAA,GAAAA,EACAC,EAAiB7Y,KAGtBsB,EAAAqC,cAAA,MAAA,CAAKF,MAAO,CAAE+F,QAAS,KACrBlI,EAAAqC,cAAC8P,GACC3V,EAAAA,CAAAA,IAAKmW,EAAalT,GAClBgT,aAAc,WAAA,OACZwC,EAAiBtC,IAEnBD,kBAAgB,GACZ,CAAEL,OAAAA,EAAQM,aAAAA,gBActC3S,EAAAqC,cAAA,MAAA,CACEiS,UAAU,iBACVnS,MAAO,CACLS,OAAQ,OACRgV,UAAW,SACXC,UAAW,SACX7W,MAAO,SAGThB,EAAKqC,cAAA,MAAA,CAAAmL,IAAKsJ,GACR9W,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL2V,UAAW,aACXhT,QAAS,OACTwO,cAAe,SACfpB,eAAgB,gBAChBnH,OAAQ,EACR1B,QAAS,kBAGXrJ,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLkI,WAAY,SACZvF,QAAS,OACT4O,aAAc,SAGhB1T,EAAAqC,cAAC2N,GAAS,CACRvG,QAAS,WAAM0M,OAAAA,EAAU,SACzBhU,MAAO,CACLa,MNvYF,gBMwYEmG,OAAQ,UACRkG,YAAa,QAGfrP,EAAAqC,cAAC8F,EAAW,CAACpF,KN5Yb,gBM4Y0CyB,KAAM,MAElDxE,EAAAqC,cAACkS,GAAS,CAAAvM,KAAMqK,6BAElBrS,EAAAqC,cAAA,IAAA,CACEF,MAAO,CACLa,MAAOqP,EN7ZR,gBASC,gBMqZAxH,SAAU,OACV6I,aAAc,OACd1E,UAAW,MAKX,kHAEH7Q,EAAKmR,IAAI,SAA4C1L,GAAA,IAAzC0K,EAAAA,EAAAA,KAAM+I,EAAAA,EAAAA,8BACjB,OAAKA,EAWHrX,EACEqC,cAAA,MAAA,CAAA7F,IAAK8R,EACLnM,MAAO,CACLkI,WAAY,SACZvF,QAAS,OACT4O,aAAc,SAGhB1T,EAAAqC,cAAA,IAAA,CAAGF,MAjBc,CACnBa,MAAOqP,EN3aR,gBASC,gBMmaAxH,SAAU,OACVC,WAAY,IACZC,OAAQ,IACRsE,YAAa,QAYcf,GACzBtO,EAAAqC,cAACuS,GAAY,CACX5M,KAAMqK,EACNlD,KAAMkI,GAA6B,WAtBL,aChbvCc,GAAoB,SAACha,UAH/Bia,EAIuBja,EAHtBia,EAAI5X,QAAQkO,KAAK,SAACC,EAAGC,UAAMD,EAAC,KAAOE,cAAcD,EAAC,SAGtByJ,OAC5B,SAACC,EAAK3b,GACJ,MAAsB,mBAArBA,EAAK2R,MAAQ,KAAiD,SAArB3R,EAAK2R,MAAQ,IACnDgK,EACc,SAAd3b,EAAK2R,KACJ3R,CAAAA,GAAS2b,OAAAA,GACNA,GAAAA,OAAAA,GAAK3b,KACf,QAXDyb,GAcUG,GAA+B,SAC1C5Z,UAEAA,EACG6B,QACAkO,KAAK,SAACC,EAAGC,GAAJ,OACJD,EAAEzQ,WAAF,kBAAkC2Q,cAChCD,EAAE1Q,WAAF,wEC+GFsa,GAAmC,SAACza,EAAM7B,GAC9C,IAAAuc,EAAAC,EAAAC,EAAAC,EAAAC,EAAMC,EAAiB,SAAAzV,EAAe0V,GAAY,IAAxBC,EAAwB3V,EAAxB2V,KAAMvZ,EAAAA,EAAAA,GAC9B,OAAOsZ,EAAS1K,KAAK,SAACkB,GACpB,OAAOA,EAAEyJ,OAASA,GAAQzJ,EAAE9P,KAAOA,KAIjC6E,SAAOmU,EAAWK,EACtB/a,EAAKkb,cAAcC,IAAIzd,KACvBS,EAAK6c,qBAFiBN,EAGrBva,mBAHqBwa,EAGTpK,KAOT6K,EAAmBrd,KAAKgB,MAAL,OAAA6b,EACvBG,EACE,CACErZ,GAAI1B,EAAKkb,cAAcG,aAAa3d,KAAK,GAAGgE,GAC5CuZ,KAAM,WAER9c,EAAK6c,mBANgBH,EACvBD,EAMGza,iBAPoB,EACvB0a,EAMeS,SAGjB,MAAO,CACL/U,QAAAA,EACAsO,UAAW,IAAI0G,KAAKvb,EAAKG,WAAWqb,YACpC9Z,GAAI1B,EAAK0B,GACTsS,QAAiCrC,OAAzB3R,EAAAA,EAAKG,WAAWsb,cAAS9J,EAAAA,EAAAA,QAAS,EAC1CmD,KAAMsG,EAAiBtG,KACvBC,MAAOqG,EAAiBrG,QAYtB2G,GAAmB,YACvBC,IAAAA,EAAAA,EAAAA,kBAAAA,OAcE,IAAAC,GAAAA,EAAAC,EAAAtU,EAbFuU,QAAAA,OAAU,IAAAD,GACV9a,EAAAA,EAAAA,EAAAA,IACAgb,EAWExU,EAXFwU,OACGzb,EAUDxD,EAAAyK,EAAAvL,MAIEiG,EAAMtD,SAAS,IAHZ8Y,EAAeuE,EAAAA,GAAAA,EAKtB7D,EAAA,GAAAE,EAAkCpW,EAAMtD,UAAS,GAA1C2Y,EAAW2E,EAAAA,GAAAA,EAClB5D,EAAA,GAAA6D,EAAgCja,EAAMtD,UAAS,GAAxCyY,OAAU+E,EAAjBD,EAAA,GACyBE,EApLI,SAC7B3E,GAEA,MAAyB,GAAIA,OAAAA,GAC1B9G,KAAK,SAACC,EAAiBC,GACtB,OAAOD,EAAEiE,UAAYhE,EAAEgE,UAAY,GAAK,IAEzCyF,OACC,SAACC,EAAK3F,GACJ,OAAOrQ,EAAA,GACEgW,EADF3F,EAAaZ,OAAb,CACO0D,KAAU6C,GAAAA,OAAAA,EAAI7C,KAAM9C,CAAAA,MACpB+C,OAAM,GAAA0E,OAAM9B,EAAI5C,OAAQ/C,CAAAA,OAExC,CAAE8C,KAAM,GAAIC,OAAQ,KAExB,MAAO,CAAED,OAZDA,KAYOC,OAZDA,EAAAA,QAiLWyE,CAAuB3E,GAAxCC,EAAAA,EAAAA,KAAMC,IAAAA,OAGZnZ,EAAAA,EAAgB,mCAAoCmZ,EAAOhG,QADxC2K,EAAbrd,EAAAA,YAA0Csd,EAAhBpd,EAAAA,eAG5Bqd,EA/J2B,SAAAhgB,OACjCigB,IAAAA,YAKiEC,EAAAlgB,EAJjEmf,kBAAAA,OAAoB,IAAAe,GACpBZ,EAAAA,EAAAA,EAAAA,QAAAA,OAGiE,IAAAa,GAAAA,EAFjE5b,EAEiEvE,EAFjEuE,IACA6b,EAAAA,EAAAA,YAAAA,OAAc,IAAAC,EAAA,WAAA,OAAMrI,QAAQC,aAKxBxS,EAAAA,EAAMtD,WAHH6d,EAAaM,EAAAA,GAAAA,EAIpBlR,EAAA,GAAAK,EAAwChK,EAAMtD,WAAvCoe,EAAP9Q,EAAA,GAAqB+Q,EAArB/Q,EAAA,GAEMgR,EAAyBhb,EAAMib,YAAuB,WAAA,IAAA,OAAA1I,QAAAC,QACzCmI,IAAc3e,KAAK,SAACkf,GAAD,OAAOA,mBAAvCC,GACJ,IAAMC,EAAkBvc,EAAM,QAACC,EAAPD,CACtB,OADF,oDAIMwc,EAAqB,SAAUC,EAAkBC,GAA5B,IACzB,OAAOngB,QAAAA,QAAAA,EAAWd,EAAgB8gB,EAAc,CAC9C3f,KAAM,CAAEA,KAAM,CAAEyC,WAAY,CAAEqd,IAAAA,KAC9BhgB,OAAQ,SACPS,KAAK,SAAAV,GAAcY,OAAdZ,EAAGY,KAAgBT,KAAKgE,MAJP,MAAArD,GAAA,OAAAmW,QAAAc,OAAAjX,KAmBtB+e,IACHA,EAAO,IAAIK,EAAJ,QA7EE,SAAC1c,GACd,OAAQA,GACN,IAAK,cACL,IAAK,OACH,MAAO,2DACT,IAAK,UACH,MAAO,2DACT,QACE,MAAO,4DAsEL2c,CAAO3c,GACP,CACE4c,4BAfJtgB,IAAAA,OAAAA,QAAAA,QAAAA,EACEd,EACGuE,EAAAA,QAAOC,EAAPD,CACD,OAHM,oDAKR,CACEpD,KAAM,CAAEA,KAAM,CAAEyC,WAAY,KAC5B3C,OAAQ,SAEVS,KAAK,YAAA,SAAGE,KAAgBT,KAAKgE,MAVX,MAAArD,GAAA,OAAAmW,QAAAc,OAAAjX,KAiBhBif,sBAAAA,GAEF,CAAEM,aAAcjC,KAIpB,IAAMkC,EAAUT,EAAKU,UAAUrB,EAAa,CAAEa,sBAAAA,IAC9CR,EAAee,GACfb,EAAgBI,KAtCa,MAAA/e,GAAA,OAAAmW,QAAAc,OAAAjX,KAuC5B,CAAChB,EAAYof,EAAa1b,EAAKD,EAA/B,QAAuCvE,IA+B1C,OA7BA0F,EAAM5C,UAAU,WACVyc,GACFmB,KAED,IAEHhb,EAAM5C,UAAU,WACd,IAAM0e,EAAwB,SAACC,GAAS,IAAAvhB,EAAAwhB,EACjCD,EAAMtgB,KAAKwgB,eAAe,oCAE7BF,EAAMtgB,KAAKygB,0CACXphB,EAAAA,SAAA,SAAAN,EAAQ2hB,uBAARH,EAAwBI,oBAGtBtB,GAAcA,EAAauB,cAIjC,OADAvhB,OAAOwG,iBAAiB,UAAWwa,qBACtBhhB,OAAO0G,oBAAoB,UAAWsa,KAClD,CAAChB,IAEJ9a,EAAM5C,UAAU,WACd,OAAO,WACD0d,GACFA,EAAauB,eAGhB,CAACvB,IAEGP,EA4Ea+B,CAA2B,CAC7C9B,YAAW,wBAA0BV,EACrCJ,kBAAAA,EACAG,QAAAA,EACA/a,IAAAA,EACA6b,YAAatc,EAAMsc,cAGf4B,EAAqBvc,EAAMib,YAAY,WAC3Cf,GAAY,GACZ9e,EACEpB,EACG6E,EAAAA,QAAOC,EAAPD,CACD,OAHM,sGAKR7C,KAAK,SAAasH,GAAA,IAAVpH,EAAAA,EAAAA,KACFsZ,EAAgBtZ,EAAKT,KAAK6T,IAAI,SAACvR,UACnCya,GAAiCza,EAAM7B,KAGzC8d,GAAa,GACbD,EAAiBvE,MAElB,CAACpa,EAAYod,GAAkCxe,EAAc8E,EAAKD,EAAlE,UAWG2d,EAAgC,SACpC7J,UACuC7W,KAAKgB,MAAM6V,EAAalX,OAE3DghB,EAA6Bzc,EAAMib,YACvC,SAACyB,IAdoB,SAAUjd,GAAc,IAC7C,uBAAOrE,EACLpB,EACG6E,EAAM,QAACC,EAAPD,CACD,OACqCY,sCAAAA,+BACvCzD,KAAK,SAAAwH,GAAA,SAAGtH,QANW,MAAvBE,GAAA,OAAAmW,QAAAc,OAAAjX,KAkBIugB,CAFEH,EAA8BE,GAEqBjhB,KAAKgE,IAAIzD,KAC5D,SAAC+B,GACC,IAAM4U,EAAe6F,GAAiCza,EAAKtC,KAAMsC,GAEjEgc,EAAiB,SAACvE,GACbA,MAAAA,GAAAA,OAAAA,EAAc/G,OACf,SAACmO,GAAcA,OAAAA,EAAUnd,KAAOkT,EAAalT,KAFhC,CAIfkT,SAKR,CACE6F,GACAgE,EACAD,EACA9G,EACAsE,EACArE,IAIEmH,EAAqB7c,EAAMib,YAC/B,SAACyB,GACC,IAAMI,EACJN,EAA8BE,GAC1BK,EAAmBvH,EAAc/G,OACrC,SAACmO,GAAD,OACEA,EAAUnd,KAAOqd,EAAmCrhB,KAAKgE,KAE7Dsa,EAAiBgD,IAEnB,CAACP,EAA+BhH,EAAeuE,IAIjD/Z,EAAM5C,UAAU,WACd,GAAImd,GAAeV,EAcjB,OAbAU,EAAYza,KACV,+CACA2c,GAEFlC,EAAYza,KACV,+CACA2c,GAEFlC,EAAYza,KACV,iDACA+c,GAGU,WACVtC,EAAYyC,OACV,+CACAP,GAEFlC,EAAYyC,OACV,+CACAP,GAEFlC,EAAYyC,OACV,iDACAH,KAIL,CAAChD,EAASU,EAAagC,EAAoBM,IAE9C7c,EAAM5C,UAAU,WACVyc,GACF0C,KAED,CAAC1C,EAAS0C,IAEbvc,EAAM5C,UAAU,WACVyc,IAAYxE,GACdiF,EAAe5E,EAAOhG,SAEvB,CAACgG,EAAQL,IAEZ,IAAM4H,EAAAA,SACJC,EACAC,GACE,IACF,IAAMpE,EAAWmE,EAAgB7E,OAC/B,SAACC,EAAK7Y,GAAN,MAAA,GAAA2a,OACK9B,EACH,CAAA,CACEpa,WAAY,CAAEkf,OAAQD,GACtB1d,GAAAA,EACAuZ,KAAM,yBAGV,IAGF,OAAAzG,QAAAC,QAAOpX,EACLd,EACGuE,EAAM,QAACC,EAAPD,CAAY,OAFA,mCAGf,CACEpD,KAAM,CACJA,KAAM,CACJyC,WAAY,GACZ+a,cAAe,CACbzD,cAAe,CACb/Z,KAAM,CACJ4hB,OAAQ,oCAIdrE,KAAM,cAERD,SAAAA,GAEFxd,OAAQ,SAEVS,KAAK,SAACI,GACDA,EAAED,KAGL6d,GAAa,GACbE,GAAY,GAEZH,EAAiB,SAACvE,GAAD,OACfA,EAAclG,IAAI,SAACgO,UACjBJ,EAAgBK,SAASD,EAAE7d,IAA3B6C,EAAA,GAAsCgb,EAAGvL,CAAAA,QAASuL,EAAEvL,SAAWuL,UA7CjD,MAAAlhB,GAAA,OAAAmW,QAAAc,OAAAjX,KAqFxB,MAAO,CACL2Y,oBAjB0B,WAC1B,IAAMyI,EAAY9H,EAAOpG,IAAI,SAACgO,UAAMA,EAAE7d,KAGtCsa,EAAiB,SAACvE,GAChBA,OAAAA,EAAclG,IAAI,SAACgO,GAAD,OAChBE,EAAUD,SAASD,EAAE7d,IAArB6C,EAAA,GAAgCgb,EAAhC,CAAmCvL,QAAQ,IAASuL,MAIxDL,EACEvH,EAAOpG,IAAI,SAACmO,GAAD,OAAqBA,EAAEhe,KAClC,SAMFuV,iBAtBoB,SAAUrC,GAAV,IACpB,OAAOsK,EAAmB,CAACtK,EAAalT,IAAK,QADzB,MAAArD,GAAA,OAAAmW,QAAAc,OAAAjX,KAuBpB6Y,0BApC8BtC,GAAV,IACpB,IAAMyK,EAASzK,EAAaZ,OAAS,SAAW,OAShD,OANAgI,EAAiB,SAACvE,GAChBA,OAAAA,EAAclG,IAAI,SAACgO,GACjB3K,OAAAA,EAAalT,IAAM6d,EAAE7d,QAAU6d,EAA/B,CAAkCvL,OAAmB,SAAXqL,IAAsBE,MAI7DL,EAAmB,CAACtK,EAAalT,IAAK2d,GAVzB,MAAtBhhB,GAAA,OAAAmW,QAAAc,OAAAjX,KAqCE+Y,SAAAA,EACAE,UAAAA,EACAI,KAAAA,EACAC,OAAAA,EACA2E,YAAAA,ICpaEqD,GAAY,YAAG1K,IAAAA,EAAAA,EAAAA,SACb2K,EAAc3K,EAAU,oBAAsB,mBAYpD,OACEhT,EACEqC,cAAA,MAAA,CAAAF,MAAO,CACLkI,WAAY,SACZvF,QAAS,OACT+F,SAAU,OACV6I,aAAc,EACd1E,UAAW,IAhBfhP,EAAKqC,cAAA,MAAA,CAAArB,MAAM,KAAK4B,OAAO,KAAKgC,QAAQ,YAAY7B,KAAK,QACnD/C,EAAAqC,cAAA,OAF4B2Q,EAE5B,CAAM/P,EAAE,8zCAA8zCF,KAAM4a,GAIt0C,CAAA1a,EAAE,ymBAAymBF,KAAM4a,KAgBvnB3d,EAAAqC,cAAA,OAAA,CACEF,MAAO,CACLa,MAAO,OACPH,WAAY,EACZ6H,WAAY,oCAGSsI,EAAW,SAAW,cCtCrDjZ,GAAA,CAAA,WAAA,SAEM,SAAU6jB,MAAa7M,IAAAA,EAAAA,EAAAA,SAAU5O,EAAuB5H,EAAvB4H,MAAUC,EAC/CvH,EAAAN,EAAAR,IAAA,OACEiG,EACEqC,cAAA,MADFC,EAAA,CACEgS,UAAU,SACVnS,MAAKG,EAAA,CACHub,oBAAqB,YACrBC,oBAAqB,cACrBzT,WAAY,SACZrH,MAAO,QACP8B,QAAS,OACTlC,OAAQ,OACRgL,SAAU,YACPzL,IAEDC,GAEJpC,EAAQqC,cAAA,QAAA,KAdV,iHAqBG0O,GCzBP,IAAAhX,GAAA,CAAA,SAAA,SAAA,SA+BMgkB,GAAS,SAAC1f,GACd,IAAAsL,EAA8C3J,EAAMtD,UAAS,GAAtDshB,EAAiBC,EAAAA,GAAAA,EACxBtU,EAAA,GAAAK,EACEhK,EAAMtD,UAAS,GADVwhB,EAAPlU,EAAA,GAAiCmU,EAEjCnU,EAAA,GAAAkM,EAA0ClW,EAAMtD,UAAS,GAAlD0hB,EAAPlI,EAAA,GAAsBmI,EAAtBnI,EAAA,GAC8ClW,EAAAA,EAAMtD,UAAS,GAAtD4hB,EAAPlI,EAAA,GAAwBmI,EAAxBnI,EAAA,KAEEpW,EAAM+S,WAAWvV,GADXI,IAAAA,qBAAsBD,EAA9B6gB,EAA8B7gB,WAAYD,EAA1C8gB,EAA0C9gB,cAE1C+gB,EAOIhF,GAAiB,CACnBC,kBAAmBrb,EAAMqb,kBACzBG,QAASjc,EACTkB,IAAKT,EAAMS,IACX6b,YAAatc,EAAMsc,YACnBb,OAAQzb,EAAMyb,SAXd/E,EADF0J,EACE1J,oBACAC,EAFFyJ,EAEEzJ,iBACAC,EAHFwJ,EAGExJ,iBACAQ,EAJFgJ,EAIEhJ,KACAC,EAAAA,EAAAA,OACA2E,EAAAA,EAAAA,YASIrI,EAAWhS,EAAMiS,OAAO,MACxBxB,EAAUU,GAASa,GAEzB,OACEhS,EAAAqC,cAACub,GAAU,CACTzb,MACEqI,EAAAA,CAAAA,YAAa,MACbC,aAAc,QACXpM,EAAM8D,QAGXnC,EAAAqC,cAAC4L,GACC,CAAAnP,IAAKT,EAAMS,IACXwF,QAASjG,EAAMiG,QACfnG,KAAMga,GAAkB9Z,EAAMF,MAC9BgQ,QAAS6P,EACT9P,OAAQ,WAAA,OAAM+P,EAAmB,SAAC9P,GAAY,OAACA,OAGjDnO,EAAAqC,cAACiH,GAAU,CACT/E,OAAQlG,EAAMkG,OACdiF,SAAUwU,EACVvU,QAAS,WACPwU,EAAmB,SAAC9P,GAAD,OAAcA,IACjC9P,EAAMqgB,oBAERpa,QAASjG,EAAMiG,UAGjBtE,EAAAqC,cAAA,MAAA,CAAKF,MAAO,CAAE4I,OAAQ,UAErBqT,GAAiB/f,EAAMsgB,OAExB3e,EAAAqC,cAAA,MAAA,CAAKF,MAAO,CAAE4I,OAAQ,WAEpBnN,GAAwBS,EAAMmX,gBAE/BnX,EAAMugB,OAAO,CACZC,WAAY,WAAMR,OAAAA,GAAiB,IACnCS,WAAY,WAAA,OAAMT,GAAiB,MAGpCzgB,GACCoC,EAAAqC,cAAArC,EAAA4K,SAAA,KACE5K,EAACqC,cAAAyS,IACC3W,KAAME,EAAMF,KACZ4W,oBAAqBA,EACrBC,iBAAkBA,EAClBC,iBAAkBA,EAClBO,cAAe,CAAEC,KAAAA,EAAMC,OAAAA,GACvBxH,OAAQ,WAAMiQ,OAAAA,EAA4B,SAAChQ,GAAY,OAACA,KACxDA,QAAS+P,IAGXle,EAAAqC,cAAC2N,GACC,CAAArD,UAAU,SACVuD,MAAO,CACL3N,gBACElE,EAAMkG,OAAOwa,WAAa,0BAE9B5O,SAAU6B,EACVvI,QAAS,WAAM0U,OAAAA,EAA4B,SAAChQ,GAAD,OAAcA,KACzDhM,MACEkI,EAAAA,CAAAA,WAAY,SACZ9H,gBAAiB,cACjB2G,OAAQ,OACRvG,aAAc,MACdwG,OAAQ,UACRrE,QAAS,OACToN,eAAgB,SAChBrP,WAAY,MACZwG,QAAS,MACTjD,WAAY,aACTD,IAGLnG,EAACqC,cAAAgO,GACC,CAAA9L,OAAQlG,EAAMkG,OACd+L,iBAAkB+J,EAAc,EAChC5J,QAASA,EACTC,OAAQwN,MAMhBle,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLgH,OAAQ,UACRtG,WAAY,OACZ+K,SAAU,WACVlD,WAAY,WAGd1K,EAACqC,cAAA2N,GACC,CAAArD,UAAU,SACVqM,KAAK,SACL7W,MACE6G,EAAAA,CAAAA,iBAAkB,OAClBqB,WAAY,SACZpB,WAAY,OACZ1G,gBAAiBlE,EAAMkG,OAAO+F,MAC9BpB,OAAQ,OACRvG,aAAc,SACdK,MAAO3E,EAAMkG,OAAOya,MAAQ,OAE5B7V,OAAQ,UACRrE,QAAS,OACT+F,SAAU,OACVkF,WAAY,OACZ3G,QAAS,EACTC,QAAS,GACNlD,GAELuG,OAAQ,CAAEnK,gBAAiBlE,EAAMkG,OAAOiE,OACxC0H,MAAO,CAAE3N,gBAAiBlE,EAAMkG,OAAOgG,OACvCd,QAAS,WACP8U,EAAmB,SAACpQ,GAAD,OAAcA,IACjC9P,EAAM4gB,gCAGRjf,EAAAqC,cAACL,EAAM,CAAClD,IAAKT,EAAMS,IAAK7E,IAAKoE,EAAM6gB,iBAElC7gB,EAAM8gB,aAAe9gB,EAAMM,gBAAgB+Q,OAC1C1P,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL0I,SAAU,OACVE,OAAQ,cACRqU,SAAU,QACVpR,SAAU,SACVqR,aAAc,WACd3U,WAAY,WAGbrM,EAAMihB,SAGTtf,EAAKqC,cAAA,MAAA,CAAAF,MAAO,CAAE4I,OAAQ,iBAExB/K,EAAAqC,cAAA,MAAA,CAAKF,MAAO,CAAEsI,aAAc,QAC1BzK,EAAAqC,cAACkG,GACC,CAAAhE,OAAQlG,EAAMkG,OACdpC,MAAO,CAAE4I,OAAQ,aAMzB/K,EAAAqC,cAACqL,GAAS,KACR1N,EAACqC,cAAAwL,IACClB,UAAWG,GACXO,eAAgB,kBAAMkR,GAAmB,IACzChR,SAAU+Q,EACVnc,MAAKG,EAAA,CACHU,MAAO,UACPgM,UAAW,MACXoQ,SAAU,QACVhL,MAAO,GACHkK,EACA,CACEpW,QAAS,EACT9B,WAAY,OACZ6I,WAAY,WAEd,CACE/G,QAAS,EACT9B,WAAY,oBACZ6I,WAAY,UAdf,CAgBH9F,OAAQ,aAGVnJ,EAAAqC,cAAA,MAAA,KACErC,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL2C,QAAS,QACTgL,eAAgB,SAGlB9P,EAAAqC,cAAA,MAAA,CAAKF,MAAO,CAAEkH,QAAS,SACrBrJ,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL2C,QAAS,OACT+F,SAAU,OACVkF,WAAY,SAGd/P,EAAAqC,cAAA,MAAA,CACEF,MAAKG,EAAA,GACAgE,EACAD,EAFA,CAGHrD,MAAO,OACPqM,YAAa,EACb+P,SAAU,QACVpR,SAAU,YAGZhO,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL6L,SAAU,SACVqR,aAAc,WACd3U,WAAY,WAGbrM,EAAMkhB,YAKbvf,EAAAqC,cAAA,MAAA,CACEF,MACEa,EAAAA,CAAAA,MAAO,OACP6H,SAAU,OACVkF,WAAY,OACZ/B,SAAU,SACVqR,aAAc,WACd3U,WAAY,UACTrE,IAGJhI,EAAMihB,UAIXtf,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL2C,QAAS,OACTwO,cAAe,WAGhBjV,EAAMmhB,eACLxf,gBAACwM,GAAiB,CAChBG,UAAU,IACVwC,KAAI,aAAe9Q,EAAMyb,OACR,mBAAA,EACjB3X,MAAKG,EAAA,CACHuN,UAAW,iBACX7M,MAAO,OACP8B,QAAS,QACTuE,QAAS,OACT6K,UAAW,OACXpE,eAAgB,QACbzJ,IACJ,cAMJ1I,GACCqC,EAACqC,cAAAmK,GACC,CAAAG,UAAU,IACVwC,KAAMtQ,EAAM,QAACR,EAAMS,IAAbD,CAAkB,SAAwBR,aAAAA,EAAMyb,OAAQ,mBAC7C,EACjB3X,MAAKG,EAAA,CACHuN,UAAW,iBACX7M,MAAO,OACP8B,QAAS,QACTuE,QAAS,OACT6K,UAAW,OACXpE,eAAgB,QACbzJ,wBAILrG,EAACqC,cAAAqb,IAAU1K,SAAUtV,OAM5BW,EAAMM,gBAAgB+Q,OACrB1P,EACEqC,cAAA,MAAA,CAAAF,MAAO,CACLkI,WAAY,SACZ9H,gBAAiB,OACjBsN,UAAW,iBACX/K,QAAS,OACTiL,WAAY,OACZ1G,QAAS,WAGXrJ,EAAAqC,cAAA,MAAA,CACEF,WACKmE,EADA,CAEHtD,MAAO,OACP6H,SAAU,OACV+G,cAAe,YACflH,WAAY,UACTrE,IAID,mBAENrG,EAAAqC,cAAA,MAAA,CACEF,MAAKG,EAAA,GACAgE,EACH+D,CAAAA,WAAY,SACZQ,SAAU,OACVqJ,UAAW,WAGblU,EACEqC,cAAA,IAAA,CAAA8M,KAAK,GACL1F,QAAS,SAACrN,GACRiC,EAAMohB,wBACNphB,EAAMqhB,mCACNrhB,EAAMshB,+BACNvjB,EAAEgR,kBAEJjL,MAAKG,EAAA,CACHU,MAAO,OACPH,WAAY,OACZiN,eAAgB,QACbzJ,IAIH,YAIRrG,iCAGFA,EAAQqC,cAAA,QAAA,KA1JV,mIA6JErC,EACEqC,cAAA,KAAA,CAAAiS,UAAU,wCACVnS,MAAO,CAAEyd,cAAe,OAAQ7U,OAAQ,EAAG1B,QAAS,IAEnDkP,GAA6Bla,EAAMM,iBAAiB2Q,IACnD,SAAG7P,GAAAA,IAAAA,EAAAA,EAAAA,GAAgBogB,EAAZ3hB,EAAAA,WACL8B,OAAAA,EAACqC,cAAAmK,GAAkB,CAAAG,UAAU,KAAKnQ,IAAKiD,GACrCO,EACEqC,cAAA,IAAA,CAAA8M,KAAK,GACL1F,QAAS,SAACrN,GACRiC,EAAMohB,wBACNphB,EAAMqhB,mCACNrhB,EAAMyhB,6BACJrgB,EACGpB,EAAMiG,QAFX,KAIAlI,EAAEgR,kBAEJjL,MACE0N,EAAAA,CAAAA,UAAW,iBACX7M,MAAO,OACP8B,QAAS,QACTiL,WAAY,OACZ/B,SAAU,SACVxD,YAAa,OACbC,aAAc,OACdqF,eAAgB,OAChBuP,aAAc,WACd3U,WAAY,UACTrE,IAGJwZ,EAAOE,wBAQpB/f,EAACqC,cAAAmK,IACCG,UAAU,IACVwC,KAAStQ,EAAAA,QAAOR,EAAMS,IAAbD,CAAkB,mBAC3B4K,QAAS,WACPpL,EAAMohB,wBACNphB,EAAMqhB,oCAGS,mBAAA,EACjBvd,MAAKG,EAAA,CACHuN,UAAW,iBACX7M,MAAO,OACP8B,QAAS,QACTiL,WAAY,OACZ1G,QAAS,SACT6K,UAAW,SACXpE,eAAgB,QACbzJ,IAGLrG,EAAAqC,cAAA,MAAA,CACEF,MAAO,CAAEkN,YAAa,OACtBrO,MAAM,OACN4B,OAAO,OACPgC,QAAQ,aAER5E,EAAAqC,cAAA,IAAA,CACE5C,GAAG,SACH8H,OAAO,OACPyY,YAAY,IACZjd,KAAK,OACLkd,SAAS,WAETjgB,EACEqC,cAAA,IAAA,CAAA5C,GAAG,eACHgM,UAAU,sCACV1I,KAAK,QAEL/C,EACEqC,cAAA,OAAA,CAAAY,EAAE,23CACFxD,GAAG,cAMO,aAIxBO,EAACqC,cAAA2N,GACC,CAAAE,MAAO,CACL3N,gBAAiBlE,EAAMkG,OAAOwa,WAAa,0BAE7C5c,MACEkI,EAAAA,CAAAA,WAAY,SACZ1H,aAAc,MACdwG,OAAQ,UACRrE,QAAS,OACToN,eAAgB,SAChBrP,WAAY,MACZwM,YAAa,OACbjJ,WAAY,aACTD,IAGLnG,EAAAqC,cAAC0G,GACC,CAAAtJ,GAAG,mBACH0C,MAAO,CAAEQ,aAAc,MAAO0G,QAAS,QAEvCrJ,EAAAqC,cAACqG,GAAQ,CAACnE,OAAQlG,EAAMkG,aAOlCwZ,GAAO7d,aAAe,CACpBsf,eAAe,EACfhK,cAAe,WAAM,OAAA,MACrBoJ,OAAQ,WAAM,OAAA,MACdO,aAAa,EACbe,uBAAuB,GAGnBC,8DCreAC,GAYJ,SAAA7hB,GAAA,SAAA6hB,EAAY/hB,SAAU,OACpBC,EAAMD,EAAAA,KAAAA,KAAAA,UAEDK,MAAQ,CACX2hB,cAAehiB,EAAMiiB,wBAJzBlf,EAAAgf,EAAA7hB,qBAZqByB,SAwBrBugB,qBAAA,SAAqB9gB,GAQnB,OAPAhB,KAAKO,SAAS,SAAAzE,OAAG8lB,IAAAA,cACTG,EAAmBH,EAGzB,OAFIA,EAAc5gB,WAAY+gB,EAAiB/gB,GAExC,CAAE4gB,cAAeG,KAGnBplB,EACLqD,KAAKJ,MAAMO,gBACR6hB,EAAAA,QAAMhiB,KAAKJ,MAAMS,IAAjB2hB,CACD,OAHa,wCAI0BhhB,EACzC,WAAA,CAAElE,OAAQ,YAIdsE,OAAA,WACE,OAAYxB,KAAAA,MAAM0S,SAChB,CAAEsP,cAAe5hB,KAAKJ,MAAMqiB,UAAUjiB,KAAKC,MAAM2hB,gBACjD,CAAEE,qBAAsB9hB,KAAK8hB,qBAAqBzgB,KAAKrB,SA5CtCuB,EAYrB,CAZqBA,EAAMC,WAAvBmgB,GAoBUlgB,aAAe,CAC3BwgB,UA5BJ,SAAmBL,GACjB,OAVc,SAAUM,GAIxB,IAHA,IAAMC,EAAWC,OAAOC,KAAKH,GACzBpR,EAAIqR,EAASlR,OACXqR,EAAW,IAAIC,MAAMzR,GACpBA,KAAKwR,EAASxR,GAAK,CAACqR,EAASrR,GAAIoR,EAAIC,EAASrR,KAErD,OAAOwR,EAIAE,CAAQZ,GAAe/Q,IAAI,SAAC4R,GAAD,MAAY,CAC5CzlB,KAAMylB,EAAM,GACZzhB,GAAIyhB,EAAM,QAqDDC,IAAAA,GAAb,SAAAC,GAAA,SAAAD,IAAA,OAAAC,EAAAxgB,MAAAnC,KAAAgC,YAAAhC,KAAA,OAAA2C,EAAA+f,EAAAC,GAAAD,EAAA9f,UAIExB,OAAA,WACE,IAAAyN,EAAoC7O,KAAKJ,MAAjC8D,EAAAA,EAAAA,MAAUuC,EAAlB7J,EAAAyS,EAAAvT,IAEA,OACEiG,EAAAqC,cAACtB,EAAU,CACTlB,OAAQ,SAAC8B,UACP3B,EAAAqC,cAAA,MACEF,EAAAA,CAAAA,SACEkI,WAAY,SACZvF,QAAS,OACToN,eAAgB,gBAChBvC,cAAe,GACfnF,aAAmD,IAAtC,CAAC,KAAM,MAAM3I,QAAQF,GAAqB,GAAK,GAC5D8I,aAAc,GACdmF,WAAY,IACTzN,IAEDuC,QArBhByc,EAAA,CAAwCnhB,EAAMC,WA6BjCohB,GAQXxhB,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,YAAAA,EAAAA,EAAAA,GAAAA,EAAAA,UAAAA,OAAA,WACE,IAAAyhB,EAAiE7iB,KAAKJ,MAA9D0S,EAAAA,EAAAA,SAAqBxM,IAAAA,OAAQpC,EAAAA,EAAAA,MAAUuC,EAA/C7J,EAAAymB,EAAA9a,IAEA,OACExG,EACEqC,cAAA,SAAAiS,UAAW,CAAC,uCAAuCiN,KAAK,KAAKC,OAC7Drf,MAAKG,EAAA,CACHC,gBAAiB,UACjBS,MAAO,QACP6H,SAAU,QACP1I,IAEDuC,GAEJ1E,EAAQqC,cAAA,QAAA,KAAR,oIAEsDkC,EAAOU,MACDV,yEAAAA,EAAO+F,gFACN/F,EAAOgG,MAdtE,kBAgBGwG,MApBPlR,CARiCG,EAAMC,WAkCpBwhB,2FAqBnB5hB,OAAA,WACE,IAAAd,EAAAN,KAAA,OACEuB,EAACqC,cAAAgf,GAAc,CAAA9c,OAAQ9F,KAAKJ,MAAMkG,QAChCvE,EAAAqC,cAAC+d,GACC,CAAAthB,IAAKL,KAAKJ,MAAMS,IAChBwhB,qBAAsB7hB,KAAKJ,MAAM5C,KACjCmD,gBAAiBH,KAAKJ,MAAMO,iBAE3B,SAACnD,EAAMimB,GAAP,OACCC,QAAQlmB,EAAK4kB,cAAc3Q,OAAS,GAClC1P,2BACGvE,EAAK4kB,cAAc/Q,IAAI,SAACsS,GACvB,OAAA7iB,EAAKV,MAAMwjB,WAAW,CAAEH,QAAAA,EAASE,aAAAA,OAGnC,YApCmC5hB,EAAMC,WA4CzD,SAAS6hB,GAATniB,OAAkCtB,UAChC,OACE2B,EACEqC,cAAA,SADFC,EAAA,CACE0W,KAAK,SACL7W,MAAO,CACL6G,iBAAkB,OAClBzG,gBAAiB,cACjBwf,YAAa,EACb5Y,OAAQ,UAER4B,QAAS,EAET1B,QAAS,IAEPhL,GAEJ2B,EAACqC,cAAA2f,IAAQjf,KAAK,QAAQZ,MAAO,CAAES,OAAQ,GAAI5B,MAAO,OAKxD,SAASihB,GAAyB5jB,GAIhC,OACE2B,gBAACmhB,GAAkB,KACjBnhB,EAAAqC,cAAA,OAAA,CACE6f,wBAAyB,CACvBC,OAAQ9jB,EAAM+jB,QAIlBpiB,EAACqC,cAAAyf,GAAoB,CAAArY,QAASpL,EAAMoL,WA7ErBgY,GAULvhB,aAAe,CAC3BtB,gBAAiB5E,EACjB6nB,WAAY,SAAGD,GAAAA,IAAAA,EAAHtmB,EAAGsmB,aAAcF,EAAAA,EAAAA,eAC3B1hB,EAAAqC,cAAC4f,GACC,CAAAzlB,IAAKolB,EAAaniB,GAClB2iB,KAAMR,EAAanmB,KAAK2mB,KACxB3Y,QAAS,kBAAMiY,EAAQnB,qBAAqBqB,EAAaniB,sGChGpD4hB,GAAb,SAAA9iB,GAAA,SAAA8iB,IAAA,OAAA9iB,EAAAqC,MAAAnC,KAAAgC,YAAAhC,KAAA,OAAA2C,EAAAigB,EAAA9iB,GAAA8iB,EAAAhgB,UAQExB,OAAA,WACE,IAAiEyN,EAAA7O,KAAKJ,MAA9D0S,EAARzD,EAAQyD,SAAUuD,IAAAA,UAAW/P,EAAAA,EAAAA,OAAQpC,EAArCmL,EAAqCnL,MAAUuC,UAE/C,OACE1E,sBACEsU,EAAAA,CAAAA,UAAW,CAAC,6BAA8BA,GACvC7F,OAAOkT,SACPJ,KAAK,KACLC,OACHrf,SACEI,gBAAiBgC,EAAO+F,OACrBnI,IAEDuC,GAEJ1E,EAAQqC,cAAA,QAAA,4NAOP0O,IA9BTsQ,EAAA,CAAmCrhB,EAAMC,WAoC5BkhB,2FAIXthB,OAAA,WACE,IAAAyhB,EAAoC7iB,KAAKJ,MAAjC8D,EAAAA,EAAAA,MAAUuC,EAAlB7J,EAAAymB,EAAA7a,IAEA,OACEzG,EAAAqC,cAACtB,EAAU,CACTlB,OAAQ,SAAC8B,UACP3B,EAAAqC,cAAA,MACEF,EAAAA,CAAAA,SACEkI,WAAY,SACZyN,UAAW,aACXhT,QAAS,OACToN,eAAgB,gBAChBvC,cAAe,GACfnF,aAAmD,IAAtC,CAAC,KAAM,MAAM3I,QAAQF,GAAqB,GAAK,GAC5D8I,aAAc,GACdmF,WAAY,IACTzN,IAEDuC,WAtBwB1E,EAAMC,oBA8B9B6hB,UAAyBzjB,UACvC,OACE2B,EACEqC,cAAA,SADFC,EAAA,CACE0W,KAAK,SACL7W,MAAO,CACL6G,iBAAkB,OAClBzG,gBAAiB,cACjBwf,YAAa,EACb5Y,OAAQ,UAER4B,QAAS,EAET1B,QAAS,IAEPhL,GAEJ2B,EAACqC,cAAA2f,IAAQjf,KAAK,QAAQZ,MAAO,CAAES,OAAQ,GAAI5B,MAAO,OCvIxD,IAAaqhB,GAAb,SAAA9jB,GAAA,SAAA8jB,IAAA,OAAA9jB,EAAAqC,MAAAnC,KAAAgC,YAAAhC,KAAA2C,EAAAihB,EAAA9jB,GAAA,IAAAe,EAAA+iB,EAAAhhB,UAAmCrB,OAAnCV,EAYEgjB,OAAA,SAAOjR,GAEL,OADAvW,OAAO2D,KAAKJ,MAAM9C,QAAQ8B,QAAQoB,KAAKJ,MAAM1B,KAAMb,KAAKC,UAAUsV,SACtDkR,eAGd1iB,EAAAA,OAAA,WACE,YAAYxB,MAAMwB,OAChB/D,KAAKgB,MAAMhC,OAAO2D,KAAKJ,MAAM9C,QAAQsB,QAAQ4B,KAAKJ,MAAM1B,aACtD6lB,EACF/jB,KAAK6jB,OAAOxiB,KAAKrB,QArBYuB,EAAnC,CAAmCA,EAAMC,WAA5BoiB,GAQGniB,aAAe,CAC3B3E,OAAQ,gBCXL,ICAPxB,GAAA,CAAA,UAyBM0oB,GAAkB,WACtBziB,OAAAA,EAAAqC,cAAA,MAAA,CAAKF,MAAO,CAAEyL,SAAU,WAAYwG,MAAO,OAAQ8C,IAAK,SACtDlX,EAACqC,cAAAwG,IAAE9F,KAAK,UAAUZ,MAAO,CAAES,OAAQ,SAAU5B,MAAO,cAIlD0hB,GAAoB,YACfC,IAIHre,EAJNA,EAAAA,QAIgCqG,QAAQ,QAAS,IAEjD,OACE3K,EAAAqC,cAAA,MAAA,CAAKF,MAAO,CAAEkI,WAAY,SAAUvF,QAAS,SAC3C9E,EAAAqC,cAAA,MAAA,CAAKF,MAAO,CAAEkN,YAAa,QACzBrP,EAACqC,cAAAqJ,GAAa,CAAApH,QAASA,EAASE,KAAM,MAExCxE,EAAAqC,cAAC4D,EAAY,CAAA3B,QAASA,EAAStB,MAAM,OAAOwB,KAAM,OASlDuZ,GAAS,SAAC1f,GACd,IAAAsL,EACE3J,EAAMtD,UAAS,GADVwhB,EAAPvU,EAAA,GAAiCwU,EAEjCxU,EAAA,GAAAK,EAAkDhK,EAAMtD,UAAS,GAA1DkmB,EAAP5Y,EAAA,GAA0B6Y,EAA1B7Y,EAAA,KAC8ChK,EAAMtD,UAAS,GAAtD4hB,OAAiBC,EAAxBrI,EAAA,KAEElW,EAAM+S,WAAWvV,GADXI,IAAAA,qBAAsBF,EAAAA,EAAAA,cAAeC,EAA7C6gB,EAA6C7gB,WAG7CqC,EAAM5C,UAAU,WAETnC,SAASY,KAAKsG,MAAM6L,SADzBsQ,GAAmBJ,EACiB,SACA,IACnC,CAACA,EAA0BI,IAE9B,IDlEyBwE,ECkEnBC,EACJ1kB,EAAMsgB,OAAOlQ,OAAO,YAA2B/B,SAAxBrO,MAASqO,UAA0B,GAEtDsW,EAAwB3kB,EAAM4kB,sBAC9BC,EACHH,GACCA,EAAY,IACZA,EAAY,GAAG1kB,OACf0kB,EAAY,GAAG1kB,MAAM0S,UACvB1S,EAAMiG,QAEF8J,EAAkB/P,EAAMF,KAAKkQ,KAAK,SAAA1O,GAAc2O,MAAS,aAAvB3O,EAAG2O,OAErCC,EAAclQ,EAAMF,KAAKkQ,KAAK,SAAGC,SAAoB,SAApBA,EAAAA,OAEjCE,EAAe,UAAInQ,EAAMF,MAAMsQ,OACnC,SAAAnJ,GAAA,IAAGgJ,EAAHhJ,EAAGgJ,KAAWA,MAAS,SAATA,GAA4B,aAATA,IAU/BmL,EAAAA,GAAiB,CACnBC,kBAAmBrb,EAAMqb,kBACzBG,QAASjc,EACTkB,IAAKT,EAAMS,IACX6b,YAAatc,EAAMsc,YACnBb,OAAQzb,EAAMyb,SAXd/E,EAAAA,EAAAA,oBACAC,EAFFyJ,EAEEzJ,iBACAC,IAAAA,iBACAQ,EAAAA,EAAAA,KACAC,IAAAA,OACA2E,EAAAA,EAAAA,YASF,OACEra,EAACqC,cAAAub,GAAW,CAAAzb,MAAKG,EAAA,GAAOjE,EAAM8D,QAC5BnC,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLkI,WAAY,SACZvF,QAAS,OACTlC,OAAQ,OACRsP,eAAgB,SAChB1H,YAAa,OACbC,aAAc,QAEhBhB,QAAS,WACPpL,EAAMqgB,mBACNrgB,EAAM4gB,8BAEN4D,GAAqB,GACrBtE,EAAmB,SAACpQ,GAAY,OAACA,MAGnCnO,EAACqC,cAAAgC,EACC,CAAAC,QAASjG,EAAMiG,QAAQqG,QAAQ,QAAS,IACxCpG,OAAQlG,EAAMkG,OACdC,KAAM,MAGVxE,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLghB,KAAM,EACNvV,SAAU,WACVsJ,IAAK,OACLlW,MAAO,SAGR4hB,GAAqBvkB,EAAMsgB,QAE9B3e,EAACqC,cAAA+gB,IACCzmB,KAAK,qCACLkD,OAAQ,SAACwjB,EAAyBC,eAA1B,IAACD,IAAAA,GAAkB,GACzBrjB,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLohB,cAAe,OACfC,wBAAyB,cACzBC,iBAAkB,OAClBlhB,gBAAiB,iBACjBmhB,OAAQ,EACR1gB,MAAO,QACP8B,QAASwZ,EAAkB,QAAU,OACrC6E,KAAM,EACNQ,aAAc,OACd/V,SAAU,QACVwG,MAAO,EACP8C,IAAK,EACLvD,WAAY,QAEdlK,QAAS,WAAM8U,OAAAA,EAAmB,SAACpQ,GAAD,OAAcA,MAEhDnO,EAAAqC,cAACogB,GAAkB,MACnBziB,EAAAqC,cAAA,MAAA,CACEoH,QAAS,SAACrN,GAAMA,OAAAA,EAAE+Q,mBAClBhL,MAAO,CACLI,gBAAiB,UACjBuC,QAAS,OACTwO,cAAe,SACf1Q,OAAQ,OACRgL,SAAU,WACV5M,MAAsB4iB,sBAGxB5jB,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLkI,WAAY,SACZ9H,gBAAiB,UACjB6M,aAAc,oBACdtK,QAAS,OACTlC,OAAQ,OACR4H,YAAa,OACbC,aAAc,SAGhBzK,EAAAqC,cAAA,MAAA,CAAKF,MAAKG,EAAA,GAAOgE,IACftG,EAAAqC,cAAA,IAAA,CACEF,MAAO,CACLkI,WAAY,SACZvF,QAAS,OACTlC,OAAQ,OACR6H,aAAc,QACf,mBACgB,EACjB0E,KACEZ,EACI1P,EAAM,QAACR,EAAMS,IAAbD,CAAkB,YAClB+M,GAAyB2C,MAAAA,OAAAA,EAAAA,EAAaD,WACtCkU,GAGNxiB,EAAKqC,cAAA,MAAA,CAAAF,MAAO,CAAEkI,WAAY,SAAUvF,QAAS,SAC3C9E,EAACqC,cAAAqgB,IACCpe,QAASiK,EAAcA,EAAYD,KAAOjQ,EAAMiG,aAKxDtE,EAAKqC,cAAA,MAAA,CAAAoH,QAAS,WAAM6Z,OAAAA,GAAUD,KAC5BrjB,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLkI,WAAY,SACZ9H,gBAAiB8gB,EACb,cACA,UACJ1gB,aAAc,SACdoL,wBACEsV,EAAkBhlB,EAAMkG,OAAO+F,MAAQ,WAEzCxF,QAAS,OACT+F,SAAU,OACVkF,WAAY,SAGd/P,EAAAqC,cAACL,EAAM,CAAClD,IAAKT,EAAMS,IAAK7E,IAAKoE,EAAM6gB,iBAEnClf,EAAAqC,cAAA,MAAA,CAAKF,MAAO,CAAEsI,aAAc,QAC1BzK,EAACqC,cAAAkG,GACC,CAAAhE,OAAQlG,EAAMkG,OACdpC,MAAO,CAAEa,MAAO,OAAQH,WAAY,MAAOkM,cAAe,gBAOpE/O,EAAAqC,cAAA,MAAA,CACEF,MACKmE,EAAAA,GAAAA,EACHud,CAAAA,wBAAyB,QACzBhM,UAAW,YAGb7X,EAAIqC,cAAA,KAAA,CAAAF,MAAO,CAAE4I,OAAQ,EAAG1B,QAAS,IAC9B8O,GAAkB3J,GAAcc,IAAI,WAAWC,OAARjB,IAAAA,KAChCkB,EAAgB,IAAND,EACVE,EACJF,IAAM4I,GAAkB3J,GAAckB,OAAS,EACjD,OACE1P,EAAAqC,cAAA,KAAA,CAAI7F,IAAK8R,EAAMnM,MAAO,CAAEyd,cAAe,SACrC5f,EAAAqC,cAAA,IAAA,CACEF,MAAO,CACLkI,WAAY,SACZvF,QAAS,OACTlC,OAAQ,OACR+M,cAAeF,EAAS,MAAQ,EAChCjF,YAAa,OACbC,aAAc,OACdmF,WAAYJ,EAAU,MAAQ,GAC/B,mBACgB,EACjBL,KACEtQ,UAAOR,EAAMS,IAAbD,CAAkB,YAClB+M,GAAyB0C,IAG3BtO,EAACqC,cAAAqgB,IAAkBpe,QAASgK,SAOrCF,GACCpO,EAAKqC,cAAA,MAAA,CAAAF,MAAO,CAAE0N,UAAW,sBACvB7P,EAAAqC,cAAA,IAAA,CACEF,MAAO,CACLkI,WAAY,SACZvF,QAAS,OACTlC,OAAQ,OACR4H,YAAa,OACbC,aAAc,OACdqF,eAAgB,QACjB,mBACgB,EACjBX,KACEtQ,EAAAA,QAAOR,EAAMS,IAAbD,CAAkB,YAClB+M,GAAyBwC,EAAgBE,OAG3CtO,EAAAqC,cAAA,MAAA,CACEO,OAAQ,GACRT,MAAO,CAAE2C,QAAS,QAASuK,YAAa,OACxCzK,QAAQ,YACR5D,MAAO,GACP2D,MAAM,8BAEL3E,EAAMqC,cAAc2C,EAAwB,CAC3ChC,MAAO,UACPxG,IAAK,UAGTwD,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLa,MAAO,gBACP6H,SAAU,OACVkF,WAAY,OACZD,eAAgB,SAId,uBAMd9P,EAAAqC,cAAA,MAAA,CACEF,MACKmE,EAAAA,GAAAA,GACHud,wBAAyB,QACzBhM,UAAW,YAGb7X,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL2L,WAAY,UACZnL,aAAc,MACdoL,UAAW,+BACXjJ,QAASue,EAAkB,QAAU,OACrCzgB,OAAQ,OACR8U,UAAW,qBACX9J,SAAU,WACVwG,MAAO,OACP8C,IAAK,OACLlW,MAAO,sBAGThB,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL0hB,wBAAyB,QACzB/e,QAAS,OACTwO,cAAe,SACf1Q,OAAQ,OACRiV,UAAW,WAGb7X,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLid,SAAU,OACVpR,SAAU,SACVqR,aAAc,WACd3U,WAAY,WAGd1K,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLkH,QAAS,SAEXrJ,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL0I,SAAU,OACVC,WAAY,IACZiF,WAAY,OACZ2D,aAAc,MACd1F,SAAU,SACVqR,aAAc,WACd3U,WAAY,WAGbrM,EAAMkhB,UAETvf,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLa,MAAO,OACP6H,SAAU,OACVkF,WAAY,OACZ/B,SAAU,SACVqR,aAAc,WACd3U,WAAY,WAGbrM,EAAMihB,UAIVjhB,EAAMmhB,eACLxf,qBACEmP,kBAAmB9Q,EAAMyb,OACzB3X,MAAO,CACL0N,UAAW,iBACX7M,MAAO,kBACP8B,QAAS,QACTiL,WAAY,OACZqP,SAAU,OACV5U,YAAa,OACbC,aAAc,OACdqF,eAAgB,OAChBpF,WAAY,WACb,cAMJ/M,GACCqC,EAAAqC,cAAArC,EAAA4K,SAAA,KACE5K,EACEqC,cAAA,IAAA,CAAA8M,KACEtQ,UAAOR,EAAMS,IAAbD,CAAkB,SAAlB,aACaR,EAAMyb,OAErB3X,MAAO,CACL0N,UAAW,iBACX7M,MAAO,kBACP8B,QAAS,QACTiL,WAAY,MACZ1G,QAAS,YACTyG,eAAgB,6BAIlB9P,EAACqC,cAAAqb,IAAU1K,SAAUtV,OAM5BW,EAAMM,gBAAgB+Q,OAAS,GAC9B1P,EACEqC,cAAA,MAAA,CAAAF,MAAO,CACLkI,WAAY,SACZ9H,gBAAiB,OACjBsN,UAAW,iBACX/K,QAAS,OACTiL,WAAY,OACZ1G,QAAS,WAGXrJ,EAAAqC,cAAA,MAAA,CACEF,MAAKG,EAAA,GACAgE,EACHtD,CAAAA,MAAO,OACP6H,SAAU,OACV+G,cAAe,YACflH,WAAY,UACTrE,IACJ,oBAOPrG,EAAAqC,cAAA,MAAA,CAAKF,MAAKG,EAAA,GAAOgE,IACftG,EAAAqC,cAAA,QAAA,KAAA,8FAGArC,EAAAqC,cAAA,KAAA,CACEiS,UAAU,qCACVnS,MAAO,CACL0N,UAAWxR,EAAMM,gBAAgB+Q,OAAS,EAAI,iBAAmB,OACjE7E,SAAU,OACV+U,cAAe,OACf7U,OAAQ,EACR1B,QAAS,IAGVkP,GACCla,EAAMM,iBACN2Q,IAAI,SAAG7P,GAAAA,IAAAA,EAAAA,EAAAA,GAAH,OACJO,EAAAqC,cAAA,KAAA,CAAI7F,IAAKiD,GACPO,EACEqC,cAAA,IAAA,CAAA8M,KAAK,GACL1F,QAAS,SAACrN,GACRiC,EAAMohB,wBACNphB,EAAMqhB,mCACNrhB,EAAMyhB,6BACJrgB,EACGpB,EAAMiG,aAEXlI,EAAEgR,kBAEJjL,MAAO,CACL0N,UAAW,iBACX7M,MAAO,kBACP8B,QAAS,QACTiL,WAAY,OACZqP,SAAU,OACVpR,SAAU,SACVxD,YAAa,OACbC,aAAc,OACdqF,eAAgB,OAChBuP,aAAc,WACd3U,WAAY,aAxBPxM,WA2BC6hB,wBAMlB/f,EAAAqC,cAAA,MAAA,KACGhE,EAAMM,gBAAgB+Q,OAAS,GAC9B1P,qBACEmP,KAAK,GACL1F,QAAS,SAACrN,GACRiC,EAAMohB,wBACNphB,EAAMqhB,mCACNrhB,EAAMshB,+BACNvjB,EAAEgR,kBAEJjL,MAAO,CACL0N,UAAW,iBACX7M,MAAO,UACP8B,QAAS,QACT+F,SAAU,OACVkF,WAAY,OACZmE,UAAW,SACXpE,eAAgB,SACjB,0BAUb9P,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACL0N,UAAW,oBACX/K,QAAS,OACTwO,cAAe,MACfvD,WAAY,OACZmE,UAAW,WAGblU,EAAAqC,cAAA,MAAA,CACEF,MACKmE,EAAAA,GAAAA,GACHwd,YAAa,uBAGf9jB,EAACqC,cAAA0G,GACC,CAAA5G,MAAO,CACLa,MAAO,QACP6H,SAAU,OACVC,WAAY,IACZiZ,cAAe,UAEjBtkB,GAAG,oBAAkB,SAMzBO,EAAAqC,cAAA,MAAA,CAAKF,MAAKG,EAAA,GAAOgE,IACftG,EAAAqC,cAAA,IAAA,CACE8M,KAAStQ,EAAAA,QAAOR,EAAMS,IAAbD,CAAkB,SAD7B,UAEE4K,QAAS,WACPpL,EAAMohB,wBACNphB,EAAMqhB,oCAGS,mBAAA,EACjBvd,MAAO,CACLa,MAAO,QACP6H,SAAU,OACVC,WAAY,IACZiZ,cAAe,SACfjU,eAAgB,SACjB,kBAUf9P,EAAAqC,cAAA,MAAA,CACEF,MACKmE,EAAAA,GAAAA,GACHwE,WAAY,IACZiF,WAAY,OACZmE,UAAW,WAEbzK,QAAS,WACP8U,GAAmB,GACnBsE,EAAqB,SAAC1U,UAAaA,MAGrCnO,EAAAqC,cAAC2gB,EACE,MD/kBgBF,EC+kBLI,GD/kBqBc,OAAO,GAAGC,cAAgBnB,EAAEtiB,MAAM,ICilBrER,EAACqC,cAAAkG,IACChE,OAAQlG,EAAMkG,OACdpC,MAAO,CAAEU,WAAY,MAAOkM,cAAe,aAI9CnR,GACCoC,EACEqC,cAAA,MAAA,CAAAF,MAAO,CACLkI,WAAY,SACZvF,QAAS,OACTlC,OAAQ,OACRsP,eAAgB,SAChB1H,YAAa,OACbC,aAAc,QAEhBhB,QAAS,WAAM0U,OAAAA,EAA4B,SAAChQ,GAAY,OAACA,MAEzDnO,EAAAqC,cAACgO,GAAgB,CACf9L,OAAQlG,EAAMkG,OACd+L,iBAAkB+J,EAAc,IAElCra,EAAAqC,cAAC+gB,GAAoB,CACnBzmB,KAAK,8CACLkD,OAAQ,kBACNG,EAAAqC,cAAA,MAAA,CACEF,MAAO,CACLohB,cAAe,OACfC,wBAAyB,cACzBC,iBAAkB,OAClBlhB,gBAAiB,iBACjBmhB,OAAQ,EACR1gB,MAAO,QACP8B,QAASoZ,EAA2B,QAAU,OAC9CiF,KAAM,EACNQ,aAAc,OACd/V,SAAU,QACVwG,MAAO,EACP8C,IAAK,EACLvD,WAAY,SAGd3T,EAAAqC,cAACogB,GAAkB,MACnBziB,EAAAqC,cAAA,MAAA,CACEoH,QAAS,SAACrN,GAAD,OAAOA,EAAE+Q,mBAClBhL,MAAO,CACL0hB,wBAAyB,QACzBthB,gBAAiB,UACjBuC,QAAS,OACTwO,cAAe,SACf1Q,OAAQ,OACRiV,UAAW,SACXxO,QAAS,QACTuE,SAAU,WACV5M,MAAK,sBAGPhB,EAACqC,cAAAyS,GACC,CAAA3W,KAAME,EAAMF,KACZ4W,oBAAqBA,EACrBC,iBAAkBA,EAClBC,iBAAkBA,EAClB5C,QACA,EAAAmD,cAAe,CAAEC,KAAAA,EAAMC,OAAAA,GACvBxH,OAAQ,WAAA,OACNiQ,EAA4B,SAAChQ,GAAD,OAAcA,KAE5CA,QAAS+P,WAQrBtgB,GAAwBS,EAAMmX,kBAKtCuI,GAAO7d,aAAe,CACpB+iB,sBAAuB,SAAC5kB,GAAD,OAAW2B,EAAAqC,cAAA,YAAUhE,KAC5CmX,cAAe,WAAA,mCzC3pBW,SAavBjb,GAAA,IAAA2pB,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAArqB,EAZHqE,gBAYGimB,EAAAtqB,EAVHmmB,UAAAA,OAAY5iB,IAAAA,EAAAA,EACZ+B,EAAAA,EAAAA,EAAAA,OAUMilB,EFfa,SAMhBvqB,GAAA,IALHqE,EAAAA,EAAAA,gBACAE,IAAAA,IAMEvC,EAAAA,EAAgB,SAAU,IADoBwoB,EAAhB7nB,EAAAA,eAERR,EAAAA,EAAAA,SAFhBM,EAAAA,aAEDe,EAAPd,EAAA,GAAa+nB,EAEb5nB,EAAAA,GAAAA,YAAU,WACRjD,KACC,IAEH,IAAMA,EAAQ,WACZiB,EACEwD,EACGC,EAAM,QAACC,EAAPD,CAAY,OAFP,wBAGR7C,KAAK,SAA2DV,GAAA,IAAxDY,EAAAA,EAAAA,OAAMC,KAEZ6oB,EAAQ9oB,GACR6oB,EAAa7oB,OAKnB,OAAO6B,EEZgBknB,CAAa,CAAErmB,qBADnC,IAAAgmB,EAZe5qB,EAYf4qB,EACoD9lB,IADpDvE,EAXHuE,MAaMX,EAAOuiB,EAAUoE,GACjBlnB,GACU,MAAdknB,GAAA,OAAAA,EAAAA,EAAgBrpB,OAAhB,OAAA0oB,EAAAD,EAAsBhmB,aAAtB,OAAAkmB,EAAAD,EAAkCe,eAAlCJ,EAAAV,EAA4C7G,SAC1C,4BACIziB,OAAOqqB,sBACTxnB,EAAU,MACdmnB,GADc,OAAAT,EACdS,EAAgBrpB,OAAhB,OADc6oB,EACdD,EAAsBnmB,aAAtB,OAAAqmB,EAAAD,EAAkCY,eADpB,EACdX,EAA4ChH,SAAS,eACjD7f,UAAkBonB,GAAD,SAACA,EAAgBrpB,OAAhB,OAADgpB,EAACD,EAAsBtmB,cAAtBumB,EAAkCW,gBACpDvnB,EAAoB,MAAGinB,GAAH,OAAAJ,EAAGI,EAAgBrpB,OAAhB,OAAHkpB,EAAGD,EAAsBxmB,iBAAzB,EAAGymB,EAAkCU,cAG/D,OACErlB,EAACqC,cAAA7E,EAAc4iB,SAAQ,CACrB/O,MAAO,CACL3T,cAAAA,EACAC,WAAAA,EACAC,qBAAAA,EACAC,qBAAAA,IAGDgC,EAAO1B,GAAQ,GAAI,CAClBhE,MAAO,aACP8E,OAAQ,oHoC+cF,SAWT3D,GAAA,IAVHoR,EAUGpR,EAVHoR,OACAnI,EASGjJ,EATHiJ,OASG+gB,EAAAhqB,EARH6G,MAAAA,OAQG,IAAAmjB,EARK,KAQLA,EAPAljB,EAOAvH,EAAAS,EAAAvB,MAC2BiG,EAAMtD,UAAS,GAAtCoN,OAASC,EAAhBkQ,EAAA,GACwBja,EAAAA,EAAMtD,UAAS,GAA1BmN,EAEb0b,EAAA,GAUA,OACEvlB,EACEqC,cAAA,IAAAF,EAAAA,CAAAA,MACEI,EAAAA,CAAAA,gBAZAuH,GAHOD,EAAAA,GAGiBtF,EAAOgG,MAC/BT,GAAW4C,EAAenI,EAAO+F,MAC9B,cAWH3H,aAAc,SACdK,MARGuB,EAAOya,MAAQ,OASlBnU,SAAU,OACVC,WAAY,IACZiF,WAAY,OACZV,YAAa,MACb7E,YAAa,OACbC,aAAc,OACdqF,eAAgB,OAChB8B,cAAe,aACf7C,cAAe,SACfrE,WAAY,UACTrE,EACAF,EACAhE,GAEL+H,aAAc,WAAMH,OAAAA,GAAW,IAC/BI,aAAc,WAAA,OAAMJ,GAAW,IAC/BE,YAAa,WAAMJ,OAAAA,GAAQ,IAC3BO,UAAW,WAAA,OAAMP,GAAQ,KACrBzH,0IEnhBM,YACdmC,IAAAA,EAAAA,EAAAA,WACA6d,KAAAA,OAAO,IAAAoD,EAAA,SACP/b,QAAAA,OAAU,IAAAgc,EAAA,SAACC,KAQZD,EALIpnB,EAKJxD,EAAAN,EAAAR,MACsCiG,EAAMtD,UAAS,GAAlCipB,EAAlBhc,EAAA,GAEA,cAAqByY,EAAO,KAC1BpiB,gBAACqhB,GAAc9c,EAAAA,CAAAA,OAAQA,GAAYlG,GACjC2B,EAAAqC,cAAC8e,GAAkB,KACjBnhB,EAAAqC,cAAA,OAAA,CAAM6f,wBAAyB,CAAEC,OAAQC,KACzCpiB,EAAAqC,cAACyf,GACC,CAAArY,QAAS,SAACsS,GACRtS,EAAQsS,GACR4J,GAAgB,wEGunBd,SAAAjiB,GAAA,IAAGgJ,EAAHhJ,EAAGgJ,OAAWrO,iBAC1B2B,EAAAqC,cAAA,IACEF,EAAAA,CAAAA,SACEI,gBAAiB,OACjB6M,aAAc,iBACdpM,MAAO,OACP8B,QAAS,QACTgG,WAAY,IACZiF,WAAY,OACZnC,SAAU,WACVsG,UAAW,SACXpE,eAAgB,OAChB8B,cAAe,aACflH,WAAY,UACTrE,EACCqG,GAAU,CAAEnK,gBAAiB,UAE/BlE,iDhCjdgB,SAAAqF,GAAA,IAAAkiB,EAAAliB,EACtBX,KAAAA,OADsB,IAAA6iB,EACf,OADeA,EAEtBzjB,EAFsBuB,EAEtBvB,MACGC,EAHmBvH,EAAA6I,EAAAoD,GAAA,OAQtB9G,EACEqC,cAAA,MADFC,EAAA,CACEtB,MAAM,KACN4B,OAAO,KACPgC,QAAQ,YACRzC,MAAS2C,EAAAA,CAAAA,QAAS,SAAY3C,IAC1BC,GAEJpC,EAAmCqC,cAAA,QAAA,KAAA,wBACnCrC,EACEqC,cAAA,OAAA,CAAAY,EAAE,4IACFF,KAAMA"}