@planningcenter/topbar 7.1.0-alpha.1 → 7.1.0-testing.1

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 (33) hide show
  1. package/dist/modules/colors.d.ts +46 -0
  2. package/dist/modules/components/conditional_wrap.d.ts +7 -0
  3. package/dist/modules/components/notification_item.d.ts +4 -1
  4. package/dist/modules/components/notifications_inbox.d.ts +14 -0
  5. package/dist/modules/components/notifications_menu.d.ts +10 -3
  6. package/dist/modules/components/notifications_menu_Wrapper.d.ts +7 -0
  7. package/dist/modules/components/notifications_menu_blank_state.d.ts +8 -0
  8. package/dist/modules/components/popover_root.d.ts +6 -0
  9. package/dist/modules/components/spinner.d.ts +4 -0
  10. package/dist/modules/hooks/use_hover.d.ts +3 -0
  11. package/dist/modules/hooks/use_notifications.d.ts +14 -0
  12. package/dist/modules/medium_topbar.d.ts +34 -38
  13. package/dist/modules/not_small_topbar.d.ts +37 -62
  14. package/dist/modules/small_topbar.d.ts +39 -42
  15. package/dist/modules/symbols.d.ts +7 -1
  16. package/dist/topbar +2 -0
  17. package/dist/topbar.css +2 -0
  18. package/dist/topbar.css.map +1 -0
  19. package/dist/topbar.js +1 -1
  20. package/dist/topbar.js.map +1 -1
  21. package/dist/topbar.map +1 -0
  22. package/dist/topbar.modern.css +2 -0
  23. package/dist/topbar.modern.css.map +1 -0
  24. package/dist/topbar.modern.js +1 -1
  25. package/dist/topbar.modern.js.map +1 -1
  26. package/dist/topbar.module.css +2 -0
  27. package/dist/topbar.module.css.map +1 -0
  28. package/dist/topbar.module.js +1 -1
  29. package/dist/topbar.module.js.map +1 -1
  30. package/dist/topbar.umd.js +1 -1
  31. package/dist/topbar.umd.js.map +1 -1
  32. package/package.json +17 -9
  33. package/prepare.js +15 -0
package/dist/topbar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"topbar.js","sources":["../modules/api_request.ts","../modules/apps_provider.tsx","../modules/connected_people_provider.tsx","../modules/display_switch.tsx","../modules/styled_root.tsx","../modules/styles.tsx","../modules/unbutton.tsx","../modules/avatar.tsx","../modules/formatters.tsx","../modules/symbols.tsx","../modules/mono_app_symbols.tsx","../modules/mono_app_icon.tsx","../modules/mono_app_text.tsx","../modules/mono_app_name.tsx","../modules/components/apps_button.tsx","../modules/get_apps_switch_product_path.tsx","../modules/color_app_squircles.tsx","../modules/color_app_icon.tsx","../modules/components/hoverable_list_item.tsx","../modules/components/outsider.tsx","../modules/components/popup.tsx","../modules/components/popup_root.tsx","../modules/components/apps_menu.tsx","../modules/components/hoverable.tsx","../modules/components/notification_bell.tsx","../modules/components/eyebrow.tsx","../modules/components/notification_item.tsx","../modules/components/NotificationsMenuBlankState.tsx","../modules/components/notifications_menu.tsx","../modules/dummy_data.tsx","../modules/not_small_topbar.tsx","../modules/client_storage.tsx","../modules/small_topbar.tsx","../modules/medium_topbar.tsx","../modules/platform_announcements.tsx","../modules/product_announcement.tsx"],"sourcesContent":["import { Environment } from \"@planningcenter/url\"\n\ndeclare global {\n interface Window {\n railsEnv?: Environment;\n currentPerson?: { id: number };\n Rails?: {\n csrfToken: () => string;\n };\n }\n}\n\nexport 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<{ response: Response; json: any; ok: boolean }> {\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) => ({ response, json, ok: response.ok }))\n .catch(() => ({ response, json: null, ok: response.ok })),\n (e) => {\n console.warn(e);\n\n return { response: null, json: null, ok: false };\n }\n );\n}\n","import * as React from \"react\";\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\nimport apiRequest, { Fetch, defaultFetch } from \"./api_request\";\n\nexport class AppsProvider extends React.Component<\n {\n env: PCO_URL.Environment;\n formatter?: any;\n configuredFetch?: Fetch;\n render: (apps: object[], callback: any) => React.ReactElement<any>;\n },\n {\n apps: object[];\n }\n> {\n constructor(props: any) {\n super(props);\n\n this.state = {\n apps: [],\n };\n }\n\n public static defaultProps = {\n formatter: mapApps,\n configuredFetch: defaultFetch,\n };\n\n fetch() {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/people/v2/me/apps`\n ).then(({ json }) => {\n const apps = this.props.formatter(json.data);\n\n return this.setState({ apps }, () =>\n window.localStorage.setItem(\"Topbar:Apps\", JSON.stringify(apps))\n );\n });\n }\n\n remove() {\n window.localStorage.removeItem(\"Topbar:Apps\");\n }\n\n componentDidMount() {\n const apps = JSON.parse(window.localStorage.getItem(\"Topbar:Apps\"));\n\n if (apps) return this.setState({ apps });\n\n return this.fetch();\n }\n\n render() {\n return this.props.render(this.state.apps || [], {\n fetch: this.fetch.bind(this),\n remove: this.remove.bind(this),\n });\n }\n}\n\ninterface App {\n attributes: { name: string; url: string };\n}\n\nexport function mapResourcesToCalendar(apps: App[]) {\n return apps.map((app: App) => {\n if (app.attributes.name === \"Resources\") {\n return {\n ...app,\n attributes: { ...app.attributes, name: \"Calendar\" },\n };\n }\n\n return app;\n }, []);\n}\n\nexport function mapApps(apps: App[]) {\n return apps;\n}\n","import * as React from \"react\";\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\nimport apiRequest, { Fetch, defaultFetch } from \"./api_request\";\n\nexport class ConnectedPeopleProvider extends React.Component<\n {\n env: PCO_URL.Environment;\n configuredFetch?: Fetch;\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 method: \"POST\",\n data: {\n data: {\n attributes: {\n id: toId,\n return_path: returnPath,\n },\n },\n },\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 unlink: this.unlink.bind(this),\n switch: this.switch.bind(this),\n });\n }\n}\n","import * as React from \"react\";\n\nconst debounce = (func, wait) => {\n let timeout;\n\n return function () {\n const context = this,\n args = arguments;\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(\n \"resize\",\n debounce(this.setWindowWidth, 100),\n false\n );\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 smallBreakpoints: String[];\n mediumBreakpoints: String[];\n smallTopbar: (breakpointShorthand: string) => React.ReactElement<any>;\n mediumTopbar?: (breakpointShorthand: string) => React.ReactElement<any>;\n notSmallTopbar: (breakpointShortand: string) => React.ReactElement<any>;\n },\n {}\n> {\n public static defaultProps = {\n smallBreakpoints: [\"xs\", \"sm\"],\n mediumBreakpoints: [\"md\"],\n };\n\n render() {\n if (this.props.mediumTopbar) {\n return (\n <PointBreak\n render={(breakpoint) => {\n if (this.props.smallBreakpoints.indexOf(breakpoint) !== -1) {\n return this.props.smallTopbar(breakpoint);\n }\n\n if (this.props.mediumBreakpoints.indexOf(breakpoint) !== -1) {\n return this.props.mediumTopbar(breakpoint);\n }\n\n return this.props.notSmallTopbar(breakpoint);\n }}\n />\n );\n }\n\n // continue support for old API\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 * as React from \"react\";\n\nexport function StyledRoot({ children, style, ...nativeProps }): JSX.Element {\n return (\n <div\n className=\"simple\"\n style={{\n height: \"48px\",\n display: \"flex\",\n position: \"relative\",\n alignItems: \"center\",\n color: \"white\",\n WebkitFontSmoothing: \"antialiased\",\n MozOsxFontSmoothing: \"grayscale\",\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","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\";\nimport { fontFamily } from \"./styles\";\n\nexport function Unbutton({\n style,\n ...nativeProps\n}: {\n id?: string;\n style?: object;\n onClick?: any;\n onMouseEnter?: any;\n onMouseLeave?: any;\n onMouseDown?: any;\n onMouseUp?: any;\n children: any;\n}): JSX.Element {\n return (\n <button\n style={{\n display: \"inline-block\",\n cursor: \"pointer\",\n backgroundColor: \"transparent\",\n border: \"none\",\n padding: 0,\n appearance: \"none\",\n WebkitAppearance: \"none\",\n outline: 0,\n ...fontFamily,\n ...style,\n }}\n {...nativeProps}\n />\n );\n}\n","import * as React from \"react\";\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\n\nexport function Avatar({\n env,\n url: incomingUrl = \"\",\n style,\n ...nativeProps\n}: {\n env: PCO_URL.Environment;\n url?: string;\n style?: object;\n}): JSX.Element {\n const url =\n incomingUrl ||\n `${pcoUrl(env)(\"people\")}/static/no_photo_thumbnail_gray.svg`;\n\n return (\n <div\n style={{\n backgroundColor: \"white\",\n height: \"26px\",\n width: \"26px\",\n marginLeft: \"4px\",\n borderRadius: \"50%\",\n backgroundPosition: \"center\",\n backgroundSize: \"cover\",\n backgroundImage: `url(${url})`,\n ...style,\n }}\n {...nativeProps}\n />\n );\n}\n","export interface App {\n attributes: { name: string; url: string };\n}\n\nexport interface ConnectedPerson {\n id: number;\n attributes: { name: string; organization_name: string };\n}\n\nconst sortByAttribute = (attr: string) => (arr: any[]): any[] =>\n arr\n .slice()\n .sort((a, b) => a.attributes[attr].localeCompare(b.attributes[attr]));\n\nexport const appsMenuFormatter = (apps: App[]): App[] =>\n sortByAttribute(\"name\")(apps).reduce(\n (acc, item) =>\n (item.attributes.name || \"\") === \"Church Center\" ||\n (item.attributes.name || \"\") === \"API\"\n ? acc\n : acc.concat([item]),\n [],\n );\n\nexport const connectedPeopleMenuFormatter = (\n connectedPeople: ConnectedPerson[],\n): ConnectedPerson[] => sortByAttribute(\"organization_name\")(connectedPeople);\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 style,\n ...nativeProps\n}: {\n style?: object;\n}) => (\n <svg\n fill=\"none\"\n height=\"123\"\n style={{ ...style }}\n width=\"160\"\n {...nativeProps}\n >\n <g clip-path=\"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=\"#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=\"#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 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 style={{ margin: \"-3px\", ...style }}\n viewBox=\"0 0 16 16\"\n width=\"16\"\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 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\nexport function Squircle({ color = \"#fff\", ...platformProps }): 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, ...platformProps }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.657,10.478a3.419,3.419,0,0,0,0-.962l1.036-.81a.248.248,0,0,0,.059-.314l-.982-1.7a.245.245,0,0,0-.3-.108l-1.223.491a3.563,3.563,0,0,0-.83-.482l-.186-1.3a.24.24,0,0,0-.241-.206H9.027a.24.24,0,0,0-.241.206L8.6,6.594a3.748,3.748,0,0,0-.83.482L6.547,6.585a.238.238,0,0,0-.3.108l-.982,1.7a.242.242,0,0,0,.059.314l1.036.81a3.323,3.323,0,0,0,0,.962l-1.036.81a.249.249,0,0,0-.059.315l.982,1.7a.247.247,0,0,0,.3.108l1.223-.491a3.594,3.594,0,0,0,.83.481l.186,1.3a.24.24,0,0,0,.241.206h1.964a.24.24,0,0,0,.241-.206l.186-1.3a3.784,3.784,0,0,0,.83-.481l1.223.491a.239.239,0,0,0,.3-.108l.982-1.7a.249.249,0,0,0-.059-.315ZM10.009,11.9a1.9,1.9,0,1,1,1.9-1.9A1.9,1.9,0,0,1,10.009,11.9Z\"\n />\n );\n}\n\nexport function API({ color, ...platformProps }): 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, ...platformProps }): 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, ...platformProps }): 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, ...platformProps }): 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, ...platformProps }): 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, ...platformProps }): 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 People({ color, ...platformProps }): 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, ...platformProps }): 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, ...platformProps }): 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 Resources({ color, ...platformProps }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M9.241,14a.6.6,0,0,1-.6.6H6.007a.6.6,0,0,1-.6-.6V11.364a.6.6,0,0,1,.6-.6H8.641a.6.6,0,0,1,.6.6Zm0-5.367a.6.6,0,0,1-.6.6H6.007a.6.6,0,0,1-.6-.6V6a.6.6,0,0,1,.6-.6H8.641a.6.6,0,0,1,.6.6ZM14.609,14a.6.6,0,0,1-.6.6H11.374a.6.6,0,0,1-.6-.6V11.364a.6.6,0,0,1,.6-.6h2.635a.6.6,0,0,1,.6.6Zm0-5.367a.6.6,0,0,1-.6.6H11.374a.6.6,0,0,1-.6-.6V6a.6.6,0,0,1,.6-.6h2.635a.6.6,0,0,1,.6.6Z\"\n />\n );\n}\n\nexport function Services({ color, ...platformProps }): 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\";\nimport * as AppSymbols from \"./mono_app_symbols\";\n\nfunction Squircle({ color = \"#fff\", ...platformProps }): 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 MonoAppIcon({\n appName,\n colors,\n style,\n size = 20,\n ...platformProps\n}: {\n appName: string;\n colors: any; // TODO: shared type\n style?: any;\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 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 <Squircle />\n\n {AppSymbols[appName] ? (\n React.createElement(AppSymbols[appName], { color: colors.base0 })\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, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"4ce749c7-c01e-4a9b-9496-b14fd2e761aa\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"77.073\"\n height={size}\n viewBox=\"0 0 77.073 20\"\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, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"bed028ef-58ee-4c4c-a757-08ecc3276857\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"119.5\"\n height={size}\n viewBox=\"0 0 119.5 20\"\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, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"Layer_1\"\n data-name=\"Layer 1\"\n width=\"73.83\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 73.83 20\"\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, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"dc713595-39c2-41c4-b1d9-3ef8c295b738\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"79.311\"\n height={size}\n viewBox=\"0 0 79.311 20\"\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({\n color,\n size = 20,\n ...platformProps\n}): JSX.Element {\n return (\n <svg\n id=\"e2e8a225-c349-4aea-935c-64b6ad436be8\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"118.083\"\n height={size}\n viewBox=\"0 0 118.083 20\"\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, ...platformProps }): 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 width=\"50.486\"\n height={size}\n viewBox=\"0 0 50.486 20\"\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 Groups({ color, size = 20, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"08e4075e-8ca4-4400-a3ae-98f53270d1d0\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"58.688\"\n height={size}\n viewBox=\"0 0 58.688 20\"\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, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"c461f8d4-1c6e-406e-af2d-8d7721d891d5\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"57.729\"\n height={size}\n viewBox=\"0 0 57.729 20\"\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({\n color,\n size = 20,\n ...platformProps\n}): JSX.Element {\n return (\n <svg\n id=\"Layer_1\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"84.973\"\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({\n color,\n size = 20,\n ...platformProps\n}): 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 width=\"105.758\"\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 Resources({ color, size = 20, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"74f21070-1fd8-4ba2-80b2-8fbdc21e6238\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"81.693\"\n height={size}\n viewBox=\"0 0 81.693 20\"\n >\n <title>resources-text</title>\n <path\n fill={color}\n d=\"M6.751,5.966,6.234,7.043a.587.587,0,0,1-.334.323.541.541,0,0,1-.425-.032,2.375,2.375,0,0,0-.854-.182A2.733,2.733,0,0,0,2.387,8.4v6.288c0,.589-.485.589-.8.589H.59A.59.59,0,0,1,0,14.689V5.679a.605.605,0,0,1,.59-.59h.517a.575.575,0,0,1,.544.434l.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.485,3.736,3.736,0,0,0,2.369-.818.6.6,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.047,5.047,0,0,1-5.1-5.332,5.082,5.082,0,0,1,5.074-5.31A4.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.937Zm9.326,2.15c-1.059-.462-1.633-.815-1.633-1.36,0-.383.357-.769,1.156-.769a5.056,5.056,0,0,1,2.086.485.579.579,0,0,0,.8-.247l.345-.689a.706.706,0,0,0-.256-.882,5.705,5.705,0,0,0-2.973-.751c-2.358,0-3.414,1.422-3.414,2.831,0,1.764,1.328,2.606,2.763,3.253,1.4.634,2.066,1.038,2.066,1.618,0,.528-.459.856-1.2.856a4.489,4.489,0,0,1-2.385-.7l-.036-.019a.641.641,0,0,0-.5-.076.494.494,0,0,0-.3.254l-.452.925a.522.522,0,0,0,.208.663h0a5.92,5.92,0,0,0,3.342,1.034c2.411,0,3.673-1.522,3.673-3.026C24.235,10.617,22.935,9.926,20.953,9.087Zm14.252,1.075a5.341,5.341,0,0,1-5.182,5.354,5.323,5.323,0,1,1,5.182-5.354Zm-5.182-3.01a2.873,2.873,0,0,0-2.859,3.01,2.857,2.857,0,1,0,5.7,0A2.863,2.863,0,0,0,30.023,7.152ZM44.641,5.089h-1.1c-.327,0-.676.045-.676.59l0,6.014a2.357,2.357,0,0,1-2.215,1.545c-1.245,0-1.824-.717-1.824-2.257v-5.3a.605.605,0,0,0-.59-.59H37.032a.622.622,0,0,0-.591.59v5.152c0,2.182.435,4.685,3.824,4.685a4.085,4.085,0,0,0,3.1-1.258l.194.535c.088.24.223.485.562.485h.517a.608.608,0,0,0,.611-.589V5.679A.624.624,0,0,0,44.641,5.089Zm9.307.352c-.263-.419-1.156-.567-1.905-.567A4,4,0,0,0,49.07,6.208l-.212-.685a.575.575,0,0,0-.544-.434H47.8a.6.6,0,0,0-.59.59v9.01a.59.59,0,0,0,.59.589h.991c.321,0,.806,0,.806-.589V8.4a2.731,2.731,0,0,1,2.234-1.249,2.375,2.375,0,0,1,.854.182.539.539,0,0,0,.424.032.591.591,0,0,0,.335-.323l.517-1.077A.517.517,0,0,0,53.948,5.441Zm8.115,6.549a.573.573,0,0,0-.818.049c-.08.074-.16.153-.242.234a2.62,2.62,0,0,1-2.029.965,2.92,2.92,0,0,1-2.838-3.054,2.779,2.779,0,0,1,4.87-2.073c.166.166.443.444.8.11l.775-.71a.605.605,0,0,0,.1-.869,4.464,4.464,0,0,0-3.711-1.768,5.285,5.285,0,0,0-5.225,5.331,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-.866ZM73.17,9.559c0,.179-.022.528-.044.705a.578.578,0,0,1-.567.531H65.8a2.82,2.82,0,0,0,2.855,2.485,3.736,3.736,0,0,0,2.369-.818.6.6,0,0,1,.45-.148.465.465,0,0,1,.3.22l.583.907a.513.513,0,0,1-.065.819,5.708,5.708,0,0,1-3.762,1.256,5.047,5.047,0,0,1-5.095-5.332,5.082,5.082,0,0,1,5.074-5.31A4.572,4.572,0,0,1,73.17,9.559ZM68.463,6.937a2.411,2.411,0,0,0-2.54,2.033H70.8A2.23,2.23,0,0,0,68.463,6.937Zm9.326,2.15c-1.06-.462-1.634-.815-1.634-1.36,0-.383.358-.769,1.157-.769a5.056,5.056,0,0,1,2.086.485.579.579,0,0,0,.8-.247l.345-.689a.709.709,0,0,0-.256-.882,5.711,5.711,0,0,0-2.973-.751C74.954,4.874,73.9,6.3,73.9,7.705c0,1.764,1.328,2.606,2.762,3.253,1.4.634,2.067,1.038,2.067,1.618,0,.528-.46.856-1.2.856a4.493,4.493,0,0,1-2.386-.7l-.035-.019a.647.647,0,0,0-.5-.076.5.5,0,0,0-.305.254l-.451.925a.521.521,0,0,0,.208.663h0A5.929,5.929,0,0,0,77.4,15.516c2.411,0,3.672-1.522,3.672-3.026C81.07,10.617,79.77,9.927,77.789,9.087Z\"\n />\n </svg>\n );\n}\n\nexport function Services({ color, size = 20, ...platformProps }): 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 width=\"67.995\"\n height={size}\n viewBox=\"0 0 67.995 20\"\n style={{ display: \"block\" }}\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\";\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","import * as React from \"react\";\n\nimport { Unbutton } from \"../unbutton\";\nimport { slightBackgroundTransition } from \"../styles\";\nimport { MonoAppIcon } from \"../mono_app_icon\";\nimport { MonoAppName } from \"../mono_app_name\";\n\nimport { DisclosureChevronIcon } from \"../symbols\";\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 <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 <div key=\"space-2\" style={{ margin: 4 }} />,\n <DisclosureChevronIcon\n colors={colors}\n key=\"disclosure-chevron-icon\"\n style={{ display: \"block\" }}\n />,\n ]}\n </Unbutton>\n );\n};\n\nexport default AppsButton;\n","export default function getAppsSwitchProductPath(productName: string): string {\n let basePath = `/apps/${productName.toLowerCase()}`;\n let referer = window?.location?.pathname?.toString();\n\n if (!referer) return basePath;\n\n let params = new URLSearchParams();\n params.append(\"referer\", referer);\n\n return `${basePath}?${params.toString()}`;\n}\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 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 Resources(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"97b0a80e-e94f-4e6e-bf5b-fee592d510ee\"\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=\"#f25437\" />\n <stop offset=\"1\" stopColor=\"#cd4e39\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">resources-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(#97b0a80e-e94f-4e6e-bf5b-fee592d510ee)\"\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\";\nimport * as AppSymbols from \"./mono_app_symbols\";\nimport * as ColorAppSquircles from \"./color_app_squircles\";\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","import * as React from \"react\";\n\nconst HoverableListItem = ({\n component: C = \"span\",\n style = null,\n ...nativeProps\n}: {\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 = () => (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 Popup = ({\n component: C = \"div\",\n style = null,\n ...nativeProps\n}: {\n children?: React.ReactNode;\n component?: any;\n style?: object;\n onOutsideClick?: any;\n cleanup?: any;\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 * 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 pcoUrl, * as PCO_URL from \"@planningcenter/url\";\nimport getAppsSwitchProductPath from \"../get_apps_switch_product_path\";\nimport { fontFamily } from \"../styles\";\nimport { MonoAppName } from \"../mono_app_name\";\nimport { ColorAppIcon } from \"../color_app_icon\";\n\nimport HoverableListItem from \"./hoverable_list_item\";\nimport Outsider from \"./outsider\";\nimport Popup from \"./popup\";\nimport PopupRoot from \"./popup_root\";\n\nconst AppsMenu = ({\n appName,\n apps,\n env,\n toggle,\n visible,\n}: {\n appName: string;\n apps: { attributes: { name: string; url: string } }[];\n env: PCO_URL.Environment;\n toggle: any;\n visible: boolean;\n}) => (\n <PopupRoot>\n <Popup\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 component={Outsider}\n onOutsideClick={toggle}\n cleanup={!visible}\n >\n <menu style={{ margin: 0, padding: 0, minWidth: 180 }}>\n {apps.map(\n ({ attributes: { name } }, i) =>\n appName !== name ? (\n <HoverableListItem\n component=\"a\"\n style={{\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n lineHeight: \"48px\",\n overflow: \"hidden\",\n verticalAlign: \"middle\",\n display: \"flex\",\n height: \"48px\",\n alignItems: \"center\",\n ...fontFamily,\n ...(i && { borderTop: \"1px solid #ddd\" }),\n }}\n key={name}\n href={pcoUrl(env)(\"accounts\") + getAppsSwitchProductPath(name)}\n data-turbolinks={false}\n >\n <ColorAppIcon appName={name.replace(/[\\s-]/, \"\")} size={24} />\n <span style={{ margin: 4 }} />\n <MonoAppName\n appName={name.replace(/[\\s-]/, \"\")}\n color=\"#444\"\n size={24}\n />\n </HoverableListItem>\n ) : (\n <div\n key={name}\n style={{ display: \"block\", position: \"relative\" }}\n >\n <HoverableListItem\n component=\"a\"\n style={{\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n lineHeight: \"48px\",\n overflow: \"hidden\",\n verticalAlign: \"middle\",\n display: \"flex\",\n height: \"48px\",\n alignItems: \"center\",\n ...fontFamily,\n ...(i && { borderTop: \"1px solid #ddd\" }),\n }}\n href={`${pcoUrl(env)(\"accounts\")}/apps/${name.toLowerCase()}`}\n data-turbolinks={false}\n >\n <ColorAppIcon appName={name.replace(/[\\s-]/, \"\")} size={24} />\n <span style={{ margin: 4 }} />\n <MonoAppName\n appName={name.replace(/[\\s-]/, \"\")}\n color=\"#444\"\n size={24}\n />\n </HoverableListItem>\n </div>\n )\n )}\n </menu>\n </Popup>\n </PopupRoot>\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 style = null,\n ...nativeProps\n}: {\n active?: any;\n children?: React.ReactNode;\n component?: any;\n hover?: 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 {...nativeProps}\n />\n );\n};\n\nexport default Hoverable;\n","import * as React from \"react\";\n\nimport { BellIcon } from \"../../index\";\n\nconst NotificationBell = ({\n indicatorVisible = false,\n style = {},\n ...props\n}: {\n indicatorVisible?: boolean;\n style?: object;\n}) => {\n return (\n <div {...props} style={{ alignItems: \"center\", display: \"flex\", ...style }}>\n <BellIcon dot={indicatorVisible} />\n </div>\n );\n};\n\nexport default NotificationBell;\n","import * as React from \"react\";\n\nconst Eyebrow = ({\n style,\n ...props\n}: {\n children?: React.ReactNode;\n style?: object;\n}) => (\n <div\n style={{\n color: \"#9e9e9e\",\n fontSize: \"10px\",\n fontWeight: 400,\n textTransform: \"uppercase\",\n ...style,\n }}\n {...props}\n />\n);\n\nexport default Eyebrow;\n","import * as React from \"react\";\n\nimport Eyebrow from \"./eyebrow\";\nimport HoverableListItem from \"./hoverable_list_item\";\nimport { Notification } from \"../interfaces\";\nimport { fontFamily } from \"../styles\";\n\nconst NotificationItem = ({\n isLast,\n notification: { appName, createdAt, isRead, link, title },\n}: {\n isLast?: boolean;\n notification: Notification;\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 return (\n <HoverableListItem\n component=\"a\"\n data-turbolinks={false}\n href={link}\n style={{\n alignItems: \"flex-start\",\n borderBottom: isLast ? \"none\" : \"1px solid #ededed\",\n cursor: \"pointer\",\n display: \"flex\",\n overflow: \"hidden\",\n padding: \"16px 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: \"8px\",\n paddingLeft: \"8px\",\n }}\n >\n <div style={{ flexGrow: 1, marginRight: \"16px\" }}>\n <Eyebrow style={{ marginBottom: \"4px\" }}>{appName}</Eyebrow>\n <h1\n style={{\n color: \"#1f1f1f\",\n fontSize: \"14px\",\n fontWeight: 500,\n margin: 0,\n }}\n >\n {title}\n </h1>\n </div>\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"12px\",\n justifyContent: \"center\",\n width: \"12px\",\n }}\n >\n <svg height=\"12\" viewBox=\"0 0 12 12\" width=\"12\">\n <title>unread dot</title>\n <circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#cfcfcf\" />\n <circle cx=\"6\" cy=\"6\" r=\"5\" fill=\"#ffffff\" />\n {!isRead && <circle cx=\"6\" cy=\"6\" r=\"4\" fill=\"#5b8bf7\" />}\n </svg>\n </div>\n </div>\n <div\n style={{ color: \"#9e9e9e\", fontSize: \"12px\", paddingLeft: \"12px\" }}\n >\n {createdAt}\n </div>\n </div>\n </HoverableListItem>\n );\n};\n\nexport default NotificationItem;\n","import * as React from \"react\";\nimport { BlankStateIcon } from \"../symbols\";\n\nconst NotificationsMenuBlankState = ({\n description,\n style = {},\n title = \"No notifications\",\n ...props\n}: {\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 />\n <h1\n style={{\n color: \"#3d3d3d\",\n fontSize: \"16px\",\n fontWeight: 500,\n margin: \"16px 0 8px\",\n }}\n >\n {title}\n </h1>\n <p\n style={{\n color: \"#3d3d3d\",\n fontSize: \"14px\",\n margin: \"0\",\n textAlign: \"center\",\n lineHeight: 1.4,\n }}\n >\n {description}\n </p>\n </div>\n);\n\nexport default NotificationsMenuBlankState;\n","import * as React from \"react\";\n\nimport Eyebrow from \"./eyebrow\";\nimport Hoverable from \"./hoverable\";\nimport NotificationItem from \"./notification_item\";\nimport Outsider from \"./outsider\";\nimport Popup from \"./popup\";\nimport PopupRoot from \"./popup_root\";\nimport { Notification } from \"../interfaces\";\nimport NotificationsMenuBlankState from \"./NotificationsMenuBlankState\";\n\nconst Headline = (props) => (\n <h1\n style={{\n color: \"#3d3d3d\",\n fontSize: \"18px\",\n fontWeight: 500,\n lineHeight: 1,\n margin: 0,\n }}\n {...props}\n />\n);\n\nconst ShowMoreButton = () => (\n <Hoverable hover={{ backgroundColor: \"#f7f7f7\" }}>\n <p\n style={{\n cursor: \"pointer\",\n color: \"#414141\",\n fontSize: \"12px\",\n fontWeight: 600,\n margin: \"0 16px\",\n padding: \"8px 16px 8px\",\n textAlign: \"center\",\n }}\n >\n Show more...\n </p>\n </Hoverable>\n);\n\nconst NotificationsMenu = ({\n notifications: { read, unread },\n toggle,\n visible,\n}: {\n notifications: {\n read: Notification[];\n unread: Notification[];\n };\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 >\n <menu style={{ margin: 0, minWidth: 180, padding: \"4px 0\" }}>\n <div style={{ padding: \"12px 16px 8px\" }}>\n <Headline>Notifications</Headline>\n </div>\n {unread.length === 0 &&\n read.length === 0 && (\n <NotificationsMenuBlankState description=\"When you have notifications they will show up here.\" />\n )}\n {unread.length > 0 && (\n <>\n <Eyebrow style={{ padding: \"8px 16px\" }}>Unread</Eyebrow>\n {unread.map((notification: Notification, idx) => (\n <NotificationItem\n isLast={unread.length === idx + 1}\n key={notification.id}\n notification={notification}\n />\n ))}\n </>\n )}\n {read.length > 0 && (\n <>\n <Eyebrow style={{ padding: \"8px 16px\" }}>Read</Eyebrow>\n {read.map((notification: Notification, idx) => (\n <NotificationItem\n isLast={read.length === idx + 1}\n notification={notification}\n key={notification.id}\n />\n ))}\n </>\n )}\n {/* {(unread.length > 0 || read.length > 0) && <ShowMoreButton />} */}\n </menu>\n </Popup>\n </PopupRoot>\n );\n};\n\nexport default NotificationsMenu;\n","import { Notification } from \"./interfaces\";\n\nexport const DUMMY_DATA_UNREAD: Notification[] = [\n {\n appName: \"Registrations\",\n createdAt: \"Yesterday at 3:35am\",\n id: \"1\",\n isRead: false,\n title: \"Signups are available for Traditional Service, June 1-August 30\",\n },\n {\n appName: \"Calendar\",\n createdAt: \"Sunday at 10:11am\",\n id: \"2\",\n isRead: false,\n title: \"There's a scheduling conflict on July 10\",\n },\n {\n appName: \"Groups\",\n createdAt: \"Friday at 8:03pm\",\n id: \"3\",\n isRead: false,\n title: \"Attendance is requested for Weekly Meeting (Vista Small Group)\",\n },\n];\n\nexport const DUMMY_DATA_READ: Notification[] = [\n {\n appName: \"Registrations\",\n createdAt: \"April 12 at 12:30pm\",\n id: \"4\",\n isRead: true,\n title: \"Backitup Numbercrunch has registered for New Members Class\",\n },\n {\n appName: \"People\",\n createdAt: \"April 10 at 2:44pm\",\n id: \"5\",\n isRead: true,\n title: \"A potential duplicate was created for Benadryl Custardbath\",\n },\n];\n","import * as React from \"react\";\n\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\nimport datetimeFmt from \"@churchcenter/datetime-fmt\";\nimport Jolt, { ChannelSubscription } from \"@planningcenter/jolt-client\";\nimport { StyledRoot } from \"./styled_root\";\nimport { Unbutton } from \"./unbutton\";\nimport { Avatar } from \"./avatar\";\nimport { appsMenuFormatter, connectedPeopleMenuFormatter } from \"./formatters\";\nimport { slightBackgroundTransition, fontFamily, IEFlex1 } from \"./styles\";\nimport apiRequest, { defaultFetch, railsCsrfFetch } from \"./api_request\";\nimport { DisclosureChevronIcon, HelpIcon } from \"./symbols\";\n\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 { DUMMY_DATA_READ, DUMMY_DATA_UNREAD } from \"./dummy_data\";\nimport { Notification } from \"./interfaces\";\n\nexport class Topbar extends React.Component<\n {\n apps: { attributes: { name: string; url: string } }[];\n activeRoute: string;\n env: PCO_URL.Environment;\n appName: string;\n routes: any;\n colors: any;\n userAvatarPath: string;\n userId: string;\n userName: string;\n orgName: string;\n connectedPeople: any;\n search?: any;\n style?: any;\n showOrgName?: boolean;\n requestAppsFetch: any;\n requestConnectedPeopleFetch: any;\n requestUnlinkConnectedPeople: any;\n requestSwitchConnectedPerson: any;\n requestClearAppsCache: any;\n requestClearConnectedPeopleCache: any;\n useDummyNotifications?: boolean;\n linkToProfile?: boolean;\n },\n {\n appsMenuVisible: boolean;\n notificationsMenuVisible: boolean;\n routesVisible: boolean;\n userMenuVisible: boolean;\n notifications: {\n unread: Notification[];\n read: Notification[];\n };\n }\n> {\n public static defaultProps = {\n search: () => null,\n linkToProfile: true,\n showOrgName: true,\n useDummyNotifications: false,\n };\n\n constructor(props: any) {\n super(props);\n\n this.state = {\n appsMenuVisible: false,\n notificationsMenuVisible: false,\n routesVisible: true,\n userMenuVisible: false,\n notifications: {\n unread: props.useDummyNotifications ? DUMMY_DATA_UNREAD : [],\n read: props.useDummyNotifications ? DUMMY_DATA_READ : [],\n },\n };\n\n this.hideRoutes = this.hideRoutes.bind(this);\n this.showRoutes = this.showRoutes.bind(this);\n }\n\n hideRoutes() {\n return this.setState({ routesVisible: false });\n }\n\n showRoutes() {\n return this.setState({ routesVisible: true });\n }\n\n getTextColor() {\n return this.props.colors.text || \"#fff\";\n }\n\n findInIncluded({ type, id }, included) {\n return included.find((i) => {\n return i.type === type && i.id === id;\n });\n }\n\n subscribeToJoltChannel() {\n apiRequest(\n railsCsrfFetch,\n `${pcoUrl(this.props.env)(\n \"api\"\n )}/notifications/v2/me/notifications_jolt_authorize`,\n {\n method: \"POST\",\n data: { data: { attributes: {} } },\n }\n ).then(({ json }) => {\n const authToken = json.data.id;\n const wssUrl = json.data.attributes.wss_url;\n const jolt = new Jolt(\n wssUrl,\n {\n authToken,\n fetchSubscribeTokenFn: async (channel: string, cid: string) => {\n return apiRequest(\n railsCsrfFetch,\n `${pcoUrl(this.props.env)(\n \"api\"\n )}/notifications/v2/me/notifications_jolt_subscribe`,\n {\n method: \"POST\",\n data: { data: { attributes: { cid } } },\n }\n ).then(({ json }) => json.data.id);\n },\n },\n { logToConsole: window?.railsEnv === \"development\" }\n );\n\n const channel = jolt.subscribe(\n `notifications.people.${this.props.userId}`\n );\n\n if (!channel) return;\n\n channel.bind(\"notifications.v2.events.notification.created\", () =>\n this.fetchNotifications()\n );\n channel.bind(\"notifications.v2.events.notification.updated\", () =>\n this.fetchNotifications()\n );\n channel.bind(\"notifications.v2.events.notification.destroyed\", () =>\n this.fetchNotifications()\n );\n });\n }\n\n fetchNotifications() {\n apiRequest(\n defaultFetch,\n `${pcoUrl(this.props.env)(\n \"api\"\n )}/notifications/v2/me/notifications?include=app,web_payloads`\n ).then(({ json }) => {\n if (this.props.useDummyNotifications) return;\n\n const notifications = json.data.reduce(\n (acc, notificationResp) => {\n const createdAt: string = datetimeFmt.datetime(\n notificationResp.attributes.created_at,\n { style: \"relative\" }\n );\n\n const appName: string = this.findInIncluded(\n notificationResp.relationships.app.data,\n json.included\n )?.attributes?.name;\n\n // TODO: handle the fact that there could be multiple web payloads\n const notificationData = JSON.parse(\n this.findInIncluded(\n {\n type: \"Payload\",\n id: notificationResp.relationships.web_payloads.data[0].id,\n },\n json.included\n )?.attributes?.content\n );\n\n const notification: Notification = {\n appName,\n createdAt,\n id: notificationResp.attributes.id,\n isRead: notificationResp.attributes.read_at?.length > 0,\n link: notificationData.link,\n title: notificationData.title,\n };\n\n return notification.isRead\n ? { ...acc, read: [...acc.read, notification] }\n : { ...acc, unread: [...acc.unread, notification] };\n },\n { read: [], unread: [] }\n );\n\n this.setState({ notifications });\n });\n }\n\n componentDidMount() {\n this.fetchNotifications();\n this.subscribeToJoltChannel();\n }\n\n render() {\n const ProfileContainer = ({ component, href, ...nativeProps }) =>\n this.props.linkToProfile ? (\n <HoverableListItem component={component} href={href} {...nativeProps} />\n ) : (\n <div {...nativeProps} />\n );\n\n return (\n <StyledRoot\n style={{\n paddingLeft: \"8px\",\n paddingRight: \"16px\",\n ...this.props.style,\n }}\n >\n <AppsMenu\n env={this.props.env}\n appName={this.props.appName}\n apps={appsMenuFormatter(this.props.apps)}\n visible={this.state.appsMenuVisible}\n toggle={() =>\n this.setState(({ appsMenuVisible }) => ({\n appsMenuVisible: !appsMenuVisible,\n }))\n }\n />\n\n <AppsButton\n colors={this.props.colors}\n expanded={this.state.appsMenuVisible}\n onClick={() =>\n this.setState(\n ({ appsMenuVisible }) => ({\n appsMenuVisible: !appsMenuVisible,\n }),\n this.props.requestAppsFetch()\n )\n }\n appName={this.props.appName}\n />\n\n <div style={{ margin: \"12px\" }} />\n\n {this.state.routesVisible && this.props.routes}\n\n <div style={{ margin: \"auto\" }} />\n\n <NotificationsMenu\n notifications={this.state.notifications}\n toggle={() =>\n this.setState(({ notificationsMenuVisible }) => ({\n notificationsMenuVisible: !notificationsMenuVisible,\n }))\n }\n visible={this.state.notificationsMenuVisible}\n />\n\n <Hoverable\n active={{ backgroundColor: this.props.colors.base2 }}\n hover={{ backgroundColor: this.props.colors.base1 }}\n onClick={() =>\n this.setState(({ notificationsMenuVisible }) => ({\n notificationsMenuVisible: !notificationsMenuVisible,\n }))\n }\n style={{\n alignItems: \"center\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n display: \"flex\",\n justifyContent: \"center\",\n padding: \"4px\",\n ...slightBackgroundTransition,\n }}\n >\n <NotificationBell\n indicatorVisible={this.state.notifications.unread.length > 0}\n />\n </Hoverable>\n\n {this.props.search({\n hideRoutes: this.hideRoutes,\n showRoutes: this.showRoutes,\n })}\n\n <div\n style={{\n marginLeft: \"16px\",\n position: \"relative\",\n whiteSpace: \"nowrap\",\n cursor: \"pointer\",\n }}\n >\n <Hoverable\n component=\"button\"\n type=\"button\"\n style={{\n outline: 0, // TODO: #improve-outline-a11y\n cursor: \"pointer\",\n border: \"none\",\n padding: 0,\n appearance: \"none\",\n WebkitAppearance: \"none\",\n alignItems: \"center\",\n lineHeight: \"32px\",\n fontSize: \"13px\",\n borderRadius: \"9999px\",\n color: this.getTextColor(),\n backgroundColor: this.props.colors.base1,\n display: \"flex\",\n ...slightBackgroundTransition,\n }}\n active={{ backgroundColor: this.props.colors.base3 }}\n hover={{ backgroundColor: this.props.colors.base2 }}\n onClick={() =>\n this.setState(\n ({ userMenuVisible }) => ({\n userMenuVisible: !userMenuVisible,\n }),\n this.props.requestConnectedPeopleFetch()\n )\n }\n >\n <Avatar env={this.props.env} url={this.props.userAvatarPath} />\n\n {this.props.showOrgName && this.props.connectedPeople.length ? (\n <div\n style={{\n margin: \"0 8px 0 8px\",\n fontSize: \"13px\",\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n maxWidth: \"240px\",\n }}\n >\n {this.props.orgName}\n </div>\n ) : (\n <div\n style={{\n margin: \"0 4px 0 4px\",\n }}\n />\n )}\n <div style={{ paddingRight: \"8px\" }}>\n <DisclosureChevronIcon colors={this.props.colors} />\n </div>\n </Hoverable>\n </div>\n\n <PopupRoot>\n <Popup\n component={Outsider}\n onOutsideClick={() =>\n this.setState(({ userMenuVisible }) => ({\n userMenuVisible: !userMenuVisible,\n }))\n }\n cleanup={!this.state.userMenuVisible}\n style={{\n color: \"#525252\",\n right: 0,\n marginTop: \"8px\",\n maxWidth: \"320px\",\n ...(this.state.userMenuVisible\n ? {\n visibility: \"visible\",\n opacity: 1,\n transition: \"none\",\n }\n : {\n visibility: \"hidden\",\n opacity: 0,\n transition: \"all 120ms ease-in\",\n }),\n cursor: \"default\",\n }}\n >\n <div>\n <ProfileContainer\n component=\"a\"\n href={`/people/AC${this.props.userId}`}\n data-turbolinks={false}\n style={{\n display: \"block\",\n padding: \"16px\",\n textDecoration: \"none\",\n }}\n >\n <div\n style={{\n fontSize: \"18px\",\n lineHeight: \"24px\",\n display: \"flex\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n ...fontFamily,\n maxWidth: \"240px\",\n marginRight: 8,\n color: \"#444\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n overflow: \"hidden\",\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n }}\n >\n {this.props.userName}\n </div>\n </div>\n\n {this.props.linkToProfile && (\n <small\n style={{\n fontSize: \"12px\",\n color: \"#666\",\n ...fontFamily,\n }}\n >\n profile\n </small>\n )}\n </div>\n\n <div\n style={{\n fontSize: \"14px\",\n lineHeight: \"24px\",\n color: \"#666\",\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n ...fontFamily,\n }}\n >\n {this.props.orgName}\n </div>\n </ProfileContainer>\n\n {this.props.connectedPeople.length ? (\n <div\n style={{\n display: \"flex\",\n backgroundColor: \"#eee\",\n alignItems: \"center\",\n borderTop: \"1px solid #ddd\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n textTransform: \"uppercase\",\n color: \"#666\",\n fontSize: \"12px\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n\n <div\n style={{\n ...IEFlex1,\n textAlign: \"right\",\n alignItems: \"center\",\n fontSize: \"12px\",\n }}\n >\n <a\n href=\"\"\n onClick={(e) => {\n this.props.requestClearAppsCache();\n this.props.requestClearConnectedPeopleCache();\n this.props.requestUnlinkConnectedPeople();\n e.preventDefault();\n }}\n style={{\n color: \"#666\",\n textDecoration: \"none\",\n marginLeft: \"64px\",\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={{ margin: 0, padding: 0, listStyleType: \"none\" }}\n >\n {connectedPeopleMenuFormatter(this.props.connectedPeople).map(\n ({ id, attributes: person }) => (\n <HoverableListItem component=\"li\" key={id}>\n <a\n href=\"\"\n onClick={(e) => {\n this.props.requestClearAppsCache();\n this.props.requestClearConnectedPeopleCache();\n this.props.requestSwitchConnectedPerson(\n id,\n `${this.props.appName}/`\n );\n e.preventDefault();\n }}\n style={{\n marginLeft: \"16px\",\n paddingRight: \"16px\",\n lineHeight: \"48px\",\n display: \"block\",\n color: \"#444\",\n whiteSpace: \"nowrap\",\n borderTop: \"1px solid #ddd\",\n textDecoration: \"none\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\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(this.props.env)(\"login\")}/logout`}\n onClick={() => {\n this.props.requestClearAppsCache();\n this.props.requestClearConnectedPeopleCache();\n return;\n }}\n data-turbolinks={false}\n style={{\n textAlign: \"center\",\n borderTop: \"1px solid #ddd\",\n lineHeight: \"48px\",\n display: \"block\",\n color: \"#444\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n <svg\n style={{ marginRight: \"12px\" }}\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 <Unbutton style={{ marginLeft: \"16px\" }} id=\"jsLaunchHelpdesk\">\n <HelpIcon colors={this.props.colors} />\n </Unbutton>\n </StyledRoot>\n );\n }\n}\n\nexport class Route extends React.Component<\n {\n active: boolean;\n colors: any;\n style?: object;\n href?: string;\n },\n {\n entered: boolean;\n down: boolean;\n }\n> {\n constructor(props: any) {\n super(props);\n this.state = {\n entered: false,\n down: false,\n };\n }\n\n render() {\n const { active, colors, style = null, ...nativeProps } = this.props;\n\n const getBackgroundColor = () => {\n if (this.state.entered && this.state.down) return colors.base2;\n if (this.state.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 lineHeight: \"32px\",\n marginRight: \"4px\", // off-grid\n verticalAlign: \"middle\",\n borderRadius: \"9999px\",\n paddingLeft: \"12px\",\n paddingRight: \"12px\",\n fontSize: \"14px\",\n color: getTextColor(),\n fontWeight: 600,\n textDecoration: \"none\",\n textTransform: \"capitalize\",\n backgroundColor: getBackgroundColor(),\n ...fontFamily,\n ...slightBackgroundTransition,\n ...style,\n }}\n onMouseEnter={() => this.setState({ entered: true })}\n onMouseLeave={() => this.setState({ entered: false })}\n onMouseDown={() => this.setState({ down: true })}\n onMouseUp={() => this.setState({ down: false })}\n {...nativeProps}\n />\n );\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 * as React from \"react\";\n\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\nimport getAppsSwitchProductPath from \"./get_apps_switch_product_path\";\nimport { StyledRoot } from \"./styled_root\";\nimport { Unbutton } from \"./unbutton\";\nimport { Avatar } from \"./avatar\";\nimport { ClientStorage as LocalStorageProvider } from \"./client_storage\";\nimport { appsMenuFormatter, connectedPeopleMenuFormatter } from \"./formatters\";\nimport { IEFlex1, fontFamily } from \"./styles\";\nimport { MonoAppIcon } from \"./mono_app_icon\";\nimport { MonoAppName } from \"./mono_app_name\";\nimport { ColorAppIcon } from \"./color_app_icon\";\n\nconst MENU_GUTTER = 57;\n\nconst capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);\n\nconst DisclosureChevronIcon = (props) => (\n <svg\n style={{\n marginLeft: \"4px\",\n verticalAlign: \"middle\",\n }}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n {...props}\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\nfunction UserMenuAppLockup(props) {\n let appName = props.appName.replace(/[\\s-]/, \"\");\n\n return (\n <div style={{ display: \"flex\", alignItems: \"center\" }}>\n <ColorAppIcon appName={appName} size={28} />\n <span style={{ marginLeft: \"12px\" }} />\n <MonoAppName appName={appName} color=\"#fff\" size={28} />\n </div>\n );\n}\n\nexport class Topbar extends React.Component<\n {\n apps: { attributes: { name: string; url: string } }[];\n env: PCO_URL.Environment;\n appName: string;\n routes: any;\n colors: any;\n userAvatarPath: string;\n userId: string;\n userName: string;\n orgName: string;\n connectedPeople: {\n id: number;\n attributes: { name: string; organization_name: string };\n }[];\n style?: any;\n currentRouteComponent?: any;\n requestAppsFetch: any;\n requestConnectedPeopleFetch: any;\n requestUnlinkConnectedPeople: any;\n requestSwitchConnectedPerson: any;\n requestClearAppsCache: any;\n requestClearConnectedPeopleCache: any;\n notifications?: any;\n },\n {\n routesMenuVisible: boolean;\n userMenuVisible: boolean;\n }\n> {\n constructor(props: any) {\n super(props);\n\n this.state = {\n routesMenuVisible: false,\n userMenuVisible: false,\n };\n }\n\n public static defaultProps = {\n currentRouteComponent: (props) => <span {...props} />,\n };\n\n componentDidUpdate() {\n return this.state.userMenuVisible\n ? (document.body.style.overflow = \"hidden\")\n : (document.body.style.overflow = \"\");\n }\n\n render() {\n const activeRoute =\n this.props.routes.filter(({ props }) => props.active) || [];\n\n const CurrentRouteComponent = this.props.currentRouteComponent;\n const currentRouteText =\n (activeRoute &&\n activeRoute[0] &&\n activeRoute[0].props &&\n activeRoute[0].props.children) ||\n this.props.appName;\n\n return (\n <StyledRoot style={{ ...this.props.style }}>\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n height: \"48px\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n justifyContent: \"center\",\n }}\n onClick={() => {\n this.props.requestAppsFetch();\n this.props.requestConnectedPeopleFetch();\n\n return this.setState(({ userMenuVisible }) =>\n userMenuVisible\n ? {\n routesMenuVisible: false,\n userMenuVisible: false,\n }\n : {\n routesMenuVisible: false,\n userMenuVisible: true,\n }\n );\n }}\n >\n <MonoAppIcon\n appName={this.props.appName.replace(/[\\s-]/, \"\")}\n colors={this.props.colors}\n size={26}\n />\n </div>\n\n <div\n style={{\n position: \"absolute\",\n left: 0,\n top: \"48px\",\n width: \"100%\",\n }}\n >\n {this.state.routesMenuVisible && this.props.routes}\n </div>\n\n <LocalStorageProvider\n item=\"Topbar:Small:Menus:User:visibility\"\n render={(userSwitchState = false, lsUpdate) => (\n <div\n style={{\n display: this.state.userMenuVisible ? \"block\" : \"none\",\n position: \"fixed\",\n color: \"black\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n backgroundColor: \"rgba(0,0,0,.25)\",\n msUserSelect: \"none\",\n MozUserSelect: \"none\",\n WebkitUserSelect: \"none\",\n userSelect: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n }}\n onClick={() =>\n this.setState(({ userMenuVisible }) => ({\n userMenuVisible: !userMenuVisible,\n }))\n }\n >\n <div\n style={{\n position: \"absolute\",\n top: \"11px\",\n right: \"17px\",\n color: \"white\",\n }}\n >\n <svg\n x=\"0px\"\n y=\"0px\"\n width=\"23.4px\"\n height=\"23.3px\"\n viewBox=\"0 0 23.4 23.3\"\n >\n <polygon\n fill=\"#fff\"\n points=\"11.7,9.5 7.2,5 5.1,7.1 9.6,11.6 5,16.2 7.1,18.3 11.7,13.7 16.2,18.3 18.4,16.2 13.8,11.6 18.3,7.1 16.2,5 \"\n />\n </svg>\n </div>\n\n <div\n onClick={(e) => e.stopPropagation()}\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n position: \"relative\",\n height: \"100%\",\n width: `calc(100% - ${MENU_GUTTER}px)`,\n backgroundColor: \"#424242\", // \"white\"\n }}\n >\n <div\n style={{\n backgroundColor: \"#363636\",\n height: \"48px\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n borderBottom: \"1px solid #363636\",\n display: \"flex\",\n alignItems: \"center\",\n }}\n >\n <div style={{ ...IEFlex1 }}>\n <div style={{ display: \"flex\", alignItems: \"center\" }}>\n <UserMenuAppLockup appName={this.props.appName} />\n </div>\n </div>\n\n <div onClick={() => lsUpdate(!userSwitchState)}>\n <div\n style={{\n lineHeight: \"32px\",\n fontSize: \"13px\",\n borderRadius: \"9999px\",\n backgroundColor: userSwitchState\n ? \"transparent\"\n : \"#292929\",\n boxShadow: `0 0 0 1px ${\n userSwitchState ? this.props.colors.base1 : \"#292929\"\n }`,\n display: \"flex\",\n alignItems: \"center\",\n }}\n >\n <Avatar\n env={this.props.env}\n url={this.props.userAvatarPath}\n />\n\n <div style={{ paddingRight: \"8px\" }}>\n <DisclosureChevronIcon\n color={\n userSwitchState\n ? this.props.colors.base1\n : \"#575757\"\n }\n />\n </div>\n </div>\n </div>\n </div>\n\n <div\n style={{\n ...IEFlex1,\n overflowY: \"scroll\",\n WebkitOverflowScrolling: \"touch\",\n }}\n >\n <ul style={{ padding: 0, margin: 0 }}>\n {appsMenuFormatter(this.props.apps).map(\n ({ attributes: { name } }) => (\n <li\n key={name}\n style={{\n listStyleType: \"none\",\n borderTop: \"1px solid #363636\",\n }}\n >\n <a\n style={{\n display: \"flex\",\n alignItems: \"center\",\n height: \"48px\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n }}\n data-turbolinks={false}\n href={\n pcoUrl(this.props.env)(\"accounts\") +\n getAppsSwitchProductPath(name)\n }\n >\n <UserMenuAppLockup appName={name} />\n </a>\n </li>\n )\n )}\n </ul>\n <div\n style={{\n display: userSwitchState ? \"block\" : \"none\",\n background: \"#FFFFFF\",\n boxShadow: \"0 4px 7px 0 rgba(0,0,0,0.40)\",\n borderRadius: \"3px\",\n position: \"absolute\",\n right: \"12px\",\n top: \"60px\",\n width: \"calc(100% - 68px)\",\n height: \"calc(100% - 124px)\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n overflowY: \"scroll\",\n WebkitOverflowScrolling: \"touch\",\n }}\n >\n <div\n style={{\n maxWidth: \"100%\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n padding: \"16px\",\n }}\n >\n <div\n style={{\n fontSize: \"15px\",\n lineHeight: \"16px\",\n marginBottom: \"8px\",\n }}\n >\n <strong>{this.props.userName}</strong>\n </div>\n <div style={{ lineHeight: \"16px\", color: \"#444\" }}>\n {this.props.orgName}\n </div>\n </div>\n\n <div style={{ ...IEFlex1 }}>\n <style>{`.SmallTopbar__connected-people-list > *:first-child > * { border-top-width: 0 !important }`}</style>\n <ul\n className=\"SmallTopbar__connected-people-list\"\n style={{\n margin: 0,\n padding: 0,\n listStyleType: \"none\",\n borderTop: \"1px solid #F2F2F2\",\n fontSize: \"15px\",\n }}\n >\n {connectedPeopleMenuFormatter(\n this.props.connectedPeople\n ).map(({ id, attributes: person }) => (\n <li key={id}>\n <a\n href=\"\"\n onClick={(e) => {\n this.props.requestClearAppsCache();\n this.props.requestClearConnectedPeopleCache();\n this.props.requestSwitchConnectedPerson(\n id,\n `${this.props.appName}/`\n );\n e.preventDefault();\n }}\n style={{\n maxWidth: \"100%\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n marginLeft: \"16px\",\n paddingRight: \"16px\",\n lineHeight: \"48px\",\n display: \"block\",\n color: \"#444\",\n borderTop: \"1px solid #ddd\",\n }}\n >\n {person.organization_name}\n </a>\n </li>\n ))}\n </ul>\n </div>\n <div>\n {this.props.connectedPeople.length > 0 && (\n <a\n href=\"\"\n onClick={(e) => {\n this.props.requestClearAppsCache();\n this.props.requestClearConnectedPeopleCache();\n this.props.requestUnlinkConnectedPeople();\n e.preventDefault();\n }}\n style={{\n display: \"block\",\n fontSize: \"15px\",\n textAlign: \"center\",\n borderTop: \"1px solid #F2F2F2\",\n lineHeight: \"48px\",\n color: \"#ef5433\",\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 textAlign: \"center\",\n lineHeight: \"48px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n borderRight: \"1px solid #363636\",\n }}\n >\n <Unbutton\n style={{\n color: \"white\",\n fontWeight: 600,\n fontSize: \"15px\",\n letterSpacing: \"-.05em\",\n }}\n id=\"jsLaunchHelpdesk\"\n >\n Help\n </Unbutton>\n </div>\n\n <div style={{ ...IEFlex1 }}>\n <a\n href={`${pcoUrl(this.props.env)(\"login\")}/logout`}\n onClick={() => {\n this.props.requestClearAppsCache();\n this.props.requestClearConnectedPeopleCache();\n return;\n }}\n data-turbolinks={false}\n style={{\n color: \"white\",\n fontWeight: 600,\n fontSize: \"15px\",\n letterSpacing: \"-.05em\",\n textDecoration: \"none\",\n }}\n >\n Log out\n </a>\n </div>\n </div>\n </div>\n </div>\n )}\n />\n\n <div\n style={{\n ...IEFlex1,\n textAlign: \"center\",\n fontWeight: 600,\n lineHeight: \"48px\",\n }}\n onClick={() =>\n this.setState(({ routesMenuVisible }) =>\n routesMenuVisible\n ? {\n routesMenuVisible: false,\n userMenuVisible: false,\n }\n : {\n routesMenuVisible: true,\n userMenuVisible: false,\n }\n )\n }\n >\n <CurrentRouteComponent>\n {capitalize(currentRouteText)}\n </CurrentRouteComponent>\n <DisclosureChevronIcon color={this.props.colors.base3} />\n </div>\n <div>\n {this.props.notifications ? (\n this.props.notifications()\n ) : (\n <div style={{ width: \"48px\" }} />\n )}\n </div>\n </StyledRoot>\n );\n }\n}\n\nexport const Route = ({ active, ...props }) => (\n <a\n style={{\n display: \"block\",\n backgroundColor: \"#444\",\n borderBottom: \"1px solid #333\",\n color: \"#fff\",\n fontWeight: 600,\n textTransform: \"capitalize\",\n textDecoration: \"none\",\n lineHeight: \"47px\",\n textAlign: \"center\",\n ...fontFamily,\n ...(active && { backgroundColor: \"#333\" }),\n }}\n {...props}\n />\n);\n","import * as React from \"react\";\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\nimport { StyledRoot } from \"./styled_root\";\nimport { Avatar } from \"./avatar\";\nimport { Unbutton } from \"./unbutton\";\nimport { fontFamily, IEFlex1, slightBackgroundTransition } from \"./styles\";\nimport { appsMenuFormatter, connectedPeopleMenuFormatter } from \"./formatters\";\n\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 Outsider from \"./components/outsider\";\nimport Popup from \"./components/popup\";\nimport PopupRoot from \"./components/popup_root\";\n\nimport { NONAME } from \"dns\";\n\n// TODO: Duped from small_topbar\nconst DisclosureChevronIcon = (props) => (\n <svg\n style={{\n marginLeft: \"4px\",\n verticalAlign: \"middle\",\n }}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n {...props}\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\n// TODO: Duped from small_topbar\nconst capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);\n\n// TODO: Duped from not_small_topbar\nconst HelpIcon = ({ colors }) => (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n color={colors.base3}\n style={{ display: \"block\" }}\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 class Topbar extends React.Component<\n {\n apps: { attributes: { name: string; url: string } }[];\n // activeRoute: string;\n env: PCO_URL.Environment;\n appName: string;\n routes: any;\n colors: any;\n userAvatarPath: string;\n userId: string;\n userName: string;\n orgName: string;\n connectedPeople: any;\n search?: any;\n style?: any;\n showOrgName?: boolean;\n notifications?: any;\n requestAppsFetch: any;\n requestConnectedPeopleFetch: any;\n requestUnlinkConnectedPeople: any;\n requestSwitchConnectedPerson: any;\n requestClearAppsCache: any;\n requestClearConnectedPeopleCache: any;\n linkToProfile?: boolean;\n },\n {\n appsMenuVisible: boolean;\n routesMenuVisible: boolean;\n userMenuVisible: boolean;\n }\n> {\n constructor(props: any) {\n super(props);\n\n this.state = {\n appsMenuVisible: false,\n routesMenuVisible: false,\n userMenuVisible: false,\n };\n }\n\n public static defaultProps = {\n currentRouteComponent: (props) => <span {...props} />,\n };\n\n render() {\n const activeRoute =\n this.props.routes.filter(({ props }) => props.active) || [];\n\n const currentRouteText =\n (activeRoute &&\n activeRoute[0] &&\n activeRoute[0].props &&\n activeRoute[0].props.children) ||\n this.props.appName;\n\n // TODO: Duped from small_topbar\n const ProfileContainer = ({ component, href, ...nativeProps }) =>\n this.props.linkToProfile ? (\n <HoverableListItem component={component} href={href} {...nativeProps} />\n ) : (\n <div {...nativeProps} />\n );\n\n return (\n <StyledRoot\n style={{\n paddingLeft: 8,\n paddingRight: 8,\n ...this.props.style,\n }}\n >\n <AppsMenu\n appName={this.props.appName.replace(/[\\s-]/, \"\")}\n env={this.props.env}\n apps={appsMenuFormatter(this.props.apps)}\n visible={this.state.appsMenuVisible}\n toggle={() =>\n this.setState(({ appsMenuVisible }) => ({\n appsMenuVisible: !appsMenuVisible,\n }))\n }\n />\n <AppsButton\n appName={this.props.appName.replace(/[\\s-]/, \"\")}\n colors={this.props.colors}\n expanded={this.state.appsMenuVisible}\n displayIconOnly={true}\n onClick={() =>\n this.setState(\n ({ appsMenuVisible }) => ({\n appsMenuVisible: !appsMenuVisible,\n }),\n this.props.requestAppsFetch()\n )\n }\n />\n <div\n style={{\n margin: \"auto\",\n position: \"relative\",\n }}\n >\n {this.state.routesMenuVisible && (\n <PopupRoot>\n <Popup\n style={{\n marginTop: \"56px\",\n ...(this.state.routesMenuVisible\n ? {\n visibility: \"visible\",\n opacity: 1,\n transition: \"none\",\n }\n : {\n visibility: \"hidden\",\n opacity: 0,\n transition: \"all 120ms ease-in\",\n }),\n }}\n component={Outsider}\n onOutsideClick={() =>\n this.setState(({ routesMenuVisible }) => ({\n routesMenuVisible: !routesMenuVisible,\n }))\n }\n cleanup={!this.state.routesMenuVisible}\n >\n {this.props.routes}\n </Popup>\n </PopupRoot>\n )}\n <Hoverable\n component=\"button\"\n style={{\n cursor: \"pointer\",\n color: \"white\",\n fontWeight: 600,\n height: \"48px\",\n display: \"flex\",\n border: \"none\",\n appearance: \"none\",\n WebkitAppearance: \"none\",\n backgroundColor: this.props.colors.base0,\n\n outline: 0, // TODO: #improve-outline-a11y\n paddingRight: 8,\n paddingLeft: 16,\n alignItems: \"center\",\n justifyContent: \"center\",\n ...slightBackgroundTransition,\n }}\n active={{ backgroundColor: this.props.colors.base3 }}\n hover={{ backgroundColor: this.props.colors.base1 }}\n onClick={() =>\n this.setState(({ routesMenuVisible }) =>\n routesMenuVisible\n ? {\n routesMenuVisible: false,\n }\n : {\n routesMenuVisible: true,\n }\n )\n }\n >\n {capitalize(currentRouteText)}\n <DisclosureChevronIcon color={this.props.colors.base3} />\n </Hoverable>\n </div>\n <Unbutton style={{ marginRight: \"8px\" }} id=\"jsLaunchHelpdesk\">\n <HelpIcon colors={this.props.colors} />\n </Unbutton>\n <div\n style={{\n position: \"relative\",\n whiteSpace: \"nowrap\",\n cursor: \"pointer\",\n display: \"block\",\n }}\n >\n <Hoverable\n component=\"button\"\n type=\"button\"\n style={{\n outline: 0, // TODO: #improve-outline-a11y\n cursor: \"pointer\",\n border: 0,\n padding: 0,\n appearance: \"none\",\n WebkitAppearance: \"none\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: \"48px\",\n width: \"52px\",\n backgroundColor: this.props.colors.base0,\n display: \"flex\",\n ...slightBackgroundTransition,\n }}\n active={{ backgroundColor: this.props.colors.base3 }}\n hover={{ backgroundColor: this.props.colors.base1 }}\n onClick={() =>\n this.setState(\n ({ userMenuVisible }) => ({\n userMenuVisible: !userMenuVisible,\n }),\n this.props.requestConnectedPeopleFetch()\n )\n }\n >\n <Avatar\n env={this.props.env}\n url={this.props.userAvatarPath}\n style={{ margin: 0 }}\n />\n </Hoverable>\n </div>\n <PopupRoot>\n <Popup\n component={Outsider}\n onOutsideClick={() =>\n this.setState(({ userMenuVisible }) => ({\n userMenuVisible: !userMenuVisible,\n }))\n }\n cleanup={!this.state.userMenuVisible}\n style={{\n color: \"#525252\",\n right: 0,\n marginTop: \"8px\",\n maxWidth: \"320px\",\n ...(this.state.userMenuVisible\n ? {\n visibility: \"visible\",\n opacity: 1,\n transition: \"none\",\n }\n : {\n visibility: \"hidden\",\n opacity: 0,\n transition: \"all 120ms ease-in\",\n }),\n cursor: \"default\",\n }}\n >\n <div>\n <ProfileContainer\n component=\"a\"\n href={`/people/AC${this.props.userId}`}\n data-turbolinks={false}\n style={{\n display: \"block\",\n padding: \"16px\",\n textDecoration: \"none\",\n }}\n >\n <div\n style={{\n fontSize: \"18px\",\n lineHeight: \"24px\",\n display: \"flex\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n ...fontFamily,\n maxWidth: \"240px\",\n marginRight: 8,\n color: \"#444\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n overflow: \"hidden\",\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n }}\n >\n {this.props.userName}\n </div>\n </div>\n\n {this.props.linkToProfile && (\n <small\n style={{\n fontSize: \"12px\",\n color: \"#666\",\n ...fontFamily,\n }}\n >\n profile\n </small>\n )}\n </div>\n\n <div\n style={{\n fontSize: \"14px\",\n lineHeight: \"24px\",\n color: \"#666\",\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n ...fontFamily,\n }}\n >\n {this.props.orgName}\n </div>\n </ProfileContainer>\n\n {this.props.connectedPeople.length ? (\n <div\n style={{\n display: \"flex\",\n backgroundColor: \"#eee\",\n alignItems: \"center\",\n borderTop: \"1px solid #ddd\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n textTransform: \"uppercase\",\n color: \"#666\",\n fontSize: \"12px\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n\n <div\n style={{\n ...IEFlex1,\n textAlign: \"right\",\n alignItems: \"center\",\n fontSize: \"12px\",\n }}\n >\n <a\n href=\"\"\n onClick={(e) => {\n this.props.requestClearAppsCache();\n this.props.requestClearConnectedPeopleCache();\n this.props.requestUnlinkConnectedPeople();\n e.preventDefault();\n }}\n style={{\n color: \"#666\",\n textDecoration: \"none\",\n marginLeft: \"64px\",\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={{ margin: 0, padding: 0, listStyleType: \"none\" }}\n >\n {connectedPeopleMenuFormatter(this.props.connectedPeople).map(\n ({ id, attributes: person }) => (\n <HoverableListItem component=\"li\" key={id}>\n <a\n href=\"\"\n onClick={(e) => {\n this.props.requestClearAppsCache();\n this.props.requestClearConnectedPeopleCache();\n this.props.requestSwitchConnectedPerson(\n id,\n `${this.props.appName}/`\n );\n e.preventDefault();\n }}\n style={{\n marginLeft: \"16px\",\n paddingRight: \"16px\",\n lineHeight: \"48px\",\n display: \"block\",\n color: \"#444\",\n whiteSpace: \"nowrap\",\n borderTop: \"1px solid #ddd\",\n textDecoration: \"none\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\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(this.props.env)(\"login\")}/logout`}\n onClick={() => {\n this.props.requestClearAppsCache();\n this.props.requestClearConnectedPeopleCache();\n return;\n }}\n data-turbolinks={false}\n style={{\n textAlign: \"center\",\n borderTop: \"1px solid #ddd\",\n lineHeight: \"48px\",\n display: \"block\",\n color: \"#444\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n <svg\n style={{ marginRight: \"12px\" }}\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 </StyledRoot>\n );\n }\n}\n\nexport const Route = ({ active, style, name = \"\", ...props }) => (\n <HoverableListItem\n component=\"a\"\n style={{\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n overflow: \"hidden\",\n verticalAlign: \"middle\",\n display: \"flex\",\n height: \"48px\",\n alignItems: \"center\",\n color: \"#444\",\n fontWeight: 600,\n minWidth: \"6em\",\n whiteSpace: \"nowrap\",\n textTransform: \"capitalize\",\n textDecoration: \"none\",\n lineHeight: \"47px\",\n ...fontFamily,\n ...style,\n }}\n key={name}\n data-turbolinks={false}\n {...props}\n />\n);\n","import * as React from \"react\";\nimport { PointBreak } from \"./display_switch\";\nimport pcURL, * as PCO_URL from \"@planningcenter/url\";\nimport { X as XSymbol } from \"./symbols\";\nimport apiRequest, { Fetch, defaultFetch } from \"./api_request\";\n\nconst entries = function (obj) {\n var ownProps = Object.keys(obj),\n i = ownProps.length,\n 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 id: entry[0],\n data: entry[1],\n }));\n}\n\nclass Provider extends React.Component<\n {\n env: PCO_URL.Environment;\n formatter?: any;\n configuredFetch: Fetch;\n children: (announcements: any, callback: any) => React.ReactElement<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 display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingTop: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingBottom: 14,\n paddingRight: 18,\n ...style,\n }}\n {...platformProps}\n />\n )}\n />\n );\n }\n}\n\nexport class StyleProvider extends React.Component<\n {\n style?: object;\n className?: string;\n colors: any;\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 color: \"white\",\n backgroundColor: \"#282828\",\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 env: PCO_URL.Environment;\n data: object;\n renderItem?: any;\n configuredFetch?: Fetch;\n },\n {}\n> {\n public static defaultProps = {\n renderItem: ({ announcement, actions }) => (\n <DissmissibleAnnouncement\n key={announcement.id}\n html={announcement.data.html}\n onClick={() => actions.dismissAnnouncements(announcement.id)}\n />\n ),\n configuredFetch: defaultFetch,\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({ announcement, actions })\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 cursor: \"pointer\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n WebkitAppearance: \"none\",\n // larger click target without increasing box\n padding: 8,\n margin: -8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ width: 20, height: 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\";\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 let [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 style?: object;\n className?: string;\n colors: any;\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 display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n boxSizing: \"border-box\",\n paddingTop: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingBottom: 14,\n paddingRight: 18,\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 cursor: \"pointer\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n WebkitAppearance: \"none\",\n // larger click target without increasing box\n padding: 8,\n margin: -8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ width: 20, height: 20 }} />\n </button>\n );\n}\n"],"names":["defaultFetch","url","options","fetch","credentials","mode","railsCsrfFetch","headers","rest","X-CSRF-Token","window","Rails","csrfToken","document","querySelector","_document$querySelect","getAttribute","apiRequest","method","data","Accept","Content-Type","redirect","body","JSON","stringify","then","response","json","ok","e","console","warn","AppsProvider","props","_this","state","apps","this","configuredFetch","pcoUrl","env","_this2","formatter","setState","localStorage","setItem","remove","removeItem","componentDidMount","parse","getItem","render","bind","React","mapApps","ConnectedPeopleProvider","connectedPeople","unlink","location","meta","redirect_to","toId","returnPath","attributes","id","return_path","switch","debounce","func","wait","timeout","context","args","arguments","later","apply","clearTimeout","setTimeout","PointBreak","width","innerWidth","setWindowWidth","addEventListener","componentWillUnmount","removeEventListener","breakpointString","DisplaySwitch","mediumTopbar","breakpoint","smallBreakpoints","indexOf","smallTopbar","mediumBreakpoints","notSmallTopbar","StyledRoot","children","style","nativeProps","className","height","display","position","alignItems","color","WebkitFontSmoothing","MozOsxFontSmoothing","slightBackgroundTransition","transition","fontFamily","IEFlex1","flex","Unbutton","cursor","backgroundColor","border","padding","appearance","WebkitAppearance","outline","Avatar","incomingUrl","marginLeft","borderRadius","backgroundPosition","backgroundSize","backgroundImage","sortByAttribute","attr","arr","slice","sort","a","b","localeCompare","appsMenuFormatter","reduce","acc","item","name","concat","connectedPeopleMenuFormatter","Bell","dot","dotFill","fill","bellPath","d","viewBox","stroke","cx","cy","r","mask","x","y","BlankStateIcon","opacity","DisclosureChevronIcon","colors","base3","margin","points","HelpIcon","X","Squircle","MonoAppIcon","appName","size","platformProps","xmlns","role","AppSymbols","base0","MonoAppName","MonoAppText","AppsButton","displayIconOnly","expanded","onClick","down","setDown","entered","setEntered","onMouseDown","onMouseEnter","onMouseLeave","onMouseUp","base1","base2","paddingLeft","paddingRight","whiteSpace","replace","key","getAppsSwitchProductPath","productName","basePath","toLowerCase","referer","_window","_window$location","pathname","_window$location$path","toString","params","URLSearchParams","append","x1","y1","x2","y2","gradientUnits","offset","stopColor","gradientTransform","xlinkHref","transform","ColorAppIcon","ColorAppSquircles","HoverableListItem","component","C","Outsider","handleOutsideClick","container","contains","target","stopPropagation","preventDefault","onOutsideClick","cleanup","ref","c","Popup","background","boxShadow","overflow","PopupRoot","alignSelf","AppsMenu","toggle","visible","marginTop","visibility","minWidth","map","i","lineHeight","verticalAlign","borderTop","href","Hoverable","active","hover","NotificationBell","indicatorVisible","BellIcon","Eyebrow","fontSize","fontWeight","textTransform","NotificationItem","notification","createdAt","isRead","title","link","borderBottom","isLast","textDecoration","flexDirection","flexGrow","justifyContent","borderLeft","Calendar","Check-ins","Giving","Groups","People","Publishing","Registrations","Services","marginBottom","marginRight","NotificationsMenuBlankState","description","textAlign","Headline","NotificationsMenu","notifications","read","unread","right","length","idx","DUMMY_DATA_UNREAD","DUMMY_DATA_READ","Topbar","appsMenuVisible","notificationsMenuVisible","routesVisible","userMenuVisible","useDummyNotifications","hideRoutes","showRoutes","getTextColor","text","findInIncluded","included","type","find","subscribeToJoltChannel","channel","Jolt","wss_url","authToken","fetchSubscribeTokenFn","cid","logToConsole","railsEnv","subscribe","userId","fetchNotifications","_this3","notificationResp","datetimeFmt","datetime","created_at","relationships","app","_this3$findInIncluded","_this3$findInIncluded2","notificationData","web_payloads","_this3$findInIncluded3","_this3$findInIncluded4","content","read_at","_this4","requestAppsFetch","routes","search","requestConnectedPeopleFetch","userAvatarPath","showOrgName","textOverflow","maxWidth","orgName","linkToProfile","userName","requestClearAppsCache","requestClearConnectedPeopleCache","requestUnlinkConnectedPeople","listStyleType","person","requestSwitchConnectedPerson","organization_name","strokeWidth","fillRule","Route","_this5","_this6","ClientStorage","update","value","forceUpdate","undefined","UserMenuAppLockup","routesMenuVisible","componentDidUpdate","s","activeRoute","filter","CurrentRouteComponent","currentRouteComponent","currentRouteText","left","top","LocalStorageProvider","userSwitchState","lsUpdate","bottom","msUserSelect","MozUserSelect","WebkitUserSelect","userSelect","WebkitTapHighlightColor","overflowY","WebkitOverflowScrolling","borderRight","letterSpacing","charAt","toUpperCase","Provider","announcements","initialAnnouncements","dismissAnnouncements","newAnnouncements","pcURL","obj","ownProps","Object","keys","resArray","Array","entries","entry","StyledAnnouncement","paddingTop","paddingBottom","StyleProvider","join","trim","PlatformAnnouncements","actions","Boolean","announcement","renderItem","StyledDismissButton","borderWidth","XSymbol","DissmissibleAnnouncement","dangerouslySetInnerHTML","__html","html","boxSizing","event","updateDismissed"],"mappings":"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"}
1
+ {"version":3,"file":"topbar.js","sources":["../modules/api_request.ts","../modules/apps_provider.tsx","../modules/connected_people_provider.tsx","../modules/display_switch.tsx","../modules/styled_root.tsx","../modules/styles.tsx","../modules/unbutton.tsx","../modules/avatar.tsx","../modules/formatters.tsx","../modules/symbols.tsx","../modules/mono_app_symbols.tsx","../modules/mono_app_icon.tsx","../modules/mono_app_text.tsx","../modules/mono_app_name.tsx","../modules/components/apps_button.tsx","../modules/get_apps_switch_product_path.tsx","../modules/color_app_squircles.tsx","../modules/color_app_icon.tsx","../modules/components/hoverable_list_item.tsx","../modules/components/outsider.tsx","../modules/components/popup.tsx","../modules/components/popup_root.tsx","../modules/components/apps_menu.tsx","../modules/components/hoverable.tsx","../modules/components/notification_bell.tsx","../modules/components/eyebrow.tsx","../modules/colors.tsx","../modules/components/notification_item.tsx","../modules/hooks/use_hover.tsx","../modules/components/conditional_wrap.tsx","../modules/components/notifications_menu_blank_state.tsx","../modules/components/notifications_menu_wrapper.tsx","../modules/components/spinner.tsx","../modules/components/notifications_menu.tsx","../modules/hooks/use_notifications.ts","../modules/not_small_topbar.tsx","../modules/client_storage.tsx","../modules/small_topbar.tsx","../modules/medium_topbar.tsx","../modules/platform_announcements.tsx","../modules/product_announcement.tsx"],"sourcesContent":["import { Environment } from \"@planningcenter/url\"\n\ndeclare global {\n interface Window {\n railsEnv?: Environment;\n currentPerson?: { id: number };\n Rails?: {\n csrfToken: () => string;\n };\n }\n}\n\nexport 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<{ response: Response; json: any; ok: boolean }> {\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) => ({ response, json, ok: response.ok }))\n .catch(() => ({ response, json: null, ok: response.ok })),\n (e) => {\n console.warn(e);\n\n return { response: null, json: null, ok: false };\n }\n );\n}\n","import * as React from \"react\";\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\nimport apiRequest, { Fetch, defaultFetch } from \"./api_request\";\n\nexport class AppsProvider extends React.Component<\n {\n env: PCO_URL.Environment;\n formatter?: any;\n configuredFetch?: Fetch;\n render: (apps: object[], callback: any) => React.ReactElement<any>;\n },\n {\n apps: object[];\n }\n> {\n constructor(props: any) {\n super(props);\n\n this.state = {\n apps: [],\n };\n }\n\n public static defaultProps = {\n formatter: mapApps,\n configuredFetch: defaultFetch,\n };\n\n fetch() {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/people/v2/me/apps`\n ).then(({ json }) => {\n const apps = this.props.formatter(json.data);\n\n return this.setState({ apps }, () =>\n window.localStorage.setItem(\"Topbar:Apps\", JSON.stringify(apps))\n );\n });\n }\n\n remove() {\n window.localStorage.removeItem(\"Topbar:Apps\");\n }\n\n componentDidMount() {\n const apps = JSON.parse(window.localStorage.getItem(\"Topbar:Apps\"));\n\n if (apps) return this.setState({ apps });\n\n return this.fetch();\n }\n\n render() {\n return this.props.render(this.state.apps || [], {\n fetch: this.fetch.bind(this),\n remove: this.remove.bind(this),\n });\n }\n}\n\ninterface App {\n attributes: { name: string; url: string };\n}\n\nexport function mapResourcesToCalendar(apps: App[]) {\n return apps.map((app: App) => {\n if (app.attributes.name === \"Resources\") {\n return {\n ...app,\n attributes: { ...app.attributes, name: \"Calendar\" },\n };\n }\n\n return app;\n }, []);\n}\n\nexport function mapApps(apps: App[]) {\n return apps;\n}\n","import * as React from \"react\";\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\nimport apiRequest, { Fetch, defaultFetch } from \"./api_request\";\n\nexport class ConnectedPeopleProvider extends React.Component<\n {\n env: PCO_URL.Environment;\n configuredFetch?: Fetch;\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 method: \"POST\",\n data: {\n data: {\n attributes: {\n id: toId,\n return_path: returnPath,\n },\n },\n },\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 unlink: this.unlink.bind(this),\n switch: this.switch.bind(this),\n });\n }\n}\n","import * as React from \"react\";\n\nconst debounce = (func, wait) => {\n let timeout;\n\n return function () {\n const context = this,\n args = arguments;\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(\n \"resize\",\n debounce(this.setWindowWidth, 100),\n false\n );\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 smallBreakpoints: String[];\n mediumBreakpoints: String[];\n smallTopbar: (breakpointShorthand: string) => React.ReactElement<any>;\n mediumTopbar?: (breakpointShorthand: string) => React.ReactElement<any>;\n notSmallTopbar: (breakpointShortand: string) => React.ReactElement<any>;\n },\n {}\n> {\n public static defaultProps = {\n smallBreakpoints: [\"xs\", \"sm\"],\n mediumBreakpoints: [\"md\"],\n };\n\n render() {\n if (this.props.mediumTopbar) {\n return (\n <PointBreak\n render={(breakpoint) => {\n if (this.props.smallBreakpoints.indexOf(breakpoint) !== -1) {\n return this.props.smallTopbar(breakpoint);\n }\n\n if (this.props.mediumBreakpoints.indexOf(breakpoint) !== -1) {\n return this.props.mediumTopbar(breakpoint);\n }\n\n return this.props.notSmallTopbar(breakpoint);\n }}\n />\n );\n }\n\n // continue support for old API\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 * as React from \"react\";\n\nexport function StyledRoot({ children, style, ...nativeProps }): JSX.Element {\n return (\n <div\n className=\"simple\"\n style={{\n height: \"48px\",\n display: \"flex\",\n position: \"relative\",\n alignItems: \"center\",\n color: \"white\",\n WebkitFontSmoothing: \"antialiased\",\n MozOsxFontSmoothing: \"grayscale\",\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","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\";\nimport { fontFamily } from \"./styles\";\n\nexport function Unbutton({\n style,\n ...nativeProps\n}: {\n id?: string;\n style?: object;\n onClick?: any;\n onMouseEnter?: any;\n onMouseLeave?: any;\n onMouseDown?: any;\n onMouseUp?: any;\n children: any;\n}): JSX.Element {\n return (\n <button\n style={{\n display: \"inline-block\",\n cursor: \"pointer\",\n backgroundColor: \"transparent\",\n border: \"none\",\n padding: 0,\n appearance: \"none\",\n WebkitAppearance: \"none\",\n outline: 0,\n ...fontFamily,\n ...style,\n }}\n {...nativeProps}\n />\n );\n}\n","import * as React from \"react\";\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\n\nexport function Avatar({\n env,\n url: incomingUrl = \"\",\n style,\n ...nativeProps\n}: {\n env: PCO_URL.Environment;\n url?: string;\n style?: object;\n}): JSX.Element {\n const url =\n incomingUrl ||\n `${pcoUrl(env)(\"people\")}/static/no_photo_thumbnail_gray.svg`;\n\n return (\n <div\n style={{\n backgroundColor: \"white\",\n height: \"26px\",\n width: \"26px\",\n marginLeft: \"4px\",\n borderRadius: \"50%\",\n backgroundPosition: \"center\",\n backgroundSize: \"cover\",\n backgroundImage: `url(${url})`,\n ...style,\n }}\n {...nativeProps}\n />\n );\n}\n","export interface App {\n attributes: { name: string; url: string };\n}\n\nexport interface ConnectedPerson {\n id: number;\n attributes: { name: string; organization_name: string };\n}\n\nconst sortByAttribute = (attr: string) => (arr: any[]): any[] =>\n arr\n .slice()\n .sort((a, b) => a.attributes[attr].localeCompare(b.attributes[attr]));\n\nexport const appsMenuFormatter = (apps: App[]): App[] =>\n sortByAttribute(\"name\")(apps).reduce(\n (acc, item) =>\n (item.attributes.name || \"\") === \"Church Center\" ||\n (item.attributes.name || \"\") === \"API\"\n ? acc\n : acc.concat([item]),\n [],\n );\n\nexport const connectedPeopleMenuFormatter = (\n connectedPeople: ConnectedPerson[],\n): ConnectedPerson[] => sortByAttribute(\"organization_name\")(connectedPeople);\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 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\nexport function Squircle({ color = \"#fff\", ...platformProps }): 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, ...platformProps }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.657,10.478a3.419,3.419,0,0,0,0-.962l1.036-.81a.248.248,0,0,0,.059-.314l-.982-1.7a.245.245,0,0,0-.3-.108l-1.223.491a3.563,3.563,0,0,0-.83-.482l-.186-1.3a.24.24,0,0,0-.241-.206H9.027a.24.24,0,0,0-.241.206L8.6,6.594a3.748,3.748,0,0,0-.83.482L6.547,6.585a.238.238,0,0,0-.3.108l-.982,1.7a.242.242,0,0,0,.059.314l1.036.81a3.323,3.323,0,0,0,0,.962l-1.036.81a.249.249,0,0,0-.059.315l.982,1.7a.247.247,0,0,0,.3.108l1.223-.491a3.594,3.594,0,0,0,.83.481l.186,1.3a.24.24,0,0,0,.241.206h1.964a.24.24,0,0,0,.241-.206l.186-1.3a3.784,3.784,0,0,0,.83-.481l1.223.491a.239.239,0,0,0,.3-.108l.982-1.7a.249.249,0,0,0-.059-.315ZM10.009,11.9a1.9,1.9,0,1,1,1.9-1.9A1.9,1.9,0,0,1,10.009,11.9Z\"\n />\n );\n}\n\nexport function API({ color, ...platformProps }): 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, ...platformProps }): 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, ...platformProps }): 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, ...platformProps }): 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, ...platformProps }): 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, ...platformProps }): 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 People({ color, ...platformProps }): 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, ...platformProps }): 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, ...platformProps }): 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 Resources({ color, ...platformProps }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M9.241,14a.6.6,0,0,1-.6.6H6.007a.6.6,0,0,1-.6-.6V11.364a.6.6,0,0,1,.6-.6H8.641a.6.6,0,0,1,.6.6Zm0-5.367a.6.6,0,0,1-.6.6H6.007a.6.6,0,0,1-.6-.6V6a.6.6,0,0,1,.6-.6H8.641a.6.6,0,0,1,.6.6ZM14.609,14a.6.6,0,0,1-.6.6H11.374a.6.6,0,0,1-.6-.6V11.364a.6.6,0,0,1,.6-.6h2.635a.6.6,0,0,1,.6.6Zm0-5.367a.6.6,0,0,1-.6.6H11.374a.6.6,0,0,1-.6-.6V6a.6.6,0,0,1,.6-.6h2.635a.6.6,0,0,1,.6.6Z\"\n />\n );\n}\n\nexport function Services({ color, ...platformProps }): 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\";\nimport * as AppSymbols from \"./mono_app_symbols\";\n\nfunction Squircle({ color = \"#fff\", ...platformProps }): 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 MonoAppIcon({\n appName,\n colors,\n style,\n size = 20,\n ...platformProps\n}: {\n appName: string;\n colors: any; // TODO: shared type\n style?: any;\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 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 <Squircle />\n\n {AppSymbols[appName] ? (\n React.createElement(AppSymbols[appName], { color: colors.base0 })\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, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"4ce749c7-c01e-4a9b-9496-b14fd2e761aa\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"77.073\"\n height={size}\n viewBox=\"0 0 77.073 20\"\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, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"bed028ef-58ee-4c4c-a757-08ecc3276857\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"119.5\"\n height={size}\n viewBox=\"0 0 119.5 20\"\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, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"Layer_1\"\n data-name=\"Layer 1\"\n width=\"73.83\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 73.83 20\"\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, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"dc713595-39c2-41c4-b1d9-3ef8c295b738\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"79.311\"\n height={size}\n viewBox=\"0 0 79.311 20\"\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({\n color,\n size = 20,\n ...platformProps\n}): JSX.Element {\n return (\n <svg\n id=\"e2e8a225-c349-4aea-935c-64b6ad436be8\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"118.083\"\n height={size}\n viewBox=\"0 0 118.083 20\"\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, ...platformProps }): 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 width=\"50.486\"\n height={size}\n viewBox=\"0 0 50.486 20\"\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 Groups({ color, size = 20, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"08e4075e-8ca4-4400-a3ae-98f53270d1d0\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"58.688\"\n height={size}\n viewBox=\"0 0 58.688 20\"\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, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"c461f8d4-1c6e-406e-af2d-8d7721d891d5\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"57.729\"\n height={size}\n viewBox=\"0 0 57.729 20\"\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({\n color,\n size = 20,\n ...platformProps\n}): JSX.Element {\n return (\n <svg\n id=\"Layer_1\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"84.973\"\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({\n color,\n size = 20,\n ...platformProps\n}): 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 width=\"105.758\"\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 Resources({ color, size = 20, ...platformProps }): JSX.Element {\n return (\n <svg\n id=\"74f21070-1fd8-4ba2-80b2-8fbdc21e6238\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"81.693\"\n height={size}\n viewBox=\"0 0 81.693 20\"\n >\n <title>resources-text</title>\n <path\n fill={color}\n d=\"M6.751,5.966,6.234,7.043a.587.587,0,0,1-.334.323.541.541,0,0,1-.425-.032,2.375,2.375,0,0,0-.854-.182A2.733,2.733,0,0,0,2.387,8.4v6.288c0,.589-.485.589-.8.589H.59A.59.59,0,0,1,0,14.689V5.679a.605.605,0,0,1,.59-.59h.517a.575.575,0,0,1,.544.434l.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.485,3.736,3.736,0,0,0,2.369-.818.6.6,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.047,5.047,0,0,1-5.1-5.332,5.082,5.082,0,0,1,5.074-5.31A4.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.937Zm9.326,2.15c-1.059-.462-1.633-.815-1.633-1.36,0-.383.357-.769,1.156-.769a5.056,5.056,0,0,1,2.086.485.579.579,0,0,0,.8-.247l.345-.689a.706.706,0,0,0-.256-.882,5.705,5.705,0,0,0-2.973-.751c-2.358,0-3.414,1.422-3.414,2.831,0,1.764,1.328,2.606,2.763,3.253,1.4.634,2.066,1.038,2.066,1.618,0,.528-.459.856-1.2.856a4.489,4.489,0,0,1-2.385-.7l-.036-.019a.641.641,0,0,0-.5-.076.494.494,0,0,0-.3.254l-.452.925a.522.522,0,0,0,.208.663h0a5.92,5.92,0,0,0,3.342,1.034c2.411,0,3.673-1.522,3.673-3.026C24.235,10.617,22.935,9.926,20.953,9.087Zm14.252,1.075a5.341,5.341,0,0,1-5.182,5.354,5.323,5.323,0,1,1,5.182-5.354Zm-5.182-3.01a2.873,2.873,0,0,0-2.859,3.01,2.857,2.857,0,1,0,5.7,0A2.863,2.863,0,0,0,30.023,7.152ZM44.641,5.089h-1.1c-.327,0-.676.045-.676.59l0,6.014a2.357,2.357,0,0,1-2.215,1.545c-1.245,0-1.824-.717-1.824-2.257v-5.3a.605.605,0,0,0-.59-.59H37.032a.622.622,0,0,0-.591.59v5.152c0,2.182.435,4.685,3.824,4.685a4.085,4.085,0,0,0,3.1-1.258l.194.535c.088.24.223.485.562.485h.517a.608.608,0,0,0,.611-.589V5.679A.624.624,0,0,0,44.641,5.089Zm9.307.352c-.263-.419-1.156-.567-1.905-.567A4,4,0,0,0,49.07,6.208l-.212-.685a.575.575,0,0,0-.544-.434H47.8a.6.6,0,0,0-.59.59v9.01a.59.59,0,0,0,.59.589h.991c.321,0,.806,0,.806-.589V8.4a2.731,2.731,0,0,1,2.234-1.249,2.375,2.375,0,0,1,.854.182.539.539,0,0,0,.424.032.591.591,0,0,0,.335-.323l.517-1.077A.517.517,0,0,0,53.948,5.441Zm8.115,6.549a.573.573,0,0,0-.818.049c-.08.074-.16.153-.242.234a2.62,2.62,0,0,1-2.029.965,2.92,2.92,0,0,1-2.838-3.054,2.779,2.779,0,0,1,4.87-2.073c.166.166.443.444.8.11l.775-.71a.605.605,0,0,0,.1-.869,4.464,4.464,0,0,0-3.711-1.768,5.285,5.285,0,0,0-5.225,5.331,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-.866ZM73.17,9.559c0,.179-.022.528-.044.705a.578.578,0,0,1-.567.531H65.8a2.82,2.82,0,0,0,2.855,2.485,3.736,3.736,0,0,0,2.369-.818.6.6,0,0,1,.45-.148.465.465,0,0,1,.3.22l.583.907a.513.513,0,0,1-.065.819,5.708,5.708,0,0,1-3.762,1.256,5.047,5.047,0,0,1-5.095-5.332,5.082,5.082,0,0,1,5.074-5.31A4.572,4.572,0,0,1,73.17,9.559ZM68.463,6.937a2.411,2.411,0,0,0-2.54,2.033H70.8A2.23,2.23,0,0,0,68.463,6.937Zm9.326,2.15c-1.06-.462-1.634-.815-1.634-1.36,0-.383.358-.769,1.157-.769a5.056,5.056,0,0,1,2.086.485.579.579,0,0,0,.8-.247l.345-.689a.709.709,0,0,0-.256-.882,5.711,5.711,0,0,0-2.973-.751C74.954,4.874,73.9,6.3,73.9,7.705c0,1.764,1.328,2.606,2.762,3.253,1.4.634,2.067,1.038,2.067,1.618,0,.528-.46.856-1.2.856a4.493,4.493,0,0,1-2.386-.7l-.035-.019a.647.647,0,0,0-.5-.076.5.5,0,0,0-.305.254l-.451.925a.521.521,0,0,0,.208.663h0A5.929,5.929,0,0,0,77.4,15.516c2.411,0,3.672-1.522,3.672-3.026C81.07,10.617,79.77,9.927,77.789,9.087Z\"\n />\n </svg>\n );\n}\n\nexport function Services({ color, size = 20, ...platformProps }): 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 width=\"67.995\"\n height={size}\n viewBox=\"0 0 67.995 20\"\n style={{ display: \"block\" }}\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\";\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","import * as React from \"react\";\n\nimport { Unbutton } from \"../unbutton\";\nimport { slightBackgroundTransition } from \"../styles\";\nimport { MonoAppIcon } from \"../mono_app_icon\";\nimport { MonoAppName } from \"../mono_app_name\";\n\nimport { DisclosureChevronIcon } from \"../symbols\";\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 <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 <div key=\"space-2\" style={{ margin: 4 }} />,\n <DisclosureChevronIcon\n colors={colors}\n key=\"disclosure-chevron-icon\"\n style={{ display: \"block\" }}\n />,\n ]}\n </Unbutton>\n );\n};\n\nexport default AppsButton;\n","export default function getAppsSwitchProductPath(productName: string): string {\n let basePath = `/apps/${productName.toLowerCase()}`;\n let referer = window?.location?.pathname?.toString();\n\n if (!referer) return basePath;\n\n let params = new URLSearchParams();\n params.append(\"referer\", referer);\n\n return `${basePath}?${params.toString()}`;\n}\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 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 Resources(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"97b0a80e-e94f-4e6e-bf5b-fee592d510ee\"\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=\"#f25437\" />\n <stop offset=\"1\" stopColor=\"#cd4e39\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">resources-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(#97b0a80e-e94f-4e6e-bf5b-fee592d510ee)\"\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\";\nimport * as AppSymbols from \"./mono_app_symbols\";\nimport * as ColorAppSquircles from \"./color_app_squircles\";\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","import * as React from \"react\";\n\nconst HoverableListItem = ({\n component: C = \"span\",\n style = null,\n ...nativeProps\n}: {\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 = () => (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 Popup = ({\n component: C = \"div\",\n style = null,\n ...nativeProps\n}: {\n children?: React.ReactNode;\n component?: any;\n style?: object;\n onOutsideClick?: any;\n cleanup?: any;\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 * 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 pcoUrl, * as PCO_URL from \"@planningcenter/url\";\nimport getAppsSwitchProductPath from \"../get_apps_switch_product_path\";\nimport { fontFamily } from \"../styles\";\nimport { MonoAppName } from \"../mono_app_name\";\nimport { ColorAppIcon } from \"../color_app_icon\";\n\nimport HoverableListItem from \"./hoverable_list_item\";\nimport Outsider from \"./outsider\";\nimport Popup from \"./popup\";\nimport PopupRoot from \"./popup_root\";\n\nconst AppsMenu = ({\n appName,\n apps,\n env,\n toggle,\n visible,\n}: {\n appName: string;\n apps: { attributes: { name: string; url: string } }[];\n env: PCO_URL.Environment;\n toggle: any;\n visible: boolean;\n}) => (\n <PopupRoot>\n <Popup\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 component={Outsider}\n onOutsideClick={toggle}\n cleanup={!visible}\n >\n <menu style={{ margin: 0, padding: 0, minWidth: 180 }}>\n {apps.map(\n ({ attributes: { name } }, i) =>\n appName !== name ? (\n <HoverableListItem\n component=\"a\"\n style={{\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n lineHeight: \"48px\",\n overflow: \"hidden\",\n verticalAlign: \"middle\",\n display: \"flex\",\n height: \"48px\",\n alignItems: \"center\",\n ...fontFamily,\n ...(i && { borderTop: \"1px solid #ddd\" }),\n }}\n key={name}\n href={pcoUrl(env)(\"accounts\") + getAppsSwitchProductPath(name)}\n data-turbolinks={false}\n >\n <ColorAppIcon appName={name.replace(/[\\s-]/, \"\")} size={24} />\n <span style={{ margin: 4 }} />\n <MonoAppName\n appName={name.replace(/[\\s-]/, \"\")}\n color=\"#444\"\n size={24}\n />\n </HoverableListItem>\n ) : (\n <div\n key={name}\n style={{ display: \"block\", position: \"relative\" }}\n >\n <HoverableListItem\n component=\"a\"\n style={{\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n lineHeight: \"48px\",\n overflow: \"hidden\",\n verticalAlign: \"middle\",\n display: \"flex\",\n height: \"48px\",\n alignItems: \"center\",\n ...fontFamily,\n ...(i && { borderTop: \"1px solid #ddd\" }),\n }}\n href={`${pcoUrl(env)(\"accounts\")}/apps/${name.toLowerCase()}`}\n data-turbolinks={false}\n >\n <ColorAppIcon appName={name.replace(/[\\s-]/, \"\")} size={24} />\n <span style={{ margin: 4 }} />\n <MonoAppName\n appName={name.replace(/[\\s-]/, \"\")}\n color=\"#444\"\n size={24}\n />\n </HoverableListItem>\n </div>\n )\n )}\n </menu>\n </Popup>\n </PopupRoot>\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 style = null,\n ...nativeProps\n}: {\n active?: any;\n children?: React.ReactNode;\n component?: any;\n hover?: 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 {...nativeProps}\n />\n );\n};\n\nexport default Hoverable;\n","import * as React from \"react\";\n\nimport { BellIcon } from \"../../index\";\n\nconst NotificationBell = ({\n indicatorVisible = false,\n style = {},\n ...props\n}: {\n indicatorVisible?: boolean;\n style?: object;\n}) => {\n return (\n <div {...props} style={{ alignItems: \"center\", display: \"flex\", ...style }}>\n <BellIcon dot={indicatorVisible} />\n </div>\n );\n};\n\nexport default NotificationBell;\n","import * as React from \"react\";\n\nimport colors from \"../colors\";\n\nconst Eyebrow = ({\n style,\n ...props\n}: {\n children?: React.ReactNode;\n style?: object;\n}) => (\n <div\n style={{\n color: 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 lightNeutral100: \"hsl(0 0% 100%)\",\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 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 * as React from \"react\";\nimport datetimeFmt from \"@churchcenter/datetime-fmt\";\n\nimport Eyebrow from \"./eyebrow\";\nimport HoverableListItem from \"./hoverable_list_item\";\nimport { Notification } from \"../interfaces\";\nimport { fontFamily } from \"../styles\";\nimport useHover from \"../hooks/use_hover\";\nimport colors from \"../colors\";\n\nconst MarkReadDot = ({\n isRead = false,\n onClick,\n ...props\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 onToggleRead,\n showBottomBorder,\n notification: { appName, createdAt, isRead, link, title },\n}: {\n mobile?: boolean;\n isLast?: boolean;\n onToggleRead: any;\n showBottomBorder?: boolean;\n notification: Notification;\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 return (\n <HoverableListItem\n component=\"a\"\n data-turbolinks={false}\n href={link}\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 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: colors.lightNeutral24,\n fontSize: \"12px\",\n paddingLeft: \"12px\",\n userSelect: \"none\",\n }}\n >\n {datetimeFmt.datetime(createdAt, { style: \"relative\" })}\n </div>\n </div>\n </HoverableListItem>\n );\n};\n\nexport default NotificationItem;\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 () => {\n const node = elementRef?.current;\n\n if (node) {\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 }\n },\n [elementRef]\n );\n\n return value;\n}\n\nexport default useHover;\n","import * as React from \"react\";\n\nconst ConditionalWrap = ({\n children,\n condition = false,\n wrap,\n ...props\n}: {\n children: React.ReactNode;\n condition?: boolean;\n wrap: any;\n}) => (condition ? wrap(children) : children);\n\nexport default ConditionalWrap;\n","import * as React from \"react\";\nimport { BlankStateIcon } from \"../symbols\";\n\nconst NotificationsMenuBlankState = ({\n dark = false,\n description,\n style = {},\n title = \"No notifications\",\n ...props\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 margin: \"0\",\n textAlign: \"center\",\n lineHeight: 1.4,\n }}\n >\n {description}\n </p>\n </div>\n);\n\nexport default NotificationsMenuBlankState;\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 * as React from \"react\";\n\nimport \"./spinner.css\";\n\nconst Spinner = (props) => <div className=\"spinner\" {...props} />;\n\nexport default Spinner;\n","import * as React from \"react\";\nimport { Transition, TransitionGroup } from \"react-transition-group\";\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\n\nimport Hoverable from \"./hoverable\";\nimport NotificationItem from \"./notification_item\";\nimport { Notification } from \"../interfaces\";\nimport ConditionalWrap from \"./conditional_wrap\";\nimport NotificationsMenuBlankState from \"./notifications_menu_blank_state\";\nimport NotificationsMenuWrapper from \"./notifications_menu_wrapper\";\nimport apiRequest, { railsCsrfFetch } from \"../api_request\";\nimport Spinner from \"./spinner\";\nimport { ExclamationTriangle } from \"../symbols\";\nimport colors from \"../colors\";\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 disabled,\n onClick,\n title,\n ...props\n}: {\n disabled?: boolean;\n onClick: any;\n title: string;\n}) => (\n <div\n style={{\n color: disabled ? \"#9e9e9e\" : \"#5b8bf7\",\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 = (props: { children?: React.ReactNode }) => (\n <div\n style={{\n color: colors.lightNeutral12,\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n userSelect: \"none\",\n }}\n {...props}\n />\n);\n\nconst ShowMoreButton = () => (\n <Hoverable hover={{ backgroundColor: \"#f7f7f7\" }}>\n <p\n style={{\n cursor: \"pointer\",\n color: \"#414141\",\n fontSize: \"12px\",\n fontWeight: 600,\n margin: \"0 16px\",\n padding: \"8px 16px 8px\",\n textAlign: \"center\",\n }}\n >\n Show more...\n </p>\n </Hoverable>\n);\n\nconst ViewButton = ({\n onClick,\n ...props\n}: {\n children?: React.ReactNode;\n onClick: () => void;\n}) => (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"center\",\n padding: \"16px\",\n }}\n >\n <Hoverable\n hover={{\n backgroundColor: colors.interaction93,\n }}\n style={{\n cursor: \"pointer\",\n border: `1px solid ${colors.interaction55}`,\n borderRadius: \"4px\",\n padding: \"2px 8px\",\n transition: \"all 120ms ease-in\",\n }}\n {...{ onClick }}\n >\n <p\n style={{\n color: colors.interaction55,\n fontWeight: 500,\n marginBottom: 0,\n textAlign: \"center\",\n userSelect: \"none\",\n }}\n {...props}\n />\n </Hoverable>\n </div>\n);\n\nconst NotificationsMenu = ({\n env,\n handleMarkAllAsRead,\n handleToggleRead,\n hasError = false,\n isLoading = false,\n mobile = false,\n notifications: { read, unread },\n toggle,\n visible,\n}: {\n env: PCO_URL.Environment;\n handleMarkAllAsRead: () => 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 [topDistance, setTopDistance] = React.useState(0);\n const [showRead, setShowRead] = React.useState(true);\n\n React.useEffect(() => {\n setTopDistance(ref.current?.getBoundingClientRect().top || 0);\n }, [ref.current]);\n\n const FLOATING_MARGIN = 16;\n\n const duration = 800;\n\n const defaultStyle = { transition: `opacity ${duration}ms ease-in-out` };\n\n const transitionStyles = {\n entering: { opacity: 0.2 },\n entered: { opacity: 1 },\n };\n\n return (\n <ConditionalWrap\n condition={!mobile}\n wrap={(children) => (\n <NotificationsMenuWrapper {...{ children, toggle, visible }} />\n )}\n >\n <menu\n ref={ref}\n style={{\n margin: 0,\n minWidth: 180,\n overflowY: \"scroll\",\n padding: \"4px 0\",\n ...(!mobile && {\n maxHeight: `${\n window.innerHeight - topDistance - FLOATING_MARGIN\n }px`,\n }),\n }}\n >\n <div style={{ padding: \"12px 16px 0\" }}>\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 </div>\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 {unread.length > 0 && (\n <>\n <SectionHeader>\n <SectionHeaderTitle>Unread</SectionHeaderTitle>\n {unread.length > 0 && (\n <SectionHeaderButton\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={{ ...defaultStyle, ...transitionStyles[state] }}\n >\n <NotificationItem\n isLast={unread.length === idx + 1}\n key={notification.id}\n onToggleRead={() => handleToggleRead(notification)}\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>Read</SectionHeaderTitle>\n </SectionHeader>\n <TransitionGroup exit={false}>\n {read.map((notification: Notification, idx) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{ ...defaultStyle, ...transitionStyles[state] }}\n >\n <NotificationItem\n key={notification.id}\n onToggleRead={() => handleToggleRead(notification)}\n showBottomBorder\n {...{ mobile, notification }}\n />\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n </>\n )}\n {/* {(unread.length > 0 || read.length > 0) && <ShowMoreButton />} */}\n {read.length > 0 && (\n <ViewButton onClick={() => setShowRead((showRead) => !showRead)}>\n {showRead ? \"Hide\" : \"Show\"} Read\n </ViewButton>\n )}\n </menu>\n </ConditionalWrap>\n );\n};\n\nexport default NotificationsMenu;\n","import * as React from \"react\";\nimport Jolt, * as JoltLib from \"@planningcenter/jolt-client\";\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\n\nimport apiRequest, { defaultFetch, railsCsrfFetch } from \"../api_request\";\nimport {\n JoltMessage,\n Notification,\n JoltMessageNotificationDataPayload,\n} from \"../interfaces\";\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\nconst useJoltChannelSubscription = ({\n channelName,\n env,\n}: {\n channelName: string;\n env: PCO_URL.Environment;\n}): JoltLib.ChannelSubscription => {\n const [joltChannel, setJoltChannel]: [\n JoltLib.ChannelSubscription,\n React.Dispatch<React.SetStateAction<JoltLib.ChannelSubscription>>\n ] = React.useState();\n\n const subscribeToJoltChannel = React.useCallback(() => {\n apiRequest(\n railsCsrfFetch,\n `${pcoUrl(env)(\"api\")}/notifications/v2/me/notifications_jolt_authorize`,\n {\n method: \"POST\",\n data: { data: { attributes: {} } },\n }\n ).then(({ json }) => {\n const authToken = json.data.id;\n const wssUrl = json.data.attributes.wss_url;\n const jolt = new Jolt(\n wssUrl,\n {\n authToken,\n fetchSubscribeTokenFn: async (channel: string, cid: string) => {\n return apiRequest(\n railsCsrfFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications_jolt_subscribe`,\n {\n method: \"POST\",\n data: { data: { attributes: { cid } } },\n }\n ).then(({ json }) => json.data.id);\n },\n },\n { logToConsole: window?.railsEnv === \"development\" }\n );\n\n const channel = jolt.subscribe(channelName);\n setJoltChannel(channel);\n });\n }, [apiRequest, env, pcoUrl, railsCsrfFetch]);\n\n React.useEffect(() => {\n subscribeToJoltChannel();\n }, [subscribeToJoltChannel]);\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 // TODO: handle the fact that there could be multiple web payloads\n const notificationData = JSON.parse(\n findInIncluded(\n {\n type: \"Payload\",\n id: resp.relationships.web_payloads.data[0].id,\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\nconst useNotifications = ({\n env,\n userId,\n}: {\n env: PCO_URL.Environment;\n userId: string;\n}): {\n handleMarkAllAsRead: () => any;\n handleToggleRead: (notification: Notification) => any;\n hasError: boolean;\n isLoading: boolean;\n read: Notification[];\n unread: Notification[];\n} => {\n const [notifications, setNotifications]: [\n Notification[],\n React.Dispatch<React.SetStateAction<Notification[]>>\n ] = React.useState([]);\n\n const [isLoading, setIsLoading] = React.useState(false)\n const [hasError, setHasError] = React.useState(false)\n const { read, unread } = notificationsOrganizer(notifications);\n const joltChannel = useJoltChannelSubscription({\n channelName: `notifications.people.${userId}`,\n env,\n });\n\n const fetchNotifications = React.useCallback(() => {\n setIsLoading(true)\n setHasError(false)\n apiRequest(\n defaultFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications?include=app,web_payloads&per_page=100`\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(\n resp.data,\n resp\n );\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 React.useEffect(() => {\n if (!joltChannel) return;\n\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 }, [joltChannel, fetchNotifications, removeNotification]);\n\n React.useEffect(() => {\n fetchNotifications();\n }, [fetchNotifications]);\n\n // TODO: clean up jolt subscription on teardown\n\n const markAsReadOrUnread = (\n notificationIds: string[],\n readOrUnread: \"read\" | \"unread\"\n ) => {\n const included = notificationIds.reduce(\n (acc, id: string) => [\n ...acc,\n {\n type: \"graph_notification\",\n id,\n attributes: { action: readOrUnread },\n },\n ],\n []\n );\n\n setNotifications((notifications) =>\n notifications.map((n) =>\n notificationIds.includes(n.id)\n ? { ...n, isRead: readOrUnread === \"read\" }\n : n\n )\n );\n\n return apiRequest(\n railsCsrfFetch,\n `${pcoUrl(env)(\"api\")}/notifications/v2/me/bulk_update`,\n {\n method: \"POST\",\n data: {\n data: {\n type: \"BulkUpdate\",\n attributes: {},\n relationships: {\n notifications: {\n data: {\n source: \"/included/graph_notification/*\",\n },\n },\n },\n },\n included,\n },\n }\n ).then((e) => {\n if (!e.ok) {\n // TODO: show an alert or something?\n\n setIsLoading(false)\n setHasError(true)\n // Rollback the 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 = (notification: Notification) => {\n const action = notification.isRead ? \"unread\" : \"read\";\n markAsReadOrUnread([notification.id], action);\n };\n\n const handleMarkAllAsRead = () => {\n markAsReadOrUnread(\n unread.map((u: Notification) => u.id),\n \"read\"\n );\n };\n\n return {\n handleMarkAllAsRead,\n handleToggleRead,\n hasError,\n isLoading,\n read,\n unread,\n };\n};\n\nexport default useNotifications;\n","import * as React from \"react\";\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\n\nimport { StyledRoot } from \"./styled_root\";\nimport { Unbutton } from \"./unbutton\";\nimport { Avatar } from \"./avatar\";\nimport { appsMenuFormatter, connectedPeopleMenuFormatter } from \"./formatters\";\nimport { slightBackgroundTransition, fontFamily, IEFlex1 } from \"./styles\";\nimport { DisclosureChevronIcon, HelpIcon } from \"./symbols\";\n\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 useNotifications from \"./hooks/use_notifications\";\n\nconst Topbar = (props: {\n apps: { attributes: { name: string, url: string } }[],\n activeRoute: string,\n env: PCO_URL.Environment,\n appName: string,\n routes: any,\n colors: any,\n userAvatarPath: string,\n userId: string,\n userName: string,\n orgName: string,\n connectedPeople: any,\n search?: any,\n style?: any,\n showOrgName?: boolean,\n requestAppsFetch: any,\n requestConnectedPeopleFetch: any,\n requestUnlinkConnectedPeople: any,\n requestSwitchConnectedPerson: any,\n requestClearAppsCache: any,\n requestClearConnectedPeopleCache: any,\n useDummyNotifications?: boolean,\n linkToProfile?: boolean,\n}) => {\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 { handleMarkAllAsRead, handleToggleRead, read, unread } =\n useNotifications({ env: props.env, userId: props.userId });\n\n const ProfileContainer = ({ component, href, ...nativeProps }) =>\n props.linkToProfile ? (\n <HoverableListItem component={component} href={href} {...nativeProps} />\n ) : (\n <div {...nativeProps} />\n );\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 <NotificationsMenu\n env={props.env}\n handleMarkAllAsRead={handleMarkAllAsRead}\n handleToggleRead={handleToggleRead}\n notifications={{ read, unread }}\n toggle={() => setNotificationsMenuVisible((visible) => !visible)}\n visible={notificationsMenuVisible}\n />\n\n <Hoverable\n active={{ backgroundColor: props.colors.base2 }}\n hover={{ backgroundColor: props.colors.base1 }}\n onClick={() => setNotificationsMenuVisible((visible) => !visible)}\n style={{\n alignItems: \"center\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n display: \"flex\",\n justifyContent: \"center\",\n padding: \"4px\",\n ...slightBackgroundTransition,\n }}\n >\n <NotificationBell indicatorVisible={unread.length > 0} />\n </Hoverable>\n\n {props.search({\n hideRoutes: () => setRoutesVisible(false),\n showRoutes: () => setRoutesVisible(true),\n })}\n\n <div\n style={{\n marginLeft: \"16px\",\n position: \"relative\",\n whiteSpace: \"nowrap\",\n cursor: \"pointer\",\n }}\n >\n <Hoverable\n component=\"button\"\n type=\"button\"\n style={{\n outline: 0, // TODO: #improve-outline-a11y\n cursor: \"pointer\",\n border: \"none\",\n padding: 0,\n appearance: \"none\",\n WebkitAppearance: \"none\",\n alignItems: \"center\",\n lineHeight: \"32px\",\n fontSize: \"13px\",\n borderRadius: \"9999px\",\n color: props.colors.text || \"#fff\",\n backgroundColor: props.colors.base1,\n display: \"flex\",\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 margin: \"0 8px 0 8px\",\n fontSize: \"13px\",\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n maxWidth: \"240px\",\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 right: 0,\n marginTop: \"8px\",\n maxWidth: \"320px\",\n ...(userMenuVisible\n ? {\n visibility: \"visible\",\n opacity: 1,\n transition: \"none\",\n }\n : {\n visibility: \"hidden\",\n opacity: 0,\n transition: \"all 120ms ease-in\",\n }),\n cursor: \"default\",\n }}\n >\n <div>\n <ProfileContainer\n component=\"a\"\n href={`/people/AC${props.userId}`}\n data-turbolinks={false}\n style={{\n display: \"block\",\n padding: \"16px\",\n textDecoration: \"none\",\n }}\n >\n <div\n style={{\n fontSize: \"18px\",\n lineHeight: \"24px\",\n display: \"flex\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n ...fontFamily,\n maxWidth: \"240px\",\n marginRight: 8,\n color: \"#444\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n overflow: \"hidden\",\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n }}\n >\n {props.userName}\n </div>\n </div>\n\n {props.linkToProfile && (\n <small\n style={{\n fontSize: \"12px\",\n color: \"#666\",\n ...fontFamily,\n }}\n >\n profile\n </small>\n )}\n </div>\n\n <div\n style={{\n fontSize: \"14px\",\n lineHeight: \"24px\",\n color: \"#666\",\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n ...fontFamily,\n }}\n >\n {props.orgName}\n </div>\n </ProfileContainer>\n\n {props.connectedPeople.length ? (\n <div\n style={{\n display: \"flex\",\n backgroundColor: \"#eee\",\n alignItems: \"center\",\n borderTop: \"1px solid #ddd\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n textTransform: \"uppercase\",\n color: \"#666\",\n fontSize: \"12px\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n\n <div\n style={{\n ...IEFlex1,\n textAlign: \"right\",\n alignItems: \"center\",\n fontSize: \"12px\",\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 textDecoration: \"none\",\n marginLeft: \"64px\",\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={{ margin: 0, padding: 0, listStyleType: \"none\" }}\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 marginLeft: \"16px\",\n paddingRight: \"16px\",\n lineHeight: \"48px\",\n display: \"block\",\n color: \"#444\",\n whiteSpace: \"nowrap\",\n borderTop: \"1px solid #ddd\",\n textDecoration: \"none\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\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 textAlign: \"center\",\n borderTop: \"1px solid #ddd\",\n lineHeight: \"48px\",\n display: \"block\",\n color: \"#444\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n <svg\n style={{ marginRight: \"12px\" }}\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 <Unbutton style={{ marginLeft: \"16px\" }} id=\"jsLaunchHelpdesk\">\n <HelpIcon colors={props.colors} />\n </Unbutton>\n </StyledRoot>\n );\n};\n\nTopbar.defaultProps = {\n search: () => null,\n linkToProfile: true,\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 { Topbar, Route };\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 * as React from \"react\";\n\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\nimport getAppsSwitchProductPath from \"./get_apps_switch_product_path\";\nimport { StyledRoot } from \"./styled_root\";\nimport { Unbutton } from \"./unbutton\";\nimport { Avatar } from \"./avatar\";\nimport { ClientStorage as LocalStorageProvider } from \"./client_storage\";\nimport { appsMenuFormatter, connectedPeopleMenuFormatter } from \"./formatters\";\nimport { IEFlex1, fontFamily } from \"./styles\";\nimport { MonoAppIcon } from \"./mono_app_icon\";\nimport { MonoAppName } from \"./mono_app_name\";\nimport { ColorAppIcon } from \"./color_app_icon\";\nimport { DisclosureChevronIcon, X } from \"./symbols\";\nimport NotificationBell from \"./components/notification_bell\";\nimport NotificationsMenu from \"./components/notifications_menu\";\n\nimport useNotifications from \"./hooks/use_notifications\";\n\nconst MENU_GUTTER = 57;\n\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\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 let appName = originalAppName.replace(/[\\s-]/, \"\");\n\n return (\n <div style={{ display: \"flex\", alignItems: \"center\" }}>\n <ColorAppIcon appName={appName} size={28} />\n <span style={{ marginLeft: \"12px\" }} />\n <MonoAppName appName={appName} color=\"#fff\" size={28} />\n </div>\n );\n};\n\nconst Topbar = (props: {\n apps: { attributes: { name: string, url: string } }[],\n env: PCO_URL.Environment,\n appName: string,\n routes: any,\n colors: any,\n userAvatarPath: string,\n userId: string,\n userName: string,\n orgName: string,\n connectedPeople: {\n id: number,\n attributes: { name: string, organization_name: string },\n }[],\n style?: any,\n currentRouteComponent?: any,\n requestAppsFetch: any,\n requestConnectedPeopleFetch: any,\n requestUnlinkConnectedPeople: any,\n requestSwitchConnectedPerson: any,\n requestClearAppsCache: any,\n requestClearConnectedPeopleCache: any,\n useDummyNotifications?: boolean,\n notifications?: any,\n}) => {\n const [notificationsMenuVisible, setNotificationsMenuVisible] =\n React.useState(false);\n const [routesMenuVisible, setRoutesMenuVisible] = React.useState(false);\n const [userMenuVisible, setUserMenuVisible] = React.useState(false);\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 { handleMarkAllAsRead, handleToggleRead, read, unread } =\n useNotifications({ env: props.env, userId: props.userId });\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 position: \"absolute\",\n left: 0,\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 <div style={{ display: \"flex\", alignItems: \"center\" }}>\n <UserMenuAppLockup appName={props.appName} />\n </div>\n </div>\n\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={{ marginLeft: \"4px\", verticalAlign: \"middle\" }}\n />\n </div>\n </div>\n </div>\n </div>\n\n <div\n style={{\n ...IEFlex1,\n overflowY: \"scroll\",\n WebkitOverflowScrolling: \"touch\",\n }}\n >\n <ul style={{ padding: 0, margin: 0 }}>\n {appsMenuFormatter(props.apps).map(\n ({ attributes: { name } }) => (\n <li\n key={name}\n style={{\n borderTop: \"1px solid #363636\",\n listStyleType: \"none\",\n }}\n >\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\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 <div\n style={{\n display: userSwitchState ? \"block\" : \"none\",\n background: \"#FFFFFF\",\n boxShadow: \"0 4px 7px 0 rgba(0,0,0,0.40)\",\n borderRadius: \"3px\",\n position: \"absolute\",\n right: \"12px\",\n top: \"60px\",\n width: \"calc(100% - 68px)\",\n height: \"calc(100% - 124px)\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n overflowY: \"scroll\",\n WebkitOverflowScrolling: \"touch\",\n }}\n >\n <div\n style={{\n maxWidth: \"100%\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n padding: \"16px\",\n }}\n >\n <div\n style={{\n fontSize: \"15px\",\n lineHeight: \"16px\",\n marginBottom: \"8px\",\n }}\n >\n <strong>{props.userName}</strong>\n </div>\n <div style={{ lineHeight: \"16px\", color: \"#444\" }}>\n {props.orgName}\n </div>\n </div>\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 margin: 0,\n padding: 0,\n listStyleType: \"none\",\n borderTop: \"1px solid #F2F2F2\",\n fontSize: \"15px\",\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 maxWidth: \"100%\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n marginLeft: \"16px\",\n paddingRight: \"16px\",\n lineHeight: \"48px\",\n display: \"block\",\n color: \"#444\",\n borderTop: \"1px solid #ddd\",\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 display: \"block\",\n fontSize: \"15px\",\n textAlign: \"center\",\n borderTop: \"1px solid #F2F2F2\",\n lineHeight: \"48px\",\n color: \"#ef5433\",\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 textAlign: \"center\",\n lineHeight: \"48px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n borderRight: \"1px solid #363636\",\n }}\n >\n <Unbutton\n style={{\n color: \"white\",\n fontWeight: 600,\n fontSize: \"15px\",\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 fontWeight: 600,\n fontSize: \"15px\",\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 textAlign: \"center\",\n fontWeight: 600,\n lineHeight: \"48px\",\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 <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 indicatorVisible={true} />\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 env={props.env}\n handleMarkAllAsRead={handleMarkAllAsRead}\n handleToggleRead={handleToggleRead}\n mobile\n notifications={{ read, unread }}\n />\n </div>\n </div>\n )}\n />\n </div>\n </StyledRoot>\n );\n};\n\nTopbar.defaultProps = {\n currentRouteComponent: (props) => <span {...props} />,\n};\n\nconst Route = ({ active, ...props }) => (\n <a\n style={{\n display: \"block\",\n backgroundColor: \"#444\",\n borderBottom: \"1px solid #333\",\n color: \"#fff\",\n fontWeight: 600,\n textTransform: \"capitalize\",\n textDecoration: \"none\",\n lineHeight: \"47px\",\n textAlign: \"center\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n ...(active && { backgroundColor: \"#333\" }),\n }}\n {...props}\n />\n);\n\nexport { Route, Topbar };\n","import * as React from \"react\";\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\";\nimport { StyledRoot } from \"./styled_root\";\nimport { Avatar } from \"./avatar\";\nimport { Unbutton } from \"./unbutton\";\nimport { fontFamily, IEFlex1, slightBackgroundTransition } from \"./styles\";\nimport { appsMenuFormatter, connectedPeopleMenuFormatter } from \"./formatters\";\n\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 Outsider from \"./components/outsider\";\nimport Popup from \"./components/popup\";\nimport PopupRoot from \"./components/popup_root\";\n\n// TODO: Duped from small_topbar\nconst DisclosureChevronIcon = (props) => (\n <svg\n style={{\n marginLeft: \"4px\",\n verticalAlign: \"middle\",\n }}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n {...props}\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\n// TODO: Duped from small_topbar\nconst capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);\n\n// TODO: Duped from not_small_topbar\nconst HelpIcon = ({ colors }) => (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n color={colors.base3}\n style={{ display: \"block\" }}\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\nconst Topbar = (props: {\n apps: { attributes: { name: string, url: string } }[],\n // activeRoute: string;\n env: PCO_URL.Environment,\n appName: string,\n routes: any,\n colors: any,\n userAvatarPath: string,\n userId: string,\n userName: string,\n orgName: string,\n connectedPeople: any,\n search?: any,\n style?: any,\n showOrgName?: boolean,\n notifications?: any,\n requestAppsFetch: any,\n requestConnectedPeopleFetch: any,\n requestUnlinkConnectedPeople: any,\n requestSwitchConnectedPerson: any,\n requestClearAppsCache: any,\n requestClearConnectedPeopleCache: any,\n linkToProfile?: boolean,\n}) => {\n const [appsMenuVisible, setAppsMenuVisible] = React.useState(false);\n const [routesMenuVisible, setRoutesMenuVisible] = React.useState(false);\n const [userMenuVisible, setUserMenuVisible] = React.useState(false);\n\n const activeRoute = props.routes.filter(({ props }) => props.active) || [];\n\n const currentRouteText =\n (activeRoute &&\n activeRoute[0] &&\n activeRoute[0].props &&\n activeRoute[0].props.children) ||\n props.appName;\n\n // TODO: Duped from small_topbar\n const ProfileContainer = ({ component, href, ...nativeProps }) =>\n props.linkToProfile ? (\n <HoverableListItem component={component} href={href} {...nativeProps} />\n ) : (\n <div {...nativeProps} />\n );\n\n return (\n <StyledRoot\n style={{\n paddingLeft: 8,\n paddingRight: 8,\n ...props.style,\n }}\n >\n <AppsMenu\n appName={props.appName.replace(/[\\s-]/, \"\")}\n env={props.env}\n apps={appsMenuFormatter(props.apps)}\n visible={appsMenuVisible}\n toggle={() => setAppsMenuVisible((visible) => !visible)}\n />\n <AppsButton\n appName={props.appName.replace(/[\\s-]/, \"\")}\n colors={props.colors}\n expanded={appsMenuVisible}\n displayIconOnly={true}\n onClick={() => {\n setAppsMenuVisible((visible) => !visible);\n props.requestAppsFetch();\n }}\n />\n <div\n style={{\n margin: \"auto\",\n position: \"relative\",\n }}\n >\n {routesMenuVisible && (\n <PopupRoot>\n <Popup\n style={{\n marginTop: \"56px\",\n ...(routesMenuVisible\n ? {\n visibility: \"visible\",\n opacity: 1,\n transition: \"none\",\n }\n : {\n visibility: \"hidden\",\n opacity: 0,\n transition: \"all 120ms ease-in\",\n }),\n }}\n component={Outsider}\n onOutsideClick={() => setRoutesMenuVisible((visible) => !visible)}\n cleanup={!routesMenuVisible}\n >\n {props.routes}\n </Popup>\n </PopupRoot>\n )}\n <Hoverable\n component=\"button\"\n style={{\n cursor: \"pointer\",\n color: \"white\",\n fontWeight: 600,\n height: \"48px\",\n display: \"flex\",\n border: \"none\",\n appearance: \"none\",\n WebkitAppearance: \"none\",\n backgroundColor: props.colors.base0,\n\n outline: 0, // TODO: #improve-outline-a11y\n paddingRight: 8,\n paddingLeft: 16,\n alignItems: \"center\",\n justifyContent: \"center\",\n ...slightBackgroundTransition,\n }}\n active={{ backgroundColor: props.colors.base3 }}\n hover={{ backgroundColor: props.colors.base1 }}\n onClick={() => setRoutesMenuVisible((visible) => !visible)}\n >\n {capitalize(currentRouteText)}\n <DisclosureChevronIcon color={props.colors.base3} />\n </Hoverable>\n </div>\n <Unbutton style={{ marginRight: \"8px\" }} id=\"jsLaunchHelpdesk\">\n <HelpIcon colors={props.colors} />\n </Unbutton>\n <div\n style={{\n position: \"relative\",\n whiteSpace: \"nowrap\",\n cursor: \"pointer\",\n display: \"block\",\n }}\n >\n <Hoverable\n component=\"button\"\n type=\"button\"\n style={{\n outline: 0, // TODO: #improve-outline-a11y\n cursor: \"pointer\",\n border: 0,\n padding: 0,\n appearance: \"none\",\n WebkitAppearance: \"none\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: \"48px\",\n width: \"52px\",\n backgroundColor: props.colors.base0,\n display: \"flex\",\n ...slightBackgroundTransition,\n }}\n active={{ backgroundColor: props.colors.base3 }}\n hover={{ backgroundColor: props.colors.base1 }}\n onClick={() => {\n setUserMenuVisible((visible) => !visible);\n props.requestConnectedPeopleFetch();\n }}\n >\n <Avatar\n env={props.env}\n url={props.userAvatarPath}\n style={{ margin: 0 }}\n />\n </Hoverable>\n </div>\n <PopupRoot>\n <Popup\n component={Outsider}\n onOutsideClick={() => setUserMenuVisible((visible) => !visible)}\n cleanup={!userMenuVisible}\n style={{\n color: \"#525252\",\n right: 0,\n marginTop: \"8px\",\n maxWidth: \"320px\",\n ...(userMenuVisible\n ? {\n visibility: \"visible\",\n opacity: 1,\n transition: \"none\",\n }\n : {\n visibility: \"hidden\",\n opacity: 0,\n transition: \"all 120ms ease-in\",\n }),\n cursor: \"default\",\n }}\n >\n <div>\n <ProfileContainer\n component=\"a\"\n href={`/people/AC${props.userId}`}\n data-turbolinks={false}\n style={{\n display: \"block\",\n padding: \"16px\",\n textDecoration: \"none\",\n }}\n >\n <div\n style={{\n fontSize: \"18px\",\n lineHeight: \"24px\",\n display: \"flex\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n ...fontFamily,\n maxWidth: \"240px\",\n marginRight: 8,\n color: \"#444\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n overflow: \"hidden\",\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n }}\n >\n {props.userName}\n </div>\n </div>\n\n {props.linkToProfile && (\n <small\n style={{\n fontSize: \"12px\",\n color: \"#666\",\n ...fontFamily,\n }}\n >\n profile\n </small>\n )}\n </div>\n\n <div\n style={{\n fontSize: \"14px\",\n lineHeight: \"24px\",\n color: \"#666\",\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n ...fontFamily,\n }}\n >\n {props.orgName}\n </div>\n </ProfileContainer>\n\n {props.connectedPeople.length ? (\n <div\n style={{\n display: \"flex\",\n backgroundColor: \"#eee\",\n alignItems: \"center\",\n borderTop: \"1px solid #ddd\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n textTransform: \"uppercase\",\n color: \"#666\",\n fontSize: \"12px\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n\n <div\n style={{\n ...IEFlex1,\n textAlign: \"right\",\n alignItems: \"center\",\n fontSize: \"12px\",\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 textDecoration: \"none\",\n marginLeft: \"64px\",\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={{ margin: 0, padding: 0, listStyleType: \"none\" }}\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 marginLeft: \"16px\",\n paddingRight: \"16px\",\n lineHeight: \"48px\",\n display: \"block\",\n color: \"#444\",\n whiteSpace: \"nowrap\",\n borderTop: \"1px solid #ddd\",\n textDecoration: \"none\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\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 textAlign: \"center\",\n borderTop: \"1px solid #ddd\",\n lineHeight: \"48px\",\n display: \"block\",\n color: \"#444\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n <svg\n style={{ marginRight: \"12px\" }}\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 </StyledRoot>\n );\n};\n\nTopbar.defaultProps = {\n currentRouteComponent: (props) => <span {...props} />,\n};\n\nconst Route = ({ active, style, name = \"\", ...props }) => (\n <HoverableListItem\n component=\"a\"\n style={{\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n overflow: \"hidden\",\n verticalAlign: \"middle\",\n display: \"flex\",\n height: \"48px\",\n alignItems: \"center\",\n color: \"#444\",\n fontWeight: 600,\n minWidth: \"6em\",\n whiteSpace: \"nowrap\",\n textTransform: \"capitalize\",\n textDecoration: \"none\",\n lineHeight: \"47px\",\n ...fontFamily,\n ...style,\n }}\n key={name}\n data-turbolinks={false}\n {...props}\n />\n);\n\nexport { Route, Topbar };\n","import * as React from \"react\";\nimport { PointBreak } from \"./display_switch\";\nimport pcURL, * as PCO_URL from \"@planningcenter/url\";\nimport { X as XSymbol } from \"./symbols\";\nimport apiRequest, { Fetch, defaultFetch } from \"./api_request\";\n\nconst entries = function (obj) {\n var ownProps = Object.keys(obj),\n i = ownProps.length,\n 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 id: entry[0],\n data: entry[1],\n }));\n}\n\nclass Provider extends React.Component<\n {\n env: PCO_URL.Environment;\n formatter?: any;\n configuredFetch: Fetch;\n children: (announcements: any, callback: any) => React.ReactElement<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 display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingTop: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingBottom: 14,\n paddingRight: 18,\n ...style,\n }}\n {...platformProps}\n />\n )}\n />\n );\n }\n}\n\nexport class StyleProvider extends React.Component<\n {\n style?: object;\n className?: string;\n colors: any;\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 color: \"white\",\n backgroundColor: \"#282828\",\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 env: PCO_URL.Environment;\n data: object;\n renderItem?: any;\n configuredFetch?: Fetch;\n },\n {}\n> {\n public static defaultProps = {\n renderItem: ({ announcement, actions }) => (\n <DissmissibleAnnouncement\n key={announcement.id}\n html={announcement.data.html}\n onClick={() => actions.dismissAnnouncements(announcement.id)}\n />\n ),\n configuredFetch: defaultFetch,\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({ announcement, actions })\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 cursor: \"pointer\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n WebkitAppearance: \"none\",\n // larger click target without increasing box\n padding: 8,\n margin: -8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ width: 20, height: 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\";\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 let [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 style?: object;\n className?: string;\n colors: any;\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 display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n boxSizing: \"border-box\",\n paddingTop: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingBottom: 14,\n paddingRight: 18,\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 cursor: \"pointer\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n WebkitAppearance: \"none\",\n // larger click target without increasing box\n padding: 8,\n margin: -8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ width: 20, height: 20 }} />\n </button>\n );\n}\n"],"names":["defaultFetch","url","options","fetch","credentials","mode","railsCsrfFetch","headers","rest","X-CSRF-Token","window","Rails","csrfToken","document","querySelector","_document$querySelect","getAttribute","apiRequest","method","data","Accept","Content-Type","redirect","body","JSON","stringify","then","response","json","ok","e","console","warn","AppsProvider","props","_this","state","apps","this","configuredFetch","pcoUrl","env","_this2","formatter","setState","localStorage","setItem","remove","removeItem","componentDidMount","parse","getItem","render","bind","React","mapApps","ConnectedPeopleProvider","connectedPeople","unlink","location","meta","redirect_to","toId","returnPath","attributes","id","return_path","switch","debounce","func","wait","timeout","context","args","arguments","later","apply","clearTimeout","setTimeout","PointBreak","width","innerWidth","setWindowWidth","addEventListener","componentWillUnmount","removeEventListener","breakpointString","DisplaySwitch","mediumTopbar","breakpoint","smallBreakpoints","indexOf","smallTopbar","mediumBreakpoints","notSmallTopbar","StyledRoot","children","style","nativeProps","className","height","display","position","alignItems","color","WebkitFontSmoothing","MozOsxFontSmoothing","slightBackgroundTransition","transition","fontFamily","IEFlex1","flex","Unbutton","cursor","backgroundColor","border","padding","appearance","WebkitAppearance","outline","Avatar","incomingUrl","marginLeft","borderRadius","backgroundPosition","backgroundSize","backgroundImage","sortByAttribute","attr","arr","slice","sort","a","b","localeCompare","appsMenuFormatter","reduce","acc","item","name","concat","connectedPeopleMenuFormatter","Bell","dot","dotFill","fill","bellPath","d","viewBox","stroke","cx","cy","r","mask","x","y","BlankStateIcon","dark","clipPath","opacity","DisclosureChevronIcon","colors","base3","points","HelpIcon","ExclamationTriangle","size","X","Squircle","MonoAppIcon","appName","platformProps","xmlns","role","AppSymbols","base0","MonoAppName","MonoAppText","AppsButton","displayIconOnly","expanded","onClick","down","setDown","entered","setEntered","onMouseDown","onMouseEnter","onMouseLeave","onMouseUp","base1","base2","paddingLeft","paddingRight","whiteSpace","replace","key","margin","getAppsSwitchProductPath","productName","basePath","toLowerCase","referer","_window","_window$location","pathname","_window$location$path","toString","params","URLSearchParams","append","x1","y1","x2","y2","gradientUnits","offset","stopColor","gradientTransform","xlinkHref","transform","ColorAppIcon","ColorAppSquircles","HoverableListItem","component","C","Outsider","handleOutsideClick","container","contains","target","stopPropagation","preventDefault","onOutsideClick","cleanup","ref","c","Popup","background","boxShadow","overflow","PopupRoot","alignSelf","AppsMenu","toggle","visible","marginTop","visibility","minWidth","map","i","lineHeight","verticalAlign","borderTop","href","Hoverable","active","hover","NotificationBell","indicatorVisible","BellIcon","Eyebrow","fontSize","fontWeight","textTransform","MarkReadDot","elementRef","value","setValue","handleMouseEnter","handleMouseLeave","isRead","hoverRef","isHover","useState","useEffect","node","current","justifyContent","NotificationItem","mobile","onToggleRead","notification","createdAt","title","link","borderBottom","showBottomBorder","isLast","textDecoration","flexDirection","flexGrow","borderLeft","Calendar","Check-ins","Giving","Groups","People","Publishing","Registrations","Services","marginBottom","marginRight","userSelect","datetimeFmt","datetime","ConditionalWrap","condition","wrap","NotificationsMenuBlankState","description","textAlign","NotificationsMenuWrapper","right","Spinner","Headline","SectionHeaderButton","disabled","SectionHeader","SectionHeaderTitle","ViewButton","NotificationsMenu","handleMarkAllAsRead","handleToggleRead","hasError","isLoading","notifications","read","unread","topDistance","setTopDistance","showRead","setShowRead","getBoundingClientRect","top","defaultStyle","transitionStyles","entering","overflowY","maxHeight","innerHeight","length","TransitionGroup","exit","idx","Transition","buildNotificationFromApiResponse","resp","findInIncluded","included","type","find","relationships","app","_findInIncluded","_findInIncluded$attri","notificationData","web_payloads","_findInIncluded2","_findInIncluded2$attr","content","Date","created_at","read_at","useNotifications","userId","setNotifications","setIsLoading","setHasError","notificationsOrganizer","joltChannel","channelName","setJoltChannel","subscribeToJoltChannel","channel","Jolt","wss_url","authToken","fetchSubscribeTokenFn","cid","logToConsole","railsEnv","subscribe","useJoltChannelSubscription","fetchNotifications","extractPayloadFromJoltMessage","updateStateFromJoltMessage","message","fetchNotification","filter","candidate","removeNotification","joltMessageNotificationDataPayload","newNotifications","unbind","markAsReadOrUnread","notificationIds","readOrUnread","action","n","includes","source","u","Topbar","appsMenuVisible","setAppsMenuVisible","notificationsMenuVisible","setNotificationsMenuVisible","routesVisible","setRoutesVisible","userMenuVisible","setUserMenuVisible","requestAppsFetch","routes","search","hideRoutes","showRoutes","text","requestConnectedPeopleFetch","userAvatarPath","showOrgName","textOverflow","maxWidth","orgName","linkToProfile","userName","requestClearAppsCache","requestClearConnectedPeopleCache","requestUnlinkConnectedPeople","listStyleType","person","requestSwitchConnectedPerson","organization_name","strokeWidth","fillRule","defaultProps","useDummyNotifications","Route","ClientStorage","update","forceUpdate","undefined","CloseMenuButton","UserMenuAppLockup","routesMenuVisible","setRoutesMenuVisible","s","activeRoute","CurrentRouteComponent","currentRouteComponent","currentRouteText","left","LocalStorageProvider","userSwitchState","lsUpdate","MozUserSelect","WebkitTapHighlightColor","WebkitUserSelect","bottom","msUserSelect","WebkitOverflowScrolling","borderRight","letterSpacing","charAt","toUpperCase","Provider","announcements","initialAnnouncements","dismissAnnouncements","newAnnouncements","pcURL","obj","ownProps","Object","keys","resArray","Array","entries","entry","StyledAnnouncement","paddingTop","paddingBottom","StyleProvider","join","trim","PlatformAnnouncements","actions","Boolean","announcement","renderItem","StyledDismissButton","borderWidth","XSymbol","DissmissibleAnnouncement","dangerouslySetInnerHTML","__html","html","boxSizing","event","updateDismissed"],"mappings":"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"}