npm - @planningcenter/topbar - Versions diffs - 9.0.0-rc.9 → 9.0.0 - Mend

@planningcenter/topbar 9.0.0-rc.9 → 9.0.0

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 (50) hide show

package/dist/topbar.modern.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"topbar.modern.js","sources":["../modules/api_request.ts","../modules/hooks/use_local_storage.ts","../modules/hooks/use_notifications.ts","../modules/store.js","../modules/apps_provider.tsx","../modules/hooks/use_topbar_api.ts","../modules/connected_people_provider.tsx","../modules/display_switch.tsx","../modules/mono_app_symbols.tsx","../modules/mono_app_icon.tsx","../modules/mono_app_text.tsx","../modules/mono_app_name.tsx","../modules/styles.tsx","../modules/symbols.tsx","../modules/unbutton.tsx","../modules/components/apps_button.tsx","../modules/color_app_squircles.tsx","../modules/color_app_icon.tsx","../modules/get_apps_switch_product_path.tsx","../modules/components/hoverable_list_item.tsx","../modules/components/outsider.tsx","../modules/components/popover_root.tsx","../modules/components/popup.tsx","../modules/components/apps_menu.tsx","../modules/components/hoverable.tsx","../modules/components/notification_bell.tsx","../modules/colors.tsx","../modules/hooks/use_store.tsx","../modules/theme.ts","../modules/components/conditional_wrap.tsx","../modules/hooks/use_hover.tsx","../modules/components/eyebrow.tsx","../modules/components/notification_item.tsx","../modules/components/notifications_menu_blank_state.tsx","../modules/components/popup_root.tsx","../modules/components/notifications_menu_wrapper.tsx","../modules/components/notifications_menu.tsx","../modules/error_boundary.tsx","../modules/formatters.tsx","../modules/styled_root.tsx","../modules/not_small_topbar/helpdesk_trigger.tsx","../modules/get_login_profile_path.tsx","../modules/mfa_status.tsx","../modules/not_small_topbar/user_menu.tsx","../modules/avatar.tsx","../modules/not_small_topbar/user_menu_trigger.tsx","../modules/not_small_topbar/index.tsx","../modules/platform_announcements.tsx","../modules/product_announcement.tsx","../modules/client_storage.tsx","../modules/utils.ts","../modules/small_topbar/account_settings_link.tsx","../modules/small_topbar/close_menu_button.tsx","../modules/small_topbar/linked_accounts.tsx","../modules/small_topbar/login_settings_link.tsx","../modules/small_topbar/profile_link.tsx","../modules/small_topbar/user_name.tsx","../modules/small_topbar/user_info.tsx","../modules/small_topbar/user_menu.tsx","../modules/small_topbar/user_menu_trigger.tsx","../modules/small_topbar/user_profile_menu.tsx","../modules/small_topbar/index.tsx","../modules/toolbar/components/drawer.tsx","../modules/toolbar/components/drawer_header.tsx","../modules/toolbar/components/drawer_heading.tsx","../modules/toolbar/components/switch_view.tsx","../modules/toolbar/hooks/use_toolbar_reducer.tsx","../modules/toolbar/tools/messages/messages_context.tsx","../modules/toolbar/tools/messages/hooks/use_messages.tsx","../modules/toolbar/tools/messages/components/channel_list_view/loading_error_indicator.tsx","../modules/toolbar/tools/messages/components/channel_list_view/loading_indicator.tsx","../modules/toolbar/tools/messages/components/channel_list_view/list.tsx","../modules/toolbar/tools/messages/components/channel_list_view/preview.tsx","../modules/toolbar/tools/messages/components/channel_list_view/index.tsx","../modules/toolbar/tools/messages/components/channel_view.tsx","../modules/toolbar/tools/messages/components/new_message_view.tsx","../modules/toolbar/tools/messages/components/scroll_container.tsx","../modules/toolbar/tools/messages/index.tsx","../modules/toolbar/tools/messages/hooks/use_client.ts","../modules/toolbar/tools/notifications.tsx","../modules/hooks/use_cross_frame_messaging.ts","../modules/toolbar/tools/tasks.tsx","../modules/toolbar/index.tsx","../modules/toolbar/components/user_profile.tsx","../modules/hooks/use_media_query.tsx"],"sourcesContent":["export type Fetch = typeof fetch\n\nexport const defaultFetch: Fetch = (url, options) => {\n return fetch(url, { credentials: \"include\", mode: \"cors\", ...options })\n}\n\nexport const railsCsrfFetch: Fetch = (url, { headers, ...rest }) => {\n return fetch(url, {\n headers: { ...headers, \"X-CSRF-Token\": inferRailsCsrfToken() },\n ...rest,\n credentials: \"include\",\n mode: \"cors\",\n })\n}\n\nfunction inferRailsCsrfToken(): string \| null {\n return (\n window?.Rails?.csrfToken() \|\|\n document\n .querySelector('meta[name=\"csrf-token\"]')\n ?.getAttribute(\"content\") \|\|\n null\n )\n}\n\nexport default function apiRequest(\n fetch: Fetch,\n url: string,\n { method = \"GET\", data = null } = {}\n): Promise<{ json: any; ok: boolean; response: Response }> {\n const options: RequestInit = {\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n },\n method,\n redirect: \"follow\",\n }\n\n if (data && method !== \"GET\") {\n options.body = JSON.stringify(data)\n }\n\n return fetch(url, options).then(\n (response) =>\n response\n .json()\n .then((json) => ({ json, ok: response.ok, response }))\n .catch(() => ({ json: null, ok: response.ok, response })),\n (e) => {\n console.warn(e)\n\n return { json: null, ok: false, response: null }\n }\n )\n}\n","import { useEffect, useState } from \"react\"\n\n// Adapted from https://usehooks.com/useLocalStorage\nfunction useLocalStorage(key: string, initialValue: any) {\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState(() => {\n try {\n // Get from local storage by key\n const item = window.localStorage.getItem(key)\n\n // Parse stored json or if none return initialValue\n return item ? JSON.parse(item) : initialValue\n } catch (error) {\n // If error also return initialValue\n return initialValue\n }\n })\n\n // Reflect the state into localStorage as a side effect.\n const localStorageRepresentation = JSON.stringify(storedValue)\n useEffect(() => {\n window.localStorage.setItem(key, localStorageRepresentation)\n }, [key, localStorageRepresentation])\n\n // When we are done with this key, drop it from localStorage completely\n const dropKey = () => window.localStorage.removeItem(key)\n\n return { dropKey, setStoredValue, storedValue }\n}\n\nexport default useLocalStorage\n","import Jolt, * as JoltLib from \"@planningcenter/jolt-client\"\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport apiRequest, { defaultFetch, railsCsrfFetch } from \"../api_request\"\nimport {\n JoltMessage,\n JoltMessageNotificationDataPayload,\n Notification,\n} from \"../interfaces\"\nimport useLocalStorage from \"./use_local_storage\"\n\nconst wssUrl = (env: PCO_URL.Environment) => {\n switch (env) {\n case \"development\":\n case \"test\":\n return \"wss://1csnwvu025.execute-api.us-east-1.amazonaws.com/v1/\"\n case \"staging\":\n return \"wss://xvk2ac1o3l.execute-api.us-east-1.amazonaws.com/v1/\"\n default:\n return \"wss://yxe88gasn3.execute-api.us-east-1.amazonaws.com/v1/\"\n }\n}\n\nconst notificationsOrganizer = (\n notifications: Notification[]\n): { read: Notification[]; unread: Notification[] } => {\n const { read, unread } = [...notifications]\n .sort((a: Notification, b: Notification) => {\n return a.createdAt < b.createdAt ? 1 : -1\n })\n .reduce(\n (acc, notification) => {\n return notification.isRead\n ? { ...acc, read: [...acc.read, notification] }\n : { ...acc, unread: [...acc.unread, notification] }\n },\n { read: [], unread: [] }\n )\n return { read, unread }\n}\n\ntype UseJoltChannelSubscriptionProps = {\n channelName: string\n enableJoltLogging?: boolean\n enabled?: boolean\n env: PCO_URL.Environment\n joltPromise?: () => Promise<Jolt \| undefined \| void>\n}\n\nconst useJoltChannelSubscription = ({\n channelName,\n enableJoltLogging = false,\n enabled = true,\n env,\n joltPromise = () => Promise.resolve(),\n}: UseJoltChannelSubscriptionProps): JoltLib.ChannelSubscription => {\n const [joltChannel, setJoltChannel]: [\n JoltLib.ChannelSubscription,\n React.Dispatch<React.SetStateAction<JoltLib.ChannelSubscription>>\n ] = React.useState()\n const [joltInstance, setJoltInstance] = React.useState<Jolt>()\n const [usingIndependentJoltInstance, setUsingIndependentJoltInstance] =\n React.useState(false)\n\n const subscribeToJoltChannel = React.useCallback(async () => {\n let jolt = await joltPromise().then((j) => j)\n const subscribeUrl = `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications_jolt_subscribe`\n\n const fetchSubscribeTokenFn = async (_channel: string, cid: string) => {\n return apiRequest(railsCsrfFetch, subscribeUrl, {\n data: { data: { attributes: { cid } } },\n method: \"POST\",\n }).then(({ json }) => json.data.id)\n }\n\n const fetchAuthTokenFn = async () =>\n apiRequest(\n railsCsrfFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications_jolt_authorize`,\n {\n data: { data: { attributes: {} } },\n method: \"POST\",\n }\n ).then(({ json }) => json.data.id)\n\n if (!jolt) {\n setUsingIndependentJoltInstance(true)\n jolt = new Jolt(\n wssUrl(env),\n {\n fetchAuthTokenFn,\n fetchSubscribeTokenFn,\n },\n { logToConsole: enableJoltLogging }\n )\n }\n\n const channel = jolt.subscribe(channelName, { fetchSubscribeTokenFn })\n setJoltChannel(channel)\n setJoltInstance(jolt)\n }, [apiRequest, channelName, env, pcoUrl, railsCsrfFetch])\n\n React.useEffect(() => {\n if (enabled) {\n subscribeToJoltChannel()\n }\n }, [])\n\n React.useEffect(() => {\n const pcoPageExpiredHandler = (event) => {\n if (!event.data.hasOwnProperty(\"PCOPageExpiredCurrentPersonACID\")) return\n if (\n event.data.PCOPageExpiredCurrentPersonACID ===\n window?.pcoPageExpired?.currentPersonACID\n )\n return\n if (joltInstance) joltInstance.disconnect()\n }\n\n window.addEventListener(\"message\", pcoPageExpiredHandler)\n return () => window.removeEventListener(\"message\", pcoPageExpiredHandler)\n }, [joltInstance])\n\n React.useEffect(() => {\n return () => {\n if (joltInstance && usingIndependentJoltInstance) {\n joltInstance.disconnect()\n }\n }\n }, [joltInstance])\n\n return joltChannel\n}\n\nconst buildNotificationFromApiResponse = (resp, json): Notification => {\n const findInIncluded = ({ type, id }, included) => {\n return included.find((i) => {\n return i.type === type && i.id === id\n })\n }\n\n const appName: string = findInIncluded(\n resp.relationships.app.data,\n json.included\n )?.attributes?.name\n\n // There is technically the possibility that there are multiple web payloads\n // returned from the API endpoint. However, at this point I'm not sure in\n // which situations that would be the case. For v1 of this feature, we'll\n // assume that there is only one web payload we need to worry about and it is\n // the first in the array that is returned.\n const notificationData = JSON.parse(\n findInIncluded(\n {\n id: resp?.relationships?.web_payloads?.data[0]?.id,\n type: \"Payload\",\n },\n json.included\n )?.attributes?.content\n )\n\n return {\n appName,\n createdAt: new Date(resp.attributes.created_at),\n id: resp.id,\n isRead: resp.attributes.read_at?.length > 0,\n link: notificationData?.link,\n title: notificationData?.title,\n }\n}\n\ntype UseNotificationsProps = {\n enableJoltLogging?: boolean\n enabled?: boolean\n env: PCO_URL.Environment\n joltPromise?: () => Promise<Jolt \| undefined \| void>\n userId: string\n}\n\nconst useNotifications = ({\n enableJoltLogging = false,\n enabled = true,\n env,\n userId,\n ...props\n}: UseNotificationsProps): {\n handleMarkAllAsRead: () => any\n handleMarkAsRead: (notification: Notification) => Promise<any>\n handleToggleRead: (notification: Notification) => Promise<any>\n hasError: boolean\n isLoading: boolean\n read: Notification[]\n unread: Notification[]\n unreadCount: number\n} => {\n const [notifications, setNotifications]: [\n Notification[],\n React.Dispatch<React.SetStateAction<Notification[]>>\n ] = React.useState([])\n\n const [isLoading, setIsLoading] = React.useState(true)\n const [hasError, setHasError] = React.useState(false)\n const { read, unread } = notificationsOrganizer(notifications)\n\n const { storedValue: unreadCount, setStoredValue: setUnreadCount } =\n useLocalStorage(\"Topbar:Notifications:unreadCount\", unread.length)\n\n const joltChannel = useJoltChannelSubscription({\n channelName: `notifications.people.${userId}`,\n enableJoltLogging,\n enabled,\n env,\n joltPromise: props.joltPromise,\n })\n\n const fetchNotifications = React.useCallback(() => {\n try {\n setHasError(false)\n apiRequest(\n defaultFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications?include=app,web_payloads&per_page=100&order=read_at,-created_at`\n ).then(({ json }) => {\n const notifications = json.data.map((resp) =>\n buildNotificationFromApiResponse(resp, json)\n )\n\n setIsLoading(false)\n setNotifications(notifications)\n })\n } catch (exception) {\n setHasError(true)\n console.error(\n \"topbar encountered error when fetching all notifications\",\n exception\n )\n }\n }, [apiRequest, buildNotificationFromApiResponse, defaultFetch, env, pcoUrl])\n\n const fetchNotification = async (id: string) => {\n try {\n setHasError(false)\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 } catch (exception) {\n setHasError(true)\n console.error(\n \"topbar encountered error when fetching a single notification\",\n exception\n )\n }\n }\n\n const extractPayloadFromJoltMessage = (\n notification: JoltMessage\n ): JoltMessageNotificationDataPayload => JSON.parse(notification.data)\n\n const updateStateFromJoltMessage = React.useCallback(\n (message: JoltMessage) => {\n try {\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 } catch (exception) {\n console.error(\n \"topbar encountered error when updating state from jolt message\",\n exception\n )\n }\n },\n [\n buildNotificationFromApiResponse,\n extractPayloadFromJoltMessage,\n fetchNotifications,\n read,\n setNotifications,\n unread,\n ]\n )\n\n const removeNotification = React.useCallback(\n (message: JoltMessage) => {\n const joltMessageNotificationDataPayload =\n extractPayloadFromJoltMessage(message)\n const newNotifications = notifications.filter(\n (candidate) =>\n candidate.id !== joltMessageNotificationDataPayload.data.id\n )\n setNotifications(newNotifications)\n },\n [extractPayloadFromJoltMessage, notifications, setNotifications]\n )\n\n // @ts-ignore: not all code paths return a value\n React.useEffect(() => {\n if (joltChannel && enabled) {\n joltChannel.bind(\n \"notifications.v2.events.notification.created\",\n updateStateFromJoltMessage\n )\n joltChannel.bind(\n \"notifications.v2.events.notification.updated\",\n updateStateFromJoltMessage\n )\n joltChannel.bind(\n \"notifications.v2.events.notification.destroyed\",\n removeNotification\n )\n\n return () => {\n joltChannel.unbind(\n \"notifications.v2.events.notification.created\",\n updateStateFromJoltMessage\n )\n joltChannel.unbind(\n \"notifications.v2.events.notification.updated\",\n updateStateFromJoltMessage\n )\n joltChannel.unbind(\n \"notifications.v2.events.notification.destroyed\",\n removeNotification\n )\n }\n }\n }, [enabled, joltChannel, fetchNotifications, removeNotification])\n\n React.useEffect(() => {\n if (enabled) {\n fetchNotifications()\n }\n }, [enabled, fetchNotifications])\n\n React.useEffect(() => {\n if (enabled && !isLoading) {\n setUnreadCount(unread.length)\n }\n }, [unread, isLoading])\n\n const markAsReadOrUnread = async (\n notificationIds: string[],\n readOrUnread: \"read\" \| \"unread\"\n ) => {\n const included = notificationIds.reduce(\n (acc, id: string) => [\n ...acc,\n {\n attributes: { action: readOrUnread },\n id,\n type: \"graph_notification\",\n },\n ],\n []\n )\n\n return apiRequest(\n railsCsrfFetch,\n `${pcoUrl(env)(\"api\")}/notifications/v2/me/bulk_update`,\n {\n data: {\n data: {\n attributes: {},\n relationships: {\n notifications: {\n data: {\n source: \"/included/graph_notification/\",\n },\n },\n },\n type: \"BulkUpdate\",\n },\n included,\n },\n method: \"POST\",\n }\n ).then((e) => {\n if (!e.ok) {\n // TODO: show an alert or something?\n\n setIsLoading(false)\n setHasError(true)\n // Rollback any optimistic UI updates\n setNotifications((notifications) =>\n notifications.map((n) =>\n notificationIds.includes(n.id) ? { ...n, isRead: !n.isRead } : n\n )\n )\n }\n })\n }\n\n const handleToggleRead = async (notification: Notification) => {\n const action = notification.isRead ? \"unread\" : \"read\"\n\n // optimistic UI update\n setNotifications((notifications) =>\n notifications.map((n) =>\n notification.id == n.id ? { ...n, isRead: action === \"read\" } : n\n )\n )\n\n return markAsReadOrUnread([notification.id], action)\n }\n\n const handleMarkAsRead = async (notification: Notification) => {\n return markAsReadOrUnread([notification.id], \"read\")\n }\n\n const handleMarkAllAsRead = () => {\n const unreadIds = unread.map((n) => n.id)\n\n // optimistic UI update\n setNotifications((notifications) =>\n notifications.map((n) =>\n unreadIds.includes(n.id) ? { ...n, isRead: true } : n\n )\n )\n\n markAsReadOrUnread(\n unread.map((u: Notification) => u.id),\n \"read\"\n )\n }\n\n return {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError,\n isLoading,\n read,\n unread,\n unreadCount,\n }\n}\n\nexport default useNotifications\n","function createStore(initialState) {\n let currentState = initialState\n const listeners = new Set()\n\n return {\n getState: () => currentState,\n setState: (newState) => {\n currentState = newState\n listeners.forEach((listener) => listener(currentState))\n },\n subscribe: (listener) => {\n listeners.add(listener)\n return () => listeners.delete(listener)\n },\n }\n}\n\nconst store = createStore({})\n\nexport default store\n","import { useEffect } from \"react\"\n\nimport { defaultFetch } from \"./api_request\"\nimport useNotifications from \"./hooks/use_notifications\"\nimport useTopbarAPI from \"./hooks/use_topbar_api\"\nimport { AppsProviderProps, TopbarAPIResponse } from \"./interfaces\"\nimport store from \"./store\"\n\nexport const AppsProvider = ({\n configuredFetch = defaultFetch,\n env,\n formatter = mapApps,\n joltPromise,\n render,\n userId,\n}: AppsProviderProps) => {\n const topbarResponse = useTopbarAPI({ configuredFetch, env })\n const apps = formatter(topbarResponse)\n const mfaEnabled =\n topbarResponse?.data?.attributes?.features?.includes(\"mfa_enabled\")\n const mfaConfigured = !!topbarResponse?.data?.attributes?.mfa_configured\n const notificationsEnabled = !window.notificationsDisabled\n const organizationTimeZone =\n topbarResponse?.data?.attributes?.org_time_zone \|\| \"America/Los_Angeles\"\n const toolbarEnabled =\n topbarResponse?.data?.attributes?.features?.includes(\"toolbar_enabled\")\n\n const {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError,\n isLoading,\n read,\n unread,\n } = useNotifications({\n enableJoltLogging: true,\n enabled: true,\n env,\n joltPromise,\n userId,\n })\n\n useEffect(() => {\n const state = store.getState()\n\n store.setState({\n ...state,\n indicatorVisible: {\n ...state.indicatorVisible,\n Notifications: unread?.length > 0,\n },\n mfaConfigured,\n mfaEnabled,\n notifications: {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError,\n isLoading,\n read,\n unread,\n },\n notificationsEnabled,\n organizationTimeZone,\n toolbarEnabled,\n userId,\n })\n }, [\n handleMarkAllAsRead,\n handleMarkAsRead,\n hasError,\n isLoading,\n mfaConfigured,\n mfaEnabled,\n notificationsEnabled,\n organizationTimeZone,\n read,\n toolbarEnabled,\n unread?.length,\n userId,\n ])\n\n // TODO: remove `fetch` and `remove` (breaking changes)\n return render(apps \|\| [], {\n fetch: () => {}, // no-op because we already have fresh data\n remove: () => {}, // no-op because we are no longer caching anyway\n })\n}\n\nexport function mapApps(resp: TopbarAPIResponse) {\n return resp?.data?.attributes?.apps \|\| []\n}\n","import pcoUrl, { Environment } from \"@planningcenter/url\"\nimport { useEffect, useState } from \"react\"\n\nimport apiRequest, { Fetch } from \"../api_request\"\nimport { TopbarAPIResponse } from \"../interfaces\"\nimport useLocalStorage from \"./use_local_storage\"\n\nconst useTopbarAPI = ({\n configuredFetch,\n env,\n}: {\n configuredFetch: Fetch\n env: Environment\n}) => {\n const { storedValue: localResp, setStoredValue: setLocalResp } =\n useLocalStorage(\"Topbar\", {})\n const [resp, setResp] = useState<TopbarAPIResponse>(localResp)\n\n useEffect(() => {\n fetch()\n }, [])\n\n const fetch = () => {\n apiRequest(\n configuredFetch,\n `${pcoUrl(env)(\"api\")}/people/v2/me/topbar`\n ).then(({ json, ok }: { json: TopbarAPIResponse; ok: boolean }) => {\n if (ok) {\n setResp(json)\n setLocalResp(json)\n }\n })\n }\n\n return resp\n}\n\nexport default useTopbarAPI\n","import pcoUrl, { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport apiRequest, { defaultFetch, Fetch } from \"./api_request\"\nimport { ConnectedPerson } from \"./interfaces\"\n\nexport class ConnectedPeopleProvider extends React.Component<\n {\n configuredFetch?: Fetch\n env: Environment\n render: (connectedPeople: ConnectedPerson[], callback: any) => JSX.Element\n },\n {\n connectedPeople: ConnectedPerson[]\n }\n> {\n constructor(props: any) {\n super(props)\n\n this.state = {\n connectedPeople: [],\n }\n }\n\n public static defaultProps = {\n configuredFetch: defaultFetch,\n }\n\n fetch() {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/login/v2/me/connected_people`\n ).then(({ json }) => {\n const connectedPeople = json.data\n\n return this.setState(\n {\n connectedPeople,\n },\n () =>\n window.localStorage.setItem(\n \"Topbar:ConnectedPeople\",\n JSON.stringify(connectedPeople)\n )\n )\n })\n }\n\n remove() {\n window.localStorage.removeItem(\"Topbar:ConnectedPeople\")\n }\n\n unlink() {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/login/v2/me/unlink`,\n {\n method: \"POST\",\n }\n ).then(({ json }) => {\n window.location = json.meta.redirect_to\n })\n }\n\n switch(toId: string, returnPath: string) {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/login/v2/me/switch_connected_person`,\n {\n data: {\n data: {\n attributes: {\n id: toId,\n return_path: returnPath,\n },\n },\n },\n method: \"POST\",\n }\n ).then(({ json }) => {\n window.location = json.meta.redirect_to\n })\n }\n\n componentDidMount() {\n const connectedPeople = JSON.parse(\n window.localStorage.getItem(\"Topbar:ConnectedPeople\")\n )\n\n if (connectedPeople) return this.setState({ connectedPeople })\n\n return this.fetch()\n }\n\n render() {\n return this.props.render(this.state.connectedPeople \|\| [], {\n fetch: this.fetch.bind(this),\n remove: this.remove.bind(this),\n switch: this.switch.bind(this),\n unlink: this.unlink.bind(this),\n })\n }\n}\n","import React from \"react\"\n\nconst debounce = (func, wait) => {\n let timeout\n\n return function (...args: any) {\n const context = this\n\n const later = () => {\n timeout = null\n func.apply(context, args)\n }\n\n clearTimeout(timeout)\n timeout = setTimeout(later, wait)\n\n if (!timeout) {\n func.apply(context, args)\n }\n }\n}\n\nexport class PointBreak extends React.Component<\n {\n render: (breakpoint: string) => React.ReactElement<any>\n },\n {\n width: number\n }\n> {\n constructor(props: any) {\n super(props)\n\n this.state = {\n width: window.innerWidth,\n }\n\n this.setWindowWidth = this.setWindowWidth.bind(this)\n }\n\n setWindowWidth() {\n this.setState({ width: window.innerWidth })\n }\n\n componentDidMount() {\n window.addEventListener(\"resize\", debounce(this.setWindowWidth, 100), false)\n }\n\n componentWillUnmount() {\n window.removeEventListener(\n \"resize\",\n debounce(this.setWindowWidth, 100),\n false\n )\n }\n\n breakpointString(width) {\n if (width < 480) return \"xs\"\n if (width < 600) return \"sm\"\n if (width < 720) return \"md\"\n if (width < 960) return \"lg\"\n return \"xl\"\n }\n\n render() {\n return <>{this.props.render(this.breakpointString(this.state.width))}</>\n }\n}\n\nexport class DisplaySwitch extends React.Component<\n {\n notSmallTopbar: (breakpointShortand: string) => React.ReactElement<any>\n smallBreakpoints: String[]\n smallTopbar: (breakpointShorthand: string) => React.ReactElement<any>\n },\n {}\n> {\n public static defaultProps = {\n smallBreakpoints: [\"xs\", \"sm\"],\n }\n\n render() {\n return (\n <PointBreak\n render={(breakpoint) => {\n if (this.props.smallBreakpoints.indexOf(breakpoint) !== -1) {\n return this.props.smallTopbar(breakpoint)\n }\n\n return this.props.notSmallTopbar(breakpoint)\n }}\n />\n )\n }\n}\n","import React from \"react\"\n\nexport function Squircle({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n />\n )\n}\n\nexport function Accounts({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M16.95,9.28h0l-1.33-.23c-.12,0-.24-.04-.34-.11-.1-.07-.18-.16-.23-.27-.12-.45-.3-.89-.54-1.3-.04-.11-.05-.24-.03-.35,.02-.12,.08-.23,.16-.32l.78-1.1h0s0-.03,0-.04l-.03-.02-.04-.04-.87-.87-.05-.05h0s-.02-.02-.03,0l-1.11,.78c-.09,.08-.2,.13-.32,.16-.12,.02-.24,.01-.35-.03-.41-.24-.84-.42-1.3-.54-.11-.05-.2-.13-.27-.23-.07-.1-.11-.22-.11-.34l-.22-1.33h0s-.01-.03-.02-.03h-1.41s-.02,0-.02,.02l-.23,1.34c0,.12-.04,.24-.11,.34-.07,.1-.16,.18-.27,.23-.45,.12-.89,.3-1.3,.54-.11,.04-.24,.05-.35,.03-.12-.02-.23-.08-.32-.16l-1.1-.78h0s-.02-.01-.03,0l-.02,.03-.04,.04-.87,.87-.05,.05h0s0,.03,0,.04l.78,1.11c.08,.09,.13,.2,.16,.32,.02,.12,.01,.24-.03,.35-.24,.4-.42,.84-.54,1.29-.05,.11-.13,.2-.23,.27-.1,.07-.22,.11-.34,.11l-1.33,.22h0s-.02,0-.02,.02v1.41s0,.02,.02,.02l1.34,.23c.12,0,.24,.05,.34,.11,.1,.07,.18,.16,.23,.27,.12,.45,.3,.89,.54,1.29,.04,.11,.05,.24,.03,.35-.02,.12-.08,.23-.16,.32l-.78,1.11s0,.02,0,.03h0l.05,.06,.87,.87,.04,.04,.02,.02s.02,0,.03,0h0l1.1-.79c.09-.08,.2-.13,.32-.16,.12-.02,.24-.01,.35,.03,.4,.24,.84,.42,1.29,.54,.11,.05,.2,.13,.27,.23,.07,.1,.11,.22,.11,.34l.23,1.34s0,.02,.02,.02h1.41s.02,0,.02-.02h0l.22-1.34c0-.12,.05-.24,.11-.34,.07-.1,.16-.18,.27-.23,.45-.12,.89-.3,1.29-.54,.11-.04,.24-.05,.35-.03,.12,.02,.23,.08,.32,.16l1.11,.78s.02,0,.03,0h0l.05-.06,.87-.87,.04-.04,.02-.02s0-.02,0-.03h0l-.78-1.11c-.08-.09-.13-.2-.16-.32-.02-.12-.01-.24,.03-.35,.24-.4,.42-.84,.54-1.29,.05-.11,.13-.2,.23-.27s.22-.11,.34-.11l1.34-.23s.02,0,.02-.02v-1.4s0-.02-.02-.02Zm-4.67,3.01c-.45,.45-1.03,.76-1.65,.88-.63,.12-1.27,.06-1.86-.18-.59-.24-1.09-.66-1.45-1.19-.35-.53-.54-1.15-.54-1.79s.19-1.26,.54-1.79c.35-.53,.86-.94,1.45-1.19,.59-.24,1.24-.31,1.86-.18,.63,.12,1.2,.43,1.65,.88,.3,.3,.54,.66,.7,1.05,.16,.39,.25,.81,.25,1.24s-.08,.84-.25,1.24c-.16,.39-.4,.75-.7,1.05Z\"\n />\n )\n}\n\nexport function API({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M11.08,12.387a3.277,3.277,0,0,0,.21-.86l1.47-.23-.25-1.63-1.48.22A3.167,3.167,0,0,0,9.93,8.5l.54-1.37-1.54-.6L8.39,7.9a3.393,3.393,0,0,0-1.76.27l-.92-1.15-1.3,1.03.93,1.16a3.462,3.462,0,0,0-.43.78A3.333,3.333,0,0,0,4.69,11l-1.49.23.25,1.69,1.59-.24a3.278,3.278,0,0,0,1.02,1.2l-.54,1.39,1.55.6.54-1.39a3.319,3.319,0,0,0,1.74-.27l.93,1.17,1.3-1.04-.93-1.17A3.258,3.258,0,0,0,11.08,12.387ZM9.81,11.9A1.953,1.953,0,0,1,7.29,13a1.942,1.942,0,1,1,2.52-1.1Zm5.89-4.32a1.581,1.581,0,0,0,.04-.38,2.066,2.066,0,0,0-1.39-1.95v-.82H12.97v.82A2.066,2.066,0,0,0,11.58,7.2a1.581,1.581,0,0,0,.04.38l-.71.41.7,1.2.7-.4a2.073,2.073,0,0,0,2.7,0l.7.4.7-1.2Zm-2.04.67A1.045,1.045,0,1,1,14.7,7.2,1.041,1.041,0,0,1,13.66,8.247Z\"\n />\n )\n}\n\nexport function Calendar({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M14.18,6.5h-.91V5.8a.55.55,0,0,0-.55-.55h-.26a.55.55,0,0,0-.55.55v.7H8.09V5.8a.55.55,0,0,0-.55-.55H7.28a.55.55,0,0,0-.55.55v.7H5.82a.58.58,0,0,0-.58.59v7.08a.58.58,0,0,0,.58.58h8.36a.58.58,0,0,0,.58-.58V7.09A.58.58,0,0,0,14.18,6.5Zm-.91,6.71H6.73V9.09h6.54Z\"\n />\n )\n}\n\nexport function CheckIns({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M14.175,8.341,9.258,13.256a1.157,1.157,0,0,1-1.638,0L5.161,10.8A1.159,1.159,0,1,1,6.8,9.16L8.439,10.8l4.1-4.1a1.159,1.159,0,0,1,1.639,1.639Z\"\n />\n )\n}\n\nexport function ChurchCenter({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.91,14.763a.334.334,0,0,1-.331.338l-1.959-.016a.334.334,0,0,1-.338-.331s.005-.233.005-1.8a3.674,3.674,0,0,0-1.279-2.638,3.674,3.674,0,0,0-1.279,2.638c0,1.565.005,1.8.005,1.8a.334.334,0,0,1-.338.331L6.437,15.1a.334.334,0,0,1-.331-.338s-.242-6.457-.02-6.65h0L9.671,5.021a.522.522,0,0,1,.684,0l3.58,3.092H13.93C14.152,8.325,13.91,14.763,13.91,14.763Z\"\n />\n )\n}\n\nexport function Giving({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M10.3,13.769a.508.508,0,0,1-.592,0c-1.259-.888-5.982-4.494-3.268-6.83a2.386,2.386,0,0,1,3.215.205l.349.349.349-.349a2.386,2.386,0,0,1,3.215-.205C16.286,9.275,11.563,12.881,10.3,13.769Z\"\n />\n )\n}\n\nexport function Groups({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.769,11.313V8.683a1.867,1.867,0,1,0-2.443-2.449H8.69A1.867,1.867,0,1,0,6.243,8.681v2.632A1.867,1.867,0,1,0,8.69,13.76h2.632a1.867,1.867,0,1,0,2.447-2.447Zm-1.455,0a1.873,1.873,0,0,0-.992.992H8.69a1.877,1.877,0,0,0-.992-.992V8.681a1.877,1.877,0,0,0,.992-.992h2.636a1.872,1.872,0,0,0,.988.99Z\"\n />\n )\n}\n\nexport function Home({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.558,5.582l-3.4,1.046a.609.609,0,0,1-.341.007L6.392,5.588A1.073,1.073,0,0,0,5.028,6.641l-.006,7.937a.322.322,0,0,0,.215.3l1.3.39a.291.291,0,0,0,.379-.286V13.05a.047.047,0,0,1,.057-.039l2.531.78a1.654,1.654,0,0,0,1,0l3.87-1.222a.846.846,0,0,0,.6-.819V6.661A1.1,1.1,0,0,0,13.558,5.582Zm-.474,5.245a.184.184,0,0,1-.126.176l-2.747.858a.788.788,0,0,1-.441.006l-2.721-.838a.2.2,0,0,1-.133-.182l.006-2.9a.147.147,0,0,1,.19-.143l2.222.682a2.155,2.155,0,0,0,1.345-.013L12.888,7.8a.153.153,0,0,1,.2.15Z\"\n />\n )\n}\n\nexport function People({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M8.177,5.732A2.018,2.018,0,1,1,6.159,7.75,2.019,2.019,0,0,1,8.177,5.732Zm2.494,8.53H5.664A.565.565,0,0,1,5.1,13.7V12.422a1.841,1.841,0,0,1,1.841-1.841H9.394a1.841,1.841,0,0,1,1.841,1.841V13.7A.565.565,0,0,1,10.671,14.262ZM12.814,6.94A1.513,1.513,0,1,1,11.3,8.453,1.513,1.513,0,0,1,12.814,6.94Zm1.537,6.093H12.413a.565.565,0,0,1-.565-.565v-.049a2.292,2.292,0,0,0-.2-.957.555.555,0,0,0-.062-.141.8.8,0,0,0-.061-.11,1.19,1.19,0,0,0-.092-.16,1.131,1.131,0,0,1,.908-.472h1.472a1.108,1.108,0,0,1,1.105,1.1v.785A.565.565,0,0,1,14.351,13.033Z\"\n />\n )\n}\n\nexport function Publishing({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M7.287,13.575a.478.478,0,0,1-.477.477H5.856a.478.478,0,0,1-.477-.477V6.407a.478.478,0,0,1,.477-.477H6.81a.478.478,0,0,1,.477.477Zm7.293,0a.477.477,0,0,1-.477.477H9.268a.478.478,0,0,1-.477-.477V12.6a.478.478,0,0,1,.477-.477H14.1a.477.477,0,0,1,.477.477Zm0-3.473a.477.477,0,0,1-.476.477H9.268a.478.478,0,0,1-.477-.477V6.407a.478.478,0,0,1,.477-.477H14.1a.477.477,0,0,1,.477.477Z\"\n />\n )\n}\n\nexport function Registrations({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M4.48,11.09a.51.51,0,0,0,0,.71l.7.7a.22.22,0,0,0,.27,0,1.47,1.47,0,0,1,1.8.22,1.5,1.5,0,0,1,.23,1.81.21.21,0,0,0,0,.27l.7.7a.51.51,0,0,0,.71,0l2-2a.16.16,0,0,0,0-.22L6.7,9.1a.17.17,0,0,0-.23,0Zm11-2.89-.71-.7a.21.21,0,0,0-.26,0,1.47,1.47,0,0,1-1.79-.23,1.49,1.49,0,0,1-.24-1.79.22.22,0,0,0,0-.27l-.7-.7a.51.51,0,0,0-.71,0L7.47,8.11a.14.14,0,0,0,0,.22l4.2,4.2a.14.14,0,0,0,.22,0l3.63-3.62A.51.51,0,0,0,15.52,8.2Z\"\n />\n )\n}\n\nexport function Services({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M6.5,6.559A1.059,1.059,0,1,1,5.443,5.5,1.059,1.059,0,0,1,6.5,6.559ZM5.443,8.943A1.059,1.059,0,1,0,6.5,10,1.059,1.059,0,0,0,5.443,8.943Zm0,3.443A1.059,1.059,0,1,0,6.5,13.445,1.059,1.059,0,0,0,5.443,12.386ZM15,6.087a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485V7.03a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,7.03ZM15,9.53a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485v.943a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,10.473Zm0,3.443a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485v.943a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,13.916Z\"\n />\n )\n}\n","import React from \"react\"\n\nimport as AppSymbols from \"./mono_app_symbols\"\n\nfunction Squircle({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill={color}\n />\n )\n}\n\nfunction HomeHex({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n d=\"M17.41,2.024,11.568.235a5.354,5.354,0,0,0-3.136,0L2.59,2.024a3.235,3.235,0,0,0-2.206,3.1v9.763A3.235,3.235,0,0,0,2.59,17.976l5.842,1.789a5.354,5.354,0,0,0,3.136,0l5.842-1.789a3.235,3.235,0,0,0,2.206-3.094V5.119A3.235,3.235,0,0,0,17.41,2.024Z\"\n fill={color}\n />\n )\n}\n\nexport function MonoAppIcon({\n appName,\n colors,\n style,\n size = 20,\n ...platformProps\n}: {\n appName: string\n colors: any\n size?: number\n // TODO: shared type\n style?: any\n}): JSX.Element {\n const iconBackground = () => {\n switch (appName) {\n case \"Accounts\":\n return null\n case \"Home\":\n return <HomeHex />\n default:\n return <Squircle />\n }\n }\n\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n role=\"img\"\n aria-labelledby=\"title desc\"\n style={{ display: \"block\", ...style }}\n {...platformProps}\n >\n <title id=\"title\">Planning Center {appName} App Icon</title>\n\n <desc id=\"desc\">\n An image symbolizing the Planning Center {appName} app.\n </desc>\n\n {iconBackground()}\n\n {AppSymbols[appName] ? (\n React.createElement(AppSymbols[appName], {\n color: appName != \"Accounts\" ? colors.base0 : \"#fff\",\n })\n ) : (\n <div>appName not supported</div>\n )}\n </svg>\n )\n}\n","import React from \"react\"\n\nexport function Accounts({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"4ce749c7-c01e-4a9b-9496-b14fd2e761aa\"\n viewBox=\"0 0 77.073 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>accounts-text</title>\n <path\n fill={color}\n d=\"M4.729,5.537A10.859,10.859,0,0,0,1.262,6.1a.566.566,0,0,0-.4.717l.194.819a.579.579,0,0,0,.7.5,10.108,10.108,0,0,1,2.748-.47,1.416,1.416,0,0,1,1.065.349A2.307,2.307,0,0,1,6,9.682,7.706,7.706,0,0,0,4.1,9.418c-2.493,0-4.1,1.305-4.1,3.327a3.2,3.2,0,0,0,3.328,3.434,4.385,4.385,0,0,0,3.011-1.161l.181.509c.1.249.231.415.515.415h.712a.6.6,0,0,0,.59-.589v-5.3C8.337,7.581,8.065,5.537,4.729,5.537ZM3.78,14.181a1.343,1.343,0,0,1-1.436-1.459c0-.91.777-1.522,1.932-1.522a4.726,4.726,0,0,1,1.7.3v1.556A2.983,2.983,0,0,1,3.78,14.181ZM18.6,13.194c.4.361.326.669.2.865a4.646,4.646,0,0,1-3.977,2.12,5.2,5.2,0,0,1-5.2-5.31,5.285,5.285,0,0,1,5.225-5.332,4.461,4.461,0,0,1,3.711,1.768.6.6,0,0,1-.1.869l-.775.71c-.361.335-.64.056-.806-.11A2.909,2.909,0,0,0,14.9,7.816,2.938,2.938,0,0,0,12,10.847,2.921,2.921,0,0,0,14.837,13.9a2.623,2.623,0,0,0,2.03-.965c.082-.081.161-.16.241-.233a.574.574,0,0,1,.819-.049Zm9.661,0c.4.361.326.669.2.865a4.644,4.644,0,0,1-3.976,2.12,5.2,5.2,0,0,1-5.2-5.31A5.286,5.286,0,0,1,24.5,5.537a4.459,4.459,0,0,1,3.71,1.768.6.6,0,0,1-.1.869l-.775.71c-.361.335-.641.056-.806-.11a2.779,2.779,0,0,0-4.869,2.073A2.92,2.92,0,0,0,24.5,13.9a2.625,2.625,0,0,0,2.03-.965c.081-.081.161-.16.241-.233a.573.573,0,0,1,.818-.049Zm5.86-7.657A5.323,5.323,0,1,0,39.3,10.826,5.317,5.317,0,0,0,34.117,5.537Zm2.838,5.289a2.857,2.857,0,1,1-5.7,0,2.853,2.853,0,1,1,5.7,0ZM49.346,6.341v9.012a.616.616,0,0,1-.612.589h-.517c-.34,0-.474-.245-.561-.485l-.2-.536a4.084,4.084,0,0,1-3.1,1.258c-3.388,0-3.823-2.5-3.823-4.685V6.341a.621.621,0,0,1,.59-.588h1.207a.6.6,0,0,1,.59.588v5.3c0,1.539.58,2.256,1.825,2.256a2.357,2.357,0,0,0,2.214-1.544l0-6.016c0-.544.349-.588.676-.588h1.1A.624.624,0,0,1,49.346,6.341Zm11.089,4.01v5a.605.605,0,0,1-.591.589H58.637a.6.6,0,0,1-.59-.589V10.265c0-1.579-.655-2.449-1.846-2.449a2.939,2.939,0,0,0-2.514,1.355v6.182c0,.4-.229.589-.7.589h-1.1a.6.6,0,0,1-.59-.589V6.341a.6.6,0,0,1,.59-.588h.518a.5.5,0,0,1,.522.391l.235.67a4.691,4.691,0,0,1,3.3-1.277C59.134,5.537,60.435,7.111,60.435,10.351Zm8.048,4.379a.556.556,0,0,1-.283.721,6.126,6.126,0,0,1-2.822.728c-2.337,0-2.637-1.651-2.637-3.09V7.816H61.713a.6.6,0,0,1-.589-.59V6.341a.569.569,0,0,1,.589-.588h1.028V3.088a.59.59,0,0,1,.59-.59h1.228a.573.573,0,0,1,.568.59V5.753h2.515a.582.582,0,0,1,.59.588v.885a.613.613,0,0,1-.59.59H65.127V13c0,.828.323.9.683.9a3.241,3.241,0,0,0,1.536-.458.523.523,0,0,1,.431-.064.558.558,0,0,1,.317.335Zm7.869-1.576c0,1.5-1.262,3.025-3.672,3.025a5.927,5.927,0,0,1-3.343-1.033h0a.523.523,0,0,1-.208-.663l.452-.926a.494.494,0,0,1,.3-.254.635.635,0,0,1,.505.076l.032.017a4.485,4.485,0,0,0,2.389.7c.74,0,1.2-.328,1.2-.855,0-.58-.666-.985-2.066-1.618-1.435-.648-2.763-1.49-2.763-3.253,0-1.41,1.056-2.832,3.414-2.832a5.7,5.7,0,0,1,2.973.752.706.706,0,0,1,.256.882l-.344.689a.582.582,0,0,1-.8.247,5.057,5.057,0,0,0-2.087-.485c-.8,0-1.156.385-1.156.768,0,.546.574.9,1.633,1.361C75.052,10.588,76.352,11.279,76.352,13.154Z\"\n />\n </svg>\n )\n}\n\nexport function API({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"bed028ef-58ee-4c4c-a757-08ecc3276857\"\n viewBox=\"0 0 119.5 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>api-text</title>\n <path\n fill={color}\n d=\"M9.136.675H7.908a.621.621,0,0,0-.59.589V5.5a6.9,6.9,0,0,0-2.384-.469A5.013,5.013,0,0,0,.012,10.343c0,2.989,2.048,5.331,4.663,5.331a4.885,4.885,0,0,0,3.22-1.3l.16.543a.591.591,0,0,0,.564.519h.517a.6.6,0,0,0,.59-.59V1.264A.6.6,0,0,0,9.136.675ZM7.34,7.847v4.175A2.745,2.745,0,0,1,4.978,13.4,2.815,2.815,0,0,1,2.4,10.343a2.913,2.913,0,0,1,2.772-3.03A4.941,4.941,0,0,1,7.34,7.847Zm8.833-2.813A5.081,5.081,0,0,0,11.1,10.343a5.046,5.046,0,0,0,5.094,5.331,5.712,5.712,0,0,0,3.761-1.256.512.512,0,0,0,.064-.819l-.582-.906a.467.467,0,0,0-.3-.22.619.619,0,0,0-.45.147,3.737,3.737,0,0,1-2.368.818,2.818,2.818,0,0,1-2.854-2.484h6.755a.578.578,0,0,0,.566-.532c.023-.175.045-.524.045-.7A4.571,4.571,0,0,0,16.173,5.034ZM16.13,7.1a2.23,2.23,0,0,1,2.334,2.032H13.591A2.411,2.411,0,0,1,16.13,7.1ZM30.587,5.982l-4.3,9.366a.561.561,0,0,1-.515.326h-.129a.59.59,0,0,1-.534-.323l-4.31-9.373a.484.484,0,0,1-.024-.49.542.542,0,0,1,.493-.239h1.315a.543.543,0,0,1,.534.344l2.571,5.914,2.7-5.91c.161-.348.486-.348.773-.348h.97a.544.544,0,0,1,.494.239A.488.488,0,0,1,30.587,5.982Zm4.983-.948A5.081,5.081,0,0,0,30.5,10.343a5.045,5.045,0,0,0,5.094,5.331,5.706,5.706,0,0,0,3.76-1.256.512.512,0,0,0,.065-.819l-.582-.906a.467.467,0,0,0-.3-.22.616.616,0,0,0-.45.147,3.738,3.738,0,0,1-2.369.818,2.819,2.819,0,0,1-2.854-2.484h6.755a.58.58,0,0,0,.567-.532c.023-.175.044-.524.044-.7A4.57,4.57,0,0,0,35.57,5.034ZM35.527,7.1a2.23,2.23,0,0,1,2.334,2.032H32.988A2.413,2.413,0,0,1,35.527,7.1Zm8.426-5.833V14.847a.606.606,0,0,1-.59.59H42.156a.6.6,0,0,1-.59-.59V1.264a.606.606,0,0,1,.59-.589h1.207A.621.621,0,0,1,43.953,1.264Zm6.576,3.77a5.322,5.322,0,1,0,5.18,5.287A5.315,5.315,0,0,0,50.529,5.034Zm2.836,5.287a2.856,2.856,0,1,1-5.695,0,2.852,2.852,0,1,1,5.7,0Zm8.65-5.287a4.76,4.76,0,0,0-3.08,1.1l-.2-.487a.523.523,0,0,0-.539-.4h-.539a.606.606,0,0,0-.59.59V19.422a.6.6,0,0,0,.59.59h1.207a.58.58,0,0,0,.633-.59V15.066a5.6,5.6,0,0,0,2.427.608,5.075,5.075,0,0,0,4.9-5.331A5.026,5.026,0,0,0,62.015,5.034Zm2.427,5.309A2.9,2.9,0,0,1,61.648,13.4a4.112,4.112,0,0,1-2.19-.678v-4.1a2.628,2.628,0,0,1,2.277-1.3A2.787,2.787,0,0,1,64.442,10.343ZM72.73,5.034a5.081,5.081,0,0,0-5.073,5.309,5.046,5.046,0,0,0,5.095,5.331,5.711,5.711,0,0,0,3.76-1.256.512.512,0,0,0,.065-.819l-.583-.906a.463.463,0,0,0-.3-.22.61.61,0,0,0-.45.147,3.735,3.735,0,0,1-2.368.818,2.818,2.818,0,0,1-2.854-2.484h6.754a.577.577,0,0,0,.567-.532c.023-.178.045-.527.045-.7A4.57,4.57,0,0,0,72.73,5.034ZM72.687,7.1a2.23,2.23,0,0,1,2.334,2.032H70.147A2.413,2.413,0,0,1,72.687,7.1ZM85.434,5.6a.518.518,0,0,1,.009.524L84.926,7.2a.584.584,0,0,1-.334.323.543.543,0,0,1-.424-.032,2.366,2.366,0,0,0-.854-.181A2.734,2.734,0,0,0,81.08,8.561v6.286c0,.59-.485.59-.8.59h-.991a.6.6,0,0,1-.59-.59V5.839a.605.605,0,0,1,.59-.59H79.8a.576.576,0,0,1,.544.435l.213.688a3.921,3.921,0,0,1,2.971-1.338C84.277,5.034,85.17,5.183,85.434,5.6Zm11.8-5.4a.621.621,0,0,0-.469-.3h-.216a.62.62,0,0,0-.472.305l-6.615,14.5a.508.508,0,0,0,.02.5.517.517,0,0,0,.451.229h1.357a.652.652,0,0,0,.6-.392l1.284-2.884h6.9l1.306,2.884a.618.618,0,0,0,.6.392h1.358a.517.517,0,0,0,.451-.229.508.508,0,0,0,.021-.494Zm1.916,9.871H94.116l2.5-5.627ZM110.327.12h-4.913a.526.526,0,0,0-.526.525V14.912a.526.526,0,0,0,.526.525h1.4a.54.54,0,0,0,.525-.525V9.963h3.009A4.922,4.922,0,1,0,110.327.12Zm2.493,4.856a2.563,2.563,0,0,1-2.536,2.643H107.34V2.507h2.944A2.476,2.476,0,0,1,112.82,4.976ZM119.087.645V14.912a.54.54,0,0,1-.526.525h-1.422a.54.54,0,0,1-.525-.525V.645a.539.539,0,0,1,.525-.525h1.422A.539.539,0,0,1,119.087.645Z\"\n />\n </svg>\n )\n}\n\nexport function Calendar({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"Layer_1\"\n viewBox=\"0 0 73.83 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>calendar-text</title>\n <path\n fill={color}\n d=\"M9,12.56c.39.36.32.66.19.85a4.65,4.65,0,0,1-4,2.12A5.21,5.21,0,0,1,0,10.21,5.3,5.3,0,0,1,5.23,4.87,4.49,4.49,0,0,1,9,6.64a.6.6,0,0,1-.1.85l-.78.71c-.35.33-.61.07-.78-.11a3,3,0,0,0-2-1,3,3,0,0,0-2.94,3.06,3,3,0,0,0,2.87,3.09,2.63,2.63,0,0,0,2.05-1l.25-.23A.55.55,0,0,1,8.32,12Zm9.25-3.17v5.33a.59.59,0,0,1-.57.57H17c-.27,0-.4-.16-.5-.4l-.19-.54a4.39,4.39,0,0,1-3,1.18A3.2,3.2,0,0,1,9.91,12.1c0-2,1.61-3.33,4.11-3.33a7.24,7.24,0,0,1,1.92.28,2.33,2.33,0,0,0-.43-1.72A1.44,1.44,0,0,0,14.43,7a10.27,10.27,0,0,0-2.77.48A.56.56,0,0,1,11,7l-.2-.82a.56.56,0,0,1,.39-.7,10.9,10.9,0,0,1,3.48-.57C18,4.87,18.25,6.92,18.25,9.39Zm-2.34,3V10.83a4.91,4.91,0,0,0-1.72-.3c-1.17,0-2,.62-2,1.55a1.37,1.37,0,0,0,1.46,1.48A3,3,0,0,0,15.91,12.42ZM22,.47H20.79a.6.6,0,0,0-.58.57V14.72a.59.59,0,0,0,.58.57H22a.59.59,0,0,0,.57-.57V1A.61.61,0,0,0,22,.47ZM33.75,9.56c0,.18,0,.53,0,.71a.57.57,0,0,1-.55.52H26.35a2.84,2.84,0,0,0,2.89,2.53,3.84,3.84,0,0,0,2.39-.82.57.57,0,0,1,.43-.15.45.45,0,0,1,.29.21l.58.92a.48.48,0,0,1-.06.79,5.67,5.67,0,0,1-3.76,1.26A5.05,5.05,0,0,1,24,10.19a5.1,5.1,0,0,1,5.08-5.32A4.58,4.58,0,0,1,33.75,9.56ZM26.46,9h4.95A2.27,2.27,0,0,0,29,6.91,2.45,2.45,0,0,0,26.46,9Zm13.8-4.12a4.72,4.72,0,0,0-3.32,1.3l-.24-.7a.48.48,0,0,0-.51-.38h-.52a.59.59,0,0,0-.57.57v9.06a.58.58,0,0,0,.57.57h1.11c.45,0,.68-.19.68-.57V8.5A3,3,0,0,1,40,7.13c1.21,0,1.88.88,1.88,2.48v5.11a.58.58,0,0,0,.57.57h1.21a.6.6,0,0,0,.58-.57v-5C44.24,6.45,42.94,4.87,40.26,4.87ZM55.29,1V14.72a.58.58,0,0,1-.57.57H54.2a.57.57,0,0,1-.55-.5l-.17-.58a4.89,4.89,0,0,1-3.24,1.32c-2.62,0-4.67-2.34-4.67-5.34A5,5,0,0,1,50.5,4.87a6.85,6.85,0,0,1,2.39.48h0V1a.61.61,0,0,1,.58-.57h1.23A.59.59,0,0,1,55.29,1ZM52.93,11.88V7.67a5,5,0,0,0-2.19-.54,2.94,2.94,0,0,0-2.81,3.06,2.85,2.85,0,0,0,2.61,3.09A2.76,2.76,0,0,0,52.93,11.88Zm12-2.49v5.33a.59.59,0,0,1-.57.57h-.72c-.27,0-.39-.16-.5-.4L63,14.35a4.39,4.39,0,0,1-3,1.18A3.2,3.2,0,0,1,56.6,12.1c0-2,1.62-3.33,4.11-3.33a7.24,7.24,0,0,1,1.92.28,2.33,2.33,0,0,0-.43-1.72A1.42,1.42,0,0,0,61.12,7a10.27,10.27,0,0,0-2.77.48A.56.56,0,0,1,57.67,7l-.2-.82a.56.56,0,0,1,.39-.7,10.9,10.9,0,0,1,3.48-.57C64.67,4.87,64.94,6.92,64.94,9.39Zm-2.34,3V10.83a4.91,4.91,0,0,0-1.72-.3c-1.17,0-2,.62-2,1.55a1.37,1.37,0,0,0,1.46,1.48A3,3,0,0,0,62.6,12.42Zm11-7c-.26-.42-1.18-.57-1.9-.57a4,4,0,0,0-3,1.37l-.23-.73A.56.56,0,0,0,68,5.09h-.52a.59.59,0,0,0-.58.57v9.06a.58.58,0,0,0,.58.57h1c.32,0,.79,0,.79-.57V8.4A2.77,2.77,0,0,1,71.5,7.13a2.47,2.47,0,0,1,.86.18.5.5,0,0,0,.41,0A.56.56,0,0,0,73.1,7l.52-1.09A.48.48,0,0,0,73.61,5.44Z\"\n />\n </svg>\n )\n}\n\nexport function CheckIns({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"dc713595-39c2-41c4-b1d9-3ef8c295b738\"\n viewBox=\"0 0 79.311 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>check-ins-text</title>\n <path\n fill={color}\n d=\"M40.221,13.213c.4.362.326.669.2.866A4.646,4.646,0,0,1,36.44,16.2a5.2,5.2,0,0,1-5.2-5.311,5.286,5.286,0,0,1,5.225-5.331,4.462,4.462,0,0,1,3.711,1.768.605.605,0,0,1-.1.869L39.3,8.9c-.362.333-.64.055-.806-.109a2.9,2.9,0,0,0-1.967-.959,2.937,2.937,0,0,0-2.9,3.031,2.92,2.92,0,0,0,2.837,3.054,2.62,2.62,0,0,0,2.03-.965c.082-.081.162-.16.242-.234a.572.572,0,0,1,.818-.049h0Zm-9.679-2.971c0,.178-.022.526-.044.7a.579.579,0,0,1-.567.531H23.174a2.82,2.82,0,0,0,2.855,2.485,3.736,3.736,0,0,0,2.369-.818.609.609,0,0,1,.45-.147.459.459,0,0,1,.3.219l.583.907a.513.513,0,0,1-.065.819A5.708,5.708,0,0,1,25.9,16.2a5.046,5.046,0,0,1-5.1-5.332,5.081,5.081,0,0,1,5.074-5.31A4.572,4.572,0,0,1,30.542,10.242ZM23.3,9.653h4.874A2.23,2.23,0,0,0,25.835,7.62,2.412,2.412,0,0,0,23.3,9.653Zm-7.751-4.1a4.789,4.789,0,0,0-2.773.924V2.339a.621.621,0,0,0-.59-.588H10.974a.6.6,0,0,0-.59.588V15.373a.59.59,0,0,0,.59.589H12.16a.575.575,0,0,0,.611-.589V9.193a2.871,2.871,0,0,1,2.493-1.357c1.2,0,1.867.884,1.867,2.492v5.045a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589v-5C19.518,7.221,18.144,5.557,15.544,5.557ZM8.315,12.674h0a.573.573,0,0,0-.818.049c-.08.074-.16.154-.242.235a2.624,2.624,0,0,1-2.029.964,2.92,2.92,0,0,1-2.838-3.054,2.938,2.938,0,0,1,2.9-3.031A2.906,2.906,0,0,1,7.257,8.8c.166.164.444.442.8.109l.775-.71a.6.6,0,0,0,.1-.869A4.464,4.464,0,0,0,5.225,5.557,5.285,5.285,0,0,0,0,10.888,5.2,5.2,0,0,0,5.2,16.2a4.647,4.647,0,0,0,3.977-2.12c.13-.2.2-.5-.2-.866ZM55.084,9.566h-4.1a.514.514,0,0,0-.525.525v.926a.51.51,0,0,0,.525.5h4.1a.51.51,0,0,0,.526-.5v-.926A.514.514,0,0,0,55.084,9.566Zm20.945.2C74.97,9.308,74.4,8.955,74.4,8.41c0-.383.357-.769,1.156-.769a5.059,5.059,0,0,1,2.087.486.581.581,0,0,0,.8-.248l.344-.689a.706.706,0,0,0-.256-.882,5.705,5.705,0,0,0-2.973-.751c-2.358,0-3.413,1.422-3.413,2.831,0,1.764,1.327,2.606,2.762,3.253,1.4.634,2.066,1.038,2.066,1.618,0,.528-.459.856-1.2.856a4.5,4.5,0,0,1-2.39-.7l-.031-.018a.629.629,0,0,0-.506-.075.494.494,0,0,0-.3.254l-.452.926a.523.523,0,0,0,.21.664A5.935,5.935,0,0,0,75.639,16.2c2.41,0,3.672-1.522,3.672-3.025C79.311,11.3,78.011,10.609,76.029,9.769Zm-9.2-4.212a4.687,4.687,0,0,0-3.3,1.277l-.235-.67a.5.5,0,0,0-.522-.392h-.517a.605.605,0,0,0-.591.59v9.011a.591.591,0,0,0,.591.589h1.1c.469,0,.7-.193.7-.589V9.19A2.934,2.934,0,0,1,66.57,7.836c1.191,0,1.846.87,1.846,2.45v5.087a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589v-5C70.8,7.131,69.5,5.557,66.829,5.557Zm-8.3-4.275a1.543,1.543,0,0,0-1.538,1.581,1.532,1.532,0,0,0,1.538,1.559,1.57,1.57,0,1,0,0-3.14Zm-12.215,9.1,3.949-3.716a.548.548,0,0,0,.14-.588.484.484,0,0,0-.476-.3H48.355a1.063,1.063,0,0,0-.7.331L44.008,9.4V2.339a.62.62,0,0,0-.59-.588H42.211a.6.6,0,0,0-.59.588V15.373a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589V11.329l3.783,4.4a.711.711,0,0,0,.542.237H50.1a.468.468,0,0,0,.461-.256.561.561,0,0,0-.094-.582ZM59.135,5.772H57.928a.605.605,0,0,0-.59.59v9.011a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589V6.362A.621.621,0,0,0,59.135,5.772Z\"\n />\n </svg>\n )\n}\n\nexport function ChurchCenter({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"e2e8a225-c349-4aea-935c-64b6ad436be8\"\n viewBox=\"0 0 118.083 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>church-center-text</title>\n <path\n fill={color}\n d=\"M5.188,16.2A5.187,5.187,0,0,1,0,10.908,5.27,5.27,0,0,1,5.209,5.591a4.453,4.453,0,0,1,3.7,1.762.588.588,0,0,1-.1.844l-.776.712c-.346.319-.607.062-.779-.109a2.93,2.93,0,0,0-1.983-.966A2.959,2.959,0,0,0,2.35,10.887a2.942,2.942,0,0,0,2.859,3.076,2.642,2.642,0,0,0,2.045-.971c.082-.081.162-.16.242-.234a.552.552,0,0,1,.794-.047l.669.539c.388.352.318.651.193.841A4.629,4.629,0,0,1,5.188,16.2ZM19.5,15.4V10.391c0-3.14-1.368-4.8-3.959-4.8a4.788,4.788,0,0,0-2.788.939l-.006-4.209a.609.609,0,0,0-.571-.57H10.964a.592.592,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572H12.15a.558.558,0,0,0,.593-.572V9.207a2.893,2.893,0,0,1,2.515-1.373c1.217,0,1.888.893,1.888,2.514V15.4a.579.579,0,0,0,.571.572h1.208A.593.593,0,0,0,19.5,15.4Zm8.7-.468.2.566c.09.246.218.474.544.474h.518a.6.6,0,0,0,.592-.572V6.378a.612.612,0,0,0-.592-.57h-1.1c-.332,0-.657.044-.657.57l0,6.023a2.38,2.38,0,0,1-2.236,1.562c-1.259,0-1.845-.723-1.845-2.277V6.378a.585.585,0,0,0-.571-.57H21.843a.6.6,0,0,0-.57.57v5.156c0,2.175.433,4.67,3.807,4.67A4.06,4.06,0,0,0,28.193,14.928Zm6.2.468V9.1A2.755,2.755,0,0,1,36.65,7.834a2.382,2.382,0,0,1,.863.184.53.53,0,0,0,.41.032.571.571,0,0,0,.324-.315l.518-1.077a.5.5,0,0,0-.009-.507c-.259-.413-1.18-.56-1.89-.56a3.975,3.975,0,0,0-2.984,1.356l-.223-.719a.555.555,0,0,0-.525-.42h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h.993C33.922,15.968,34.4,15.968,34.4,15.4Zm13.35-1.305c.125-.19.2-.489-.193-.841l-.669-.539a.552.552,0,0,0-.794.047c-.08.074-.16.153-.242.234a2.642,2.642,0,0,1-2.044.971,2.942,2.942,0,0,1-2.86-3.076,2.959,2.959,0,0,1,2.924-3.053A2.93,2.93,0,0,1,45.85,8.8c.172.171.433.428.779.109l.776-.712a.588.588,0,0,0,.1-.844,4.452,4.452,0,0,0-3.7-1.762,5.271,5.271,0,0,0-5.21,5.317,5.187,5.187,0,0,0,5.188,5.3A4.629,4.629,0,0,0,47.745,14.091ZM58.089,15.4V10.391c0-3.14-1.368-4.8-3.959-4.8a4.79,4.79,0,0,0-2.788.939l-.006-4.209a.609.609,0,0,0-.571-.57H49.557a.592.592,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h1.187a.557.557,0,0,0,.592-.572V9.207a2.893,2.893,0,0,1,2.515-1.373c1.217,0,1.888.893,1.888,2.514V15.4a.579.579,0,0,0,.571.572h1.208A.593.593,0,0,0,58.089,15.4Zm12.926-1.305c.126-.19.2-.489-.192-.841l-.669-.539a.553.553,0,0,0-.8.047c-.08.074-.159.153-.242.234a2.64,2.64,0,0,1-2.044.971,2.941,2.941,0,0,1-2.859-3.076A2.8,2.8,0,0,1,69.121,8.8c.171.171.433.428.778.109l.777-.712a.587.587,0,0,0,.1-.844,4.449,4.449,0,0,0-3.7-1.762,5.271,5.271,0,0,0-5.21,5.317,5.187,5.187,0,0,0,5.188,5.3A4.629,4.629,0,0,0,71.015,14.091Zm10.247-3.83c0,.177-.022.525-.044.7a.562.562,0,0,1-.549.516H73.887a2.838,2.838,0,0,0,2.877,2.526,3.743,3.743,0,0,0,2.382-.824.6.6,0,0,1,.436-.143.447.447,0,0,1,.283.212l.584.907a.492.492,0,0,1-.063.794A5.7,5.7,0,0,1,76.634,16.2a5.031,5.031,0,0,1-5.08-5.317,5.068,5.068,0,0,1,5.059-5.3A4.558,4.558,0,0,1,81.262,10.261Zm-2.335-.57a2.251,2.251,0,0,0-2.358-2.073,2.433,2.433,0,0,0-2.564,2.073ZM91.707,15.4V10.391c0-3.23-1.3-4.8-3.959-4.8a4.657,4.657,0,0,0-3.306,1.3l-.246-.7a.479.479,0,0,0-.5-.376h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h1.1c.457,0,.679-.187.679-.572V9.2a2.96,2.96,0,0,1,2.536-1.37c1.2,0,1.867.877,1.867,2.471V15.4a.58.58,0,0,0,.571.572h1.208A.594.594,0,0,0,91.707,15.4Zm7.779.081a.538.538,0,0,0,.277-.7l-.389-1.014a.537.537,0,0,0-.306-.325.493.493,0,0,0-.415.061,3.249,3.249,0,0,1-1.548.462c-.445,0-.7-.15-.7-.918V7.834h2.536a.594.594,0,0,0,.571-.571V6.378a.564.564,0,0,0-.571-.57H96.4V3.12a.555.555,0,0,0-.549-.571h-1.23a.579.579,0,0,0-.571.571V5.808H93.005a.552.552,0,0,0-.571.57v.885a.579.579,0,0,0,.571.571h1.048v5.3c0,1.431.3,3.073,2.62,3.073A6.067,6.067,0,0,0,99.486,15.477Zm10.11-5.216c0,.177-.022.525-.044.7a.561.561,0,0,1-.549.516h-6.782a2.838,2.838,0,0,0,2.877,2.526,3.743,3.743,0,0,0,2.382-.824.6.6,0,0,1,.437-.143.446.446,0,0,1,.282.212l.584.907a.491.491,0,0,1-.063.794,5.7,5.7,0,0,1-3.752,1.252,5.032,5.032,0,0,1-5.08-5.317,5.068,5.068,0,0,1,5.059-5.3A4.557,4.557,0,0,1,109.6,10.261Zm-2.335-.57A2.25,2.25,0,0,0,104.9,7.618a2.434,2.434,0,0,0-2.565,2.073Zm6.026,5.705V9.1a2.755,2.755,0,0,1,2.255-1.265,2.388,2.388,0,0,1,.864.184.528.528,0,0,0,.409.032.568.568,0,0,0,.324-.315l.519-1.077a.5.5,0,0,0-.009-.507c-.26-.413-1.181-.56-1.891-.56a3.977,3.977,0,0,0-2.984,1.356l-.223-.719a.555.555,0,0,0-.525-.42h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h.993C112.814,15.968,113.287,15.968,113.287,15.4Z\"\n />\n </svg>\n )\n}\n\nexport function Giving({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"a221b42b-722d-4eb3-b043-fff7f3c6686f\"\n viewBox=\"0 0 50.486 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>giving-text</title>\n <path\n fill={color}\n d=\"M9.17,5.089H8.588c-.335,0-.42.255-.474.416l-.2.473a4.791,4.791,0,0,0-3.1-1.1A5.026,5.026,0,0,0,0,10.184a5.085,5.085,0,0,0,4.923,5.332,5.459,5.459,0,0,0,2.428-.629v.342c0,2.113-1.285,2.557-2.363,2.557a3.619,3.619,0,0,1-2.259-.905.567.567,0,0,0-.474-.114.553.553,0,0,0-.365.3l-.516.948a.563.563,0,0,0,.126.7A5.489,5.489,0,0,0,5.031,20a4.407,4.407,0,0,0,4.728-4.771V5.679A.6.6,0,0,0,9.17,5.089Zm-1.8,3.378V12.5a3.951,3.951,0,0,1-2.191.74,2.973,2.973,0,0,1-2.8-3.054A2.82,2.82,0,0,1,5.1,7.152,2.835,2.835,0,0,1,7.373,8.467Zm6.745-2.788v9.01a.6.6,0,0,1-.59.589H12.321a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h1.207A.62.62,0,0,1,14.118,5.679Zm.388-3.508A1.572,1.572,0,0,1,12.924,3.73a1.532,1.532,0,0,1-1.538-1.559A1.543,1.543,0,0,1,12.924.59,1.564,1.564,0,0,1,14.506,2.171Zm10.3,3.156a.49.49,0,0,1-.027.5l-4.307,9.367a.558.558,0,0,1-.514.327h-.13a.6.6,0,0,1-.534-.323L14.984,5.817a.487.487,0,0,1-.025-.49.545.545,0,0,1,.494-.238h1.315a.547.547,0,0,1,.535.344l2.572,5.917,2.7-5.913c.16-.348.486-.348.773-.348h.97A.545.545,0,0,1,24.807,5.327Zm3.249.352v9.01a.6.6,0,0,1-.59.589H26.259a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h1.207A.62.62,0,0,1,28.056,5.679Zm.388-3.508A1.572,1.572,0,0,1,26.863,3.73a1.532,1.532,0,0,1-1.539-1.559A1.544,1.544,0,0,1,26.863.59,1.564,1.564,0,0,1,28.444,2.171Zm10.69,7.517v5a.6.6,0,0,1-.59.589H37.337a.59.59,0,0,1-.59-.589V9.6c0-1.581-.655-2.451-1.846-2.451a2.938,2.938,0,0,0-2.514,1.355v6.182c0,.4-.229.589-.7.589h-1.1a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h.517a.5.5,0,0,1,.522.391l.235.67a4.692,4.692,0,0,1,3.3-1.276C37.834,4.874,39.134,6.448,39.134,9.688Zm10.456-4.6h-.582c-.336,0-.42.255-.473.416l-.2.473a4.777,4.777,0,0,0-3.1-1.1,5.026,5.026,0,0,0-4.815,5.31,5.085,5.085,0,0,0,4.923,5.332,5.459,5.459,0,0,0,2.428-.629v.342c0,2.113-1.285,2.557-2.363,2.557a3.619,3.619,0,0,1-2.259-.905.567.567,0,0,0-.474-.114.553.553,0,0,0-.365.3l-.516.948a.563.563,0,0,0,.126.7A5.489,5.489,0,0,0,45.451,20a4.407,4.407,0,0,0,4.729-4.771V5.679A.605.605,0,0,0,49.59,5.089Zm-1.8,7.409a3.944,3.944,0,0,1-2.19.74,2.973,2.973,0,0,1-2.795-3.054,2.693,2.693,0,0,1,4.985-1.717Z\"\n />\n </svg>\n )\n}\n\nexport function Home({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"a221b42b-722d-4eb3-b043-fff7f3c6686f\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 47.624 20\"\n >\n <title>home-text</title>\n <path\n fill={color}\n d=\"M8.952,9.7V14.69a.584.584,0,0,1-.553.57H7.229a.57.57,0,0,1-.553-.57V9.658c0-1.616-.649-2.506-1.827-2.506A2.791,2.791,0,0,0,2.414,8.52v6.17a.547.547,0,0,1-.573.57H.692a.569.569,0,0,1-.553-.57v-13a.583.583,0,0,1,.553-.569H1.861a.6.6,0,0,1,.553.569V5.857a4.544,4.544,0,0,1,2.706-.94C7.627,4.917,8.952,6.571,8.952,9.7Zm11.261.473a5.239,5.239,0,0,1-5,5.322,5.185,5.185,0,0,1-5.022-5.322A5.213,5.213,0,0,1,15.21,4.917,5.2,5.2,0,0,1,20.213,10.174Zm-2.234,0a2.789,2.789,0,1,0-5.558,0,2.884,2.884,0,0,0,2.789,3.087A2.876,2.876,0,0,0,17.979,10.174Zm14.59-5.257a4.475,4.475,0,0,0-3.248,1.519,3.34,3.34,0,0,0-2.956-1.519,4.128,4.128,0,0,0-3.031,1.289L23.111,5.5a.487.487,0,0,0-.506-.367h-.48a.584.584,0,0,0-.553.569V14.69a.57.57,0,0,0,.553.57h1.169a.577.577,0,0,0,.553-.57V8.512a2.367,2.367,0,0,1,2.184-1.36c1.216,0,1.808.806,1.808,2.463V14.69a.555.555,0,0,0,.552.57h1.191a.559.559,0,0,0,.532-.57V9.551a10.249,10.249,0,0,0-.077-1.3l.06-.064a2.793,2.793,0,0,1,2.159-1.034c1.2,0,1.807.829,1.807,2.463V14.69a.538.538,0,0,0,.553.57h1.17a.549.549,0,0,0,.553-.57V9.7C36.339,7.647,35.948,4.917,32.569,4.917ZM47.042,9.572c0,.176-.021.523-.043.7a.549.549,0,0,1-.531.514H39.9A2.778,2.778,0,0,0,42.687,13.3a3.573,3.573,0,0,0,2.306-.82.6.6,0,0,1,.422-.144.431.431,0,0,1,.274.211l.566.9a.5.5,0,0,1-.061.791A5.416,5.416,0,0,1,42.562,15.5c-2.85,0-4.919-2.229-4.919-5.3a4.988,4.988,0,0,1,4.9-5.279A4.479,4.479,0,0,1,47.042,9.572ZM40.016,9h4.765A2.2,2.2,0,0,0,42.5,6.937,2.375,2.375,0,0,0,40.016,9Z\"\n />\n </svg>\n )\n}\n\nexport function Groups({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"08e4075e-8ca4-4400-a3ae-98f53270d1d0\"\n viewBox=\"0 0 58.688 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>groups-text</title>\n <path\n fill={color}\n d=\"M9.17,5.09H8.588c-.335,0-.42.255-.474.416l-.2.472a4.791,4.791,0,0,0-3.1-1.1A5.027,5.027,0,0,0,0,10.185a5.085,5.085,0,0,0,4.923,5.332,5.465,5.465,0,0,0,2.428-.63v.342c0,2.113-1.285,2.557-2.363,2.557a3.631,3.631,0,0,1-2.259-.9.568.568,0,0,0-.473-.115.556.556,0,0,0-.366.3l-.516.947a.574.574,0,0,0,.126.7A5.487,5.487,0,0,0,5.031,20a4.407,4.407,0,0,0,4.728-4.771V5.679A.6.6,0,0,0,9.17,5.09Zm-1.8,3.378V12.5a3.951,3.951,0,0,1-2.191.74,2.972,2.972,0,0,1-2.8-3.053A2.821,2.821,0,0,1,5.1,7.152,2.835,2.835,0,0,1,7.373,8.468Zm11.092-2.5-.517,1.077a.588.588,0,0,1-.335.323.535.535,0,0,1-.424-.032,2.351,2.351,0,0,0-.854-.183A2.738,2.738,0,0,0,14.1,8.4v6.288c0,.59-.485.59-.806.59H12.3a.6.6,0,0,1-.59-.59V5.679a.6.6,0,0,1,.59-.589h.517a.574.574,0,0,1,.544.434l.213.688A3.931,3.931,0,0,1,16.55,4.874c.749,0,1.642.149,1.9.568A.517.517,0,0,1,18.465,5.967Zm4.994-1.093a5.323,5.323,0,0,0,0,10.643,5.323,5.323,0,0,0,0-10.643Zm0,8.364A2.907,2.907,0,0,1,20.6,10.163a2.852,2.852,0,1,1,5.7,0A2.9,2.9,0,0,1,23.459,13.238ZM38.688,5.679v9.01a.616.616,0,0,1-.611.59H37.56c-.34,0-.475-.246-.561-.486l-.2-.535a4.082,4.082,0,0,1-3.1,1.259c-3.389,0-3.824-2.5-3.824-4.686V5.679a.621.621,0,0,1,.59-.589h1.207a.605.605,0,0,1,.591.589v5.3c0,1.539.579,2.256,1.824,2.256A2.356,2.356,0,0,0,36.3,11.694l0-6.015c0-.544.334-.589.677-.589h1.1A.632.632,0,0,1,38.688,5.679Zm6.9-.805a4.752,4.752,0,0,0-3.081,1.1l-.2-.488a.523.523,0,0,0-.54-.4h-.538a.6.6,0,0,0-.59.589V19.266a.6.6,0,0,0,.59.589H42.44a.58.58,0,0,0,.633-.589V14.909a5.612,5.612,0,0,0,2.428.608,5.075,5.075,0,0,0,4.9-5.332A5.027,5.027,0,0,0,45.587,4.874ZM43.029,8.457a2.633,2.633,0,0,1,2.278-1.305,2.789,2.789,0,0,1,2.708,3.033,2.9,2.9,0,0,1-2.794,3.053,4.131,4.131,0,0,1-2.192-.676Zm15.349,4.034c0,1.5-1.262,3.026-3.672,3.026a5.921,5.921,0,0,1-3.343-1.034h0a.522.522,0,0,1-.208-.663l.452-.925a.493.493,0,0,1,.3-.254.633.633,0,0,1,.5.075l.037.02a4.488,4.488,0,0,0,2.384.7c.74,0,1.2-.329,1.2-.856,0-.581-.666-.985-2.066-1.619-1.435-.646-2.763-1.487-2.763-3.252,0-1.41,1.056-2.832,3.414-2.832a5.71,5.71,0,0,1,2.973.752.705.705,0,0,1,.256.881L57.5,7.2a.58.58,0,0,1-.8.248,5.043,5.043,0,0,0-2.087-.485c-.8,0-1.156.386-1.156.768,0,.545.574.9,1.633,1.361C57.078,9.926,58.378,10.616,58.378,12.491Z\"\n />\n </svg>\n )\n}\n\nexport function People({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"c461f8d4-1c6e-406e-af2d-8d7721d891d5\"\n viewBox=\"0 0 57.729 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>people-text</title>\n <path\n fill={color}\n d=\"M4.944,5.019a4.754,4.754,0,0,0-3.08,1.1l-.2-.487a.521.521,0,0,0-.539-.4H.59A.606.606,0,0,0,0,5.823V19.41A.6.6,0,0,0,.59,20H1.8a.58.58,0,0,0,.633-.59V15.053a5.593,5.593,0,0,0,2.428.607,5.075,5.075,0,0,0,4.9-5.331A5.027,5.027,0,0,0,4.944,5.019ZM2.387,8.6A2.63,2.63,0,0,1,4.665,7.3a2.789,2.789,0,0,1,2.708,3.032,2.9,2.9,0,0,1-2.795,3.054,4.109,4.109,0,0,1-2.191-.678ZM15.663,5.019a5.083,5.083,0,0,0-5.075,5.31,5.046,5.046,0,0,0,5.1,5.331A5.707,5.707,0,0,0,19.445,14.4a.511.511,0,0,0,.065-.818l-.583-.907a.459.459,0,0,0-.295-.22.609.609,0,0,0-.45.147,3.735,3.735,0,0,1-2.369.82,2.819,2.819,0,0,1-2.854-2.487h6.756a.578.578,0,0,0,.567-.531c.022-.177.045-.525.045-.7A4.572,4.572,0,0,0,15.663,5.019Zm-2.583,4.1a2.411,2.411,0,0,1,2.539-2.033,2.231,2.231,0,0,1,2.335,2.033Zm13.145-4.1a5.322,5.322,0,0,0,0,10.641,5.322,5.322,0,0,0,0-10.641Zm2.837,5.289a2.856,2.856,0,1,1-5.7,0,2.852,2.852,0,1,1,5.7,0Zm8.653-5.289a4.758,4.758,0,0,0-3.081,1.1l-.2-.487a.522.522,0,0,0-.54-.4h-.538a.606.606,0,0,0-.591.589V19.41a.592.592,0,0,0,.591.59h1.207a.58.58,0,0,0,.633-.59V15.05a5.541,5.541,0,0,0,2.428.61,5.075,5.075,0,0,0,4.9-5.331A5.027,5.027,0,0,0,37.715,5.019ZM35.158,8.6a2.629,2.629,0,0,1,2.277-1.3,2.789,2.789,0,0,1,2.708,3.032,2.9,2.9,0,0,1-2.794,3.054,4.109,4.109,0,0,1-2.191-.678ZM46.324,1.247V14.834a.606.606,0,0,1-.59.59H44.527a.6.6,0,0,1-.59-.59V1.247a.6.6,0,0,1,.59-.589h1.207A.621.621,0,0,1,46.324,1.247Zm6.459,3.772a5.083,5.083,0,0,0-5.075,5.31,5.047,5.047,0,0,0,5.1,5.331A5.713,5.713,0,0,0,56.566,14.4a.511.511,0,0,0,.064-.818l-.583-.907a.459.459,0,0,0-.295-.22.6.6,0,0,0-.449.147,3.739,3.739,0,0,1-2.369.82,2.821,2.821,0,0,1-2.855-2.487h6.756a.577.577,0,0,0,.567-.531c.022-.177.045-.525.045-.7A4.572,4.572,0,0,0,52.783,5.019ZM52.74,7.081a2.231,2.231,0,0,1,2.334,2.033H50.2A2.412,2.412,0,0,1,52.74,7.081Z\"\n />\n </svg>\n )\n}\n\nexport function Publishing({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"Layer_1\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 84.973 20\"\n >\n <title>publishing-text</title>\n <path\n d=\"M4.905,5.03A4.709,4.709,0,0,0,1.829,6.141l-.2-.511a.5.5,0,0,0-.52-.385H.568A.59.59,0,0,0,0,5.812V19.374a.575.575,0,0,0,.568.568h1.2a.559.559,0,0,0,.611-.568v-4.4a5.573,5.573,0,0,0,2.437.618A5.036,5.036,0,0,0,9.681,10.3,4.988,4.988,0,0,0,4.905,5.03ZM2.338,8.575A2.642,2.642,0,0,1,4.626,7.261,2.8,2.8,0,0,1,7.343,10.3a2.908,2.908,0,0,1-2.8,3.06,4.117,4.117,0,0,1-2.2-.684Zm17.4-2.763v8.974a.6.6,0,0,1-.59.569h-.515c-.326,0-.456-.238-.541-.472l-.2-.562a4.046,4.046,0,0,1-3.1,1.27c-3.358,0-3.788-2.484-3.788-4.647V5.812a.606.606,0,0,1,.568-.567h1.2a.59.59,0,0,1,.568.567v5.282c0,1.546.584,2.266,1.837,2.266A2.368,2.368,0,0,0,17.4,11.806V5.812c0-.524.323-.567.654-.567h1.094A.609.609,0,0,1,19.737,5.812Zm6.74-.782A6.836,6.836,0,0,0,24.1,5.5l-.018.006V1.246a.606.606,0,0,0-.568-.567H22.29a.583.583,0,0,0-.568.567v13.54a.576.576,0,0,0,.568.569h.516a.569.569,0,0,0,.542-.5l.17-.576a4.845,4.845,0,0,0,3.217,1.31c2.6,0,4.711-2.374,4.711-5.291A5.071,5.071,0,0,0,26.477,5.03ZM24.061,7.76a5.243,5.243,0,0,1,2.18-.5A3,3,0,0,1,29.107,10.3a2.9,2.9,0,0,1-2.694,3.06A2.761,2.761,0,0,1,24.061,12ZM35.225,1.246v13.54a.591.591,0,0,1-.568.569h-1.2a.576.576,0,0,1-.569-.569V1.246a.59.59,0,0,1,.569-.567h1.2A.606.606,0,0,1,35.225,1.246Zm4.349,4.566v8.974a.591.591,0,0,1-.568.569H37.8a.576.576,0,0,1-.568-.569V5.812a.582.582,0,0,1,.568-.567h1.2A.606.606,0,0,1,39.574,5.812Zm.387-3.577a1.547,1.547,0,0,1-1.556,1.534,1.508,1.508,0,0,1-1.513-1.534A1.519,1.519,0,0,1,38.405.679,1.539,1.539,0,0,1,39.961,2.235ZM48.143,12.6c0,1.488-1.25,2.994-3.638,2.994a5.875,5.875,0,0,1-3.318-1.026h0a.5.5,0,0,1-.2-.636l.45-.922a.47.47,0,0,1,.291-.243.613.613,0,0,1,.487.073l.036.02a4.489,4.489,0,0,0,2.385.7c.737,0,1.214-.342,1.214-.871,0-.589-.667-.994-2.069-1.629-1.423-.642-2.74-1.476-2.74-3.222,0-1.394,1.045-2.8,3.38-2.8a5.67,5.67,0,0,1,2.951.745.684.684,0,0,1,.248.853l-.343.687a.56.56,0,0,1-.769.238,5.05,5.05,0,0,0-2.087-.485c-.808,0-1.17.394-1.17.784,0,.554.575.91,1.638,1.372C46.853,10.057,48.143,10.742,48.143,12.6ZM58.461,9.805v4.981a.592.592,0,0,1-.569.569h-1.2a.576.576,0,0,1-.568-.569V9.763c0-1.614-.668-2.5-1.879-2.5a2.881,2.881,0,0,0-2.5,1.366v6.159a.554.554,0,0,1-.589.569H49.97a.576.576,0,0,1-.568-.569V1.246A.582.582,0,0,1,49.97.679h1.2a.606.606,0,0,1,.567.567V5.967a4.766,4.766,0,0,1,2.782-.937C57.1,5.03,58.461,6.681,58.461,9.805Zm4.2-3.993v8.974a.59.59,0,0,1-.567.569h-1.2a.576.576,0,0,1-.568-.569V5.812a.59.59,0,0,1,.568-.567h1.2A.606.606,0,0,1,62.657,5.812Zm.387-3.577a1.547,1.547,0,0,1-1.556,1.534,1.507,1.507,0,0,1-1.512-1.534A1.518,1.518,0,0,1,61.488.679,1.539,1.539,0,0,1,63.044,2.235Zm10.647,7.57v4.981a.591.591,0,0,1-.569.569h-1.2a.576.576,0,0,1-.568-.569V9.72c0-1.586-.66-2.459-1.858-2.459a2.944,2.944,0,0,0-2.523,1.364v6.161c0,.383-.221.569-.676.569H65.2a.576.576,0,0,1-.568-.569V5.812a.59.59,0,0,1,.568-.567h.516a.474.474,0,0,1,.5.375l.245.7a4.64,4.64,0,0,1,3.29-1.288C72.4,5.03,73.691,6.592,73.691,9.805Zm10.432-4.56h-.579c-.32,0-.4.236-.454.4l-.2.5a4.737,4.737,0,0,0-3.1-1.112A4.988,4.988,0,0,0,75.01,10.3a5.046,5.046,0,0,0,4.884,5.291,5.429,5.429,0,0,0,2.437-.64v.372c0,2.121-1.29,2.566-2.373,2.566a3.629,3.629,0,0,1-2.261-.9.547.547,0,0,0-.456-.111.535.535,0,0,0-.352.292l-.514.944a.551.551,0,0,0,.123.673A5.444,5.444,0,0,0,80,20.056a4.371,4.371,0,0,0,4.69-4.733V5.812A.582.582,0,0,0,84.123,5.245ZM80.151,13.36a2.979,2.979,0,0,1-2.8-3.06,2.7,2.7,0,0,1,5-1.715v4.029A3.973,3.973,0,0,1,80.151,13.36Z\"\n fill={color}\n />\n </svg>\n )\n}\n\nexport function Registrations({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"2da9f999-408b-4466-9b5d-b1268727ac81\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 105.758 20\"\n >\n <title>registrations-text</title>\n <path\n fill={color}\n d=\"M6.751,5.966,6.234,7.043a.589.589,0,0,1-.336.324.545.545,0,0,1-.423-.033,2.375,2.375,0,0,0-.854-.182A2.74,2.74,0,0,0,2.387,8.4v6.288c0,.59-.485.59-.8.59H.59a.6.6,0,0,1-.59-.59V5.679A.6.6,0,0,1,.59,5.09h.517a.574.574,0,0,1,.544.433l.212.685A4,4,0,0,1,4.836,4.874c.749,0,1.643.148,1.9.567A.517.517,0,0,1,6.751,5.966Zm9.583,3.593c0,.181-.022.53-.044.705a.578.578,0,0,1-.567.531H8.966a2.82,2.82,0,0,0,2.855,2.486,3.74,3.74,0,0,0,2.369-.819.608.608,0,0,1,.45-.148.465.465,0,0,1,.295.22l.583.907a.513.513,0,0,1-.065.819,5.708,5.708,0,0,1-3.762,1.256,5.046,5.046,0,0,1-5.1-5.331A5.083,5.083,0,0,1,11.67,4.874,4.572,4.572,0,0,1,16.334,9.559ZM11.627,6.937A2.411,2.411,0,0,0,9.087,8.97h4.874A2.23,2.23,0,0,0,11.627,6.937ZM26.8,5.679v9.55A4.407,4.407,0,0,1,22.071,20a5.486,5.486,0,0,1-3.53-1.284.564.564,0,0,1-.127-.7l.516-.948a.555.555,0,0,1,.365-.3.561.561,0,0,1,.474.114,3.622,3.622,0,0,0,2.259.905c1.078,0,2.364-.444,2.364-2.557v-.342a5.472,5.472,0,0,1-2.429.629,5.084,5.084,0,0,1-4.922-5.331,5.027,5.027,0,0,1,4.814-5.311,4.777,4.777,0,0,1,3.1,1.1l.2-.473c.053-.161.138-.415.473-.415h.582A.6.6,0,0,1,26.8,5.679ZM22.136,7.152a2.821,2.821,0,0,0-2.708,3.033,2.972,2.972,0,0,0,2.794,3.053,3.948,3.948,0,0,0,2.191-.74V8.468A2.834,2.834,0,0,0,22.136,7.152ZM29.965.6a1.544,1.544,0,0,0-1.538,1.582A1.55,1.55,0,0,0,29.965,3.74a1.571,1.571,0,1,0,0-3.141Zm.6,4.491H29.361a.6.6,0,0,0-.59.589v9.01a.59.59,0,0,0,.59.59h1.208a.6.6,0,0,0,.589-.59V5.679A.62.62,0,0,0,30.569,5.09Zm5.91,4c-1.059-.462-1.632-.815-1.632-1.36,0-.383.357-.769,1.155-.769a5.048,5.048,0,0,1,2.088.486.582.582,0,0,0,.8-.248l.345-.689a.709.709,0,0,0-.256-.882A5.713,5.713,0,0,0,36,4.874c-2.357,0-3.413,1.422-3.413,2.831,0,1.764,1.328,2.606,2.763,3.253,1.4.634,2.065,1.038,2.065,1.618,0,.528-.459.856-1.2.856a4.5,4.5,0,0,1-2.387-.7l-.034-.018a.644.644,0,0,0-.5-.076.494.494,0,0,0-.3.254l-.452.925a.517.517,0,0,0,.208.663h0a5.917,5.917,0,0,0,3.342,1.034c2.411,0,3.672-1.522,3.672-3.025C39.761,10.617,38.461,9.926,36.479,9.087Zm10.558,3.964a.556.556,0,0,0-.316-.335.523.523,0,0,0-.432.063,3.244,3.244,0,0,1-1.537.459c-.359,0-.681-.069-.681-.9V7.152h2.514a.605.605,0,0,0,.59-.59V5.679a.577.577,0,0,0-.59-.589H44.071V2.424a.574.574,0,0,0-.569-.59H42.273a.59.59,0,0,0-.589.59V5.09H40.657a.57.57,0,0,0-.59.589v.883a.59.59,0,0,0,.59.59h1.027v5.274c0,1.438.3,3.09,2.637,3.09a6.116,6.116,0,0,0,2.822-.729.556.556,0,0,0,.283-.721Zm8.023-7.61c-.263-.419-1.156-.567-1.905-.567a4,4,0,0,0-2.973,1.335l-.212-.686a.574.574,0,0,0-.544-.433h-.517a.6.6,0,0,0-.59.589v9.01a.59.59,0,0,0,.59.59H49.9c.321,0,.806,0,.806-.59V8.4A2.738,2.738,0,0,1,52.94,7.152a2.369,2.369,0,0,1,.853.182.548.548,0,0,0,.424.033.6.6,0,0,0,.336-.324l.517-1.077A.517.517,0,0,0,55.06,5.441Zm8.351,3.946v5.3a.605.605,0,0,1-.59.59H62.11c-.284,0-.412-.166-.516-.416l-.181-.509A4.386,4.386,0,0,1,58.4,15.516a3.2,3.2,0,0,1-3.328-3.435c0-2.021,1.611-3.327,4.1-3.327a7.7,7.7,0,0,1,1.892.265,2.3,2.3,0,0,0-.417-1.668A1.414,1.414,0,0,0,59.588,7a10.1,10.1,0,0,0-2.749.47.577.577,0,0,1-.7-.494l-.194-.82a.566.566,0,0,1,.4-.717A10.865,10.865,0,0,1,59.8,4.874C63.14,4.874,63.411,6.918,63.411,9.387Zm-4.06,1.149c-1.174,0-1.933.6-1.933,1.524a1.343,1.343,0,0,0,1.436,1.458,2.987,2.987,0,0,0,2.191-1.125V10.835A4.853,4.853,0,0,0,59.351,10.536Zm11.773,2.515a.556.556,0,0,0-.316-.335.523.523,0,0,0-.432.063,3.244,3.244,0,0,1-1.537.459c-.359,0-.681-.069-.681-.9V7.152h2.514a.605.605,0,0,0,.59-.59V5.679a.577.577,0,0,0-.59-.589H68.158V2.424a.574.574,0,0,0-.569-.59H66.36a.591.591,0,0,0-.59.59V5.09H64.744a.57.57,0,0,0-.59.589v.883a.591.591,0,0,0,.59.59H65.77v5.274c0,1.438.3,3.09,2.638,3.09a6.107,6.107,0,0,0,2.821-.729.556.556,0,0,0,.284-.721ZM74.2,5.09H72.994a.605.605,0,0,0-.591.589v9.01a.591.591,0,0,0,.591.59H74.2a.605.605,0,0,0,.59-.59V5.679A.621.621,0,0,0,74.2,5.09ZM73.6.6a1.543,1.543,0,0,0-1.538,1.582A1.55,1.55,0,0,0,73.6,3.74,1.571,1.571,0,1,0,73.6.6Zm12.869,9.563a5.341,5.341,0,0,1-5.182,5.354,5.323,5.323,0,1,1,5.182-5.354Zm-2.344,0a2.853,2.853,0,1,0-5.7,0,2.857,2.857,0,1,0,5.7,0Zm8.867-5.288a4.7,4.7,0,0,0-3.3,1.277l-.235-.671a.5.5,0,0,0-.522-.39h-.518a.6.6,0,0,0-.589.589v9.01a.6.6,0,0,0,.589.59h1.1c.469,0,.7-.192.7-.59V8.507A2.939,2.939,0,0,1,92.73,7.152c1.191,0,1.847.87,1.847,2.451v5.086a.6.6,0,0,0,.59.59h1.207a.605.605,0,0,0,.59-.59v-5C96.964,6.448,95.664,4.874,92.989,4.874Zm9.2,4.213c-1.059-.462-1.633-.815-1.633-1.36,0-.383.358-.769,1.156-.769a5.04,5.04,0,0,1,2.087.486.585.585,0,0,0,.8-.248l.344-.689a.709.709,0,0,0-.255-.882,5.718,5.718,0,0,0-2.974-.751C99.355,4.874,98.3,6.3,98.3,7.705c0,1.764,1.328,2.606,2.763,3.253,1.4.634,2.066,1.038,2.066,1.618,0,.528-.46.856-1.2.856a4.49,4.49,0,0,1-2.387-.7l-.034-.018A.633.633,0,0,0,99,12.64a.49.49,0,0,0-.3.253l-.452.925a.516.516,0,0,0,.209.663h0a5.923,5.923,0,0,0,3.342,1.034c2.411,0,3.673-1.522,3.673-3.025C105.472,10.617,104.172,9.926,102.19,9.087Z\"\n />\n </svg>\n )\n}\n\nexport function Services({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"bd77a8f3-6992-4241-927e-9fdc3bf67b80\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 67.995 20\"\n >\n <title>services-text</title>\n <path\n fill={color}\n d=\"M7.277,12.49c0,1.5-1.262,3.026-3.672,3.026A5.924,5.924,0,0,1,.262,14.482h0a.521.521,0,0,1-.209-.663L.5,12.893a.5.5,0,0,1,.305-.254.62.62,0,0,1,.5.075l.036.019a4.479,4.479,0,0,0,2.385.7c.74,0,1.2-.328,1.2-.856,0-.582-.666-.985-2.066-1.618C1.432,10.311.105,9.469.105,7.705c0-1.41,1.055-2.832,3.413-2.832a5.717,5.717,0,0,1,2.974.752.7.7,0,0,1,.255.881L6.4,7.2a.58.58,0,0,1-.8.248,5.04,5.04,0,0,0-2.087-.485c-.8,0-1.155.386-1.155.768,0,.546.573.9,1.632,1.361C5.977,9.925,7.277,10.615,7.277,12.49ZM17.622,9.559c0,.178-.022.528-.044.7a.58.58,0,0,1-.568.532H10.255a2.818,2.818,0,0,0,2.854,2.485,3.734,3.734,0,0,0,2.369-.819.64.64,0,0,1,.451-.148.472.472,0,0,1,.294.22l.583.907a.513.513,0,0,1-.065.82,5.715,5.715,0,0,1-3.761,1.256,5.047,5.047,0,0,1-5.1-5.332,5.083,5.083,0,0,1,5.074-5.311A4.573,4.573,0,0,1,17.622,9.559ZM15.249,8.97a2.229,2.229,0,0,0-2.334-2.034,2.412,2.412,0,0,0-2.54,2.034Zm8.511-4.1a3.929,3.929,0,0,0-2.972,1.338l-.213-.688a.575.575,0,0,0-.544-.434h-.518a.6.6,0,0,0-.589.589v9.01a.6.6,0,0,0,.589.59h.992c.32,0,.8,0,.8-.59V8.4a2.74,2.74,0,0,1,2.235-1.249,2.351,2.351,0,0,1,.854.183.534.534,0,0,0,.424.032.584.584,0,0,0,.334-.323l.518-1.077a.517.517,0,0,0-.01-.525C25.4,5.022,24.509,4.873,23.76,4.873Zm11.569.216H34.36c-.288,0-.613,0-.774.348l-2.695,5.912L28.319,5.433a.545.545,0,0,0-.535-.344H26.469a.544.544,0,0,0-.493.238.489.489,0,0,0,.024.49l4.311,9.376a.6.6,0,0,0,.534.323h.13a.56.56,0,0,0,.514-.327L35.8,5.822a.49.49,0,0,0,.027-.5A.545.545,0,0,0,35.329,5.089Zm3.154,0H37.276a.6.6,0,0,0-.59.589v9.01a.6.6,0,0,0,.59.59h1.207a.605.605,0,0,0,.59-.59V5.678A.621.621,0,0,0,38.483,5.089ZM37.879.6A1.543,1.543,0,0,0,36.341,2.18a1.532,1.532,0,0,0,1.538,1.559,1.57,1.57,0,1,0,0-3.14Zm10.8,11.392a.567.567,0,0,0-.818.047c-.08.073-.16.152-.241.233a2.623,2.623,0,0,1-2.031.966,2.92,2.92,0,0,1-2.838-3.053,2.778,2.778,0,0,1,4.87-2.073c.165.164.444.443.806.11l.774-.71a.606.606,0,0,0,.1-.87,4.465,4.465,0,0,0-3.711-1.768,5.285,5.285,0,0,0-5.225,5.332,5.2,5.2,0,0,0,5.2,5.311,4.647,4.647,0,0,0,3.977-2.12c.13-.2.2-.5-.2-.866ZM59.784,9.559c0,.178-.022.528-.044.7a.58.58,0,0,1-.567.532H52.417a2.818,2.818,0,0,0,2.854,2.485,3.734,3.734,0,0,0,2.369-.819.641.641,0,0,1,.451-.148.472.472,0,0,1,.294.22l.583.907a.513.513,0,0,1-.065.82,5.712,5.712,0,0,1-3.761,1.256,5.047,5.047,0,0,1-5.1-5.332A5.083,5.083,0,0,1,55.12,4.873,4.573,4.573,0,0,1,59.784,9.559ZM52.537,8.97h4.874a2.229,2.229,0,0,0-2.334-2.034A2.412,2.412,0,0,0,52.537,8.97ZM64.4,9.087c-1.06-.462-1.633-.816-1.633-1.361,0-.382.357-.768,1.156-.768a5.047,5.047,0,0,1,2.087.485.58.58,0,0,0,.8-.248l.344-.689a.706.706,0,0,0-.256-.881,5.71,5.71,0,0,0-2.973-.752c-2.358,0-3.414,1.422-3.414,2.832,0,1.764,1.328,2.606,2.763,3.253,1.4.633,2.066,1.036,2.066,1.618,0,.528-.459.856-1.2.856a4.485,4.485,0,0,1-2.384-.7l-.037-.02a.632.632,0,0,0-.5-.075.493.493,0,0,0-.3.254l-.452.925a.521.521,0,0,0,.209.663h0a5.923,5.923,0,0,0,3.342,1.034c2.412,0,3.673-1.522,3.673-3.026C67.685,10.615,66.385,9.925,64.4,9.087Z\"\n />\n </svg>\n )\n}\n","import React from \"react\"\n\nimport * as MonoAppText from \"./mono_app_text\"\n\nexport function MonoAppName({ appName, color, size = 20 }) {\n return MonoAppText[appName] ? (\n React.createElement(MonoAppText[appName], { color, size })\n ) : (\n <div>appName not supported</div>\n )\n}\n","export const slightBackgroundTransition = {\n transition: \"background-color 120ms ease-in\",\n}\n\nexport const fontFamily = {\n fontFamily: `inherit`,\n}\n\nexport const IEFlex1 = {\n flex: \"1 1 auto\",\n}\n","import 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 id = \"default\",\n style,\n ...nativeProps\n}: {\n dark?: boolean\n id?: string\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(#clip-path-blank-state-${id})`}>\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={`clip-path-blank-state-${id}`}>\n <path fill=\"#fff\" d=\"M0 0h160v122.063H0z\" />\n </clipPath>\n </defs>\n </svg>\n)\n\nexport const ChevronIcon = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string\n size?: number\n style?: object\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>chevron</title>\n <path\n d=\"M10.209 16L2.255 8.045L10.209 0.0910034L11.977 1.859L5.789 8.045L11.977 14.233L10.209 16Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const Cog = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string\n size?: number\n style?: object\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>cog icon</title>\n <path\n d=\"M15.975 7.169H15.965L14.44 6.91C14.3024 6.90264 14.1694 6.85837 14.0548 6.78182C13.9403 6.70528 13.8484 6.59929 13.789 6.475C13.653 5.95399 13.4465 5.45403 13.175 4.989C13.1286 4.85874 13.118 4.71844 13.1442 4.58267C13.1704 4.44691 13.2325 4.32064 13.324 4.217L14.224 2.957L14.23 2.949C14.24 2.934 14.24 2.923 14.23 2.914L14.2 2.89L14.155 2.844L13.155 1.844L13.095 1.784L13.085 1.775C13.076 1.765 13.065 1.765 13.05 1.775L11.782 2.675C11.6788 2.76662 11.5529 2.82887 11.4175 2.85525C11.2821 2.88164 11.142 2.87119 11.012 2.825C10.5462 2.55339 10.0456 2.34649 9.524 2.21C9.40004 2.1505 9.29435 2.05878 9.218 1.94443C9.14164 1.83007 9.09744 1.6973 9.09 1.56L8.833 0.035V0.025C8.828 0.008 8.821 0 8.807 0H7.193C7.179 0 7.172 0.008 7.169 0.025L6.91 1.56C6.90286 1.69763 6.85866 1.83078 6.7821 1.94537C6.70553 2.05996 6.59942 2.15173 6.475 2.211C5.95399 2.34697 5.45403 2.55355 4.989 2.825C4.85874 2.87138 4.71844 2.88203 4.58267 2.85583C4.44691 2.82962 4.32064 2.76753 4.217 2.676L2.957 1.776L2.949 1.77C2.934 1.76 2.923 1.76 2.914 1.77L2.89 1.8L2.844 1.845L1.844 2.845L1.784 2.905L1.775 2.915C1.765 2.924 1.765 2.935 1.775 2.95L2.675 4.218C2.76662 4.32118 2.82887 4.44706 2.85525 4.5825C2.88164 4.71794 2.87119 4.85797 2.825 4.988C2.55382 5.45174 2.34724 5.95035 2.211 6.47C2.15164 6.59477 2.05996 6.70138 1.94549 6.77875C1.83101 6.85612 1.69791 6.90144 1.56 6.91L0.035 7.167H0.025C0.008 7.167 0 7.177 0 7.191V8.807C0 8.821 0.008 8.828 0.025 8.831L1.56 9.09C1.69791 9.09856 1.83101 9.14388 1.94549 9.22125C2.05996 9.29862 2.15164 9.40523 2.211 9.53C2.34701 10.0494 2.5536 10.5477 2.825 11.011C2.87138 11.1413 2.88203 11.2816 2.85583 11.4173C2.82962 11.5531 2.76753 11.6794 2.676 11.783L1.776 13.051C1.766 13.066 1.766 13.077 1.776 13.086L1.785 13.096L1.845 13.156L2.845 14.156L2.891 14.201L2.915 14.225C2.924 14.235 2.935 14.235 2.95 14.225L2.958 14.219L4.218 13.319C4.32118 13.2274 4.44706 13.1651 4.5825 13.1387C4.71794 13.1124 4.85797 13.1228 4.988 13.169C5.452 13.4406 5.95095 13.6475 6.471 13.784C6.59563 13.8433 6.70214 13.9348 6.77951 14.0491C6.85687 14.1634 6.90227 14.2963 6.911 14.434L7.17 15.97C7.17 15.987 7.18 15.995 7.194 15.995H8.807C8.821 15.995 8.828 15.987 8.831 15.97V15.96L9.088 14.434C9.09673 14.2963 9.14213 14.1634 9.21949 14.0491C9.29686 13.9348 9.40337 13.8433 9.528 13.784C10.0474 13.648 10.5457 13.4414 11.009 13.17C11.1393 13.1236 11.2796 13.113 11.4153 13.1392C11.5511 13.1654 11.6774 13.2275 11.781 13.319L13.049 14.219C13.064 14.229 13.075 14.229 13.084 14.219L13.094 14.21L13.154 14.15L14.154 13.15L14.199 13.104L14.223 13.08C14.233 13.071 14.233 13.06 14.223 13.045L14.217 13.037L13.317 11.777C13.2254 11.6738 13.1631 11.5479 13.1367 11.4125C13.1104 11.2771 13.1208 11.137 13.167 11.007C13.4386 10.543 13.6455 10.044 13.782 9.524C13.8414 9.39923 13.933 9.29262 14.0475 9.21525C14.162 9.13788 14.2951 9.09256 14.433 9.084L15.968 8.825C15.985 8.825 15.993 8.815 15.993 8.801V7.193C16 7.179 15.992 7.172 15.975 7.169ZM10.619 10.619C10.1012 11.1357 9.44195 11.4873 8.72443 11.6295C8.00691 11.7716 7.26336 11.6979 6.58772 11.4176C5.91208 11.1374 5.33467 10.6631 4.92844 10.0548C4.52222 9.44652 4.30541 8.73147 4.30541 8C4.30541 7.26854 4.52222 6.55348 4.92844 5.94519C5.33467 5.33689 5.91208 4.86265 6.58772 4.58238C7.26336 4.30211 8.00691 4.22839 8.72443 4.37054C9.44195 4.51268 10.1012 4.86431 10.619 5.381C10.9634 5.72468 11.2366 6.1329 11.423 6.5823C11.6095 7.03171 11.7054 7.51346 11.7054 8C11.7054 8.48654 11.6095 8.96829 11.423 9.4177C11.2366 9.8671 10.9634 10.2753 10.619 10.619Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const DisclosureChevronIcon = ({\n colors,\n style,\n ...nativeProps\n}: {\n colors: any\n style?: object\n}) => (\n <svg\n color={colors.base3}\n height=\"16\"\n viewBox=\"0 0 16 16\"\n width=\"16\"\n {...{ style }}\n {...nativeProps}\n >\n <title>chevron</title>\n <polygon\n fill=\"currentColor\"\n points=\"11.931 4.892 8 8.824 4.069 4.892 2.927 6.034 8 11.108 9.142 9.966 13.073 6.034 11.931 4.892\"\n />\n </svg>\n)\n\nexport const HelpIcon = ({\n colors,\n style,\n ...nativeProps\n}: {\n colors: any\n style?: object\n}) => (\n <svg\n color={colors.base3}\n height=\"24\"\n style={{ display: \"block\" }}\n viewBox=\"0 0 24 24\"\n width=\"24\"\n {...nativeProps}\n >\n <title>help</title>\n <path\n d=\"M12,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22ZM12,4a8,8,0,1,0,8,8A8.009,8.009,0,0,0,12,4Zm-.342,11.067a1.41,1.41,0,1,0,1.41,1.41A1.41,1.41,0,0,0,11.658,15.067Zm1.914-2.488c1.938-1.885,2.232-3.607.872-5.118A3.37,3.37,0,0,0,11.9,6.307h-.017A5.121,5.121,0,0,0,8.343,7.959L9.817,9.311a3.153,3.153,0,0,1,2.067-1h.008a1.366,1.366,0,0,1,1.065.493c.494.549.517,1.085-.78,2.345A4.612,4.612,0,0,0,10.632,14.2h2A2.733,2.733,0,0,1,13.572,12.579Z\"\n fill=\"currentColor\"\n />\n </svg>\n)\n\nexport const ExclamationTriangle = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string\n size: number\n style?: object\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>exclamation triangle icon</title>\n <path\n d=\"M15.669 13.676L8.65499 1.56099C8.58867 1.44593 8.49322 1.35037 8.37823 1.28392C8.26325 1.21748 8.13279 1.1825 7.99999 1.1825C7.86718 1.1825 7.73672 1.21748 7.62174 1.28392C7.50675 1.35037 7.4113 1.44593 7.34499 1.56099L0.330986 13.676C0.264196 13.7911 0.228916 13.9217 0.2287 14.0548C0.228484 14.1878 0.26334 14.3186 0.329756 14.4339C0.396172 14.5492 0.491802 14.6449 0.60701 14.7115C0.722218 14.778 0.852933 14.813 0.985986 14.813H15.014C15.147 14.813 15.2778 14.778 15.393 14.7115C15.5082 14.6449 15.6038 14.5492 15.6702 14.4339C15.7366 14.3186 15.7715 14.1878 15.7713 14.0548C15.7711 13.9217 15.7358 13.7911 15.669 13.676ZM8.75699 12.542H7.24299V11.028H8.75699V12.542ZM8.75699 9.51399H7.24299V6.48499H8.75699V9.51399Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const Spyglass = ({\n fill = \"#000\",\n style,\n ...nativeProps\n}: {\n fill?: string\n style?: object\n}) => (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n style={{ display: \"block\", ...style }}\n {...nativeProps}\n >\n <title>search spyglass icon</title>\n <path\n d=\"M17.352,15.481a8.517,8.517,0,1,0-2.209,2.033l4.642,4.642,2.121-2.121Zm-6.757,1.364a6.5,6.5,0,1,1,6.5-6.5A6.508,6.508,0,0,1,10.595,16.845Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const X = ({\n fill = \"#A0A0A0\",\n style,\n ...nativeProps\n}: {\n fill?: string\n style?: object\n}) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n style={{ display: \"block\", ...style }}\n {...nativeProps}\n >\n <title>close-x</title>\n <path\n d=\"M9.142,8l3.814,3.814-1.142,1.142L8,9.142,4.186,12.956,3.044,11.814,6.858,8,3.044,4.186,4.186,3.044,8,6.858l3.814-3.814,1.142,1.142Z\"\n fill={fill}\n />\n </svg>\n)\n","import React from \"react\"\n\nimport { fontFamily } from \"./styles\"\n\nexport function Unbutton({\n style,\n ...nativeProps\n}: {\n children: any\n id?: string\n onClick?: any\n onMouseDown?: any\n onMouseEnter?: any\n onMouseLeave?: any\n onMouseUp?: any\n style?: object\n}): JSX.Element {\n return (\n <button\n style={{\n WebkitAppearance: \"none\",\n appearance: \"none\",\n backgroundColor: \"transparent\",\n border: \"none\",\n cursor: \"pointer\",\n display: \"inline-block\",\n outline: 0,\n padding: 0,\n ...fontFamily,\n ...style,\n }}\n {...nativeProps}\n />\n )\n}\n","import React from \"react\"\n\nimport { MonoAppIcon } from \"../mono_app_icon\"\nimport { MonoAppName } from \"../mono_app_name\"\nimport { slightBackgroundTransition } from \"../styles\"\nimport { DisclosureChevronIcon } from \"../symbols\"\nimport { Unbutton } from \"../unbutton\"\n\nconst AppsButton = ({\n appName,\n colors,\n displayIconOnly,\n expanded,\n onClick,\n style = null,\n ...nativeProps\n}: {\n appName: string\n colors: any\n displayIconOnly?: boolean\n expanded: boolean\n onClick: any\n style?: object\n}) => {\n const [down, setDown] = React.useState(false)\n const [entered, setEntered] = React.useState(false)\n\n const getBackgroundColor = () => {\n if (expanded && !down) return colors.base1\n if (entered && down) return colors.base2\n if (entered) return colors.base1\n return \"transparent\"\n }\n\n return (\n <Unbutton\n onClick={onClick}\n onMouseDown={() => setDown(true)}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseUp={() => setDown(false)}\n style={{\n alignItems: \"center\",\n backgroundColor: getBackgroundColor(),\n display: \"flex\",\n height: \"100%\",\n outline: 0, // TODO: #improve-outline-a11y\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n whiteSpace: \"nowrap\",\n ...slightBackgroundTransition,\n ...style,\n }}\n {...nativeProps}\n >\n <MonoAppIcon\n appName={appName.replace(/[\\s-]/, \"\")}\n colors={colors}\n size={24}\n />\n {!displayIconOnly && (\n <>\n {appName === \"Accounts\" ? (\n <div\n style={{\n color: \"#fff\",\n fontSize: \"14px\",\n fontWeight: 500,\n marginLeft: 3,\n }}\n >\n Account settings\n </div>\n ) : (\n <>\n <div key=\"spacer-1\" style={{ margin: 4 }} />\n <MonoAppName\n appName={appName.replace(/[\\s-]/, \"\")}\n color=\"#fff\"\n key=\"mono-app-name\"\n size={24}\n />\n </>\n )}\n <div key=\"space-2\" style={{ margin: 4 }} />\n <DisclosureChevronIcon\n colors={colors}\n key=\"disclosure-chevron-icon\"\n style={{ display: \"block\" }}\n />\n </>\n )}\n </Unbutton>\n )\n}\n\nexport default AppsButton\n","// TODO: Use Fragments when we React 16 is a baseline\nimport React from \"react\"\n\nexport function Accounts(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"2e1ed2e7-b842-4126-8f57-f6b6dd63ddb6\"\n x1=\"1.844\"\n y1=\"1.833\"\n x2=\"18.622\"\n y2=\"18.612\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">accounts-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#2e1ed2e7-b842-4126-8f57-f6b6dd63ddb6)\"\n />,\n ]\n}\n\nexport function API(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"c8ec303e-a96d-4850-93ae-70864e3306bb\"\n x1=\"0.991\"\n y1=\"0.983\"\n x2=\"19.295\"\n y2=\"19.288\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">api-squircle</title>,\n <path\n key=\"path\"\n d=\"M20,10c0,7.991-2,9.989-9.989,9.989S.019,17.991.019,10s2-9.989,9.989-9.989S20,2.009,20,10Z\"\n fill=\"url(#c8ec303e-a96d-4850-93ae-70864e3306bb)\"\n />,\n ]\n}\n\nexport function Calendar(): JSX.Element[] {\n return [\n <defs key=\"defs\">\n <linearGradient\n id=\"calendar-gradient\"\n x1=\"2.05\"\n y1=\"2.04\"\n x2=\"17.97\"\n y2=\"17.96\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#f25437\" />\n <stop offset=\"1\" stopColor=\"#cd4e39\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">calendar-squircle</title>,\n <path\n key=\"path\"\n d=\"M20,10c0,8-2,10-10,10S.06,18,.06,10,2.05.05,10,.05,20,2,20,10Z\"\n fill=\"url(#calendar-gradient)\"\n />,\n ]\n}\n\nexport function CheckIns(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"679bc2bf-38c8-45ab-9ee3-a2ff814fead7\"\n x1=\"1.75\"\n y1=\"1.739\"\n x2=\"18.156\"\n y2=\"18.145\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#a76ebe\" />\n <stop offset=\"1\" stopColor=\"#875e96\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">check-ins-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill=\"url(#679bc2bf-38c8-45ab-9ee3-a2ff814fead7)\"\n />,\n ]\n}\n\nexport function ChurchCenter(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"6de99831-a6f8-498e-9bf3-9d55c8d887fa\"\n x1=\"2.04\"\n y1=\"2.029\"\n x2=\"17.976\"\n y2=\"17.965\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#42a5f5\" />\n <stop offset=\"1\" stopColor=\"#66bb6a\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">church-center-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.037C2.04.037.048,2.029.048,10s1.992,9.96,9.96,9.96,9.96-1.992,9.96-9.96S17.976.037,10.008.037Z\"\n fill=\"url(#6de99831-a6f8-498e-9bf3-9d55c8d887fa)\"\n />,\n ]\n}\n\nexport function Giving(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"0aae6372-b733-476d-af45-8777c08c1e24\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.959\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#f5c426\" />\n <stop offset=\"1\" stopColor=\"#f2b327\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">giving-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill=\"url(#0aae6372-b733-476d-af45-8777c08c1e24)\"\n />,\n ]\n}\n\nexport function Groups(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"86d10072-1c7f-4a02-88fe-0735565ae99a\"\n x1=\"1.939\"\n y1=\"1.928\"\n x2=\"18.146\"\n y2=\"18.135\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#ff962d\" />\n <stop offset=\"1\" stopColor=\"#fc7638\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">groups-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#86d10072-1c7f-4a02-88fe-0735565ae99a)\"\n />,\n ]\n}\n\nexport function Home(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"86d10072-1c7f-4a02-88fe-0735565ae99a\"\n x1=\"1.939\"\n y1=\"1.928\"\n x2=\"18.146\"\n y2=\"18.135\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#ff962d\" />\n <stop offset=\"1\" stopColor=\"#fc7638\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">home-hex</title>,\n <path\n key=\"path\"\n d=\"M17.41,2.024,11.568.235a5.354,5.354,0,0,0-3.136,0L2.59,2.024a3.235,3.235,0,0,0-2.206,3.1v9.763A3.235,3.235,0,0,0,2.59,17.976l5.842,1.789a5.354,5.354,0,0,0,3.136,0l5.842-1.789a3.235,3.235,0,0,0,2.206-3.094V5.119A3.235,3.235,0,0,0,17.41,2.024Z\"\n fill=\"#2266f7\"\n />,\n ]\n}\n\nexport function People(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"7f805f16-2322-4b42-b61a-2bf71eadb25a\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">people-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#7f805f16-2322-4b42-b61a-2bf71eadb25a)\"\n />,\n ]\n}\n\nexport function Publishing(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"publishing-gradient\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#787882\" />\n <stop offset=\"1\" stopColor=\"#5f5f69\" />\n </linearGradient>\n <linearGradient\n id=\"publishing-gradient-2\"\n x1=\"2.03\"\n y1=\"2.03\"\n x2=\"17.952\"\n y2=\"17.952\"\n gradientTransform=\"translate(2.563 -2.028) rotate(13.283)\"\n xlinkHref=\"#publishing-gradient\"\n />\n </defs>,\n <title key=\"title\">publishing-squircle</title>,\n <path\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#publishing-gradient)\"\n key=\"path\"\n />,\n <circle\n cx=\"9.991\"\n cy=\"9.991\"\n r=\"9.951\"\n transform=\"translate(-2.028 2.563) rotate(-13.283)\"\n fill=\"url(#publishing-gradient-2)\"\n key=\"circle\"\n />,\n ]\n}\n\nexport function Registrations(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"bd67604d-f11c-4431-bd82-159c57241115\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#41b99e\" />\n <stop offset=\"1\" stopColor=\"#46948d\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">registrations-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#bd67604d-f11c-4431-bd82-159c57241115)\"\n />,\n ]\n}\n\nexport function Services(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"00f9217c-0536-41ea-b265-a8689874be71\"\n x1=\"2.04\"\n y1=\"2.029\"\n x2=\"17.976\"\n y2=\"17.965\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#6eaa50\" />\n <stop offset=\"1\" stopColor=\"#6a9639\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">services-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.968,10c0,7.968-1.992,9.96-9.96,9.96S.048,17.965.048,10,2.04.037,10.008.037,19.968,2.029,19.968,10Z\"\n fill=\"url(#00f9217c-0536-41ea-b265-a8689874be71)\"\n />,\n ]\n}\n","import React from \"react\"\n\nimport * as ColorAppSquircles from \"./color_app_squircles\"\nimport * as AppSymbols from \"./mono_app_symbols\"\n\nexport function ColorAppIcon({\n appName,\n size = 20,\n}: {\n appName: string\n size?: number\n}): JSX.Element {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n style={{ display: \"block\" }}\n >\n {ColorAppSquircles[appName] ? (\n React.createElement(ColorAppSquircles[appName], { key: \"key1\" })\n ) : (\n <span key=\"key1\" />\n )}\n {AppSymbols[appName] ? (\n React.createElement(AppSymbols[appName], { color: \"#fff\", key: \"key2\" })\n ) : (\n <div key=\"key3\">appName not supported</div>\n )}\n </svg>\n )\n}\n","export default function getAppsSwitchProductPath(productName: string): string {\n const basePath = `/apps/${productName.toLowerCase()}`\n const referer = window?.location?.pathname?.toString()\n\n if (!referer) return basePath\n\n const params = new URLSearchParams()\n params.append(\"referer\", referer)\n\n return `${basePath}?${params.toString()}`\n}\n","import React from \"react\"\n\nconst HoverableListItem = ({\n active = false,\n component: C = \"span\",\n style = null,\n ...nativeProps\n}: {\n active?: boolean\n children?: React.ReactNode\n component?: any\n href?: string\n onClick?: any\n style?: object\n}) => {\n const [entered, setEntered] = React.useState(false)\n\n const getBackgroundColor = () =>\n active ? \"#ededed\" : entered ? \"#f7f7f7\" : \"transparent\"\n\n return (\n <C\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n style={{ ...style, backgroundColor: getBackgroundColor() }}\n {...nativeProps}\n />\n )\n}\n\nexport default HoverableListItem\n","import 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 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 React from \"react\"\n\nconst Popup = ({\n component: C = \"div\",\n style = null,\n ...nativeProps\n}: {\n children?: React.ReactNode\n cleanup?: any\n component?: any\n onOutsideClick?: any\n style?: object\n}) => (\n <C\n style={{\n background: \"#FFFFFF\",\n borderRadius: \"3px\",\n boxShadow: \"0 0 0 1px #D4D9E2, 0 8px 32px rgba(0,0,0,.3)\",\n overflow: \"hidden\",\n position: \"absolute\",\n ...style,\n }}\n {...nativeProps}\n />\n)\n\nexport default Popup\n","import pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { ColorAppIcon } from \"../color_app_icon\"\nimport getAppsSwitchProductPath from \"../get_apps_switch_product_path\"\nimport { App } from \"../interfaces\"\nimport { MonoAppName } from \"../mono_app_name\"\nimport * as AppSymbols from \"../mono_app_symbols\"\nimport { fontFamily } from \"../styles\"\nimport HoverableListItem from \"./hoverable_list_item\"\nimport Outsider from \"./outsider\"\nimport PopupRoot from \"./popover_root\"\nimport Popup from \"./popup\"\n\nconst AppsMenu = ({\n appName,\n apps,\n env,\n toggle,\n visible,\n}: {\n appName: string\n apps: App[]\n env: PCO_URL.Environment\n toggle: any\n visible: boolean\n}) => {\n const accountsProduct = apps.find(({ name }) => name === \"Accounts\")\n const homeProduct = apps.find(({ name }) => name === \"Home\")\n const restProducts = [...apps]\n .filter(({ name }) => name !== \"Home\" && name !== \"Accounts\")\n .sort((a, b) => a.name.localeCompare(b.name))\n\n const listItemProps = {\n ...fontFamily,\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n overflow: \"hidden\",\n padding: \"0 16px\",\n verticalAlign: \"middle\",\n }\n\n return (\n <PopupRoot>\n <Popup\n cleanup={!visible}\n component={Outsider}\n onOutsideClick={toggle}\n style={{\n marginTop: \"8px\",\n ...(visible\n ? { opacity: 1, transition: \"none\", visibility: \"visible\" }\n : {\n opacity: 0,\n transition: \"all 120ms ease-in\",\n visibility: \"hidden\",\n }),\n }}\n >\n <menu\n data-pendo=\"app-switcher\"\n style={{ margin: 0, minWidth: 180, padding: 0 }}\n >\n {homeProduct && (\n <HoverableListItem\n component=\"a\"\n data-pendo={`app-switcher--change-app--${homeProduct.name}`}\n data-turbolinks={false}\n href={\n appName === homeProduct.name\n ? `${pcoUrl(env)(\"accounts\")}/apps/${appName}`\n : pcoUrl(env)(\"accounts\") +\n getAppsSwitchProductPath(homeProduct.name)\n }\n style={{ ...listItemProps, borderBottom: \"1px solid #ededed\" }}\n >\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName=\"Home\" size={20} />\n </div>\n <MonoAppName appName=\"Home\" color=\"#444\" size={18} />\n </HoverableListItem>\n )}\n {restProducts.map(({ name }, i) => {\n const isFirst = i === 0\n const isLast = i === restProducts.length - 1\n return (\n <HoverableListItem\n component=\"a\"\n data-pendo={`app-switcher--change-app--${name}`}\n data-turbolinks={false}\n href={\n name === appName\n ? `${pcoUrl(env)(\"accounts\")}/apps/${name.toLowerCase()}`\n : pcoUrl(env)(\"accounts\") + getAppsSwitchProductPath(name)\n }\n key={name}\n style={{\n ...listItemProps,\n height: \"40px\",\n paddingBottom: isLast ? \"4px\" : null,\n paddingTop: isFirst ? \"4px\" : null,\n }}\n >\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName={name.replace(/[\\s-]/, \"\")} size={20} />\n </div>\n <MonoAppName\n appName={name.replace(/[\\s-]/, \"\")}\n color=\"#444\"\n size={18}\n />\n </HoverableListItem>\n )\n })}\n {accountsProduct && (\n <HoverableListItem\n component=\"a\"\n data-pendo={`app-switcher--change-app--${accountsProduct.name}`}\n data-turbolinks={false}\n href={\n pcoUrl(env)(\"accounts\") +\n getAppsSwitchProductPath(accountsProduct.name)\n }\n style={{\n ...listItemProps,\n borderTop: \"1px solid #ededed\",\n padding: \"0 12px\",\n textDecoration: \"none\",\n }}\n >\n <svg\n height={22}\n style={{ display: \"block\", marginRight: \"2px\" }}\n viewBox=\"0 0 20 20\"\n width={22}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {React.createElement(AppSymbols[\"Accounts\"], {\n color: \"#9e9e9e\",\n key: \"key2\",\n })}\n </svg>\n <div\n style={{\n color: \"#737373\",\n fontSize: \"12px\",\n lineHeight: \"28px\",\n }}\n >\n Account settings\n </div>\n </HoverableListItem>\n )}\n </menu>\n </Popup>\n </PopupRoot>\n )\n}\n\nexport default AppsMenu\n","import React from \"react\"\n\nimport { fontFamily } from \"../styles\"\n\nconst Hoverable = ({\n active = null,\n component: C = \"div\",\n hover = null,\n innerRef = null,\n style = null,\n ...nativeProps\n}: {\n active?: any\n children?: React.ReactNode\n component?: any\n hover?: any\n href?: string\n innerRef?: any\n onClick?: any\n style?: object\n type?: string\n}) => {\n const [down, setDown] = React.useState(false)\n const [entered, setEntered] = React.useState(false)\n\n return (\n <C\n onMouseDown={() => setDown(true)}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseUp={() => setDown(false)}\n style={{\n ...fontFamily,\n ...style,\n ...(entered && hover),\n ...(down && active),\n }}\n {...(innerRef && { ref: innerRef })}\n {...nativeProps}\n />\n )\n}\n\nexport default Hoverable\n","import React from \"react\"\n\nimport { BellIcon } from \"../../index\"\n\nconst NotificationBell = ({\n colors,\n indicatorVisible = false,\n isHover = false,\n isOpen = false,\n style = {},\n ...props\n}: {\n colors: any\n indicatorVisible?: boolean\n isHover?: boolean\n isOpen?: boolean\n style?: object\n}) => {\n return (\n <div\n {...props}\n aria-hidden=\"true\"\n style={{ alignItems: \"center\", display: \"flex\", ...style }}\n >\n <BellIcon\n dot={indicatorVisible}\n fill={\n isOpen\n ? \"#ffffff\"\n : isHover && colors.base3Hover\n ? colors.base3Hover\n : colors.base3\n }\n />\n </div>\n )\n}\n\nexport default NotificationBell\n","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 home: { brand62: \"rgba(70, 126, 246, 1)\" },\n interaction45: \"hsl(221 75% 45%)\",\n interaction50: \"hsl(221 91% 50%)\",\n interaction55: \"hsl(221 91% 55%)\", // base\n interaction66: \"hsl(221 91% 66%)\", // controls\n interaction91: \"hsl(221 91% 91%)\",\n interaction93: \"hsl(221 91% 93%)\",\n lightNeutral12: \"hsl(0 0% 12%)\",\n lightNeutral24: \"hsl(0 0% 24%)\",\n lightNeutral45: \"hsl(0 0% 45%)\",\n lightNeutral62: \"hsl(0 0% 62%)\",\n lightNeutral81: \"hsl(0 0% 81%)\",\n lightNeutral88: \"hsl(0 0% 88%)\",\n lightNeutral93: \"hsl(0 0% 93%)\",\n lightNeutral95: \"hsl(0 0% 95%)\",\n lightNeutral97: \"hsl(0 0% 97%)\",\n lightNeutral98: \"hsl(0 0% 98%)\",\n lightNeutral100: \"hsl(0 0% 100%)\",\n success23: \"hsl(86 91% 23%)\",\n success25: \"hsl(86 91% 25%)\", // base\n success27: \"hsl(86 91% 27%)\",\n success91: \"hsl(95 50% 91%)\",\n success97: \"hsl(93 53% 97%)\",\n warning49: \"hsl(42 84% 49%)\",\n warning55: \"hsl(42 84% 55%)\", // base\n warning63: \"hsl(42 84% 63%)\",\n warning94: \"hsl(42 84% 94%)\",\n warning97: \"hsl(42 84% 97%)\",\n}\n\nexport default colors\n","import { useSyncExternalStore } from \"use-sync-external-store/shim\"\n\nimport store from \"../store\"\n\nconst useStore = (selector = (state) => state) =>\n useSyncExternalStore(store.subscribe, () => selector(store.getState()))\n\nexport default useStore\n","import { designSystem } from \"@planningcenter/tapestry-react\"\nimport * as people from \"@planningcenter/icons/paths/people\"\nimport * as toolbar from \"@planningcenter/icons/paths/toolbar\"\n\nconst { generateColorScale } = designSystem\n\nexport const topbarTheme = {\n colors: {\n ...generateColorScale({\n baseColor: \"#2266f7\",\n key: \"primary\",\n }),\n },\n icons: {\n people,\n toolbar,\n },\n id: \"topbar\",\n}\n","import React from \"react\"\n\nconst ConditionalWrap = ({\n children,\n condition = false,\n wrap,\n}: {\n children: React.ReactNode\n condition?: boolean\n wrap: any\n}) => (condition ? wrap(children) : children)\n\nexport default ConditionalWrap\n","import { RefObject, useEffect, useState } from \"react\"\n\nfunction useHover<T extends HTMLElement = HTMLElement>(\n elementRef: RefObject<T>\n): boolean {\n const [value, setValue] = useState<boolean>(false)\n\n const handleMouseEnter = () => setValue(true)\n const handleMouseLeave = () => setValue(false)\n\n useEffect(() => {\n const node = elementRef?.current\n if (!node) return undefined\n\n node.addEventListener(\"mouseenter\", handleMouseEnter)\n node.addEventListener(\"mouseleave\", handleMouseLeave)\n\n return () => {\n node.removeEventListener(\"mouseenter\", handleMouseEnter)\n node.removeEventListener(\"mouseleave\", handleMouseLeave)\n }\n }, [elementRef])\n\n return value\n}\n\nexport default useHover\n","import React from \"react\"\n\nimport colors from \"../colors\"\n\nconst Eyebrow = ({\n dark,\n style,\n ...props\n}: {\n children?: React.ReactNode\n dark: boolean\n style?: object\n}) => (\n <div\n style={{\n color: dark ? colors.lightNeutral62 : colors.lightNeutral24,\n fontSize: \"10px\",\n fontWeight: 400,\n textTransform: \"uppercase\",\n ...style,\n }}\n {...props}\n />\n)\n\nexport default Eyebrow\n","import datetimeFmt from \"@churchcenter/datetime-fmt\"\nimport React from \"react\"\n\nimport colors from \"../colors\"\nimport useHover from \"../hooks/use_hover\"\nimport useStore from \"../hooks/use_store\"\nimport { Notification } from \"../interfaces\"\nimport { fontFamily } from \"../styles\"\nimport Eyebrow from \"./eyebrow\"\nimport HoverableListItem from \"./hoverable_list_item\"\n\nconst MarkReadDot = ({\n isRead = false,\n onClick,\n}: {\n isRead?: boolean\n onClick: any\n}) => {\n const hoverRef = React.useRef(null)\n const isHover = useHover(hoverRef)\n\n return (\n <div\n ref={hoverRef}\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"12px\",\n justifyContent: \"center\",\n width: \"12px\",\n }}\n {...{ onClick }}\n >\n <svg height=\"12\" viewBox=\"0 0 12 12\" width=\"12\">\n <title>unread dot</title>\n <circle\n cx=\"6\"\n cy=\"6\"\n fill={isHover ? colors.interaction66 : colors.lightNeutral81}\n r=\"6\"\n style={{ transition: \"all 0.2s\" }}\n />\n <circle cx=\"6\" cy=\"6\" fill={colors.lightNeutral100} r=\"5\" />\n {!isRead && <circle cx=\"6\" cy=\"6\" r=\"4\" fill={colors.interaction66} />}\n </svg>\n </div>\n )\n}\n\nconst NotificationItem = ({\n mobile = false,\n isLast,\n onMarkAsRead = async () => Promise.resolve({}),\n onToggleRead,\n showBottomBorder,\n notification,\n}: {\n isLast?: boolean\n mobile?: boolean\n notification: Notification\n onMarkAsRead?: (notification: Notification) => Promise<any>\n onToggleRead: any\n showBottomBorder?: boolean\n}) => {\n const { appName, createdAt, isRead, link, title } = notification\n const { organizationTimeZone } = useStore()\n\n const [isActive, setIsActive] = React.useState(false)\n\n const appColors = {\n Calendar: \"9 61% 50%\",\n \"Check-Ins\": \"283 22% 48%\",\n Giving: \"43 88% 64%\",\n Groups: \"17 96% 62%\",\n People: \"220 74% 57%\",\n Publishing: \"220 12% 31%\",\n Registrations: \"175 36% 43%\",\n Services: \"88 45% 41%\",\n }\n\n const handleDotClick = (e) => {\n e.preventDefault()\n e.stopPropagation()\n onToggleRead()\n }\n\n const handleClick = async (_e) => {\n setIsActive(true)\n await onMarkAsRead(notification)\n window.location.href = link\n }\n\n const datetimeFmtOptions = { style: \"relative\" } as {\n style?: string\n timeZone?: string\n }\n if (organizationTimeZone) {\n datetimeFmtOptions.timeZone = organizationTimeZone\n }\n\n return (\n <HoverableListItem\n active={isActive}\n data-turbolinks={false}\n href={link}\n onClick={handleClick}\n style={{\n alignItems: \"flex-start\",\n borderBottom:\n showBottomBorder \|\| !isLast\n ? `1px solid ${\n mobile ? colors.lightNeutral24 : colors.lightNeutral93\n }`\n : \"none\",\n cursor: \"pointer\",\n display: \"flex\",\n overflow: \"hidden\",\n padding: \"12px 16px\",\n textDecoration: \"none\",\n verticalAlign: \"middle\",\n ...fontFamily,\n }}\n >\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n flexGrow: 1,\n justifyContent: \"center\",\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n borderLeft: `4px solid hsl(${appColors[appName] \|\| \"0 0% 81%\"} / ${\n isRead ? \"40%\" : \"100%\"\n }`,\n display: \"flex\",\n marginBottom: \"10px\",\n paddingLeft: \"8px\",\n }}\n >\n <div style={{ flexGrow: 1, marginRight: \"16px\" }}>\n <Eyebrow\n dark={mobile}\n style={{ marginBottom: \"6px\", userSelect: \"none\" }}\n >\n {appName}\n </Eyebrow>\n <h1\n style={{\n color: mobile ? colors.lightNeutral88 : colors.darkNeutral12,\n fontSize: \"14px\",\n fontWeight: 500,\n lineHeight: \"1.3em\",\n margin: 0,\n userSelect: \"none\",\n }}\n >\n {title}\n </h1>\n </div>\n {!mobile && <MarkReadDot onClick={handleDotClick} {...{ isRead }} />}\n </div>\n <div\n style={{\n color: mobile ? colors.lightNeutral62 : colors.lightNeutral24,\n fontSize: \"12px\",\n paddingLeft: \"12px\",\n userSelect: \"none\",\n }}\n >\n {datetimeFmt.datetime(createdAt, datetimeFmtOptions)}\n </div>\n </div>\n </HoverableListItem>\n )\n}\n\nexport default NotificationItem\n","import { Heading, StackView, Text } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nimport { BlankStateIcon } from \"../symbols\"\n\nconst NotificationsMenuBlankState = ({\n context,\n dark = false,\n description,\n title = \"No notifications\",\n}: {\n context?: string\n dark?: boolean\n description: string\n style?: object\n title?: string\n}) => (\n <StackView alignment=\"center\" distribution=\"center\" padding={4}>\n <BlankStateIcon id={context} {...{ dark }} />\n <Heading\n color={dark ? \"#fafafa\" : \"#3d3d3d\"}\n fontWeight={500}\n marginTop={1}\n size={3}\n >\n {title}\n </Heading>\n <Text align=\"center\" color={dark ? \"#fafafa\" : \"#3d3d3d\"} size={4}>\n {description}\n </Text>\n </StackView>\n)\n\nexport default NotificationsMenuBlankState\n","import 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 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 \"./utils.css\"\n\nimport { Spinner, ThemeProvider } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\nimport useDimensions from \"react-cool-dimensions\"\nimport { Transition, TransitionGroup } from \"react-transition-group\"\n\nimport colors from \"../colors\"\nimport useLocalStorage from \"../hooks/use_local_storage\"\nimport useStore from \"../hooks/use_store\"\nimport { App, Notification } from \"../interfaces\"\nimport { ChevronIcon, Cog, ExclamationTriangle } from \"../symbols\"\nimport { topbarTheme } from \"../theme\"\nimport ConditionalWrap from \"./conditional_wrap\"\nimport Hoverable from \"./hoverable\"\nimport NotificationItem from \"./notification_item\"\nimport NotificationsMenuBlankState from \"./notifications_menu_blank_state\"\nimport NotificationsMenuWrapper from \"./notifications_menu_wrapper\"\n\nconst Headline = ({ dark, ...props }) => (\n <h1\n style={{\n color: dark ? \"#fafafa\" : \"#3d3d3d\",\n fontSize: \"18px\",\n fontWeight: 500,\n lineHeight: 1,\n margin: 0,\n userSelect: \"none\",\n }}\n {...props}\n />\n)\n\nconst SectionHeaderButton = ({\n dark = false,\n disabled,\n onClick,\n title,\n ...props\n}: {\n dark?: boolean\n disabled?: boolean\n onClick: any\n title: string\n}) => (\n <div\n style={{\n color: disabled\n ? colors.lightNeutral62\n : dark\n ? colors.lightNeutral100\n : colors.interaction66,\n cursor: disabled ? \"default\" : \"pointer\",\n fontSize: \"12px\",\n fontWeight: 600,\n }}\n onClick={!disabled && onClick}\n {...props}\n >\n {title}\n </div>\n)\n\nconst SectionHeader = (props: { children?: React.ReactNode }) => (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n padding: \"16px\",\n }}\n {...props}\n />\n)\n\nconst SectionHeaderTitle = ({\n dark,\n ...props\n}: {\n children?: React.ReactNode\n dark: boolean\n}) => (\n <div\n style={{\n color: dark ? colors.darkNeutral88 : colors.lightNeutral12,\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n userSelect: \"none\",\n }}\n {...props}\n />\n)\n\nconst ManageButton = ({\n dark = false,\n href,\n ...props\n}: {\n children?: React.ReactNode\n dark?: boolean\n href: string\n}) => (\n <Hoverable\n component=\"a\"\n hover={{ backgroundColor: dark ? null : colors.interaction93 }}\n href={href}\n style={{\n border: `1px solid ${dark ? colors.darkNeutral88 : colors.interaction55}`,\n borderRadius: \"4px\",\n cursor: \"pointer\",\n display: \"block\",\n padding: \"2px 4px\",\n textDecoration: \"none\",\n transition: \"all 120ms ease-in\",\n }}\n >\n <p\n style={{\n color: dark ? colors.darkNeutral88 : colors.interaction55,\n fontSize: \"12px\",\n fontWeight: 500,\n margin: 0,\n textAlign: \"center\",\n userSelect: \"none\",\n }}\n {...props}\n />\n </Hoverable>\n)\n\nconst NotificationsMenu = ({\n apps,\n hasError = false,\n isLoading = false,\n mobile = false,\n toggle,\n visible,\n}: {\n apps: App[]\n hasError?: boolean\n isLoading?: boolean\n mobile?: boolean\n toggle?: any\n visible?: boolean\n}) => {\n const ref = React.useRef(null)\n const { storedValue: localShowRead, setStoredValue: setLocalShowRead } =\n useLocalStorage(\"Topbar:Notifications:showRead\", true)\n\n const [topDistance, setTopDistance] = React.useState(0)\n const [showRead, setShowRead] = React.useState(localShowRead)\n const [active, setActive] = React.useState(\"main\")\n const [height, setHeight] = React.useState(0)\n\n const {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n read,\n unread,\n } = useStore((state) => state[\"notifications\"]) \|\| {}\n\n const { observe: mainRef, height: mainHeight } = useDimensions({\n onResize: ({ observe, unobserve, height }) => {\n if (active === \"main\") {\n setHeight(height)\n }\n unobserve()\n observe()\n },\n })\n\n const { observe: settingsRef, height: settingsHeight } = useDimensions({\n onResize: ({ observe, unobserve, height }) => {\n if (active === \"settings\") {\n setHeight(height)\n }\n unobserve()\n observe()\n },\n })\n\n React.useEffect(() => {\n setTopDistance(ref.current?.getBoundingClientRect().top \|\| 0)\n }, [ref.current])\n\n React.useEffect(() => {\n if (visible && !isLoading) {\n setHeight(active === \"main\" ? mainHeight : settingsHeight)\n }\n }, [active, isLoading, visible])\n\n React.useEffect(() => {\n if (!visible) {\n setActive(\"main\")\n }\n }, [visible])\n\n React.useEffect(() => {\n setLocalShowRead(showRead)\n }, [setLocalShowRead, showRead])\n\n const FLOATING_MARGIN = 16\n\n const duration = 800\n\n const hasPrefs = apps.some(\n ({ notifications_preferences_url }) => !!notifications_preferences_url\n )\n\n const defaultStyle = { transition: `opacity ${duration}ms ease-in-out` }\n\n const transitionStyles = {\n entered: { opacity: 1 },\n entering: { opacity: 0.2 },\n }\n\n const handleToggle = () => {\n setActive(\"main\")\n setHeight(mainHeight)\n toggle()\n }\n\n return (\n <ThemeProvider theme={topbarTheme}>\n <ConditionalWrap\n condition={!mobile}\n wrap={(children) => (\n <NotificationsMenuWrapper\n toggle={handleToggle}\n {...{ children, visible }}\n />\n )}\n >\n <menu\n ref={ref}\n style={{\n alignItems: \"start\",\n display: \"flex\",\n height: mobile ? \"100%\" : `${height}px`,\n margin: `0 0 0 ${active === \"main\" ? 0 : \"-100%\"}`,\n padding: 0,\n transition: \"all 240ms ease-in-out\",\n width: \"200%\",\n ...(!mobile && {\n maxHeight: `${\n window.innerHeight - topDistance - FLOATING_MARGIN\n }px`,\n }),\n }}\n >\n <div\n className=\"hide-scrollbar\"\n style={{\n height: \"100%\",\n overflowX: \"hidden\",\n overflowY: \"scroll\",\n width: \"100%\",\n }}\n >\n <div ref={mainRef}>\n <div\n style={{\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n margin: 0,\n padding: \"4px 0\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n justifyContent: \"space-between\",\n padding: \"12px 16px 0\",\n }}\n >\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <Headline dark={mobile}>Notifications</Headline>\n {isLoading && (\n <div style={{ marginLeft: \"8px\" }}>\n <Spinner\n color=\"hsl(0 0% 62%)\"\n thickness={2}\n trackColor=\"hsl(0 0% 97%)\"\n />\n </div>\n )}\n {hasError && (\n <ExclamationTriangle\n fill=\"hsl(8 60% 47%)\"\n size={16}\n style={{ marginLeft: \"8px\" }}\n />\n )}\n </div>\n {hasPrefs && (\n <div style={{ marginLeft: \"8px\" }}>\n <Hoverable\n hover={{ opacity: 1, transform: \"rotate(45deg)\" }}\n onClick={() => setActive(\"settings\")}\n style={{\n cursor: \"pointer\",\n opacity: 0.8,\n transition: \"all 120ms ease-in\",\n }}\n >\n <Cog fill={colors.lightNeutral62} size={16} />\n </Hoverable>\n </div>\n )}\n </div>\n {read.length > 0 && (\n <div style={{ padding: \"4px 16px 0\" }}>\n <SectionHeaderButton\n dark={mobile}\n onClick={() => setShowRead((showRead) => !showRead)}\n title={`${showRead ? \"Hide\" : \"Show\"} read`}\n />\n </div>\n )}\n {unread.length === 0 && (\n <NotificationsMenuBlankState\n context=\"topbar\"\n dark={mobile}\n description={`When you have ${\n read.length > 0 ? \"unread \" : \"\"\n }notifications they will show up here.`}\n {...(read.length > 0 && {\n title: \"No unread notifications\",\n })}\n />\n )}\n\n {unread.length > 0 && (\n <>\n <SectionHeader>\n <SectionHeaderTitle dark={mobile}>\n Unread\n </SectionHeaderTitle>\n {unread.length > 0 && (\n <SectionHeaderButton\n dark={mobile}\n onClick={() => handleMarkAllAsRead()}\n title={`Mark ${unread.length} as read`}\n />\n )}\n </SectionHeader>\n\n <TransitionGroup exit={false}>\n {unread.map((notification: Notification, idx) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <NotificationItem\n isLast={unread.length === idx + 1}\n key={notification.id}\n onMarkAsRead={handleMarkAsRead}\n onToggleRead={() =>\n handleToggleRead(notification)\n }\n showBottomBorder={read.length > 0}\n {...{ mobile, notification }}\n />\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n </>\n )}\n {read.length > 0 && showRead && (\n <>\n <SectionHeader>\n <SectionHeaderTitle dark={mobile}>\n Read\n </SectionHeaderTitle>\n </SectionHeader>\n <TransitionGroup exit={false}>\n {read.map((notification: Notification) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <div style={{ opacity: 0.6 }}>\n <NotificationItem\n key={notification.id}\n onToggleRead={() =>\n handleToggleRead(notification)\n }\n showBottomBorder\n {...{ mobile, notification }}\n />\n </div>\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n </>\n )}\n {/* {(unread.length > 0 \|\| read.length > 0) && <ShowMoreButton />} /}\n </div>\n </div>\n </div>\n <div\n className=\"hide-scrollbar\"\n style={{\n height: \"100%\",\n overflowX: \"hidden\",\n overflowY: \"scroll\",\n width: \"100%\",\n }}\n >\n <div ref={settingsRef}>\n <div\n style={{\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n margin: 0,\n padding: \"16px 16px 4px\",\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n marginBottom: \"12px\",\n }}\n >\n <Hoverable\n onClick={() => setActive(\"main\")}\n style={{\n color: colors.lightNeutral62,\n cursor: \"pointer\",\n marginRight: \"4px\",\n }}\n >\n <ChevronIcon fill={colors.lightNeutral62} size={16} />\n </Hoverable>\n <Headline dark={mobile}>Notification settings</Headline>\n </div>\n <p\n style={{\n color: mobile\n ? colors.darkNeutral88\n : colors.lightNeutral24,\n fontSize: \"14px\",\n marginBottom: \"24px\",\n marginTop: \"0\",\n }}\n >\n Important notifications are always delivered to the inbox.\n Customize the additional notifications you receive:\n </p>\n\n {apps.map(({ name, notifications_preferences_url }) => {\n if (!notifications_preferences_url) return null\n\n const appNameStyle = {\n color: mobile\n ? colors.darkNeutral88\n : colors.lightNeutral24,\n fontSize: \"14px\",\n fontWeight: 600,\n margin: \"0\",\n marginRight: \"8px\",\n }\n\n return (\n <div\n key={name}\n style={{\n alignItems: \"center\",\n display: \"flex\",\n marginBottom: \"16px\",\n }}\n >\n <p style={appNameStyle}>{name}</p>\n <ManageButton\n dark={mobile}\n href={notifications_preferences_url}\n >\n Manage\n </ManageButton>\n </div>\n )\n })}\n </div>\n </div>\n </div>\n </menu>\n </ConditionalWrap>\n </ThemeProvider>\n )\n}\n\nexport default NotificationsMenu\n","import React, { Component } from \"react\"\n\nexport const BlankFallback: React.ReactNode = () => <></>\n\nconst defaultProps = Object.freeze({ fallback: BlankFallback })\nconst initialState = Object.freeze({ hasError: false })\n\ntype Props = typeof defaultProps\ntype State = typeof initialState\n\nclass ErrorBoundary extends Component<Props, State> {\n static readonly defaultProps = defaultProps\n readonly state = initialState\n\n static getDerivedStateFromError(_error: unknown) {\n return { hasError: true }\n }\n\n componentDidCatch(error: unknown, errorInfo: React.ErrorInfo) {\n if (error instanceof Error) {\n console.error(\n `topbar ErrorBoundary caught error: ${error.toString()}`,\n errorInfo\n )\n } else {\n console.error(`topbar ErrorBoundary caught error: ${error}`, errorInfo)\n }\n }\n\n render() {\n return (\n <>{this.state.hasError ? this.props.fallback : this.props.children}</>\n )\n }\n}\n\nexport default ErrorBoundary\n","import { App, ConnectedPerson } from \"./interfaces\"\n\nconst sortByAttribute =\n (attr: string) =>\n (arr: any[]): any[] =>\n arr.slice().sort((a, b) => a[attr].localeCompare(b[attr]))\n\nexport const appsMenuFormatter = (apps: App[]): App[] =>\n sortByAttribute(\"name\")(apps).reduce(\n (acc, item) =>\n (item.name \|\| \"\") === \"Church Center\" \|\| (item.name \|\| \"\") === \"API\"\n ? acc\n : item.name === \"Home\"\n ? [item, ...acc]\n : [...acc, item],\n []\n )\n\nexport const connectedPeopleMenuFormatter = (\n connectedPeople: ConnectedPerson[]\n): ConnectedPerson[] =>\n connectedPeople\n .slice()\n .sort((a, b) =>\n a.attributes[\"organization_name\"].localeCompare(\n b.attributes[\"organization_name\"]\n )\n )\n","import React from \"react\"\n\nexport function StyledRoot({ children, style, ...nativeProps }): JSX.Element {\n return (\n <nav\n className=\"simple\"\n data-pendo=\"topbar\"\n aria-label=\"topbar-navigation\"\n style={{\n MozOsxFontSmoothing: \"grayscale\",\n WebkitFontSmoothing: \"antialiased\",\n alignItems: \"center\",\n color: \"white\",\n display: \"flex\",\n height: \"48px\",\n position: \"relative\",\n ...style,\n }}\n {...nativeProps}\n >\n <style>{`\n @media only print {\n .simple {\n display: none !important;\n }\n }\n `}</style>\n {children}\n </nav>\n )\n}\n","import React from \"react\"\n\nimport Hoverable from \"../components/hoverable\"\nimport { slightBackgroundTransition } from \"../styles\"\nimport { HelpIcon } from \"../symbols\"\nimport { Unbutton } from \"../unbutton\"\n\nexport const HelpdeskTrigger = ({ colors }: { colors: any }) => {\n return (\n <Hoverable\n hover={{\n backgroundColor: colors.highlight \|\| \"rgb(255 255 255 / 12%)\",\n }}\n style={{\n alignItems: \"center\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n display: \"flex\",\n justifyContent: \"center\",\n marginLeft: \"8px\",\n marginRight: \"-4px\",\n transition: \"all 150ms\",\n ...slightBackgroundTransition,\n }}\n >\n <Unbutton\n id=\"jsLaunchHelpdesk\"\n style={{ borderRadius: \"50%\", padding: \"4px\" }}\n >\n <HelpIcon colors={colors} />\n </Unbutton>\n </Hoverable>\n )\n}\n","import pcoUrl, { Environment } from \"@planningcenter/url\"\n\ntype props = {\n appName: string\n env: Environment\n userId: string\n}\n\nexport default function getLoginProfilePath({\n env,\n appName,\n userId,\n}: props): string {\n const basePath = pcoUrl(env)(\"login\") + `/people/AC${userId}`\n const pathname = window?.location?.pathname?.toString()\n\n if (!pathname) return basePath\n\n const params = new URLSearchParams()\n params.append(\"return\", `${appName}/${pathname}`)\n\n return `${basePath}?${params.toString()}`\n}\n","import React from \"react\"\n\ntype MFAStatusProps = {\n isActive: boolean\n}\n\nconst MFAStatus = ({ isActive }: MFAStatusProps) => {\n const statusColor = isActive ? \"hsl(86, 91%, 27%)\" : \"hsl(8, 60%, 47%)\"\n\n const displayStatusIcon = () =>\n isActive ? (\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path\n d=\"M12.588 5.31499H11.832V3.79999C11.8159 2.80798 11.4105 1.86207 10.7032 1.16625C9.99602 0.470436 9.04363 0.0804749 8.0515 0.0804749C7.05937 0.0804749 6.10698 0.470436 5.39976 1.16625C4.69253 1.86207 4.28713 2.80798 4.271 3.79999V5.31499H3.515C3.1138 5.31525 2.72906 5.47454 2.44508 5.75795C2.16111 6.04136 2.00106 6.42579 2 6.82699V14.388C2.00132 14.7891 2.16146 15.1734 2.44537 15.4567C2.72929 15.7401 3.11388 15.8995 3.515 15.9H12.588C12.9886 15.8987 13.3724 15.7389 13.6557 15.4557C13.939 15.1724 14.0987 14.7886 14.1 14.388V6.82699C14.0987 6.42639 13.939 6.04257 13.6557 5.7593C13.3724 5.47603 12.9886 5.31631 12.588 5.31499ZM8.051 12.115C7.75171 12.1152 7.45909 12.0266 7.21015 11.8605C6.96121 11.6944 6.76713 11.4581 6.65246 11.1817C6.53779 10.9052 6.50768 10.601 6.56595 10.3074C6.62422 10.0139 6.76824 9.74418 6.97979 9.53249C7.19135 9.32079 7.46094 9.17659 7.75446 9.11813C8.04798 9.05967 8.35225 9.08958 8.62877 9.20406C8.90529 9.31855 9.14165 9.51247 9.30794 9.7613C9.47424 10.0101 9.563 10.3027 9.563 10.602C9.56327 11.0036 9.40424 11.389 9.1208 11.6735C8.83736 11.9581 8.45264 12.1187 8.051 12.12V12.115ZM10.395 5.31499H5.707V3.79999C5.707 3.17832 5.95396 2.58211 6.39354 2.14253C6.83313 1.70294 7.42933 1.45599 8.051 1.45599C8.67267 1.45599 9.26887 1.70294 9.70846 2.14253C10.148 2.58211 10.395 3.17832 10.395 3.79999V5.31499Z\"\n fill={statusColor}\n />\n </svg>\n ) : (\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path\n d=\"M13.7,5.8a1.5,1.5,0,0,0-1.1-.4H5.7V3.8a2.34,2.34,0,0,1,.7-1.7,2.19,2.19,0,0,1,1.7-.7,2.34,2.34,0,0,1,1.7.7,2.67,2.67,0,0,1,.7,1.4h1.4a4.12,4.12,0,0,0-1.1-2.4A4.73,4.73,0,0,0,8.1.1,4,4,0,0,0,5.4,1.2,3.63,3.63,0,0,0,4.3,3.8V5.3H3.5a2.1,2.1,0,0,0-1.1.4A2.1,2.1,0,0,0,2,6.8v7.6a2.1,2.1,0,0,0,.4,1.1,1.5,1.5,0,0,0,1.1.4h9.1a2.1,2.1,0,0,0,1.1-.4,1.5,1.5,0,0,0,.4-1.1V6.8A1.53,1.53,0,0,0,13.7,5.8ZM9.1,11.7a1.5,1.5,0,0,1-1.1.4H8a1.14,1.14,0,0,1-.8-.3,4.35,4.35,0,0,1-.6-.7,2.77,2.77,0,0,1-.1-.9A3,3,0,0,1,7,9.5a1.23,1.23,0,0,1,.8-.4,1.41,1.41,0,0,1,.9.1,1.34,1.34,0,0,1,.7.6,1.14,1.14,0,0,1,.3.8A2.38,2.38,0,0,1,9.1,11.7Z\"\n fill={statusColor}\n />\n </svg>\n )\n\n return (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"13px\",\n marginBottom: 2,\n marginTop: 4,\n }}\n >\n {displayStatusIcon()}\n\n <span\n style={{\n color: \"#888\",\n marginLeft: 4,\n whiteSpace: \"nowrap\",\n }}\n >\n Two-step verification {isActive ? \"active\" : \"inactive\"}\n </span>\n </div>\n )\n}\n\nexport default MFAStatus\n","import pcoUrl from \"@planningcenter/url\"\nimport as PCO_URL from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport HoverableListItem from \"../components/hoverable_list_item\"\nimport Outsider from \"../components/outsider\"\nimport Popup from \"../components/popup\"\nimport PopupRoot from \"../components/popup_root\"\nimport { connectedPeopleMenuFormatter } from \"../formatters\"\nimport getLoginProfilePath from \"../get_login_profile_path\"\nimport { ConnectedPerson } from \"../interfaces\"\nimport MFAStatus from \"../mfa_status\"\nimport { fontFamily, IEFlex1 } from \"../styles\"\n\ninterface UserMenuProps {\n appName: string\n connectedPeople: ConnectedPerson[]\n env: PCO_URL.Environment\n linkToProfile: boolean\n mfaConfigured: boolean\n mfaEnabled: boolean\n orgName: string\n requestClearAppsCache: any\n requestClearConnectedPeopleCache: any\n requestSwitchConnectedPerson: any\n requestUnlinkConnectedPeople: any\n setUserMenuVisible: Function\n toolbarEnabled: boolean\n userId: string\n userMenuVisible: boolean\n userName: string\n}\n\nexport const UserMenu = ({\n appName,\n connectedPeople,\n env,\n linkToProfile,\n mfaConfigured,\n mfaEnabled,\n orgName,\n requestClearAppsCache,\n requestClearConnectedPeopleCache,\n requestSwitchConnectedPerson,\n requestUnlinkConnectedPeople,\n setUserMenuVisible,\n toolbarEnabled,\n userId,\n userMenuVisible,\n userName,\n}: UserMenuProps) => {\n return (\n <PopupRoot>\n <Popup\n component={Outsider}\n onOutsideClick={() => setUserMenuVisible(false)}\n cleanup={!userMenuVisible}\n style={{\n color: \"#525252\",\n marginTop: \"8px\",\n maxHeight: \"75vh\",\n maxWidth: \"320px\",\n overflow: \"scroll\",\n right: 0,\n ...(userMenuVisible\n ? {\n opacity: 1,\n transition: \"none\",\n visibility: \"visible\",\n }\n : {\n opacity: 0,\n transition: \"all 120ms ease-in\",\n visibility: \"hidden\",\n }),\n cursor: \"default\",\n }}\n >\n <div>\n {!toolbarEnabled && (\n <div\n style={{\n display: \"block\",\n textDecoration: \"none\",\n }}\n >\n <div style={{ padding: \"16px\" }}>\n <div\n style={{\n display: \"flex\",\n fontSize: \"18px\",\n lineHeight: \"24px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n ...fontFamily,\n color: \"#444\",\n marginRight: 8,\n maxWidth: \"240px\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {userName}\n </div>\n </div>\n </div>\n\n <div\n style={{\n color: \"#666\",\n fontSize: \"14px\",\n lineHeight: \"20px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n {orgName}\n </div>\n </div>\n\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n }}\n >\n {linkToProfile && (\n <HoverableListItem\n component=\"a\"\n href={`/people/AC${userId}`}\n data-turbolinks={false}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n padding: \"16px\",\n textAlign: \"left\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n My profile\n </HoverableListItem>\n )}\n\n {mfaEnabled && (\n <HoverableListItem\n component=\"a\"\n href={getLoginProfilePath({\n appName: appName,\n env: env,\n userId: userId,\n })}\n data-turbolinks={false}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n padding: \"16px\",\n textAlign: \"left\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n My login settings\n <MFAStatus isActive={mfaConfigured} />\n </HoverableListItem>\n )}\n </div>\n </div>\n )}\n\n {connectedPeople.length ? (\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: \"#eee\",\n borderTop: \"1px solid #ddd\",\n display: \"flex\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n color: \"#666\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n\n <div\n style={{\n ...IEFlex1,\n alignItems: \"center\",\n fontSize: \"12px\",\n textAlign: \"right\",\n }}\n >\n <a\n href=\"\"\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestUnlinkConnectedPeople()\n e.preventDefault()\n }}\n style={{\n color: \"#666\",\n marginLeft: \"64px\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n unlink\n </a>\n </div>\n </div>\n ) : (\n <noscript />\n )}\n\n <style>{`\n .NotSmallTopbar__connected-people-list > :first-child > { border-top-width: 0 !important }\n `}</style>\n <ul\n className=\"NotSmallTopbar__connected-people-list\"\n style={{ listStyleType: \"none\", margin: 0, padding: 0 }}\n >\n {connectedPeopleMenuFormatter(connectedPeople).map(\n ({ id, attributes: person }) => (\n <HoverableListItem component=\"li\" key={id}>\n <a\n href=\"\"\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestSwitchConnectedPerson(id, `${appName}/`)\n e.preventDefault()\n }}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n lineHeight: \"48px\",\n overflow: \"hidden\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n {person.organization_name}\n </a>\n </HoverableListItem>\n )\n )}\n </ul>\n </div>\n\n {!toolbarEnabled && (\n <HoverableListItem\n component=\"a\"\n href={`${pcoUrl(env)(\"login\")}/logout`}\n onClick={() => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n return\n }}\n data-turbolinks={false}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n lineHeight: \"48px\",\n padding: \"0 16px\",\n textAlign: \"center\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n <svg\n style={{ marginRight: \"8px\" }}\n width=\"12px\"\n height=\"10px\"\n viewBox=\"0 0 12 10\"\n >\n <g\n id=\"Page-1\"\n stroke=\"none\"\n strokeWidth=\"1\"\n fill=\"none\"\n fillRule=\"evenodd\"\n >\n <g\n id=\"Results-Copy\"\n transform=\"translate(-113.000000, -252.000000)\"\n fill=\"#444\"\n >\n <path\n d=\"M124.327628,256.578333 L122.013462,254.285 C121.870962,254.143333 121.683462,254.061667 121.486795,254.053333 C121.282628,254.045 121.092628,254.118333 120.950962,254.258333 C120.666795,254.54 120.666795,255.004167 120.950962,255.285833 L121.974295,256.255 L117.971795,256.255 C117.926795,256.255 117.884295,256.26 117.841795,256.268333 C117.489295,256.33 117.220962,256.633333 117.220962,257 C117.220962,257.410833 117.557628,257.745 117.971795,257.745 L121.990128,257.745 L120.950962,258.820833 C120.815128,258.955833 120.731795,259.1675 120.731795,259.374167 C120.731795,259.575833 120.813462,259.7775 120.950962,259.914167 C121.092628,260.055 121.281795,260.133333 121.480962,260.135833 C121.682628,260.1375 121.871795,260.061667 122.013462,259.920833 L124.327628,257.63 C124.610962,257.348333 124.610962,256.859167 124.327628,256.578333 M116.804167,260.523333 C116.7625,260.515 116.719167,260.510833 116.674167,260.510833 L114.5025,260.510833 L114.5025,253.489167 L116.6475,253.489167 C117.061667,253.489167 117.399167,253.155833 117.399167,252.745 C117.399167,252.378333 117.13,252.074167 116.7775,252.0125 C116.735,252.004167 116.6925,252 116.6475,252 L113.965,252 C113.540833,252 113,252.5075 113,252.904167 L113,261.308333 C113,261.736667 113.5625,262 113.965,262 L116.674167,262 C117.088333,262 117.425,261.665833 117.425,261.255 C117.425,260.889167 117.156667,260.585 116.804167,260.523333\"\n id=\"Fill-1\"\n />\n </g>\n </g>\n </svg>\n Log out\n </HoverableListItem>\n )}\n </Popup>\n </PopupRoot>\n )\n}\n","import pcoUrl, { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nexport function Avatar({\n env,\n url: incomingUrl = \"\",\n style,\n ...nativeProps\n}: {\n env: Environment\n style?: object\n url?: string\n}): JSX.Element {\n const url =\n incomingUrl \|\| `${pcoUrl(env)(\"people\")}/static/no_photo_thumbnail_gray.svg`\n\n return (\n <div\n style={{\n backgroundColor: \"white\",\n backgroundImage: `url(${url})`,\n backgroundPosition: \"center\",\n backgroundSize: \"cover\",\n borderRadius: \"50%\",\n height: \"26px\",\n marginLeft: \"4px\",\n width: \"26px\",\n ...style,\n }}\n {...nativeProps}\n />\n )\n}\n","import * as PCO_URL from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { Avatar } from \"../avatar\"\nimport Hoverable from \"../components/hoverable\"\nimport { ConnectedPerson } from \"../interfaces\"\nimport { slightBackgroundTransition } from \"../styles\"\nimport { DisclosureChevronIcon } from \"../symbols\"\n\ninterface UserMenuTriggerProps {\n colors: any\n connectedPeople: ConnectedPerson[]\n env: PCO_URL.Environment\n orgName: string\n requestConnectedPeopleFetch: any\n setUserMenuVisible: Function\n showOrgName: boolean\n toolbarEnabled: boolean\n userAvatarPath: string\n}\n\nexport const UserMenuTrigger = ({\n colors,\n connectedPeople,\n env,\n orgName,\n requestConnectedPeopleFetch,\n setUserMenuVisible,\n showOrgName,\n toolbarEnabled,\n userAvatarPath,\n}: UserMenuTriggerProps) => {\n return (\n <div\n style={{\n cursor: \"pointer\",\n marginLeft: \"16px\",\n position: \"relative\",\n whiteSpace: \"nowrap\",\n }}\n >\n <Hoverable\n component=\"button\"\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n alignItems: \"center\",\n appearance: \"none\",\n backgroundColor: colors.base1,\n border: \"none\",\n borderRadius: \"9999px\",\n color: colors.text \|\| \"#fff\",\n // TODO: #improve-outline-a11y\n cursor: \"pointer\",\n display: \"flex\",\n fontSize: \"13px\",\n lineHeight: \"32px\",\n outline: 0,\n padding: 0,\n ...slightBackgroundTransition,\n }}\n active={{ backgroundColor: colors.base3 }}\n hover={{ backgroundColor: colors.base2 }}\n onClick={() => {\n setUserMenuVisible((visible) => !visible)\n requestConnectedPeopleFetch()\n }}\n >\n {toolbarEnabled ? (\n <div style={{ marginLeft: 8 }} />\n ) : (\n <Avatar env={env} url={userAvatarPath} />\n )}\n\n {showOrgName && connectedPeople.length ? (\n <div\n style={{\n fontSize: \"13px\",\n margin: \"0 8px 0 8px\",\n maxWidth: \"240px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {orgName}\n </div>\n ) : (\n <div style={{ margin: \"0 4px 0 4px\" }} />\n )}\n <div style={{ paddingRight: \"8px\" }}>\n <DisclosureChevronIcon colors={colors} style={{ margin: \"-3px\" }} />\n </div>\n </Hoverable>\n </div>\n )\n}\n","import React from \"react\"\n\nimport AppsButton from \"../components/apps_button\"\nimport AppsMenu from \"../components/apps_menu\"\nimport Hoverable from \"../components/hoverable\"\nimport NotificationBell from \"../components/notification_bell\"\nimport NotificationsMenu from \"../components/notifications_menu\"\nimport ErrorBoundary from \"../error_boundary\"\nimport { appsMenuFormatter } from \"../formatters\"\nimport useHover from \"../hooks/use_hover\"\nimport useStore from \"../hooks/use_store\"\nimport { SharedTopbarProps } from \"../interfaces\"\nimport { StyledRoot } from \"../styled_root\"\nimport { fontFamily, slightBackgroundTransition } from \"../styles\"\nimport { HelpdeskTrigger } from \"./helpdesk_trigger\"\nimport { UserMenu } from \"./user_menu\"\nimport { UserMenuTrigger } from \"./user_menu_trigger\"\n\ninterface NotSmallTopbarProps {\n onLinkToProfileClick?: () => any\n search?: any\n showOrgName?: boolean\n}\n\nconst Topbar = (props: NotSmallTopbarProps & SharedTopbarProps) => {\n const [appsMenuVisible, setAppsMenuVisible] = React.useState(false)\n const [notificationsMenuVisible, setNotificationsMenuVisible] =\n React.useState(false)\n const [routesVisible, setRoutesVisible] = React.useState(true)\n const [userMenuVisible, setUserMenuVisible] = React.useState(false)\n const {\n mfaConfigured,\n mfaEnabled,\n notifications,\n notificationsEnabled,\n toolbarEnabled,\n } = useStore()\n\n const hoverRef = React.useRef(null)\n const isHover = useHover(hoverRef)\n\n return (\n <StyledRoot\n style={{\n paddingLeft: \"8px\",\n paddingRight: \"16px\",\n ...props.style,\n }}\n >\n <AppsMenu\n env={props.env}\n appName={props.appName}\n apps={appsMenuFormatter(props.apps)}\n visible={appsMenuVisible}\n toggle={() => setAppsMenuVisible((visible) => !visible)}\n />\n\n <AppsButton\n colors={props.colors}\n expanded={appsMenuVisible}\n onClick={() => {\n setAppsMenuVisible((visible) => !visible)\n props.requestAppsFetch()\n }}\n appName={props.appName}\n />\n\n <div style={{ margin: \"12px\" }} />\n\n {routesVisible && props.routes}\n\n <div style={{ margin: \"auto\" }} />\n\n {!notificationsEnabled && props.notifications()}\n\n {props.search({\n hideRoutes: () => setRoutesVisible(false),\n showRoutes: () => setRoutesVisible(true),\n })}\n\n {notificationsEnabled && !toolbarEnabled && (\n <ErrorBoundary\n fallback={\n <NotificationBell\n colors={props.colors}\n style={{ cursor: \"not-allowed\", marginLeft: \"8px\" }}\n />\n }\n >\n <NotificationsMenu\n apps={props.apps}\n toggle={() => setNotificationsMenuVisible((visible) => !visible)}\n visible={notificationsMenuVisible}\n />\n\n <Hoverable\n component=\"button\"\n hover={{\n backgroundColor:\n props.colors.highlight \|\| \"rgb(255 255 255 / 12%)\",\n }}\n innerRef={hoverRef}\n onClick={() => setNotificationsMenuVisible((visible) => !visible)}\n style={{\n alignItems: \"center\",\n backgroundColor: \"transparent\",\n border: \"none\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n display: \"flex\",\n justifyContent: \"center\",\n marginLeft: \"8px\",\n padding: \"4px\",\n transition: \"all 150ms\",\n ...slightBackgroundTransition,\n }}\n aria-label=\"Notifications\"\n >\n <NotificationBell\n colors={props.colors}\n indicatorVisible={notifications?.unread?.length > 0}\n isHover={isHover}\n isOpen={notificationsMenuVisible}\n />\n </Hoverable>\n </ErrorBoundary>\n )}\n {!(toolbarEnabled && props.connectedPeople.length === 0) && (\n <UserMenuTrigger\n colors={props.colors}\n connectedPeople={props.connectedPeople}\n env={props.env}\n orgName={props.orgName}\n requestConnectedPeopleFetch={props.requestAppsFetch}\n setUserMenuVisible={setUserMenuVisible}\n showOrgName={props.showOrgName}\n toolbarEnabled={toolbarEnabled}\n userAvatarPath={props.userAvatarPath}\n />\n )}\n\n <UserMenu\n appName={props.appName}\n connectedPeople={props.connectedPeople}\n env={props.env}\n linkToProfile={props.linkToProfile}\n mfaConfigured={mfaConfigured}\n mfaEnabled={mfaEnabled}\n orgName={props.orgName}\n requestClearAppsCache={props.requestClearAppsCache}\n requestClearConnectedPeopleCache={\n props.requestClearConnectedPeopleCache\n }\n requestSwitchConnectedPerson={props.requestSwitchConnectedPerson}\n requestUnlinkConnectedPeople={props.requestUnlinkConnectedPeople}\n setUserMenuVisible={setUserMenuVisible}\n toolbarEnabled={toolbarEnabled}\n userId={props.userId}\n userMenuVisible={userMenuVisible}\n userName={props.userName}\n />\n\n {!toolbarEnabled && <HelpdeskTrigger colors={props.colors} />}\n </StyledRoot>\n )\n}\n\nTopbar.defaultProps = {\n linkToProfile: true,\n notifications: () => null,\n search: () => null,\n showOrgName: true,\n useDummyNotifications: false,\n}\n\nconst Route = ({\n active,\n colors,\n style = null,\n ...nativeProps\n}: {\n active: boolean\n children: React.ReactNode\n colors: any\n href?: string\n style?: object\n}) => {\n const [entered, setEntered] = React.useState(false)\n const [down, setDown] = React.useState(false)\n\n const getBackgroundColor = () => {\n if (entered && down) return colors.base2\n if (entered \|\| active) return colors.base1\n return \"transparent\"\n }\n\n const getTextColor = () => {\n return colors.text \|\| \"#fff\"\n }\n\n return (\n <a\n style={{\n backgroundColor: getBackgroundColor(),\n borderRadius: \"9999px\",\n color: getTextColor(),\n fontSize: \"14px\",\n fontWeight: 600,\n lineHeight: \"32px\",\n marginRight: \"4px\", // off-grid\n paddingLeft: \"12px\",\n paddingRight: \"12px\",\n textDecoration: \"none\",\n textTransform: \"capitalize\",\n verticalAlign: \"middle\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n ...slightBackgroundTransition,\n ...style,\n }}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseDown={() => setDown(true)}\n onMouseUp={() => setDown(false)}\n {...nativeProps}\n />\n )\n}\n\nexport { Route, Topbar }\n","import pcURL, { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport apiRequest, { defaultFetch, Fetch } from \"./api_request\"\nimport { PointBreak } from \"./display_switch\"\nimport { X as XSymbol } from \"./symbols\"\n\nconst entries = function (obj) {\n const ownProps = Object.keys(obj)\n let i = ownProps.length\n const resArray = new Array(i) // preallocate the Array\n while (i--) resArray[i] = [ownProps[i], obj[ownProps[i]]]\n\n return resArray\n}\n\nfunction formatter(announcements) {\n return entries(announcements).map((entry) => ({\n data: entry[1],\n id: entry[0],\n }))\n}\n\nclass Provider extends React.Component<\n {\n children: (announcements: any, callback: any) => React.ReactElement<any>\n configuredFetch: Fetch\n env: Environment\n formatter?: any\n initialAnnouncements: object\n },\n {\n announcements: object[]\n }\n> {\n constructor(props: any) {\n super(props)\n\n this.state = {\n announcements: props.initialAnnouncements,\n }\n }\n\n public static defaultProps = {\n formatter: formatter,\n }\n\n dismissAnnouncements(id) {\n this.setState(({ announcements }) => {\n const newAnnouncements = announcements\n if (announcements[id]) delete newAnnouncements[id]\n\n return { announcements: newAnnouncements }\n })\n\n return apiRequest(\n this.props.configuredFetch,\n `${pcURL(this.props.env)(\n \"api\"\n )}/people/v2/me/platform_notifications/${id}/dismiss`,\n { method: \"POST\" }\n )\n }\n\n render() {\n return (\n <>\n {this.props.children(\n { announcements: this.props.formatter(this.state.announcements) },\n { dismissAnnouncements: this.dismissAnnouncements.bind(this) }\n )}\n </>\n )\n }\n}\n\nexport class StyledAnnouncement extends React.Component<\n { style?: object },\n {}\n> {\n render() {\n const { style, ...platformProps } = this.props\n\n return (\n <PointBreak\n render={(breakpoint) => (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingRight: 18,\n paddingTop: 14,\n ...style,\n }}\n {...platformProps}\n />\n )}\n />\n )\n }\n}\n\nexport class StyleProvider extends React.Component<\n {\n className?: string\n colors: any\n style?: object\n },\n {}\n> {\n render() {\n const { children, className, colors, style, ...platformProps } = this.props\n\n return (\n <div\n className={[\"__Topbar_PlatformAnnouncements_link\"].join(\" \").trim()}\n style={{\n backgroundColor: \"#282828\",\n color: \"white\",\n fontSize: \"14px\",\n ...style,\n }}\n {...platformProps}\n >\n <style>{`\n .__Topbar_PlatformAnnouncements_link { color: white }\n .__Topbar_PlatformAnnouncements_link a { color: ${colors.base0} }\n .__Topbar_PlatformAnnouncements_link a:hover { color: ${colors.base1} }\n .__Topbar_PlatformAnnouncements_link a:active { color: ${colors.base2} }\n `}</style>\n {children}\n </div>\n )\n }\n}\n\nexport default class PlatformAnnouncements extends React.Component<\n {\n colors: any\n configuredFetch?: Fetch\n data: object\n env: Environment\n renderItem?: any\n },\n {}\n> {\n public static defaultProps = {\n configuredFetch: defaultFetch,\n renderItem: ({ announcement, actions }) => (\n <DissmissibleAnnouncement\n key={announcement.id}\n html={announcement.data.html}\n onClick={() => actions.dismissAnnouncements(announcement.id)}\n />\n ),\n }\n\n render() {\n return (\n <StyleProvider colors={this.props.colors}>\n <Provider\n env={this.props.env}\n initialAnnouncements={this.props.data}\n configuredFetch={this.props.configuredFetch}\n >\n {(data, actions) =>\n Boolean(data.announcements.length > 0) ? (\n <div>\n {data.announcements.map((announcement) =>\n this.props.renderItem({ actions, announcement })\n )}\n </div>\n ) : null\n }\n </Provider>\n </StyleProvider>\n )\n }\n}\n\nfunction StyledDismissButton({ ...props }: any): JSX.Element {\n return (\n <button\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n cursor: \"pointer\",\n\n margin: -8,\n // larger click target without increasing box\n padding: 8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ height: 20, width: 20 }} />\n </button>\n )\n}\n\nfunction DissmissibleAnnouncement(props: {\n html: string\n onClick: () => any\n}): JSX.Element {\n return (\n <StyledAnnouncement>\n <span\n dangerouslySetInnerHTML={{\n __html: props.html,\n }}\n />\n\n <StyledDismissButton onClick={props.onClick} />\n </StyledAnnouncement>\n )\n}\n","import React from \"react\"\n\nimport { PointBreak } from \"./display_switch\"\nimport { X as XSymbol } from \"./symbols\"\n\n/\nProductAnnouncement:\nDisplays a dismissible product announcements when provided an `html` prop.\nRenders nothing when no `html` prop is falsy.\n\nWhen the dismiss button is clicked, ProductAnnouncement will immediately dissappear.\nPass an `onClick` prop to coordinate this dismissal with a server request that will prevent message from being passed to future page views.\n\nIt should look something like this in your application's Topbar composition:\n\n```jsx\n<ProductAnnouncement\n colors={shared.colors}\n html={this.props.productAnnouncement}\n onClick={() => alert(\"Sending fire-and-forget dismiss request to server\")}\n/>\n```\n\nAttributes like `className`, `id`, `data-`, and `aria-` are all applied to the root element.\n/\n\nexport function ProductAnnouncement({\n colors,\n html = \"\",\n onClick = (_event) => {\n /* noop /\n },\n ...props\n}: {\n colors: object\n html: string\n onClick: (event: any) => any\n}) {\n const [dismissed, updateDismissed] = React.useState(false)\n\n return dismissed \|\| !html ? null : (\n <StyleProvider colors={colors} {...props}>\n <StyledAnnouncement>\n <span dangerouslySetInnerHTML={{ __html: html }} />\n <StyledDismissButton\n onClick={(event) => {\n onClick(event)\n updateDismissed(true)\n }}\n />\n </StyledAnnouncement>\n </StyleProvider>\n )\n}\n\nexport class StyleProvider extends React.Component<\n {\n className?: string\n colors: any\n style?: object\n },\n {}\n> {\n render() {\n const { children, className, colors, style, ...platformProps } = this.props\n\n return (\n <div\n className={[\"Topbar_ProductAnnouncement\", className]\n .filter(Boolean)\n .join(\" \")\n .trim()}\n style={{\n backgroundColor: colors.base1,\n ...style,\n }}\n {...platformProps}\n >\n <style>{`\n .Topbar_ProductAnnouncement {\n color: white;\n font-size: 14px;\n }\n .Topbar_ProductAnnouncement a { color: white; font-weight: bold; }\n `}</style>\n {children}\n </div>\n )\n }\n}\n\nexport class StyledAnnouncement extends React.Component<\n { style?: object },\n {}\n> {\n render() {\n const { style, ...platformProps } = this.props\n\n return (\n <PointBreak\n render={(breakpoint) => (\n <div\n style={{\n alignItems: \"center\",\n boxSizing: \"border-box\",\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingRight: 18,\n paddingTop: 14,\n ...style,\n }}\n {...platformProps}\n />\n )}\n />\n )\n }\n}\n\nexport function StyledDismissButton({ ...props }: any): JSX.Element {\n return (\n <button\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n cursor: \"pointer\",\n\n margin: -8,\n // larger click target without increasing box\n padding: 8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ height: 20, width: 20 }} />\n </button>\n )\n}\n","import 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 (\n <>\n {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 }\n}\n","export const capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\nexport const HSLtoHSLA = (hsl: string, a: number = 1) => {\n const hslArray = hsl.replace(/[a-z()%]/g, \"\").split(\" \")\n const h = hslArray[0]\n const s = hslArray[1]\n const l = hslArray[2]\n\n return `hsla(${h}, ${s}%, ${l}%, ${a})`\n}\n","import pcoUrl, { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport getAppsSwitchProductPath from \"../get_apps_switch_product_path\"\nimport as AppSymbols from \"../mono_app_symbols\"\n\nexport function AccountSettingsLink({ env }: { env: Environment }) {\n const accountsName = \"accounts\"\n\n return (\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n paddingLeft: \"12px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n }}\n data-pendo={`app-switcher--change-app--${accountsName}`}\n data-turbolinks={false}\n href={pcoUrl(env)(accountsName) + getAppsSwitchProductPath(accountsName)}\n >\n <svg\n height={22}\n style={{ display: \"block\", marginRight: \"2px\" }}\n viewBox=\"0 0 20 20\"\n width={22}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {React.createElement(AppSymbols[\"Accounts\"], {\n color: themeColors.lightNeutral45,\n key: \"key2\",\n })}\n </svg>\n <div\n style={{\n color: themeColors.lightNeutral45,\n fontSize: \"12px\",\n lineHeight: \"48px\",\n textDecoration: \"none\",\n }}\n >\n Account settings\n </div>\n </a>\n )\n}\n","import React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport { X } from \"../symbols\"\n\nexport const CloseMenuButton = ({\n color = themeColors.lightNeutral100,\n size = 22,\n style = {},\n}: {\n color?: string\n size?: number\n style?: object\n}) => (\n <div style={style}>\n <X fill={color} style={{ height: `${size}px`, width: `${size}px` }} />\n </div>\n)\n","import React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport { connectedPeopleMenuFormatter } from \"../formatters\"\nimport { ConnectedPerson } from \"../interfaces\"\nimport { fontFamily, IEFlex1 } from \"../styles\"\n\nexport function LinkedAccounts({\n appName,\n borderColor,\n connectedPeople,\n requestClearAppsCache,\n requestClearConnectedPeopleCache,\n requestSwitchConnectedPerson,\n requestUnlinkConnectedPeople,\n}: {\n appName: string\n borderColor: string\n connectedPeople: ConnectedPerson[]\n requestClearAppsCache: any\n requestClearConnectedPeopleCache: any\n requestSwitchConnectedPerson: any\n requestUnlinkConnectedPeople: any\n}): JSX.Element {\n return (\n <>\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: themeColors.lightNeutral95,\n borderTop: `1px solid ${borderColor}`,\n display: \"flex\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n color: themeColors.lightNeutral24,\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n </div>\n <div style={{ ...IEFlex1 }}>\n <style>\n {`.SmallTopbar__connected-people-list > :first-child > { border-top-width: 0 !important }`}\n </style>\n <ul\n className=\"SmallTopbar__connected-people-list\"\n style={{\n borderTop:\n connectedPeople.length > 0 ? `1px solid ${borderColor}` : \"none\",\n fontSize: \"15px\",\n listStyleType: \"none\",\n margin: 0,\n padding: 0,\n }}\n >\n {connectedPeopleMenuFormatter(connectedPeople).map(\n ({ id, attributes: person }) => (\n <li key={id}>\n <a\n href=\"\"\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestSwitchConnectedPerson(id, `${appName}/`)\n e.preventDefault()\n }}\n style={{\n borderTop: `1px solid ${borderColor}`,\n color: themeColors.lightNeutral24,\n display: \"block\",\n lineHeight: \"48px\",\n maxWidth: \"100%\",\n overflow: \"hidden\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {person.organization_name}\n </a>\n </li>\n )\n )}\n </ul>\n <div>\n <a\n href=\"\"\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestUnlinkConnectedPeople()\n e.preventDefault()\n }}\n style={{\n borderTop: `1px solid ${borderColor}`,\n color: themeColors.danger47,\n display: \"block\",\n fontSize: \"15px\",\n lineHeight: \"48px\",\n textAlign: \"center\",\n textDecoration: \"none\",\n }}\n >\n Unlink my accounts\n </a>\n </div>\n </div>\n </>\n )\n}\n","import { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport getLoginProfilePath from \"../get_login_profile_path\"\nimport MFAStatus from \"../mfa_status\"\n\nexport function LoginSettingsLink({\n appName,\n borderColor,\n env,\n mfaConfigured,\n userId,\n}: {\n appName: string\n borderColor: string\n env: Environment\n mfaConfigured: boolean\n userId: string\n}) {\n return (\n <a\n href={getLoginProfilePath({\n appName: appName,\n env: env,\n userId: userId,\n })}\n style={{\n borderTop: `1px solid ${borderColor}`,\n color: themeColors.lightNeutral24,\n display: \"block\",\n lineHeight: \"1.4\",\n padding: \"14px 16px\",\n textDecoration: \"none\",\n }}\n >\n My login settings\n <MFAStatus isActive={mfaConfigured} />\n </a>\n )\n}\n","import React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\n\nexport function ProfileLink({\n borderColor,\n userId,\n}: {\n borderColor: string\n userId: string\n}) {\n return (\n <a\n href={`/people/AC${userId}`}\n style={{\n borderTop: `1px solid ${borderColor}`,\n color: themeColors.lightNeutral24,\n display: \"block\",\n lineHeight: \"48px\",\n maxWidth: \"100%\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n whiteSpace: \"nowrap\",\n }}\n >\n My profile\n </a>\n )\n}\n","import React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\n\nexport function UserName({\n orgName,\n userName,\n}: {\n orgName: string\n userName: string\n}) {\n return (\n <div style={{ padding: \"16px\" }}>\n <div\n style={{\n color: themeColors.lightNeutral24,\n fontSize: \"18px\",\n fontWeight: 400,\n marginBottom: \"4px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {userName}\n </div>\n <div\n style={{\n color: themeColors.lightNeutral45,\n fontSize: \"14px\",\n lineHeight: \"16px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {orgName}\n </div>\n </div>\n )\n}\n","import { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { LoginSettingsLink } from \"./login_settings_link\"\nimport { ProfileLink } from \"./profile_link\"\nimport { UserName } from \"./user_name\"\n\nexport function UserInfo({\n appName,\n borderColor,\n env,\n linkToProfile,\n mfaConfigured,\n mfaEnabled,\n orgName,\n userId,\n userName,\n}: {\n appName: string\n borderColor: string\n env: Environment\n linkToProfile: boolean\n mfaConfigured: boolean\n mfaEnabled: boolean\n orgName: string\n userId: string\n userName: string\n}) {\n return (\n <div\n style={{\n flexShrink: 0,\n maxWidth: \"100%\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n <UserName userName={userName} orgName={orgName} />\n\n {linkToProfile && (\n <ProfileLink userId={userId} borderColor={borderColor} />\n )}\n\n {mfaEnabled && (\n <LoginSettingsLink\n appName={appName}\n env={env}\n userId={userId}\n borderColor={borderColor}\n mfaConfigured={mfaConfigured}\n />\n )}\n </div>\n )\n}\n","import React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport { IEFlex1 } from \"../styles\"\n\nexport function UserMenu({ children }: { children: any }) {\n return (\n <div\n style={{\n ...IEFlex1,\n WebkitOverflowScrolling: \"touch\",\n overflowY: \"scroll\",\n }}\n >\n <div\n style={{\n background: themeColors.lightNeutral100,\n border: `1px solid ${themeColors.lightNeutral88}`,\n borderRadius: \"3px\",\n boxShadow: `0 2px 16px 2px ${themeColors.lightNeutral88}`,\n display: \"flex\",\n height: \"auto\",\n maxHeight: \"calc(100% - 124px)\",\n position: \"absolute\",\n right: \"12px\",\n top: \"60px\",\n width: \"calc(100% - 24px)\",\n }}\n >\n <div\n style={{\n WebkitOverflowScrolling: \"touch\",\n display: \"flex\",\n flexDirection: \"column\",\n flexGrow: 1,\n overflowY: \"scroll\",\n }}\n >\n {children}\n </div>\n </div>\n </div>\n )\n}\n","import { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { Avatar } from \"../avatar\"\nimport { default as themeColors } from \"../colors\"\nimport { DisclosureChevronIcon } from \"../symbols\"\n\nexport function UserMenuTrigger({\n colors: appColors,\n env,\n setUserMenuVisible,\n userMenuVisible,\n userAvatarPath,\n}: {\n colors: object\n env: Environment\n setUserMenuVisible: Function\n userAvatarPath: string\n userMenuVisible: boolean\n}) {\n return (\n <div onClick={() => setUserMenuVisible(!userMenuVisible)}>\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: userMenuVisible\n ? themeColors.lightNeutral88\n : themeColors.lightNeutral93,\n borderRadius: \"9999px\",\n boxShadow: `0 0 0 1px ${\n userMenuVisible\n ? themeColors.lightNeutral62\n : themeColors.lightNeutral81\n }`,\n display: \"flex\",\n fontSize: \"13px\",\n lineHeight: \"32px\",\n }}\n >\n <Avatar env={env} url={userAvatarPath} />\n\n <div style={{ paddingRight: \"8px\" }}>\n <DisclosureChevronIcon\n colors={appColors}\n style={{\n color: themeColors.lightNeutral45,\n marginLeft: \"4px\",\n verticalAlign: \"middle\",\n }}\n />\n </div>\n </div>\n </div>\n )\n}\n","import pcoUrl from \"@planningcenter/url\"\nimport {\n Button,\n HeadingUppercase,\n Link,\n List,\n StackView,\n Text,\n ThemeProvider,\n} from \"@planningcenter/tapestry-react\"\nimport { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { Avatar } from \"../avatar\"\nimport { default as themeColors } from \"../colors\"\nimport { connectedPeopleMenuFormatter } from \"../formatters\"\nimport getLoginProfilePath from \"../get_login_profile_path\"\nimport { ConnectedPerson } from \"../interfaces\"\nimport MFAStatus from \"../mfa_status\"\nimport { topbarTheme } from \"../theme\"\n\nexport function UserProfileMenu({\n appName,\n connectedPeople,\n env,\n linkToProfile,\n mfaConfigured,\n mfaEnabled,\n requestClearAppsCache,\n requestClearConnectedPeopleCache,\n requestSwitchConnectedPerson,\n requestUnlinkConnectedPeople,\n setUserMenuVisible,\n userAvatarPath,\n userId,\n userName,\n}: {\n appName: string\n connectedPeople: ConnectedPerson[]\n env: Environment\n linkToProfile: boolean\n mfaConfigured: boolean\n mfaEnabled: boolean\n requestClearAppsCache: any\n requestClearConnectedPeopleCache: any\n requestSwitchConnectedPerson: any\n requestUnlinkConnectedPeople: any\n setUserMenuVisible: any\n userAvatarPath: string\n userId: string\n userName: string\n}) {\n return (\n <ThemeProvider theme={topbarTheme}>\n <StackView axis=\"vertical\" width=\"100%\">\n <StackView\n axis=\"horizontal\"\n alignItems=\"start\"\n distribution=\"space-between\"\n >\n <StackView\n axis=\"horizontal\"\n spacing={2}\n padding={2}\n paddingRight={0}\n shrink={1}\n >\n <StackView shrink={0}>\n <Avatar\n env={env}\n url={userAvatarPath}\n style={{ height: 48, width: 48 }}\n />\n </StackView>\n <StackView spacing={1} shrink={1}>\n <Text color={themeColors.lightNeutral24} weight={700} truncate>\n {userName}\n </Text>\n {linkToProfile && (\n <Link\n as=\"a\"\n href={`/people/AC${userId}`}\n color={themeColors.lightNeutral45}\n underline={false}\n >\n My profile\n </Link>\n )}\n {mfaEnabled && (\n <Link\n as=\"a\"\n href={getLoginProfilePath({\n appName: appName,\n env: env,\n userId: userId,\n })}\n color={themeColors.lightNeutral45}\n underline={false}\n >\n My login settings\n <MFAStatus isActive={mfaConfigured} />\n </Link>\n )}\n <Link\n as=\"a\"\n color={themeColors.lightNeutral45}\n data-turbolinks={false}\n href={`${pcoUrl(env)(\"login\")}/logout`}\n onClick={() => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n return\n }}\n underline={false}\n >\n Log out\n </Link>\n </StackView>\n </StackView>\n <Button\n color={themeColors.lightNeutral45}\n icon=\"general.x\"\n onClick={() => setUserMenuVisible(false)}\n padding={2}\n theme=\"naked\"\n title=\"Close Menu\"\n />\n </StackView>\n {connectedPeople.length > 0 && (\n <>\n <StackView\n backgroundColor={themeColors.lightNeutral95}\n paddingVertical={1.5}\n paddingHorizontal={2}\n marginTop={1}\n borderBottom={`1px solid ${themeColors.lightNeutral88}`}\n >\n <HeadingUppercase\n color={themeColors.lightNeutral62}\n fontWeight={500}\n >\n Linked Accounts\n </HeadingUppercase>\n </StackView>\n\n <List dividerColor={themeColors.lightNeutral88} width=\"100%\">\n {connectedPeopleMenuFormatter(connectedPeople).map(\n ({ id, attributes: person }) => (\n <List.Item\n key={id}\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestSwitchConnectedPerson(id, `${appName}/`)\n e.preventDefault()\n }}\n color={themeColors.lightNeutral45}\n padding={2}\n >\n <Text truncate>{person.organization_name}</Text>\n </List.Item>\n )\n )}\n <List.Item\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestUnlinkConnectedPeople()\n e.preventDefault()\n }}\n color={themeColors.danger47}\n padding={2}\n underline={false}\n >\n <Text size={3}>Unlink my accounts</Text>\n </List.Item>\n </List>\n </>\n )}\n </StackView>\n </ThemeProvider>\n )\n}\n","import pcoUrl from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { Avatar } from \"../avatar\"\nimport { ClientStorage as LocalStorageProvider } from \"../client_storage\"\nimport { ColorAppIcon } from \"../color_app_icon\"\nimport { default as themeColors } from \"../colors\"\nimport NotificationBell from \"../components/notification_bell\"\nimport NotificationsMenu from \"../components/notifications_menu\"\nimport ErrorBoundary, { BlankFallback } from \"../error_boundary\"\nimport { appsMenuFormatter } from \"../formatters\"\nimport getAppsSwitchProductPath from \"../get_apps_switch_product_path\"\nimport useStore from \"../hooks/use_store\"\nimport { SharedTopbarProps } from \"../interfaces\"\nimport { MonoAppIcon } from \"../mono_app_icon\"\nimport { MonoAppName } from \"../mono_app_name\"\nimport { StyledRoot } from \"../styled_root\"\nimport { fontFamily, IEFlex1 } from \"../styles\"\nimport { DisclosureChevronIcon } from \"../symbols\"\nimport { Unbutton } from \"../unbutton\"\nimport { capitalize, HSLtoHSLA } from \"../utils\"\nimport { AccountSettingsLink } from \"./account_settings_link\"\nimport { CloseMenuButton } from \"./close_menu_button\"\nimport { LinkedAccounts } from \"./linked_accounts\"\nimport { UserInfo } from \"./user_info\"\nimport { UserMenu } from \"./user_menu\"\nimport { UserMenuTrigger } from \"./user_menu_trigger\"\nimport { UserProfileMenu } from \"./user_profile_menu\"\n\nconst MENU_GUTTER = 57\nconst NAVBAR_HEIGHT = 52\n\nconst UserMenuAppLockup = ({\n appName: originalAppName,\n}: {\n appName: string\n}) => {\n const appName = originalAppName.replace(/[\\s-]/, \"\")\n\n return (\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName={appName} size={20} />\n </div>\n <MonoAppName\n appName={appName}\n color={themeColors.lightNeutral24}\n size={18}\n />\n </div>\n )\n}\n\ninterface SmallTopbarProps {\n currentRouteComponent?: any\n}\n\ninterface PropagateableEvent {\n forcePropagation: Boolean\n}\n\nconst Topbar = (props: SharedTopbarProps & SmallTopbarProps) => {\n const [notificationsMenuVisible, setNotificationsMenuVisible] =\n React.useState(false)\n const [routesMenuVisible, setRoutesMenuVisible] = React.useState(false)\n const [productSwitcherVisible, setProductSwitcherVisible] =\n React.useState(false)\n const [userMenuVisible, setUserMenuVisible] = React.useState(false)\n const {\n mfaConfigured,\n mfaEnabled,\n notifications,\n notificationsEnabled,\n toolbarEnabled,\n } = useStore()\n\n const appColors = props.colors\n\n React.useEffect(() => {\n productSwitcherVisible \|\| notificationsMenuVisible\n ? (document.body.style.overflow = \"hidden\")\n : (document.body.style.overflow = \"\")\n }, [notificationsMenuVisible, productSwitcherVisible])\n\n const activeRoute =\n props.routes.filter(({ props: { active } }) => active) \|\| []\n\n const CurrentRouteComponent = props.currentRouteComponent\n const currentRouteText =\n (activeRoute &&\n activeRoute[0] &&\n activeRoute[0].props &&\n activeRoute[0].props.children) \|\|\n props.appName\n\n const accountsProduct = props.apps.find(({ name }) => name === \"Accounts\")\n\n const homeProduct = props.apps.find(({ name }) => name === \"Home\")\n\n const restProducts = [...props.apps].filter(\n ({ name }) => name !== \"Home\" && name !== \"Accounts\"\n )\n\n const borderColor = themeColors.lightNeutral88\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 setProductSwitcherVisible((visible) => !visible)\n }}\n >\n <MonoAppIcon\n appName={props.appName.replace(/[\\s-]/, \"\")}\n colors={appColors}\n size={26}\n />\n </div>\n <div\n style={{\n left: 0,\n position: \"absolute\",\n top: \"48px\",\n width: \"100%\",\n }}\n >\n {routesMenuVisible && props.routes}\n </div>\n <LocalStorageProvider\n item=\"Topbar:Small:Menus:Products:visibility\"\n render={() => (\n <div\n style={{\n MozUserSelect: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n WebkitUserSelect: \"none\",\n backgroundColor: HSLtoHSLA(themeColors.lightNeutral12, 0.75),\n bottom: 0,\n color: \"black\",\n display: productSwitcherVisible ? \"block\" : \"none\",\n left: 0,\n msUserSelect: \"none\",\n position: \"fixed\",\n right: 0,\n top: 0,\n userSelect: \"none\",\n }}\n onClick={() => {\n setProductSwitcherVisible((visible) => !visible)\n setUserMenuVisible(false)\n }}\n >\n <CloseMenuButton\n style={{\n position: \"absolute\",\n right: \"17px\",\n top: \"12px\",\n }}\n />\n <div\n onClick={(e) => {\n const { forcePropagation } = e as unknown as PropagateableEvent\n if (!forcePropagation) {\n e.stopPropagation()\n }\n }}\n style={{\n backgroundColor: themeColors.lightNeutral100,\n borderRight: `1px solid ${borderColor}`,\n display: \"flex\",\n flexDirection: \"column\",\n height: `calc(100% - ${NAVBAR_HEIGHT}px - env(safe-area-inset-bottom))`,\n position: \"relative\",\n width: `calc(100% - ${MENU_GUTTER}px)`,\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: themeColors.lightNeutral98,\n borderBottom: `1px solid ${borderColor}`,\n display: \"flex\",\n height: \"48px\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n }}\n >\n <div style={{ ...IEFlex1 }}>\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n paddingRight: \"16px\",\n }}\n data-pendo={`app-switcher--change-app--${homeProduct?.name}`}\n data-turbolinks={false}\n href={\n homeProduct\n ? pcoUrl(props.env)(\"accounts\") +\n getAppsSwitchProductPath(homeProduct?.name)\n : undefined\n }\n >\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <UserMenuAppLockup\n appName={homeProduct ? homeProduct.name : props.appName}\n />\n </div>\n </a>\n </div>\n\n {!toolbarEnabled && (\n <UserMenuTrigger\n env={props.env}\n colors={appColors}\n setUserMenuVisible={setUserMenuVisible}\n userAvatarPath={props.userAvatarPath}\n userMenuVisible={userMenuVisible}\n />\n )}\n </div>\n\n <div\n style={{\n ...IEFlex1,\n WebkitOverflowScrolling: \"touch\",\n overflowY: \"scroll\",\n }}\n >\n <ul data-pendo=\"app-switcher\" style={{ margin: 0, padding: 0 }}>\n {appsMenuFormatter(restProducts).map(({ name }, i) => {\n const isFirst = i === 0\n const isLast =\n i === appsMenuFormatter(restProducts).length - 1\n return (\n <li key={name} style={{ listStyleType: \"none\" }}>\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"40px\",\n paddingBottom: isLast ? \"4px\" : 0,\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n paddingTop: isFirst ? \"4px\" : 0,\n }}\n data-pendo={`app-switcher--change-app--${name}`}\n data-turbolinks={false}\n href={\n pcoUrl(props.env)(\"accounts\") +\n getAppsSwitchProductPath(name)\n }\n >\n <UserMenuAppLockup appName={name} />\n </a>\n </li>\n )\n })}\n </ul>\n\n {accountsProduct && (\n <div\n style={{\n borderTop: `1px solid ${borderColor}`,\n }}\n >\n <AccountSettingsLink env={props.env} />\n </div>\n )}\n </div>\n\n {!toolbarEnabled && userMenuVisible && (\n <UserMenu>\n <UserInfo\n appName={props.appName}\n borderColor={borderColor}\n env={props.env}\n linkToProfile={props.linkToProfile}\n mfaConfigured={mfaConfigured}\n mfaEnabled={mfaEnabled}\n orgName={props.orgName}\n userId={props.userId}\n userName={props.userName}\n />\n\n {props.connectedPeople.length > 0 && (\n <LinkedAccounts\n appName={props.appName}\n borderColor={borderColor}\n connectedPeople={props.connectedPeople}\n requestClearAppsCache={props.requestClearAppsCache}\n requestClearConnectedPeopleCache={\n props.requestClearConnectedPeopleCache\n }\n requestSwitchConnectedPerson={\n props.requestSwitchConnectedPerson\n }\n requestUnlinkConnectedPeople={\n props.requestUnlinkConnectedPeople\n }\n />\n )}\n </UserMenu>\n )}\n\n <div\n style={{\n borderTop: `1px solid ${borderColor}`,\n display: \"flex\",\n flexDirection: \"row\",\n lineHeight: \"48px\",\n textAlign: \"center\",\n }}\n >\n <div style={{ ...IEFlex1 }}>\n <Unbutton\n style={{\n color: themeColors.lightNeutral24,\n fontSize: \"15px\",\n fontWeight: 600,\n }}\n onClick={(e) => {\n e.forcePropagation = true\n }}\n id=\"jsLaunchHelpdesk\"\n >\n Help\n </Unbutton>\n </div>\n </div>\n </div>\n </div>\n )}\n />\n <div\n style={{\n ...IEFlex1,\n fontWeight: 600,\n lineHeight: \"48px\",\n textAlign: \"center\",\n }}\n onClick={\n props.routes.length > 0\n ? () => {\n setProductSwitcherVisible(false)\n setRoutesMenuVisible((visible) => !visible)\n }\n : null\n }\n >\n <CurrentRouteComponent>\n {capitalize(currentRouteText)}\n </CurrentRouteComponent>\n {props.routes.length > 0 && (\n <DisclosureChevronIcon\n colors={appColors}\n style={{ marginLeft: \"4px\", verticalAlign: \"middle\" }}\n />\n )}\n </div>\n\n {toolbarEnabled && (\n <>\n <button\n onClick={() => setUserMenuVisible(!userMenuVisible)}\n style={{\n background: \"none\",\n border: \"none\",\n margin: \"0 12px\",\n padding: 0,\n }}\n >\n <Avatar env={props.env} url={props.userAvatarPath} />\n </button>\n <div\n style={{\n MozUserSelect: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n WebkitUserSelect: \"none\",\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 >\n <div\n onClick={(e) => e.stopPropagation()}\n style={{\n WebkitOverflowScrolling: \"touch\",\n backgroundColor: \"#fff\",\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n overflowY: \"scroll\",\n position: \"relative\",\n width: \"100%\",\n }}\n >\n <UserProfileMenu\n appName={props.appName}\n env={props.env}\n connectedPeople={props.connectedPeople}\n linkToProfile={props.linkToProfile}\n mfaConfigured={mfaConfigured}\n mfaEnabled={mfaEnabled}\n requestClearAppsCache={props.requestClearAppsCache}\n requestClearConnectedPeopleCache={\n props.requestClearConnectedPeopleCache\n }\n requestSwitchConnectedPerson={\n props.requestSwitchConnectedPerson\n }\n requestUnlinkConnectedPeople={\n props.requestUnlinkConnectedPeople\n }\n setUserMenuVisible={setUserMenuVisible}\n userAvatarPath={props.userAvatarPath}\n userId={props.userId}\n userName={props.userName}\n />\n </div>\n </div>\n </>\n )}\n\n {!toolbarEnabled && notificationsEnabled && (\n <ErrorBoundary fallback={BlankFallback}>\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n justifyContent: \"center\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n }}\n onClick={() => setNotificationsMenuVisible((visible) => !visible)}\n >\n <NotificationBell\n colors={appColors}\n indicatorVisible={notifications.unread.length > 0}\n />\n <LocalStorageProvider\n item=\"Topbar:Small:Menus:Notifications:visibility\"\n render={() => (\n <div\n style={{\n MozUserSelect: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n WebkitUserSelect: \"none\",\n backgroundColor: \"rgba(0,0,0,.8)\",\n bottom: 0,\n color: \"black\",\n display: notificationsMenuVisible ? \"block\" : \"none\",\n left: 0,\n msUserSelect: \"none\",\n position: \"fixed\",\n right: 0,\n top: 0,\n userSelect: \"none\",\n }}\n >\n <CloseMenuButton\n style={{\n position: \"absolute\",\n right: \"17px\",\n top: \"12px\",\n }}\n />\n <div\n onClick={(e) => e.stopPropagation()}\n style={{\n WebkitOverflowScrolling: \"touch\",\n backgroundColor: \"#363636\",\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n overflowY: \"scroll\",\n padding: \"4px 0\",\n position: \"relative\",\n width: `calc(100% - ${MENU_GUTTER}px)`,\n }}\n >\n <NotificationsMenu\n apps={props.apps}\n mobile\n toggle={() =>\n setNotificationsMenuVisible((visible) => !visible)\n }\n visible={notificationsMenuVisible}\n />\n </div>\n </div>\n )}\n />\n </div>\n </ErrorBoundary>\n )}\n {!notificationsEnabled && props.notifications()}\n </StyledRoot>\n )\n}\n\nTopbar.defaultProps = {\n currentRouteComponent: (props) => <span {...props} />,\n linkToProfile: true,\n notifications: () => null,\n}\n\nconst Route = ({ active, ...props }) => (\n <a\n style={{\n backgroundColor: \"#444\",\n borderBottom: \"1px solid #333\",\n color: \"#fff\",\n display: \"block\",\n fontWeight: 600,\n lineHeight: \"47px\",\n position: \"relative\",\n textAlign: \"center\",\n textDecoration: \"none\",\n textTransform: \"capitalize\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n ...(active && { backgroundColor: \"#333\" }),\n }}\n {...props}\n />\n)\n\nexport { Route, Topbar }\n","import { StackView } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\ntype DrawerProps = {\n bottom?: number \| string\n children: React.ReactNode\n hasShadow?: boolean\n height?: number \| string\n id?: string\n overflow?: \"auto\" \| \"hidden\" \| \"scroll\" \| \"visible\"\n position?: \"absolute\" \| \"fixed\"\n width?: number \| string\n}\n\nexport function Drawer({\n bottom = \"auto\",\n children,\n hasShadow = false,\n height = \"100%\",\n id = \"toolbarDrawer\",\n overflow = \"visible\",\n position = \"absolute\",\n width = \"100%\",\n}: DrawerProps) {\n return (\n <StackView\n backgroundColor=\"surface\"\n elevation={hasShadow && open ? 2 : undefined}\n left={0}\n zIndex={1}\n {...{ bottom, height, id, overflow, position, width }}\n >\n {children}\n </StackView>\n )\n}\n","import { Box, Button, StackView } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nimport { default as themeColors } from \"../../colors\"\n\ninterface DrawerHeaderProps {\n children: React.ReactNode\n closeDrawer?: Function\n}\n\nexport function DrawerHeader({ children, closeDrawer }: DrawerHeaderProps) {\n return (\n <StackView\n alignment=\"start\"\n axis=\"horizontal\"\n color=\"foreground\"\n distribution=\"space-between\"\n padding={2}\n paddingTop={1}\n >\n <Box>{children}</Box>\n {closeDrawer && (\n <Button\n icon={{\n fill: themeColors.lightNeutral24,\n name: \"general.x\",\n size: \"md\",\n }}\n onClick={() => closeDrawer()}\n title=\"Close\"\n theme={false}\n hover={{\n backgroundColor: themeColors.lightNeutral95,\n }}\n />\n )}\n </StackView>\n )\n}\n","import { Heading } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nexport function DrawerHeading({ children, ...props }) {\n return (\n <Heading\n {...props}\n letterSpacing=\".002em\"\n level={2}\n lineHeight=\"35px\"\n weight={700}\n >\n {children}\n </Heading>\n )\n}\n","import { StackView } from \"@planningcenter/tapestry-react\"\nimport React, { ReactNode } from \"react\"\n\ninterface SwitchViewProps {\n activeIndex: number\n children: ReactNode\n}\n\nconst SwitchView: React.FC<SwitchViewProps> = ({ activeIndex, children }) => {\n const childCount = React.Children.count(children)\n\n const validatedIndex =\n activeIndex < 0\n ? 0\n : activeIndex > childCount - 1\n ? childCount - 1\n : activeIndex\n\n return (\n <StackView grow={1} overflow=\"hidden\" position=\"relative\">\n {React.Children.map(children, (view, index) => {\n const inView = index === validatedIndex\n return (\n <StackView\n aria-hidden={!inView}\n height=\"100%\"\n key={index}\n opacity={inView ? 1 : 0}\n pointerEvents={inView ? \"auto\" : \"none\"}\n position=\"absolute\"\n top={0}\n width=\"100%\"\n transform={\n inView\n ? \"translateX(0)\"\n : index < activeIndex\n ? \"translateX(-100px)\"\n : \"translateX(100px)\"\n }\n transition=\"transform 200ms ease-in-out, opacity 100ms 50ms ease-in-out\"\n >\n {view}\n </StackView>\n )\n })}\n </StackView>\n )\n}\n\nexport { SwitchView }\n","import * as React from \"react\"\n\nenum ActionType {\n close = \"close\",\n mount = \"mount\",\n open = \"open\",\n set = \"set\",\n unmount = \"unmount\",\n}\n\ntype ToolbarState = {\n currentContent: any // TODO: update with Tool type\n mounted: boolean\n open: boolean\n}\n\ntype ToolbarDispatch = {\n payload?: any\n type: ActionType\n}\n\nconst initialState: ToolbarState = {\n currentContent: null,\n mounted: false,\n open: false,\n}\n\nconst reducer = (\n state: ToolbarState,\n action: ToolbarDispatch\n): ToolbarState => {\n switch (action.type) {\n case ActionType.mount:\n return { ...state, currentContent: action.payload.content, mounted: true }\n case ActionType.unmount:\n return { ...state, currentContent: null, mounted: false }\n case ActionType.open:\n return { ...state, open: true }\n case ActionType.close:\n return { ...state, open: false }\n case ActionType.set:\n return { ...state, currentContent: action.payload.content }\n }\n}\n\nconst useToolbarReducer = (overrides?: Partial<ToolbarState>) =>\n React.useReducer(reducer, { ...initialState, ...overrides })\n\nexport { ActionType, useToolbarReducer }\n","import React, { ReactNode } from \"react\"\n\ntype MessagesContextValue = {\n [key: string]: any\n}\n\ninterface MessagesProviderProps {\n children: ReactNode\n value?: MessagesContextValue\n}\n\nconst MessagesContext = React.createContext<MessagesContextValue>({})\n\nconst MessagesProvider: React.FC<MessagesProviderProps> = ({\n children,\n value,\n}) => {\n return (\n <MessagesContext.Provider value={value}>\n {children}\n </MessagesContext.Provider>\n )\n}\n\nexport { MessagesContext, MessagesProvider }\n","import { useContext } from \"react\"\n\nimport { MessagesContext } from \"../messages_context\"\n\nexport const useMessages = () => {\n const context = useContext(MessagesContext)\n if (!context) {\n throw new Error(\"useMessages must be used within a MessagesProvider\")\n }\n return context\n}\n","import { Icon, StackView, Text } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nexport const LoadingErrorIndicator = () => (\n <StackView alignment=\"center\" spacing={2} padding={2} paddingTop=\"10%\">\n <Icon name=\"general.exclamationTriangle\" color=\"warning\" size=\"xl\" />\n <Text color=\"foregroundSecondary\" align=\"center\">\n An error occured while connecting to the chat, please try again.\n </Text>\n </StackView>\n)\n","import { Spinner, StackView } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nexport const LoadingIndicator = () => (\n <StackView alignment=\"center\" grow={1} padding={2} paddingTop=\"25%\">\n <Spinner color=\"grey-6\" size=\"md\" trackColor=\"grey-2\" />\n </StackView>\n)\n","import { Button, Divider, StackView } from \"@planningcenter/tapestry-react\"\nimport React, { isValidElement, PropsWithChildren, ReactNode } from \"react\"\nimport { ChannelListMessengerProps } from \"stream-chat-react\"\n\nimport colors from \"../../../../../colors\"\nimport { ScrollContainer } from \"../../components\"\nimport { useMessages } from \"../../hooks\"\nimport { LoadingErrorIndicator } from \"./loading_error_indicator\"\nimport { LoadingIndicator } from \"./loading_indicator\"\n\nexport const List = (props: PropsWithChildren<ChannelListMessengerProps>) => {\n const { children, error = null, loading } = props\n const { switchToNewMessageView } = useMessages()\n\n if (error) return <LoadingErrorIndicator />\n\n // The `loading` prop is initially false, which causes the default Stream loading indicator\n // to flash on screen for a split second. This is a hack to prevent that.\n let preLoading = false\n React.Children.map(children, (child: ReactNode) => {\n if (isValidElement(child) && child.props.listType === \"channel\") {\n preLoading = true\n }\n })\n\n if (loading \|\| preLoading) return <LoadingIndicator />\n\n return (\n <StackView grow={1} shrink={1}>\n <ScrollContainer>{children}</ScrollContainer>\n <Divider />\n <StackView paddingVertical={2} alignment=\"center\">\n <Button\n aria-label=\"Switch to new message\"\n backgroundColor={colors.interaction55}\n color=\"surface\"\n css={{\n \"&:hover, &:active\": {\n backgroundColor: colors.interaction55,\n },\n }}\n onClick={switchToNewMessageView}\n width=\"75%\"\n >\n New message\n </Button>\n </StackView>\n </StackView>\n )\n}\n","import datetimeFmt from \"@churchcenter/datetime-fmt\"\nimport {\n Badge,\n Box,\n Dropdown,\n GridView,\n Heading,\n StackView,\n Text,\n} from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nimport colors from \"../../../../../colors\"\nimport { useMessages } from \"../../hooks\"\n\nconst getTimeStamp = (channel) =>\n channel.state.last_message_at\n ? datetimeFmt.date(channel.state.last_message_at, {\n style: \"abbreviated\",\n year: false,\n })\n : \"\"\n\nconst UnreadBadge = ({ unread }) => {\n if (unread < 1) return null\n\n const clampedValue = unread <= 99 ? unread.toString() : \"99+\"\n\n return (\n <Badge\n title={clampedValue}\n size=\"xs\"\n color={colors.interaction66}\n radius=\"pill\"\n minWidth={3}\n />\n )\n}\n\nexport const Preview = ({\n Avatar,\n channel,\n displayTitle,\n latestMessage,\n setActiveChannel,\n unread,\n}) => {\n const {\n setActionsOpenForChannel,\n actionsOpenForChannel,\n switchToChannelView,\n } = useMessages()\n const channelActionsOpen = actionsOpenForChannel === channel.id\n const latestMessageText = latestMessage?.props?.children \|\| \"\"\n\n const handleChannelClick = (\n e: React.MouseEvent<HTMLDivElement> \| React.KeyboardEvent<HTMLDivElement>\n ) => {\n const target = e.target as HTMLElement\n if (target.getAttribute(\"data-type\") !== \"actions-dropdown\") {\n setActiveChannel(channel)\n switchToChannelView()\n }\n }\n\n const handleChannelKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"Enter\" \|\| event.key === \" \") {\n handleChannelClick(event)\n }\n }\n\n return (\n <GridView\n alignment=\"start\"\n aria-label={`Select Channel: ${displayTitle \|\| \"\"}`}\n backgroundColor={channelActionsOpen ? \"surfaceTertiary\" : \"surface\"}\n borderBottomColor=\"separatorTertiary\"\n borderBottomWidth={1}\n columns=\"auto 1fr auto\"\n cursor=\"pointer\"\n css={{\n \"&:hover\": {\n \".actions-dropdown\": { visibility: \"visible\" },\n backgroundColor: \"surfaceTertiary\",\n },\n }}\n minHeight={10}\n onClick={handleChannelClick}\n onKeyDown={handleChannelKeyDown}\n padding={1}\n paddingHorizontal={2}\n radius={0}\n role=\"button\"\n spacing={1}\n tabIndex={0}\n width=\"100%\"\n >\n <Avatar />\n <StackView height=\"100%\" alignment=\"start\" paddingRight={1}>\n <Heading level={5} maxWidth=\"100%\" truncate weight={500}>\n {displayTitle}\n </Heading>\n <Text\n color=\"foregroundSecondary\"\n css={{\n WebkitBoxOrient: \"vertical\",\n WebkitLineClamp: \"2\",\n display: \"-webkit-box\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n }}\n lineHeight=\"1.3\"\n maxWidth=\"100%\"\n size={5}\n textAlign=\"left\"\n >\n {latestMessageText}\n </Text>\n <StackView basis={0.5} grow={1} />\n <StackView\n alignment=\"center\"\n axis=\"horizontal\"\n borderColor=\"separatorTertiary\"\n borderWidth={1}\n padding={0.5}\n radius={4}\n spacing={0.5}\n >\n {/* Product icon placeholder /}\n <Box\n backgroundColor=\"green-5\"\n height=\"13px\"\n radius={5}\n width=\"13px\"\n />\n <Text\n color=\"foregroundSecondary\"\n lineHeight=\"13px\"\n size={6}\n textTransform=\"uppercase\"\n >\n Resource date\n </Text>\n </StackView>\n </StackView>\n <StackView alignment=\"end\" minWidth={6} height=\"100%\">\n <Text color=\"foregroundSecondary\" size={5} textTransform=\"uppercase\">\n {getTimeStamp(channel)}\n </Text>\n <StackView alignment=\"end\" alignSelf=\"stretch\" grow={1}>\n <UnreadBadge unread={unread} />\n </StackView>\n <Box onClick={(e) => e.stopPropagation()}>\n <Dropdown\n alignSelf=\"end\"\n className=\"actions-dropdown\"\n data-type=\"actions-dropdown\"\n icon={{\n name: \"people.importProgress\",\n size: \"lg\",\n }}\n radius=\"circle\"\n iconRight={false}\n lockScrollWhileOpen={true}\n onClose={() => setActionsOpenForChannel(null)}\n onOpen={() => setActionsOpenForChannel(channel.id)}\n placement=\"bottom-end\"\n popoverProps={{ offset: 4 }}\n right=\"1.5px\"\n size=\"xs\"\n theme=\"dark\"\n title=\"Message actions\"\n variant=\"naked\"\n visibility={channelActionsOpen ? \"visible\" : \"hidden\"}\n >\n {/ @ts-expect-error TODO: Tapestry TS bug /}\n <Dropdown.Item onSelect={() => {}}>Mark as unread</Dropdown.Item>\n {/ @ts-expect-error TODO: Tapestry TS bug /}\n <Dropdown.Item onSelect={() => {}}>Mute</Dropdown.Item>\n </Dropdown>\n </Box>\n </StackView>\n </GridView>\n )\n}\n","import React from \"react\"\nimport { ChannelList, InfiniteScroll } from \"stream-chat-react\"\n\nimport { DrawerHeader, DrawerHeading } from \"../../../../components\"\nimport { List } from \"./list\"\nimport { Preview } from \"./preview\"\n\nconst FILTERS = { type: \"messaging\" }\n\nexport const ChannelListView = ({ closeDrawer }) => {\n return (\n <>\n <DrawerHeader closeDrawer={closeDrawer}>\n <DrawerHeading>Messages</DrawerHeading>\n </DrawerHeader>\n <ChannelList\n filters={FILTERS}\n List={List}\n // Infinite scroll implementation details may need to be revisited once we have real data to work with.\n // https://getstream.io/chat/docs/sdk/react/guides/channel-list-infinite-scroll/#what-to-take-into-consideration\n Paginator={InfiniteScroll}\n Preview={Preview}\n />\n </>\n )\n}\n","import { Button, StackView } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\nimport {\n Channel,\n MessageInput,\n MessageList,\n useChatContext,\n Window,\n} from \"stream-chat-react\"\n\nimport { DrawerHeading } from \"../../../components\"\nimport { useMessages } from \"../hooks\"\n\nexport const ChannelView = () => {\n const { channel } = useChatContext()\n const { switchToChannelListView } = useMessages()\n const title = channel?.data?.name \|\| \"Channel name\"\n\n return (\n <>\n <StackView\n alignment=\"center\"\n axis=\"horizontal\"\n padding={2}\n paddingTop={1}\n spacing={1}\n >\n <Button\n aria-label=\"Switch to message list\"\n icon=\"general.leftChevron\"\n onClick={switchToChannelListView}\n size={\"sm\" as never} // TODO: Tapestry TS bug\n title=\"Back to message list\"\n variant=\"naked\"\n />\n <DrawerHeading truncate>{title}</DrawerHeading>\n </StackView>\n <StackView grow={1} paddingBottom={2} shrink={1}>\n <Channel channel={channel}>\n <Window>\n {/\n TODO: explore implementing <ScrollContainer> in <MessageList>\n https://getstream.io/chat/docs/sdk/react/components/core-components/message_list/#internalinfinitescrollprops\n /}\n <MessageList />\n <MessageInput />\n </Window>\n </Channel>\n </StackView>\n </>\n )\n}\n","import {\n Box,\n Button,\n Divider,\n Heading,\n StackView,\n Text,\n} from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\nimport { Channel, MessageInput } from \"stream-chat-react\"\n\nimport { DrawerHeading } from \"../../../components\"\nimport { useMessages } from \"../hooks\"\nimport { ScrollContainer } from \"./\"\n\nexport const NewMessageView = () => {\n const { switchToChannelListView } = useMessages()\n return (\n <>\n <StackView\n alignment=\"center\"\n axis=\"horizontal\"\n spacing={1}\n padding={2}\n paddingTop={1}\n >\n <Button\n aria-label=\"Switch to message list\"\n icon=\"general.leftChevron\"\n onClick={switchToChannelListView}\n size={\"sm\" as never} // TODO: Tapestry TS bug\n title=\"Back to message list\"\n variant=\"naked\"\n />\n <DrawerHeading truncate>New Message</DrawerHeading>\n </StackView>\n <StackView grow={1} shrink={1}>\n <StackView padding={2} spacing={2}>\n <Text align=\"center\" color=\"foregroundTertiary\">\n Message definitions placeholder\n </Text>\n </StackView>\n <Divider />\n <StackView grow={1}>\n <StackView padding={2}>\n <Text color=\"foregroundSecondary\" size={5}>\n Selected service type name\n </Text>\n <StackView\n alignment=\"baseline\"\n axis=\"horizontal\"\n distribution=\"space-between\"\n spacing={1}\n >\n {/ Date \| Team name /}\n <Heading\n color=\"foreground\"\n letterSpacing=\".002em\"\n level={2}\n weight={700}\n >\n June 5th, 2024 \| Audio\n </Heading>\n {/ number of team members /}\n <Text color=\"foreground\">25</Text>\n </StackView>\n </StackView>\n <ScrollContainer>\n <StackView paddingBottom={2} paddingLeft={2} spacing={2}>\n {Array.from({ length: 25 }, (_, i) => `Person ${i + 1}`).map(\n (opt) => (\n <TeamMemberListItem key={opt} />\n )\n )}\n </StackView>\n </ScrollContainer>\n </StackView>\n <Divider />\n <StackView paddingBottom={2} spacing={1}>\n <StackView padding={2} paddingBottom={0}>\n <Text align=\"center\" size={5} color=\"foregroundSecondary\">\n Message groups are dynamically updated based on the settings\n above. Any volunteer changes made in Services to a team or plan\n will be reflected in this group.\n </Text>\n </StackView>\n <Channel>\n <MessageInput />\n </Channel>\n </StackView>\n </StackView>\n </>\n )\n}\n\nconst TeamMemberListItem = () => {\n return (\n <StackView alignment=\"center\" axis=\"horizontal\" spacing={1}>\n {/ Avatar placeholder /}\n <Box\n backgroundColor=\"grey-5\"\n borderColor=\"grey-6\"\n borderWidth={2}\n height=\"36px\"\n radius=\"circle\"\n width=\"36px\"\n />\n <Text size={3} truncate>\n Person Name\n </Text>\n </StackView>\n )\n}\n","import { Box, StackView, StackViewProps } from \"@planningcenter/tapestry-react\"\nimport React, { useEffect, useRef, useState } from \"react\"\n\n// TODO: This component could prob be genrealized to provide overflow-y scroll indication, as well, if needed.\n// `top`/`bottom` // `left`/`right` → `start`/`end`\n\nconst INDICATOR_STYLES = {\n bottom: {\n background: \"linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0))\",\n top: 0,\n },\n top: {\n background: \"linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.07))\",\n bottom: 0,\n },\n}\n\ntype OmittedStackViewProps = Omit<\n StackViewProps,\n \"innerRef\" \| \"overflow\" \| \"spacing\"\n // `spacing` will cause the appearance of extra top & bottom padding\n // it's preferable to wrap the children in a StackView with the desired spacing\n>\n\ninterface ScrollContainerProps extends OmittedStackViewProps {\n children: React.ReactNode\n}\n\n// Perf: should this component be memoized?\nexport const ScrollContainer: React.FC<ScrollContainerProps> = ({\n children,\n ...props\n}) => {\n const [overflowTop, setOverflowTop] = useState(false)\n const [overflowBottom, setOverflowBottom] = useState(false)\n\n const containerRef = useRef(null)\n const bottomEdgeRef = useRef(null)\n const topEdgeRef = useRef(null)\n\n // Perf: should this be debounced?\n const handleResize = () => {\n const container = containerRef?.current\n\n if (container) {\n const hasOverflowBottom =\n container.scrollHeight - container.clientHeight >\n container.scrollTop + 1\n\n setOverflowBottom(hasOverflowBottom)\n }\n }\n\n useEffect(() => {\n const container = containerRef?.current\n\n if (!container) {\n return () => {} // noop\n }\n\n setOverflowBottom(container.scrollHeight > container.clientHeight)\n\n // setup intersection observers\n const options = { root: container, threshold: 1 }\n const bottomObserver = new IntersectionObserver(\n ([{ isIntersecting }]) => setOverflowBottom(!isIntersecting),\n options\n )\n const topObserver = new IntersectionObserver(\n ([{ isIntersecting }]) => setOverflowTop(!isIntersecting),\n options\n )\n\n const bottomTarget = bottomEdgeRef?.current\n const topTarget = topEdgeRef?.current\n\n if (bottomTarget) {\n bottomObserver.observe(bottomTarget)\n }\n if (topTarget) {\n topObserver.observe(topTarget)\n }\n\n // setup resize observer\n const resizeObserver = new ResizeObserver(handleResize)\n resizeObserver.observe(container)\n\n return () => {\n if (bottomTarget) {\n bottomObserver.unobserve(bottomTarget)\n }\n if (topTarget) {\n topObserver.unobserve(topTarget)\n }\n resizeObserver.unobserve(container)\n }\n }, [])\n\n return (\n <StackView grow={1} position=\"relative\" shrink={1}>\n {overflowBottom && <OverflowIndicator edge=\"top\" />}\n {overflowTop && <OverflowIndicator edge=\"bottom\" />}\n <StackView\n basis={2}\n grow={1}\n innerRef={containerRef}\n overflow=\"auto\"\n role=\"region\"\n shrink={1}\n {...props}\n >\n <Box innerRef={topEdgeRef} />\n {children}\n <Box innerRef={bottomEdgeRef} />\n </StackView>\n </StackView>\n )\n}\n\nconst OverflowIndicator = ({ edge }) => {\n return (\n <Box\n height={1}\n left={0}\n pointerEvents=\"none\"\n position=\"absolute\"\n right={0}\n role=\"presentation\"\n zIndex={10}\n {...INDICATOR_STYLES[edge]}\n />\n )\n}\n","import \"./style.css\"\n\nimport React from \"react\"\nimport { Chat } from \"stream-chat-react\"\n\nimport { DrawerHeader, DrawerHeading, SwitchView } from \"../../components\"\nimport { ToolbarTool } from \"../../types\"\nimport { ChannelListView, ChannelView, NewMessageView } from \"./components\"\nimport { useClient } from \"./hooks\"\nimport { MessagesProvider } from \"./messages_context\"\n\nconst USER_TOKEN =\n \"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoiYmxhY2stZGF3bi0wIiwiZXhwIjoxNjc4MzI3NDc0fQ.BpHu7s4yGSE5xS8wrYcV9CsbLKD5ta7gKHVHWA6Xdaw\"\n\nconst USER = {\n id: \"black-dawn-0\",\n image: \"https://getstream.io/random_png/?id=black-dawn-0&name=black\",\n name: \"black\",\n}\n\nconst MessagesComponent = ({ closeDrawer }) => {\n const chatClient = useClient({\n apiKey: \"dz5f4d5kzrue\",\n tokenOrProvider: USER_TOKEN,\n userData: USER,\n })\n\n const [actionsOpenForChannel, setActionsOpenForChannel] =\n React.useState(false)\n const [activeIndex, setActiveIndex] = React.useState(0)\n\n const switchToChannelListView = () => setActiveIndex(0)\n const switchToNewMessageView = () => setActiveIndex(1)\n const switchToChannelView = () => setActiveIndex(2)\n\n return (\n <MessagesProvider\n value={{\n actionsOpenForChannel,\n setActionsOpenForChannel,\n switchToChannelListView,\n switchToChannelView,\n switchToNewMessageView,\n }}\n >\n {chatClient ? (\n <Chat client={chatClient} theme=\"str-chat__theme-light\">\n <SwitchView activeIndex={activeIndex}>\n <ChannelListView closeDrawer={closeDrawer} />\n <NewMessageView />\n <ChannelView />\n </SwitchView>\n </Chat>\n ) : (\n <>\n <DrawerHeader closeDrawer={closeDrawer}>\n <DrawerHeading>Messages</DrawerHeading>\n </DrawerHeader>\n </>\n )}\n </MessagesProvider>\n )\n}\n\nconst Messages: ToolbarTool = {\n component: MessagesComponent,\n icons: {\n active: \"general.textMessage\",\n static: \"people.textMessageOutline\",\n },\n name: \"Messages\",\n}\n\nexport { Messages }\n","import React from \"react\"\nimport { StreamChat } from \"stream-chat\"\n\nexport const useClient = ({ apiKey, userData, tokenOrProvider }) => {\n const [chatClient, setChatClient] = React.useState(null)\n\n React.useEffect(() => {\n const client = new StreamChat(apiKey)\n // prevents application from setting stale client (user changed, for example)\n let didUserConnectInterrupt = false\n\n const connectionPromise = client\n .connectUser(userData, tokenOrProvider)\n .then(() => {\n if (!didUserConnectInterrupt) setChatClient(client)\n })\n\n return () => {\n didUserConnectInterrupt = true\n setChatClient(null)\n // wait for connection to finish before initiating closing sequence\n connectionPromise\n .then(() => client.disconnectUser())\n .then(() => {\n console.log(\"connection closed\")\n })\n }\n }, [apiKey, userData.id, tokenOrProvider])\n\n return chatClient\n}\n","import { Heading, Spinner, StackView } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\nimport { Transition, TransitionGroup } from \"react-transition-group\"\n\nimport { default as themeColors } from \"../../colors\"\nimport NotificationItem from \"../../components/notification_item\"\nimport NotificationsMenuBlankState from \"../../components/notifications_menu_blank_state\"\nimport { Notification } from \"../../interfaces\"\nimport store from \"../../store\"\nimport { ExclamationTriangle } from \"../../symbols\"\nimport { DrawerHeader, DrawerHeading } from \"../components\"\nimport { ToolbarTool } from \"../types\"\n\nconst SectionHeaderButton = ({\n disabled,\n onClick,\n title,\n ...props\n}: {\n disabled?: boolean\n onClick: any\n title: string\n}) => (\n <StackView\n color={disabled ? themeColors.lightNeutral62 : themeColors.interaction66}\n cursor={disabled ? \"default\" : \"pointer\"}\n fontSize={5}\n fontWeight={600}\n userSelect=\"none\"\n onClick={!disabled && onClick}\n {...props}\n >\n {title}\n </StackView>\n)\n\nconst SectionHeaderTitle = ({\n ...props\n}: {\n children?: React.ReactNode\n padding?: number\n}) => (\n <Heading\n color={themeColors.lightNeutral12}\n lineHeight={2}\n size={5}\n textTransform=\"uppercase\"\n userSelect=\"none\"\n {...props}\n />\n)\n\nfunction NotificationsComponent({ closeDrawer }) {\n const [showRead, setShowRead] = React.useState(false)\n\n const duration = 300\n\n const defaultStyle = { transition: `opacity ${duration}ms ease-in-out` }\n\n const transitionStyles = {\n entered: { opacity: 1 },\n entering: { opacity: 0.2 },\n }\n\n const {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError,\n isLoading,\n read,\n unread,\n } = store.getState()[\"notifications\"]\n\n return (\n <>\n <DrawerHeader closeDrawer={closeDrawer}>\n <StackView spacing={0.5}>\n <StackView alignment=\"center\" axis=\"horizontal\" spacing={1}>\n <DrawerHeading>Notifications</DrawerHeading>\n {isLoading && (\n <Spinner\n color=\"hsl(0 0% 62%)\"\n thickness={2}\n trackColor=\"hsl(0 0% 97%)\"\n />\n )}\n {hasError && (\n <ExclamationTriangle fill=\"hsl(8 60% 47%)\" size={16} />\n )}\n </StackView>\n {read.length > 0 && (\n <SectionHeaderButton\n onClick={() => setShowRead((showRead) => !showRead)}\n title={`${showRead ? \"Hide\" : \"Show\"} read`}\n />\n )}\n </StackView>\n </DrawerHeader>\n <StackView spacing={2} alignment=\"stretch\">\n <div\n style={{\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n margin: 0,\n padding: \"4px 0\",\n }}\n >\n {!isLoading && unread.length === 0 && (\n <NotificationsMenuBlankState\n context=\"toolbar\"\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 <StackView\n axis=\"horizontal\"\n alignment=\"center\"\n distribution=\"space-between\"\n padding={2}\n >\n <SectionHeaderTitle>Unread</SectionHeaderTitle>\n {unread.length > 0 && (\n <SectionHeaderButton\n onClick={() => handleMarkAllAsRead()}\n title={`Mark ${unread.length} as read`}\n />\n )}\n </StackView>\n )}\n <TransitionGroup exit={false}>\n {unread.map((notification: Notification, idx) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <NotificationItem\n isLast={unread.length === idx + 1}\n key={notification.id}\n onMarkAsRead={handleMarkAsRead}\n onToggleRead={() => handleToggleRead(notification)}\n showBottomBorder={read.length > 0}\n {...{ notification }}\n />\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n {read.length > 0 && showRead && (\n <>\n <SectionHeaderTitle padding={2}>Read</SectionHeaderTitle>\n <TransitionGroup exit={false}>\n {read.map((notification: Notification) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <div style={{ opacity: 0.6 }}>\n <NotificationItem\n key={notification.id}\n onToggleRead={() => handleToggleRead(notification)}\n showBottomBorder\n {...{ notification }}\n />\n </div>\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n </>\n )}\n </div>\n </StackView>\n </>\n )\n}\n\nconst Notifications: ToolbarTool = {\n component: NotificationsComponent,\n icons: {\n active: \"toolbar.notification\",\n static: \"toolbar.notificationO\",\n },\n name: \"Notifications\",\n}\n\nexport { Notifications }\n","import as PCO_URL from \"@planningcenter/url\"\nimport { useCallback, useEffect } from \"react\"\n\ntype HandlerFunc = (message: { data: object }) => void\n\nconst defaultHandlerFunc = () => null\n\nfunction useCrossFrameMessaging(\n env: PCO_URL.Environment,\n handler: HandlerFunc = defaultHandlerFunc\n) {\n useEffect(() => {\n window.addEventListener(\"message\", handler)\n\n return () => window.removeEventListener(\"message\", handler)\n }, [handler])\n\n return useCallback(\n (message: object) => {\n const frame = getFrame(env)\n\n if (frame.contentWindow) {\n window.postMessage(message, \"\")\n frame.contentWindow.postMessage(message, \"\")\n } else {\n throw new Error(\n \"Cannot use iframe for cross-frame messaging. `contentWindow` is missing!\"\n )\n }\n },\n [env]\n )\n}\n\nfunction getFrame(env: PCO_URL.Environment) {\n const src = iframeSource(env)\n\n const foundFrame = document.querySelector<HTMLIFrameElement>(\n `iframe[src=\"${src}\"]`\n )\n\n if (foundFrame) return foundFrame\n\n const iframe = document.createElement(\"iframe\")\n iframe.src = src\n iframe.style.cssText =\n \"height: 0px; width: 0px; opacity: 0; position: absolute; left: -1000px; top: -1000px;\"\n document.body.appendChild(iframe)\n\n return iframe\n}\n\nfunction iframeSource(env: PCO_URL.Environment) {\n switch (env) {\n case \"production\":\n return \"https://pco-cross-storage.s3.amazonaws.com/hub.html\"\n case \"staging\":\n return \"https://pco-cross-storage-staging.s3.amazonaws.com/hub.html\"\n default:\n return \"https://pco-cross-storage-dev.s3.amazonaws.com/hub.html\"\n }\n}\n\nexport default useCrossFrameMessaging\n","import {\n components,\n UiExtensionThirdPartyComponent,\n} from \"@planningcenter/add-ons\"\nimport pcoUrl from \"@planningcenter/url\"\nimport React, { useCallback, useState } from \"react\"\n\nimport useCrossFrameMessaging from \"../../hooks/use_cross_frame_messaging\"\nimport { DrawerHeader, DrawerHeading, SwitchView } from \"../components\"\nimport { ToolbarTool } from \"../types\"\n\nconst { LoadingIndicator, StackView } = components\n\nfunction TasksComponent({ closeDrawer, env }) {\n const source = `${pcoUrl(env)(\"home\" as any)}/addons/toolbar.tasks.list.js`\n\n const [crossFrameMessages, setCrossFrameMessages] = useState([])\n\n const postCrossFrameMessage = useCrossFrameMessaging(\n env,\n useCallback((message: { data?: { homeTasksMessage?: string } }) => {\n if (message.data?.hasOwnProperty(\"homeTasksMessage\")) {\n let parsedMessage = null\n try {\n parsedMessage = JSON.parse(message.data.homeTasksMessage)\n } catch (e) {\n console.error(e)\n }\n if (parsedMessage) {\n setCrossFrameMessages((cfm) => [...cfm, parsedMessage])\n }\n }\n }, [])\n )\n\n const sendNotificationThatTaskListChanged = useCallback(\n (homeTasksMessage: object) => {\n const message = {\n homeTasksMessage: JSON.stringify(homeTasksMessage),\n }\n setTimeout(() => {\n postCrossFrameMessage(message)\n }, 1)\n },\n [postCrossFrameMessage]\n )\n\n return (\n <UiExtensionThirdPartyComponent\n grow={1}\n display=\"flex\"\n extensionId=\"2\"\n url={source}\n loadingFallback={\n <StackView flex={1} axis=\"vertical\">\n <DrawerHeader closeDrawer={closeDrawer}>\n <StackView axis=\"horizontal\" spacing={1}>\n <DrawerHeading>Tasks</DrawerHeading>\n <LoadingIndicator />\n </StackView>\n </DrawerHeader>\n </StackView>\n }\n additionalComponents={{ DrawerHeader, DrawerHeading, SwitchView }}\n args={{\n closeDrawer,\n crossFrameMessages,\n sendNotificationThatTaskListChanged,\n }}\n />\n )\n}\n\nconst Tasks: ToolbarTool = {\n component: TasksComponent,\n icons: {\n active: \"toolbar.checklist\",\n static: \"toolbar.checklistO\",\n },\n name: \"Tasks\",\n}\n\nexport { Tasks }\n","import { UiExtensionDataContext } from \"@planningcenter/add-ons\"\nimport {\n Avatar,\n Box,\n Button,\n Divider,\n Icon,\n StackView,\n ThemeProvider,\n} from \"@planningcenter/tapestry-react\"\nimport pcoUrl, { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport getLoginProfilePath from \"../get_login_profile_path\"\nimport useMediaQuery from \"../hooks/use_media_query\"\nimport useNotifications from \"../hooks/use_notifications\"\nimport useStore from \"../hooks/use_store\"\nimport { topbarTheme } from \"../theme\"\nimport { Drawer, UserProfile as OriginalUserProfile } from \"./components\"\nimport { ActionType, useToolbarReducer } from \"./hooks\"\nimport { Messages, Notifications, Tasks } from \"./tools\"\nimport { ToolbarTool } from \"./types\"\n\nconst TOOLBAR_WIDTH = 48\nconst DRAWER_WIDTH = 360\nconst DURATION = 100\nconst NAVBAR_HEIGHT = 52\nconst TOOLS: ToolbarTool[] = [Tasks, Notifications, Messages]\n\ntype UseNotificationProps = Pick<\n Parameters<typeof useNotifications>[\"0\"],\n \"enableJoltLogging\" \| \"joltPromise\"\n>\n\ntype ToolbarProps = {\n appName: string\n env: Environment\n linkToProfile?: boolean\n userAvatarPath: string\n userId: string\n userName: string\n} & UseNotificationProps\n\nconst IndicatorDot = (props) => (\n <Box\n backgroundColor={themeColors.home.brand62}\n height={1.5}\n pointerEvents=\"none\"\n position=\"absolute\"\n radius=\"50%\"\n right={0.25}\n top={0.25}\n width={1.5}\n zIndex={6}\n {...props}\n />\n)\n\nexport function Toolbar({\n appName,\n env,\n linkToProfile = true,\n userAvatarPath,\n userId,\n userName,\n}: ToolbarProps): JSX.Element {\n const [state, dispatch] = useToolbarReducer()\n const { currentContent, mounted, open } = state\n\n React.useEffect(() => {\n if (open) {\n document.body.style.overflow = \"hidden\"\n window.scrollTo(0, 0)\n } else {\n document.body.style.overflow = \"auto\"\n }\n }, [open])\n\n const loginSettingsUrl = getLoginProfilePath({\n appName: appName.replace(/[\\s-]/, \"\"),\n env: env,\n userId: userId,\n })\n const logoutUrl = `${pcoUrl(env)(\"login\")}/logout`\n const profileUrl = `/people/AC${userId}`\n\n const indicatorVisible = useStore((state) => state.indicatorVisible)\n\n const openDrawer = (content) => {\n dispatch({ payload: { content }, type: ActionType.mount })\n setTimeout(() => dispatch({ type: ActionType.open }))\n }\n\n const closeDrawer = () => {\n dispatch({ type: ActionType.close })\n setTimeout(() => dispatch({ type: ActionType.unmount }), DURATION)\n }\n\n const toggleDrawer = (content: ToolbarTool \| typeof UserProfile) => {\n if (!open) {\n return openDrawer(content)\n }\n\n return currentContent.name === content.name\n ? closeDrawer()\n : dispatch({ payload: { content }, type: ActionType.set })\n }\n\n const UserProfile: Omit<ToolbarTool, \"icons\"> = {\n component: () =>\n OriginalUserProfile({\n closeDrawer,\n linkToProfile,\n loginSettingsUrl,\n logoutUrl,\n profileUrl,\n userAvatarPath,\n userName,\n }),\n name: \"Profile\",\n }\n\n const isMobile = useMediaQuery(\"(max-width: 600px)\")\n\n const [visibleWindowHeight, setVisibleWindowHeight] = React.useState(0)\n\n React.useLayoutEffect(() => {\n const handleResize = () => {\n setVisibleWindowHeight(window.innerHeight)\n }\n\n window.addEventListener(\"resize\", handleResize)\n\n return () => window.removeEventListener(\"resize\", handleResize)\n }, [])\n\n const handleToolOnClick = (tool: ToolbarTool) => {\n openDrawer(tool)\n document\n .getElementById(`toolbarDrawer${tool.name}`)\n ?.scrollTo({ top: 0, behavior: \"smooth\" })\n }\n\n return (\n <ThemeProvider theme={topbarTheme}>\n {isMobile ? (\n <>\n <StackView\n left={0}\n position=\"absolute\"\n right={0}\n pointerEvents=\"none\"\n style={{ minHeight: visibleWindowHeight }}\n top={0}\n zIndex={1001}\n >\n <StackView\n alignItems=\"start\"\n axis=\"horizontal\"\n backgroundColor=\"white\"\n borderTopColor=\"separatorTertiary\"\n borderTopWidth={1}\n bottom={0}\n distribution=\"fill\"\n height={`calc(${NAVBAR_HEIGHT}px + env(safe-area-inset-bottom))`}\n left={0}\n position=\"fixed\"\n pointerEvents=\"auto\"\n right={0}\n >\n <StackView alignment=\"center\" flex=\"1\" position=\"relative\">\n <Button\n css={{ WebkitTapHighlightColor: \"transparent\" }}\n color={\n !open\n ? themeColors.lightNeutral24\n : themeColors.lightNeutral62\n }\n hover={{ color: themeColors.lightNeutral24 }}\n icon={{\n name: open ? \"toolbar.homeO\" : \"toolbar.home\",\n size: \"20px\",\n }}\n onClick={() => closeDrawer()}\n padding={2}\n theme={false}\n title={`Home`}\n />\n </StackView>\n {TOOLS.map((tool) => (\n <StackView\n alignment=\"center\"\n flex=\"1\"\n key={tool.name}\n position=\"relative\"\n >\n <Button\n aria-label={`${tool.name}`}\n color={\n open && currentContent === tool\n ? themeColors.lightNeutral24\n : themeColors.lightNeutral62\n }\n css={{ WebkitTapHighlightColor: \"transparent\" }}\n hover={{ color: themeColors.lightNeutral24 }}\n key={tool.name}\n onClick={() => handleToolOnClick(tool)}\n paddingHorizontal={2}\n paddingVertical={2}\n theme={false}\n >\n <Box position=\"relative\">\n {indicatorVisible?.[tool.name] && (\n <IndicatorDot right={-0.5} top={-0.5} />\n )}\n <Icon\n name={\n open && currentContent === tool\n ? tool.icons.active\n : tool.icons.static\n }\n size=\"20px\"\n />\n </Box>\n </Button>\n </StackView>\n ))}\n </StackView>\n </StackView>\n <UiExtensionDataContext>\n {mounted && (\n <Drawer\n id={`toolbarDrawer${currentContent.name}`}\n bottom={`${NAVBAR_HEIGHT}px`}\n height={`calc(100% - ${NAVBAR_HEIGHT}px)`}\n overflow=\"auto\"\n position=\"absolute\"\n >\n <currentContent.component {...{ env, userId }} />\n </Drawer>\n )}\n </UiExtensionDataContext>\n </>\n ) : (\n <StackView\n height=\"100vh\"\n position=\"relative\"\n width={\n open\n ? `calc(${DRAWER_WIDTH}px + ${TOOLBAR_WIDTH}px)`\n : `${TOOLBAR_WIDTH}px`\n }\n transition={`all ${DURATION}ms ease-in-out`}\n >\n <StackView\n backgroundColor=\"surface\"\n borderLeftColor=\"separatorTertiary\"\n borderLeftWidth={1}\n grow={1}\n paddingVertical={1}\n spacing={<Divider margin={2} />}\n zIndex={2}\n position=\"absolute\"\n right={0}\n height=\"100%\"\n width={`${TOOLBAR_WIDTH}px`}\n >\n <StackView alignment=\"center\" spacing={2}>\n <Button\n onClick={() => toggleDrawer(UserProfile)}\n radius={0}\n theme={false}\n >\n <Avatar\n alt={`${userName}'s avatar`}\n hover={{ outlineColor: themeColors.lightNeutral62 }}\n outlineColor={\n open && currentContent.name == \"Profile\"\n ? themeColors.lightNeutral62\n : \"transparent\"\n }\n outlineOffset=\"2px\"\n outlineStyle=\"solid\"\n outlineWidth=\"2px\"\n size=\"sm\"\n source={userAvatarPath}\n />\n </Button>\n\n <Button\n color={themeColors.lightNeutral62}\n hover={{\n color: themeColors.lightNeutral24,\n }}\n icon={{\n name: \"general.outlinedQuestionCircle\",\n pointerEvents: \"none\",\n size: \"20px\",\n }}\n id=\"jsLaunchHelpdesk\"\n title=\"Help\"\n theme={false}\n />\n </StackView>\n <StackView alignment=\"center\" spacing={2}>\n {TOOLS.map((tool) => (\n <Box key={tool.name} position=\"relative\">\n {indicatorVisible?.[tool.name] && <IndicatorDot />}\n <Button\n color={\n open && currentContent === tool\n ? themeColors.lightNeutral24\n : themeColors.lightNeutral62\n }\n hover={{\n color: themeColors.lightNeutral24,\n }}\n icon={{\n name:\n open && currentContent === tool\n ? tool.icons.active\n : tool.icons.static,\n size: \"20px\",\n }}\n key={tool.name}\n onClick={() => toggleDrawer(tool)}\n title={`Open ${tool.name} drawer`}\n theme={false}\n />\n </Box>\n ))}\n </StackView>\n </StackView>\n <UiExtensionDataContext>\n {mounted && (\n <Drawer hasShadow width={`${DRAWER_WIDTH}px`}>\n <currentContent.component {...{ closeDrawer, env, userId }} />\n </Drawer>\n )}\n </UiExtensionDataContext>\n </StackView>\n )}\n </ThemeProvider>\n )\n}\n","import {\n Avatar,\n Button,\n Divider,\n GridView,\n Heading,\n Icon,\n Link,\n StackView,\n Text,\n} from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nimport { default as themeColors } from \"../../colors\"\nimport useStore from \"../../hooks/use_store\"\n\ninterface Props {\n closeDrawer: () => void\n linkToProfile: boolean\n loginSettingsUrl: string\n logoutUrl: string\n profileUrl: string\n userAvatarPath: string\n userName: string\n}\n\nexport function UserProfile({\n closeDrawer,\n linkToProfile,\n loginSettingsUrl,\n logoutUrl,\n profileUrl,\n userName,\n userAvatarPath,\n}: Props) {\n const { mfaConfigured, mfaEnabled } = useStore()\n\n return (\n <StackView axis=\"vertical\" spacing={<Divider />}>\n <GridView\n columns=\"auto 1fr auto\"\n alignment=\"start\"\n spacing={2}\n padding={2}\n paddingTop={1}\n width=\"100%\"\n >\n <Avatar source={userAvatarPath} size=\"md\" />\n <StackView axis=\"vertical\" spacing={1} grow={0} shrink={1}>\n <Heading\n level={3}\n weight={600}\n paddingTop={0.5}\n color={themeColors.lightNeutral12}\n >\n {userName}\n </Heading>\n {linkToProfile && (\n <Link to={profileUrl} style={{ color: themeColors.lightNeutral45 }}>\n My profile\n </Link>\n )}\n {mfaEnabled && (\n <>\n <Link\n to={loginSettingsUrl}\n style={{ color: themeColors.lightNeutral45 }}\n >\n My login settings\n </Link>\n <StackView\n axis=\"horizontal\"\n alignment=\"center\"\n spacing={0.5}\n width=\"100%\"\n >\n <Icon\n name={mfaConfigured ? \"general.lock\" : \"general.unlock\"}\n size=\"sm\"\n color={\n mfaConfigured ? themeColors.success25 : themeColors.danger45\n }\n />\n <Text\n size={5}\n weight={400}\n color={themeColors.lightNeutral62}\n wrap={true}\n >\n Two-step verification {mfaConfigured ? \"active\" : \"inactive\"}\n </Text>\n </StackView>\n </>\n )}\n </StackView>\n <Button\n icon={{\n fill: themeColors.lightNeutral24,\n name: \"general.x\",\n size: \"md\",\n }}\n onClick={closeDrawer}\n title=\"Close\"\n variant=\"naked\"\n theme={false}\n hover={{\n backgroundColor: themeColors.lightNeutral95,\n }}\n />\n </GridView>\n <Button to={logoutUrl} theme={false} width=\"100%\" style={{ padding: 0 }}>\n <StackView\n distribution=\"space-between\"\n alignment=\"center\"\n axis=\"horizontal\"\n grow={1}\n paddingHorizontal={3}\n paddingVertical={2}\n >\n <Text color={themeColors.lightNeutral62}>Logout</Text>\n <Icon name=\"general.intoBox\" fill={themeColors.lightNeutral62} />\n </StackView>\n </Button>\n </StackView>\n )\n}\n","import { useEffect, useState } from \"react\"\n\nfunction useMediaQuery(query: string): boolean {\n const getMatches = (query: string): boolean => {\n // Prevents SSR issues\n if (typeof window !== \"undefined\") {\n return window.matchMedia(query).matches\n }\n return false\n }\n\n const [matches, setMatches] = useState<boolean>(getMatches(query))\n\n function handleChange() {\n setMatches(getMatches(query))\n }\n\n useEffect(() => {\n const matchMedia = window.matchMedia(query)\n\n // Triggered at the first client-side load and if query changes\n handleChange()\n\n // Listen matchMedia\n if (matchMedia.addListener) {\n matchMedia.addListener(handleChange)\n } else {\n matchMedia.addEventListener(\"change\", handleChange)\n }\n\n return () => {\n if (matchMedia.removeListener) {\n matchMedia.removeListener(handleChange)\n } else {\n matchMedia.removeEventListener(\"change\", handleChange)\n }\n }\n }, [query])\n\n return matches\n}\n\nexport default useMediaQuery\n"],"names":["_excluded","defaultFetch","url","options","fetch","_extends","credentials","mode","railsCsrfFetch","_ref","headers","rest","_objectWithoutPropertiesLoose","_window$Rails","_window","window","Rails","csrfToken","_document$querySelect","document","querySelector","getAttribute","apiRequest","method","data","Accept","redirect","body","JSON","stringify","then","response","json","ok","catch","e","console","warn","useLocalStorage","key","initialValue","storedValue","setStoredValue","useState","item","localStorage","getItem","parse","error","localStorageRepresentation","useEffect","setItem","dropKey","removeItem","buildNotificationFromApiResponse","resp","_findInIncluded","_findInIncluded$attri","_findInIncluded2","_findInIncluded2$attr","_resp$relationships","_resp$relationships$w","_resp$relationships$w2","_resp$attributes$read","findInIncluded","type","id","included","find","i","appName","relationships","app","attributes","name","notificationData","web_payloads","content","createdAt","Date","created_at","isRead","read_at","length","link","title","store","initialState","currentState","listeners","Set","getState","setState","newState","forEach","listener","subscribe","add","delete","createStore","AppsProvider","configuredFetch","env","formatter","mapApps","joltPromise","render","userId","_topbarResponse$data","_topbarResponse$data$","_topbarResponse$data$2","_topbarResponse$data2","_topbarResponse$data3","_topbarResponse$data4","_topbarResponse$data5","_topbarResponse$data6","_topbarResponse$data7","_topbarResponse$data8","topbarResponse","useTopbarAPI","localResp","setLocalResp","setResp","pcoUrl","apps","mfaEnabled","features","includes","mfaConfigured","mfa_configured","notificationsEnabled","notificationsDisabled","organizationTimeZone","org_time_zone","toolbarEnabled","handleMarkAllAsRead","handleMarkAsRead","handleToggleRead","hasError","isLoading","read","unread","enableJoltLogging","enabled","props","notifications","setNotifications","React","setIsLoading","setHasError","sort","a","b","reduce","acc","notification","notificationsOrganizer","unreadCount","setUnreadCount","joltChannel","useJoltChannelSubscription","channelName","Promise","resolve","setJoltChannel","joltInstance","setJoltInstance","usingIndependentJoltInstance","setUsingIndependentJoltInstance","subscribeToJoltChannel","useCallback","async","jolt","j","subscribeUrl","fetchSubscribeTokenFn","_channel","cid","Jolt","wssUrl","fetchAuthTokenFn","logToConsole","channel","pcoPageExpiredHandler","event","_window$pcoPageExpire","hasOwnProperty","PCOPageExpiredCurrentPersonACID","pcoPageExpired","currentPersonACID","disconnect","addEventListener","removeEventListener","fetchNotifications","map","exception","extractPayloadFromJoltMessage","updateStateFromJoltMessage","message","fetchNotification","filter","candidate","removeNotification","joltMessageNotificationDataPayload","newNotifications","bind","unbind","markAsReadOrUnread","notificationIds","readOrUnread","action","source","n","unreadIds","u","useNotifications","state","indicatorVisible","Notifications","remove","_resp$data","_resp$data$attributes","ConnectedPeopleProvider","Component","constructor","super","this","connectedPeople","unlink","location","meta","redirect_to","switch","toId","returnPath","return_path","componentDidMount","defaultProps","debounce","func","wait","timeout","args","context","clearTimeout","setTimeout","later","apply","PointBreak","width","innerWidth","setWindowWidth","componentWillUnmount","breakpointString","DisplaySwitch","breakpoint","smallBreakpoints","indexOf","smallTopbar","notSmallTopbar","Accounts","color","createElement","fill","d","Squircle","HomeHex","MonoAppIcon","colors","style","size","platformProps","xmlns","height","viewBox","role","display","iconBackground","AppSymbols","base0","MonoAppName","MonoAppText","slightBackgroundTransition","transition","fontFamily","IEFlex1","flex","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_excluded8","_excluded9","Bell","dot","dotFill","bellPath","stroke","cx","cy","r","mask","x","y","BlankStateIcon","_ref2","dark","nativeProps","clipPath","opacity","ChevronIcon","_ref3","Cog","_ref4","DisclosureChevronIcon","_ref5","base3","points","HelpIcon","_ref6","ExclamationTriangle","_ref7","Spyglass","_ref8","X","_ref9","Unbutton","WebkitAppearance","appearance","backgroundColor","border","cursor","outline","padding","AppsButton","displayIconOnly","expanded","onClick","down","setDown","entered","setEntered","onMouseDown","onMouseEnter","onMouseLeave","onMouseUp","alignItems","base1","base2","paddingLeft","paddingRight","whiteSpace","replace","Fragment","fontSize","fontWeight","marginLeft","margin","x1","y1","x2","y2","gradientUnits","offset","stopColor","gradientTransform","xlinkHref","transform","ColorAppIcon","ColorAppSquircles","getAppsSwitchProductPath","productName","_window$location","_window$location$path","basePath","toLowerCase","referer","pathname","toString","params","URLSearchParams","append","HoverableListItem","active","component","C","Outsider","container","handleOutsideClick","contains","target","stopPropagation","preventDefault","onOutsideClick","_this$props","cleanup","ref","c","PopupRoot","alignSelf","position","Popup","background","borderRadius","boxShadow","overflow","AppsMenu","toggle","visible","accountsProduct","homeProduct","restProducts","localeCompare","listItemProps","verticalAlign","marginTop","visibility","minWidth","href","borderBottom","marginRight","isFirst","isLast","paddingBottom","paddingTop","borderTop","textDecoration","lineHeight","Hoverable","hover","innerRef","NotificationBell","isHover","isOpen","BellIcon","base3Hover","danger43","danger45","danger47","danger93","danger97","darkNeutral07","darkNeutral12","darkNeutral15","darkNeutral17","darkNeutral19","darkNeutral24","darkNeutral32","darkNeutral50","darkNeutral68","darkNeutral88","darkNeutral98","home","brand62","interaction45","interaction50","interaction55","interaction66","interaction91","interaction93","lightNeutral12","lightNeutral24","lightNeutral45","lightNeutral62","lightNeutral81","lightNeutral88","lightNeutral93","lightNeutral95","lightNeutral97","lightNeutral98","lightNeutral100","success23","success25","success27","success91","success97","warning49","warning55","warning63","warning94","warning97","useStore","selector","useSyncExternalStore","generateColorScale","designSystem","topbarTheme","baseColor","icons","people","toolbar","ConditionalWrap","children","condition","wrap","useHover","elementRef","value","setValue","handleMouseEnter","handleMouseLeave","node","current","Eyebrow","textTransform","MarkReadDot","hoverRef","useRef","justifyContent","NotificationItem","mobile","onMarkAsRead","onToggleRead","showBottomBorder","isActive","setIsActive","datetimeFmtOptions","timeZone","flexDirection","flexGrow","borderLeft","Calendar","Giving","Groups","People","Publishing","Registrations","Services","marginBottom","userSelect","datetimeFmt","datetime","NotificationsMenuBlankState","description","StackView","alignment","distribution","Heading","Text","align","NotificationsMenuWrapper","right","Headline","SectionHeaderButton","disabled","SectionHeader","SectionHeaderTitle","ManageButton","textAlign","NotificationsMenu","localShowRead","setLocalShowRead","topDistance","setTopDistance","showRead","setShowRead","setActive","setHeight","observe","mainRef","mainHeight","useDimensions","onResize","unobserve","settingsRef","settingsHeight","_ref$current","getBoundingClientRect","top","hasPrefs","some","notifications_preferences_url","defaultStyle","transitionStyles","entering","handleToggle","ThemeProvider","theme","maxHeight","innerHeight","className","overflowX","overflowY","boxSizing","Spinner","thickness","trackColor","TransitionGroup","exit","idx","Transition","BlankFallback","Object","freeze","fallback","ErrorBoundary","static","_error","componentDidCatch","errorInfo","Error","appsMenuFormatter","sortByAttribute","attr","arr","slice","connectedPeopleMenuFormatter","StyledRoot","MozOsxFontSmoothing","WebkitFontSmoothing","HelpdeskTrigger","highlight","getLoginProfilePath","MFAStatus","statusColor","UserMenu","linkToProfile","orgName","requestClearAppsCache","requestClearConnectedPeopleCache","requestSwitchConnectedPerson","requestUnlinkConnectedPeople","setUserMenuVisible","userMenuVisible","userName","maxWidth","textOverflow","listStyleType","person","organization_name","strokeWidth","fillRule","Avatar","incomingUrl","backgroundImage","backgroundPosition","backgroundSize","UserMenuTrigger","requestConnectedPeopleFetch","showOrgName","userAvatarPath","text","Topbar","_notifications$unread","appsMenuVisible","setAppsMenuVisible","notificationsMenuVisible","setNotificationsMenuVisible","routesVisible","setRoutesVisible","requestAppsFetch","routes","search","hideRoutes","showRoutes","useDummyNotifications","Route","Provider","announcements","initialAnnouncements","dismissAnnouncements","newAnnouncements","pcURL","obj","ownProps","keys","resArray","Array","entries","entry","StyledAnnouncement","StyleProvider","_this$props2","join","trim","PlatformAnnouncements","actions","Boolean","announcement","renderItem","StyledDismissButton","_objectDestructuringEmpty","borderWidth","XSymbol","DissmissibleAnnouncement","dangerouslySetInnerHTML","__html","html","ProductAnnouncement","_event","dismissed","updateDismissed","ClientStorage","update","forceUpdate","undefined","HSLtoHSLA","hsl","hslArray","split","AccountSettingsLink","accountsName","themeColors","CloseMenuButton","LinkedAccounts","borderColor","LoginSettingsLink","ProfileLink","UserName","UserInfo","flexShrink","WebkitOverflowScrolling","appColors","UserProfileMenu","axis","spacing","shrink","weight","truncate","Link","as","underline","Button","icon","paddingVertical","paddingHorizontal","HeadingUppercase","List","dividerColor","Item","UserMenuAppLockup","originalAppName","routesMenuVisible","setRoutesMenuVisible","productSwitcherVisible","setProductSwitcherVisible","activeRoute","CurrentRouteComponent","currentRouteComponent","currentRouteText","left","LocalStorageProvider","MozUserSelect","WebkitTapHighlightColor","WebkitUserSelect","bottom","msUserSelect","forcePropagation","borderRight","s","charAt","toUpperCase","Drawer","hasShadow","elevation","open","zIndex","DrawerHeader","closeDrawer","Box","DrawerHeading","letterSpacing","level","SwitchView","activeIndex","childCount","Children","count","validatedIndex","grow","view","index","inView","pointerEvents","ActionType","currentContent","mounted","reducer","mount","payload","unmount","close","set","useToolbarReducer","overrides","useReducer","MessagesContext","createContext","MessagesProvider","useMessages","useContext","LoadingErrorIndicator","Icon","LoadingIndicator","loading","switchToNewMessageView","preLoading","child","isValidElement","listType","ScrollContainer","Divider","css","UnreadBadge","clampedValue","Badge","radius","Preview","displayTitle","latestMessage","setActiveChannel","_latestMessage$props","setActionsOpenForChannel","actionsOpenForChannel","switchToChannelView","channelActionsOpen","latestMessageText","handleChannelClick","GridView","borderBottomColor","borderBottomWidth","columns","minHeight","onKeyDown","tabIndex","WebkitBoxOrient","WebkitLineClamp","basis","last_message_at","date","year","getTimeStamp","Dropdown","iconRight","lockScrollWhileOpen","onClose","onOpen","placement","popoverProps","variant","onSelect","FILTERS","ChannelListView","ChannelList","filters","Paginator","InfiniteScroll","ChannelView","_channel$data","useChatContext","switchToChannelListView","Channel","Window","MessageList","MessageInput","NewMessageView","from","_","opt","TeamMemberListItem","INDICATOR_STYLES","overflowTop","setOverflowTop","overflowBottom","setOverflowBottom","containerRef","bottomEdgeRef","topEdgeRef","handleResize","scrollHeight","clientHeight","scrollTop","root","threshold","bottomObserver","IntersectionObserver","isIntersecting","topObserver","bottomTarget","topTarget","resizeObserver","ResizeObserver","OverflowIndicator","edge","USER","image","Messages","MessagesComponent","chatClient","useClient","apiKey","userData","tokenOrProvider","setChatClient","client","StreamChat","didUserConnectInterrupt","connectionPromise","connectUser","disconnectUser","log","setActiveIndex","Chat","defaultHandlerFunc","components","TOOLBAR_WIDTH","DRAWER_WIDTH","DURATION","NAVBAR_HEIGHT","TOOLS","crossFrameMessages","setCrossFrameMessages","postCrossFrameMessage","handler","frame","src","iframeSource","foundFrame","iframe","cssText","appendChild","getFrame","contentWindow","postMessage","useCrossFrameMessaging","_message$data","parsedMessage","homeTasksMessage","cfm","sendNotificationThatTaskListChanged","UiExtensionThirdPartyComponent","extensionId","loadingFallback","additionalComponents","IndicatorDot","Toolbar","dispatch","scrollTo","loginSettingsUrl","logoutUrl","profileUrl","openDrawer","toggleDrawer","UserProfile","to","OriginalUserProfile","isMobile","query","getMatches","matchMedia","matches","setMatches","handleChange","addListener","removeListener","useMediaQuery","visibleWindowHeight","setVisibleWindowHeight","useLayoutEffect","borderTopColor","borderTopWidth","tool","_document$getElementB","getElementById","behavior","handleToolOnClick","UiExtensionDataContext","borderLeftColor","borderLeftWidth","alt","outlineColor","outlineOffset","outlineStyle","outlineWidth"],"mappings":"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"}
1	+ {"version":3,"file":"topbar.modern.js","sources":["../modules/api_request.ts","../modules/hooks/use_local_storage.ts","../modules/hooks/use_notifications.ts","../modules/store.js","../modules/apps_provider.tsx","../modules/hooks/use_topbar_api.ts","../modules/connected_people_provider.tsx","../modules/display_switch.tsx","../modules/mono_app_symbols.tsx","../modules/mono_app_icon.tsx","../modules/mono_app_text.tsx","../modules/mono_app_name.tsx","../modules/styles.tsx","../modules/symbols.tsx","../modules/unbutton.tsx","../modules/components/apps_button.tsx","../modules/color_app_squircles.tsx","../modules/color_app_icon.tsx","../modules/get_apps_switch_product_path.tsx","../modules/components/hoverable_list_item.tsx","../modules/components/outsider.tsx","../modules/components/popover_root.tsx","../modules/components/popup.tsx","../modules/components/apps_menu.tsx","../modules/components/hoverable.tsx","../modules/components/notification_bell.tsx","../modules/colors.tsx","../modules/hooks/use_store.tsx","../modules/theme.ts","../modules/components/conditional_wrap.tsx","../modules/hooks/use_hover.tsx","../modules/components/eyebrow.tsx","../modules/components/notification_item.tsx","../modules/components/notifications_menu_blank_state.tsx","../modules/components/popup_root.tsx","../modules/components/notifications_menu_wrapper.tsx","../modules/components/notifications_menu.tsx","../modules/error_boundary.tsx","../modules/formatters.tsx","../modules/styled_root.tsx","../modules/not_small_topbar/helpdesk_trigger.tsx","../modules/get_login_profile_path.tsx","../modules/mfa_status.tsx","../modules/not_small_topbar/user_menu.tsx","../modules/avatar.tsx","../modules/not_small_topbar/user_menu_trigger.tsx","../modules/not_small_topbar/index.tsx","../modules/platform_announcements.tsx","../modules/product_announcement.tsx","../modules/client_storage.tsx","../modules/utils.ts","../modules/small_topbar/account_settings_link.tsx","../modules/small_topbar/close_menu_button.tsx","../modules/small_topbar/linked_accounts.tsx","../modules/small_topbar/login_settings_link.tsx","../modules/small_topbar/profile_link.tsx","../modules/small_topbar/user_name.tsx","../modules/small_topbar/user_info.tsx","../modules/small_topbar/user_menu.tsx","../modules/small_topbar/user_menu_trigger.tsx","../modules/small_topbar/user_profile_menu.tsx","../modules/small_topbar/index.tsx","../modules/toolbar/components/drawer.tsx","../modules/toolbar/components/drawer_header.tsx","../modules/toolbar/components/drawer_heading.tsx","../modules/toolbar/components/scroll_container.tsx","../modules/toolbar/components/switch_view.tsx","../modules/toolbar/hooks/use_toolbar_reducer.tsx","../modules/toolbar/tools/messages/messages_context.tsx","../modules/toolbar/tools/messages/hooks/use_messages.tsx","../modules/toolbar/tools/messages/components/channel_list_view/loading_error_indicator.tsx","../modules/toolbar/tools/messages/components/channel_list_view/list.tsx","../modules/toolbar/tools/messages/components/channel_list_view/preview.tsx","../modules/toolbar/tools/messages/components/channel_list_view/index.tsx","../modules/toolbar/tools/messages/hooks/use_channels_loading.ts","../modules/toolbar/tools/messages/components/channel_view/message_input.tsx","../modules/toolbar/tools/messages/components/channel_view/index.tsx","../modules/toolbar/tools/messages/components/new_message_view.tsx","../modules/toolbar/tools/messages/index.tsx","../modules/toolbar/tools/messages/hooks/use_client.ts","../modules/toolbar/tools/notifications.tsx","../modules/hooks/use_cross_frame_messaging.ts","../modules/toolbar/tools/tasks.tsx","../modules/toolbar/index.tsx","../modules/toolbar/components/user_profile.tsx","../modules/hooks/use_media_query.tsx"],"sourcesContent":["export type Fetch = typeof fetch\n\nexport const defaultFetch: Fetch = (url, options) => {\n return fetch(url, { credentials: \"include\", mode: \"cors\", ...options })\n}\n\nexport const railsCsrfFetch: Fetch = (url, { headers, ...rest }) => {\n return fetch(url, {\n headers: { ...headers, \"X-CSRF-Token\": inferRailsCsrfToken() },\n ...rest,\n credentials: \"include\",\n mode: \"cors\",\n })\n}\n\nfunction inferRailsCsrfToken(): string \| null {\n return (\n window?.Rails?.csrfToken() \|\|\n document\n .querySelector('meta[name=\"csrf-token\"]')\n ?.getAttribute(\"content\") \|\|\n null\n )\n}\n\nexport default function apiRequest(\n fetch: Fetch,\n url: string,\n { method = \"GET\", data = null } = {}\n): Promise<{ json: any; ok: boolean; response: Response }> {\n const options: RequestInit = {\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n },\n method,\n redirect: \"follow\",\n }\n\n if (data && method !== \"GET\") {\n options.body = JSON.stringify(data)\n }\n\n return fetch(url, options).then(\n (response) =>\n response\n .json()\n .then((json) => ({ json, ok: response.ok, response }))\n .catch(() => ({ json: null, ok: response.ok, response })),\n (e) => {\n console.warn(e)\n\n return { json: null, ok: false, response: null }\n }\n )\n}\n","import { useEffect, useState } from \"react\"\n\n// Adapted from https://usehooks.com/useLocalStorage\nfunction useLocalStorage(key: string, initialValue: any) {\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState(() => {\n try {\n // Get from local storage by key\n const item = window.localStorage.getItem(key)\n\n // Parse stored json or if none return initialValue\n return item ? JSON.parse(item) : initialValue\n } catch (error) {\n // If error also return initialValue\n return initialValue\n }\n })\n\n // Reflect the state into localStorage as a side effect.\n const localStorageRepresentation = JSON.stringify(storedValue)\n useEffect(() => {\n window.localStorage.setItem(key, localStorageRepresentation)\n }, [key, localStorageRepresentation])\n\n // When we are done with this key, drop it from localStorage completely\n const dropKey = () => window.localStorage.removeItem(key)\n\n return { dropKey, setStoredValue, storedValue }\n}\n\nexport default useLocalStorage\n","import Jolt, * as JoltLib from \"@planningcenter/jolt-client\"\nimport pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport apiRequest, { defaultFetch, railsCsrfFetch } from \"../api_request\"\nimport {\n JoltMessage,\n JoltMessageNotificationDataPayload,\n Notification,\n} from \"../interfaces\"\nimport useLocalStorage from \"./use_local_storage\"\n\nconst wssUrl = (env: PCO_URL.Environment) => {\n switch (env) {\n case \"development\":\n case \"test\":\n return \"wss://1csnwvu025.execute-api.us-east-1.amazonaws.com/v1/\"\n case \"staging\":\n return \"wss://xvk2ac1o3l.execute-api.us-east-1.amazonaws.com/v1/\"\n default:\n return \"wss://yxe88gasn3.execute-api.us-east-1.amazonaws.com/v1/\"\n }\n}\n\nconst notificationsOrganizer = (\n notifications: Notification[]\n): { read: Notification[]; unread: Notification[] } => {\n const { read, unread } = [...notifications]\n .sort((a: Notification, b: Notification) => {\n return a.createdAt < b.createdAt ? 1 : -1\n })\n .reduce(\n (acc, notification) => {\n return notification.isRead\n ? { ...acc, read: [...acc.read, notification] }\n : { ...acc, unread: [...acc.unread, notification] }\n },\n { read: [], unread: [] }\n )\n return { read, unread }\n}\n\ntype UseJoltChannelSubscriptionProps = {\n channelName: string\n enableJoltLogging?: boolean\n enabled?: boolean\n env: PCO_URL.Environment\n joltPromise?: () => Promise<Jolt \| undefined \| void>\n}\n\nconst useJoltChannelSubscription = ({\n channelName,\n enableJoltLogging = false,\n enabled = true,\n env,\n joltPromise = () => Promise.resolve(),\n}: UseJoltChannelSubscriptionProps): JoltLib.ChannelSubscription => {\n const [joltChannel, setJoltChannel]: [\n JoltLib.ChannelSubscription,\n React.Dispatch<React.SetStateAction<JoltLib.ChannelSubscription>>\n ] = React.useState()\n const [joltInstance, setJoltInstance] = React.useState<Jolt>()\n const [usingIndependentJoltInstance, setUsingIndependentJoltInstance] =\n React.useState(false)\n\n const subscribeToJoltChannel = React.useCallback(async () => {\n let jolt = await joltPromise().then((j) => j)\n const subscribeUrl = `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications_jolt_subscribe`\n\n const fetchSubscribeTokenFn = async (_channel: string, cid: string) => {\n return apiRequest(railsCsrfFetch, subscribeUrl, {\n data: { data: { attributes: { cid } } },\n method: \"POST\",\n }).then(({ json }) => json.data.id)\n }\n\n const fetchAuthTokenFn = async () =>\n apiRequest(\n railsCsrfFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications_jolt_authorize`,\n {\n data: { data: { attributes: {} } },\n method: \"POST\",\n }\n ).then(({ json }) => json.data.id)\n\n if (!jolt) {\n setUsingIndependentJoltInstance(true)\n jolt = new Jolt(\n wssUrl(env),\n {\n fetchAuthTokenFn,\n fetchSubscribeTokenFn,\n },\n { logToConsole: enableJoltLogging }\n )\n }\n\n const channel = jolt.subscribe(channelName, { fetchSubscribeTokenFn })\n setJoltChannel(channel)\n setJoltInstance(jolt)\n }, [apiRequest, channelName, env, pcoUrl, railsCsrfFetch])\n\n React.useEffect(() => {\n if (enabled) {\n subscribeToJoltChannel()\n }\n }, [])\n\n React.useEffect(() => {\n const pcoPageExpiredHandler = (event) => {\n if (!event.data.hasOwnProperty(\"PCOPageExpiredCurrentPersonACID\")) return\n if (\n event.data.PCOPageExpiredCurrentPersonACID ===\n window?.pcoPageExpired?.currentPersonACID\n )\n return\n if (joltInstance) joltInstance.disconnect()\n }\n\n window.addEventListener(\"message\", pcoPageExpiredHandler)\n return () => window.removeEventListener(\"message\", pcoPageExpiredHandler)\n }, [joltInstance])\n\n React.useEffect(() => {\n return () => {\n if (joltInstance && usingIndependentJoltInstance) {\n joltInstance.disconnect()\n }\n }\n }, [joltInstance])\n\n return joltChannel\n}\n\nconst buildNotificationFromApiResponse = (resp, json): Notification => {\n const findInIncluded = ({ type, id }, included) => {\n return included.find((i) => {\n return i.type === type && i.id === id\n })\n }\n\n const appName: string = findInIncluded(\n resp.relationships.app.data,\n json.included\n )?.attributes?.name\n\n // There is technically the possibility that there are multiple web payloads\n // returned from the API endpoint. However, at this point I'm not sure in\n // which situations that would be the case. For v1 of this feature, we'll\n // assume that there is only one web payload we need to worry about and it is\n // the first in the array that is returned.\n const notificationData = JSON.parse(\n findInIncluded(\n {\n id: resp?.relationships?.web_payloads?.data[0]?.id,\n type: \"Payload\",\n },\n json.included\n )?.attributes?.content\n )\n\n return {\n appName,\n createdAt: new Date(resp.attributes.created_at),\n id: resp.id,\n isRead: resp.attributes.read_at?.length > 0,\n link: notificationData?.link,\n title: notificationData?.title,\n }\n}\n\ntype UseNotificationsProps = {\n enableJoltLogging?: boolean\n enabled?: boolean\n env: PCO_URL.Environment\n joltPromise?: () => Promise<Jolt \| undefined \| void>\n userId: string\n}\n\nconst useNotifications = ({\n enableJoltLogging = false,\n enabled = true,\n env,\n userId,\n ...props\n}: UseNotificationsProps): {\n handleMarkAllAsRead: () => any\n handleMarkAsRead: (notification: Notification) => Promise<any>\n handleToggleRead: (notification: Notification) => Promise<any>\n hasError: boolean\n isLoading: boolean\n read: Notification[]\n unread: Notification[]\n unreadCount: number\n} => {\n const [notifications, setNotifications]: [\n Notification[],\n React.Dispatch<React.SetStateAction<Notification[]>>\n ] = React.useState([])\n\n const [isLoading, setIsLoading] = React.useState(true)\n const [hasError, setHasError] = React.useState(false)\n const { read, unread } = notificationsOrganizer(notifications)\n\n const { storedValue: unreadCount, setStoredValue: setUnreadCount } =\n useLocalStorage(\"Topbar:Notifications:unreadCount\", unread.length)\n\n const joltChannel = useJoltChannelSubscription({\n channelName: `notifications.people.${userId}`,\n enableJoltLogging,\n enabled,\n env,\n joltPromise: props.joltPromise,\n })\n\n const fetchNotifications = React.useCallback(() => {\n try {\n setHasError(false)\n apiRequest(\n defaultFetch,\n `${pcoUrl(env)(\n \"api\"\n )}/notifications/v2/me/notifications?include=app,web_payloads&per_page=100&order=read_at,-created_at`\n ).then(({ json }) => {\n const notifications = json.data.map((resp) =>\n buildNotificationFromApiResponse(resp, json)\n )\n\n setIsLoading(false)\n setNotifications(notifications)\n })\n } catch (exception) {\n setHasError(true)\n console.error(\n \"topbar encountered error when fetching all notifications\",\n exception\n )\n }\n }, [apiRequest, buildNotificationFromApiResponse, defaultFetch, env, pcoUrl])\n\n const fetchNotification = async (id: string) => {\n try {\n setHasError(false)\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 } catch (exception) {\n setHasError(true)\n console.error(\n \"topbar encountered error when fetching a single notification\",\n exception\n )\n }\n }\n\n const extractPayloadFromJoltMessage = (\n notification: JoltMessage\n ): JoltMessageNotificationDataPayload => JSON.parse(notification.data)\n\n const updateStateFromJoltMessage = React.useCallback(\n (message: JoltMessage) => {\n try {\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 } catch (exception) {\n console.error(\n \"topbar encountered error when updating state from jolt message\",\n exception\n )\n }\n },\n [\n buildNotificationFromApiResponse,\n extractPayloadFromJoltMessage,\n fetchNotifications,\n read,\n setNotifications,\n unread,\n ]\n )\n\n const removeNotification = React.useCallback(\n (message: JoltMessage) => {\n const joltMessageNotificationDataPayload =\n extractPayloadFromJoltMessage(message)\n const newNotifications = notifications.filter(\n (candidate) =>\n candidate.id !== joltMessageNotificationDataPayload.data.id\n )\n setNotifications(newNotifications)\n },\n [extractPayloadFromJoltMessage, notifications, setNotifications]\n )\n\n // @ts-ignore: not all code paths return a value\n React.useEffect(() => {\n if (joltChannel && enabled) {\n joltChannel.bind(\n \"notifications.v2.events.notification.created\",\n updateStateFromJoltMessage\n )\n joltChannel.bind(\n \"notifications.v2.events.notification.updated\",\n updateStateFromJoltMessage\n )\n joltChannel.bind(\n \"notifications.v2.events.notification.destroyed\",\n removeNotification\n )\n\n return () => {\n joltChannel.unbind(\n \"notifications.v2.events.notification.created\",\n updateStateFromJoltMessage\n )\n joltChannel.unbind(\n \"notifications.v2.events.notification.updated\",\n updateStateFromJoltMessage\n )\n joltChannel.unbind(\n \"notifications.v2.events.notification.destroyed\",\n removeNotification\n )\n }\n }\n }, [enabled, joltChannel, fetchNotifications, removeNotification])\n\n React.useEffect(() => {\n if (enabled) {\n fetchNotifications()\n }\n }, [enabled, fetchNotifications])\n\n React.useEffect(() => {\n if (enabled && !isLoading) {\n setUnreadCount(unread.length)\n }\n }, [unread, isLoading])\n\n const markAsReadOrUnread = async (\n notificationIds: string[],\n readOrUnread: \"read\" \| \"unread\"\n ) => {\n const included = notificationIds.reduce(\n (acc, id: string) => [\n ...acc,\n {\n attributes: { action: readOrUnread },\n id,\n type: \"graph_notification\",\n },\n ],\n []\n )\n\n return apiRequest(\n railsCsrfFetch,\n `${pcoUrl(env)(\"api\")}/notifications/v2/me/bulk_update`,\n {\n data: {\n data: {\n attributes: {},\n relationships: {\n notifications: {\n data: {\n source: \"/included/graph_notification/\",\n },\n },\n },\n type: \"BulkUpdate\",\n },\n included,\n },\n method: \"POST\",\n }\n ).then((e) => {\n if (!e.ok) {\n // TODO: show an alert or something?\n\n setIsLoading(false)\n setHasError(true)\n // Rollback any optimistic UI updates\n setNotifications((notifications) =>\n notifications.map((n) =>\n notificationIds.includes(n.id) ? { ...n, isRead: !n.isRead } : n\n )\n )\n }\n })\n }\n\n const handleToggleRead = async (notification: Notification) => {\n const action = notification.isRead ? \"unread\" : \"read\"\n\n // optimistic UI update\n setNotifications((notifications) =>\n notifications.map((n) =>\n notification.id == n.id ? { ...n, isRead: action === \"read\" } : n\n )\n )\n\n return markAsReadOrUnread([notification.id], action)\n }\n\n const handleMarkAsRead = async (notification: Notification) => {\n return markAsReadOrUnread([notification.id], \"read\")\n }\n\n const handleMarkAllAsRead = () => {\n const unreadIds = unread.map((n) => n.id)\n\n // optimistic UI update\n setNotifications((notifications) =>\n notifications.map((n) =>\n unreadIds.includes(n.id) ? { ...n, isRead: true } : n\n )\n )\n\n markAsReadOrUnread(\n unread.map((u: Notification) => u.id),\n \"read\"\n )\n }\n\n return {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError,\n isLoading,\n read,\n unread,\n unreadCount,\n }\n}\n\nexport default useNotifications\n","function createStore(initialState) {\n let currentState = initialState\n const listeners = new Set()\n\n return {\n getState: () => currentState,\n setState: (newState) => {\n currentState = newState\n listeners.forEach((listener) => listener(currentState))\n },\n subscribe: (listener) => {\n listeners.add(listener)\n return () => listeners.delete(listener)\n },\n }\n}\n\nconst store = createStore({})\n\nexport default store\n","import { useEffect } from \"react\"\n\nimport { defaultFetch } from \"./api_request\"\nimport useNotifications from \"./hooks/use_notifications\"\nimport useTopbarAPI from \"./hooks/use_topbar_api\"\nimport { AppsProviderProps, TopbarAPIResponse } from \"./interfaces\"\nimport store from \"./store\"\n\nexport const AppsProvider = ({\n configuredFetch = defaultFetch,\n env,\n formatter = mapApps,\n joltPromise,\n render,\n userId,\n}: AppsProviderProps) => {\n const topbarResponse = useTopbarAPI({ configuredFetch, env })\n const apps = formatter(topbarResponse)\n const hasConnectedPeople =\n topbarResponse?.data?.attributes?.has_connected_people\n const mfaEnabled =\n topbarResponse?.data?.attributes?.features?.includes(\"mfa_enabled\")\n const mfaConfigured = !!topbarResponse?.data?.attributes?.mfa_configured\n const notificationsEnabled = !window.notificationsDisabled\n const organizationTimeZone =\n topbarResponse?.data?.attributes?.org_time_zone \|\| \"America/Los_Angeles\"\n const toolbarEnabled =\n topbarResponse?.data?.attributes?.features?.includes(\"toolbar_enabled\")\n const messagingEnabled =\n topbarResponse?.data?.attributes?.features?.includes(\"messaging_enabled\")\n\n const {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError,\n isLoading,\n read,\n unread,\n } = useNotifications({\n enableJoltLogging: true,\n enabled: true,\n env,\n joltPromise,\n userId,\n })\n\n useEffect(() => {\n const state = store.getState()\n\n store.setState({\n ...state,\n hasConnectedPeople,\n indicatorVisible: {\n ...state.indicatorVisible,\n Notifications: unread?.length > 0,\n },\n messagingEnabled,\n mfaConfigured,\n mfaEnabled,\n notifications: {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError,\n isLoading,\n read,\n unread,\n },\n notificationsEnabled,\n organizationTimeZone,\n toolbarEnabled,\n userId,\n })\n }, [\n handleMarkAllAsRead,\n handleMarkAsRead,\n hasError,\n isLoading,\n mfaConfigured,\n mfaEnabled,\n notificationsEnabled,\n organizationTimeZone,\n read,\n toolbarEnabled,\n unread?.length,\n userId,\n ])\n\n // TODO: remove `fetch` and `remove` (breaking changes)\n return render(apps \|\| [], {\n fetch: () => {}, // no-op because we already have fresh data\n remove: () => {}, // no-op because we are no longer caching anyway\n })\n}\n\nexport function mapApps(resp: TopbarAPIResponse) {\n return resp?.data?.attributes?.apps \|\| []\n}\n","import pcoUrl, { Environment } from \"@planningcenter/url\"\nimport { useEffect, useState } from \"react\"\n\nimport apiRequest, { Fetch } from \"../api_request\"\nimport { TopbarAPIResponse } from \"../interfaces\"\nimport useLocalStorage from \"./use_local_storage\"\n\nconst useTopbarAPI = ({\n configuredFetch,\n env,\n}: {\n configuredFetch: Fetch\n env: Environment\n}) => {\n const { storedValue: localResp, setStoredValue: setLocalResp } =\n useLocalStorage(\"Topbar\", {})\n const [resp, setResp] = useState<TopbarAPIResponse>(localResp)\n\n useEffect(() => {\n fetch()\n }, [])\n\n const fetch = () => {\n apiRequest(\n configuredFetch,\n `${pcoUrl(env)(\"api\")}/people/v2/me/topbar`\n ).then(({ json, ok }: { json: TopbarAPIResponse; ok: boolean }) => {\n if (ok) {\n setResp(json)\n setLocalResp(json)\n }\n })\n }\n\n return resp\n}\n\nexport default useTopbarAPI\n","import pcoUrl, { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport apiRequest, { defaultFetch, Fetch } from \"./api_request\"\nimport { ConnectedPerson } from \"./interfaces\"\n\nexport function remove() {\n window.localStorage.removeItem(\"Topbar:ConnectedPeople\")\n}\n\nexport class ConnectedPeopleProvider extends React.Component<\n {\n configuredFetch?: Fetch\n env: Environment\n render: (connectedPeople: ConnectedPerson[], callback: any) => JSX.Element\n },\n {\n connectedPeople: ConnectedPerson[]\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 unlink() {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/login/v2/me/unlink`,\n {\n method: \"POST\",\n }\n ).then(({ json }) => {\n window.location = json.meta.redirect_to\n })\n }\n\n switch(toId: string, returnPath: string) {\n apiRequest(\n this.props.configuredFetch,\n `${pcoUrl(this.props.env)(\"api\")}/login/v2/me/switch_connected_person`,\n {\n data: {\n data: {\n attributes: {\n id: toId,\n return_path: returnPath,\n },\n },\n },\n method: \"POST\",\n }\n ).then(({ json }) => {\n window.location = json.meta.redirect_to\n })\n }\n\n componentDidMount() {\n const connectedPeople = JSON.parse(\n window.localStorage.getItem(\"Topbar:ConnectedPeople\")\n )\n\n if (connectedPeople) return this.setState({ connectedPeople })\n\n return this.fetch()\n }\n\n render() {\n return this.props.render(this.state.connectedPeople \|\| [], {\n fetch: this.fetch.bind(this),\n remove: remove.bind(this),\n switch: this.switch.bind(this),\n unlink: this.unlink.bind(this),\n })\n }\n}\n","import React from \"react\"\n\nconst debounce = (func, wait) => {\n let timeout\n\n return function (...args: any) {\n const context = this\n\n const later = () => {\n timeout = null\n func.apply(context, args)\n }\n\n clearTimeout(timeout)\n timeout = setTimeout(later, wait)\n\n if (!timeout) {\n func.apply(context, args)\n }\n }\n}\n\nexport class PointBreak extends React.Component<\n {\n render: (breakpoint: string) => React.ReactElement<any>\n },\n {\n width: number\n }\n> {\n constructor(props: any) {\n super(props)\n\n this.state = {\n width: window.innerWidth,\n }\n\n this.setWindowWidth = this.setWindowWidth.bind(this)\n }\n\n setWindowWidth() {\n this.setState({ width: window.innerWidth })\n }\n\n componentDidMount() {\n window.addEventListener(\"resize\", debounce(this.setWindowWidth, 100), false)\n }\n\n componentWillUnmount() {\n window.removeEventListener(\n \"resize\",\n debounce(this.setWindowWidth, 100),\n false\n )\n }\n\n breakpointString(width) {\n if (width < 480) return \"xs\"\n if (width < 600) return \"sm\"\n if (width < 720) return \"md\"\n if (width < 960) return \"lg\"\n return \"xl\"\n }\n\n render() {\n return <>{this.props.render(this.breakpointString(this.state.width))}</>\n }\n}\n\nexport class DisplaySwitch extends React.Component<\n {\n notSmallTopbar: (breakpointShortand: string) => React.ReactElement<any>\n smallBreakpoints: String[]\n smallTopbar: (breakpointShorthand: string) => React.ReactElement<any>\n },\n {}\n> {\n public static defaultProps = {\n smallBreakpoints: [\"xs\", \"sm\"],\n }\n\n render() {\n return (\n <PointBreak\n render={(breakpoint) => {\n if (this.props.smallBreakpoints.indexOf(breakpoint) !== -1) {\n return this.props.smallTopbar(breakpoint)\n }\n\n return this.props.notSmallTopbar(breakpoint)\n }}\n />\n )\n }\n}\n","import React from \"react\"\n\nexport function Squircle({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n />\n )\n}\n\nexport function Accounts({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M16.95,9.28h0l-1.33-.23c-.12,0-.24-.04-.34-.11-.1-.07-.18-.16-.23-.27-.12-.45-.3-.89-.54-1.3-.04-.11-.05-.24-.03-.35,.02-.12,.08-.23,.16-.32l.78-1.1h0s0-.03,0-.04l-.03-.02-.04-.04-.87-.87-.05-.05h0s-.02-.02-.03,0l-1.11,.78c-.09,.08-.2,.13-.32,.16-.12,.02-.24,.01-.35-.03-.41-.24-.84-.42-1.3-.54-.11-.05-.2-.13-.27-.23-.07-.1-.11-.22-.11-.34l-.22-1.33h0s-.01-.03-.02-.03h-1.41s-.02,0-.02,.02l-.23,1.34c0,.12-.04,.24-.11,.34-.07,.1-.16,.18-.27,.23-.45,.12-.89,.3-1.3,.54-.11,.04-.24,.05-.35,.03-.12-.02-.23-.08-.32-.16l-1.1-.78h0s-.02-.01-.03,0l-.02,.03-.04,.04-.87,.87-.05,.05h0s0,.03,0,.04l.78,1.11c.08,.09,.13,.2,.16,.32,.02,.12,.01,.24-.03,.35-.24,.4-.42,.84-.54,1.29-.05,.11-.13,.2-.23,.27-.1,.07-.22,.11-.34,.11l-1.33,.22h0s-.02,0-.02,.02v1.41s0,.02,.02,.02l1.34,.23c.12,0,.24,.05,.34,.11,.1,.07,.18,.16,.23,.27,.12,.45,.3,.89,.54,1.29,.04,.11,.05,.24,.03,.35-.02,.12-.08,.23-.16,.32l-.78,1.11s0,.02,0,.03h0l.05,.06,.87,.87,.04,.04,.02,.02s.02,0,.03,0h0l1.1-.79c.09-.08,.2-.13,.32-.16,.12-.02,.24-.01,.35,.03,.4,.24,.84,.42,1.29,.54,.11,.05,.2,.13,.27,.23,.07,.1,.11,.22,.11,.34l.23,1.34s0,.02,.02,.02h1.41s.02,0,.02-.02h0l.22-1.34c0-.12,.05-.24,.11-.34,.07-.1,.16-.18,.27-.23,.45-.12,.89-.3,1.29-.54,.11-.04,.24-.05,.35-.03,.12,.02,.23,.08,.32,.16l1.11,.78s.02,0,.03,0h0l.05-.06,.87-.87,.04-.04,.02-.02s0-.02,0-.03h0l-.78-1.11c-.08-.09-.13-.2-.16-.32-.02-.12-.01-.24,.03-.35,.24-.4,.42-.84,.54-1.29,.05-.11,.13-.2,.23-.27s.22-.11,.34-.11l1.34-.23s.02,0,.02-.02v-1.4s0-.02-.02-.02Zm-4.67,3.01c-.45,.45-1.03,.76-1.65,.88-.63,.12-1.27,.06-1.86-.18-.59-.24-1.09-.66-1.45-1.19-.35-.53-.54-1.15-.54-1.79s.19-1.26,.54-1.79c.35-.53,.86-.94,1.45-1.19,.59-.24,1.24-.31,1.86-.18,.63,.12,1.2,.43,1.65,.88,.3,.3,.54,.66,.7,1.05,.16,.39,.25,.81,.25,1.24s-.08,.84-.25,1.24c-.16,.39-.4,.75-.7,1.05Z\"\n />\n )\n}\n\nexport function API({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M11.08,12.387a3.277,3.277,0,0,0,.21-.86l1.47-.23-.25-1.63-1.48.22A3.167,3.167,0,0,0,9.93,8.5l.54-1.37-1.54-.6L8.39,7.9a3.393,3.393,0,0,0-1.76.27l-.92-1.15-1.3,1.03.93,1.16a3.462,3.462,0,0,0-.43.78A3.333,3.333,0,0,0,4.69,11l-1.49.23.25,1.69,1.59-.24a3.278,3.278,0,0,0,1.02,1.2l-.54,1.39,1.55.6.54-1.39a3.319,3.319,0,0,0,1.74-.27l.93,1.17,1.3-1.04-.93-1.17A3.258,3.258,0,0,0,11.08,12.387ZM9.81,11.9A1.953,1.953,0,0,1,7.29,13a1.942,1.942,0,1,1,2.52-1.1Zm5.89-4.32a1.581,1.581,0,0,0,.04-.38,2.066,2.066,0,0,0-1.39-1.95v-.82H12.97v.82A2.066,2.066,0,0,0,11.58,7.2a1.581,1.581,0,0,0,.04.38l-.71.41.7,1.2.7-.4a2.073,2.073,0,0,0,2.7,0l.7.4.7-1.2Zm-2.04.67A1.045,1.045,0,1,1,14.7,7.2,1.041,1.041,0,0,1,13.66,8.247Z\"\n />\n )\n}\n\nexport function Calendar({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M14.18,6.5h-.91V5.8a.55.55,0,0,0-.55-.55h-.26a.55.55,0,0,0-.55.55v.7H8.09V5.8a.55.55,0,0,0-.55-.55H7.28a.55.55,0,0,0-.55.55v.7H5.82a.58.58,0,0,0-.58.59v7.08a.58.58,0,0,0,.58.58h8.36a.58.58,0,0,0,.58-.58V7.09A.58.58,0,0,0,14.18,6.5Zm-.91,6.71H6.73V9.09h6.54Z\"\n />\n )\n}\n\nexport function CheckIns({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M14.175,8.341,9.258,13.256a1.157,1.157,0,0,1-1.638,0L5.161,10.8A1.159,1.159,0,1,1,6.8,9.16L8.439,10.8l4.1-4.1a1.159,1.159,0,0,1,1.639,1.639Z\"\n />\n )\n}\n\nexport function ChurchCenter({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.91,14.763a.334.334,0,0,1-.331.338l-1.959-.016a.334.334,0,0,1-.338-.331s.005-.233.005-1.8a3.674,3.674,0,0,0-1.279-2.638,3.674,3.674,0,0,0-1.279,2.638c0,1.565.005,1.8.005,1.8a.334.334,0,0,1-.338.331L6.437,15.1a.334.334,0,0,1-.331-.338s-.242-6.457-.02-6.65h0L9.671,5.021a.522.522,0,0,1,.684,0l3.58,3.092H13.93C14.152,8.325,13.91,14.763,13.91,14.763Z\"\n />\n )\n}\n\nexport function Giving({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M10.3,13.769a.508.508,0,0,1-.592,0c-1.259-.888-5.982-4.494-3.268-6.83a2.386,2.386,0,0,1,3.215.205l.349.349.349-.349a2.386,2.386,0,0,1,3.215-.205C16.286,9.275,11.563,12.881,10.3,13.769Z\"\n />\n )\n}\n\nexport function Groups({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.769,11.313V8.683a1.867,1.867,0,1,0-2.443-2.449H8.69A1.867,1.867,0,1,0,6.243,8.681v2.632A1.867,1.867,0,1,0,8.69,13.76h2.632a1.867,1.867,0,1,0,2.447-2.447Zm-1.455,0a1.873,1.873,0,0,0-.992.992H8.69a1.877,1.877,0,0,0-.992-.992V8.681a1.877,1.877,0,0,0,.992-.992h2.636a1.872,1.872,0,0,0,.988.99Z\"\n />\n )\n}\n\nexport function Home({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M13.558,5.582l-3.4,1.046a.609.609,0,0,1-.341.007L6.392,5.588A1.073,1.073,0,0,0,5.028,6.641l-.006,7.937a.322.322,0,0,0,.215.3l1.3.39a.291.291,0,0,0,.379-.286V13.05a.047.047,0,0,1,.057-.039l2.531.78a1.654,1.654,0,0,0,1,0l3.87-1.222a.846.846,0,0,0,.6-.819V6.661A1.1,1.1,0,0,0,13.558,5.582Zm-.474,5.245a.184.184,0,0,1-.126.176l-2.747.858a.788.788,0,0,1-.441.006l-2.721-.838a.2.2,0,0,1-.133-.182l.006-2.9a.147.147,0,0,1,.19-.143l2.222.682a2.155,2.155,0,0,0,1.345-.013L12.888,7.8a.153.153,0,0,1,.2.15Z\"\n />\n )\n}\n\nexport function People({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M8.177,5.732A2.018,2.018,0,1,1,6.159,7.75,2.019,2.019,0,0,1,8.177,5.732Zm2.494,8.53H5.664A.565.565,0,0,1,5.1,13.7V12.422a1.841,1.841,0,0,1,1.841-1.841H9.394a1.841,1.841,0,0,1,1.841,1.841V13.7A.565.565,0,0,1,10.671,14.262ZM12.814,6.94A1.513,1.513,0,1,1,11.3,8.453,1.513,1.513,0,0,1,12.814,6.94Zm1.537,6.093H12.413a.565.565,0,0,1-.565-.565v-.049a2.292,2.292,0,0,0-.2-.957.555.555,0,0,0-.062-.141.8.8,0,0,0-.061-.11,1.19,1.19,0,0,0-.092-.16,1.131,1.131,0,0,1,.908-.472h1.472a1.108,1.108,0,0,1,1.105,1.1v.785A.565.565,0,0,1,14.351,13.033Z\"\n />\n )\n}\n\nexport function Publishing({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M7.287,13.575a.478.478,0,0,1-.477.477H5.856a.478.478,0,0,1-.477-.477V6.407a.478.478,0,0,1,.477-.477H6.81a.478.478,0,0,1,.477.477Zm7.293,0a.477.477,0,0,1-.477.477H9.268a.478.478,0,0,1-.477-.477V12.6a.478.478,0,0,1,.477-.477H14.1a.477.477,0,0,1,.477.477Zm0-3.473a.477.477,0,0,1-.476.477H9.268a.478.478,0,0,1-.477-.477V6.407a.478.478,0,0,1,.477-.477H14.1a.477.477,0,0,1,.477.477Z\"\n />\n )\n}\n\nexport function Registrations({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M4.48,11.09a.51.51,0,0,0,0,.71l.7.7a.22.22,0,0,0,.27,0,1.47,1.47,0,0,1,1.8.22,1.5,1.5,0,0,1,.23,1.81.21.21,0,0,0,0,.27l.7.7a.51.51,0,0,0,.71,0l2-2a.16.16,0,0,0,0-.22L6.7,9.1a.17.17,0,0,0-.23,0Zm11-2.89-.71-.7a.21.21,0,0,0-.26,0,1.47,1.47,0,0,1-1.79-.23,1.49,1.49,0,0,1-.24-1.79.22.22,0,0,0,0-.27l-.7-.7a.51.51,0,0,0-.71,0L7.47,8.11a.14.14,0,0,0,0,.22l4.2,4.2a.14.14,0,0,0,.22,0l3.63-3.62A.51.51,0,0,0,15.52,8.2Z\"\n />\n )\n}\n\nexport function Services({ color }): JSX.Element {\n return (\n <path\n fill={color}\n d=\"M6.5,6.559A1.059,1.059,0,1,1,5.443,5.5,1.059,1.059,0,0,1,6.5,6.559ZM5.443,8.943A1.059,1.059,0,1,0,6.5,10,1.059,1.059,0,0,0,5.443,8.943Zm0,3.443A1.059,1.059,0,1,0,6.5,13.445,1.059,1.059,0,0,0,5.443,12.386ZM15,6.087a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485V7.03a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,7.03ZM15,9.53a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485v.943a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,10.473Zm0,3.443a.485.485,0,0,0-.485-.485H8.136a.485.485,0,0,0-.485.485v.943a.485.485,0,0,0,.485.485h6.38A.485.485,0,0,0,15,13.916Z\"\n />\n )\n}\n","import React from \"react\"\n\nimport as AppSymbols from \"./mono_app_symbols\"\n\nfunction Squircle({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill={color}\n />\n )\n}\n\nfunction HomeHex({ color = \"#fff\" }): JSX.Element {\n return (\n <path\n d=\"M17.41,2.024,11.568.235a5.354,5.354,0,0,0-3.136,0L2.59,2.024a3.235,3.235,0,0,0-2.206,3.1v9.763A3.235,3.235,0,0,0,2.59,17.976l5.842,1.789a5.354,5.354,0,0,0,3.136,0l5.842-1.789a3.235,3.235,0,0,0,2.206-3.094V5.119A3.235,3.235,0,0,0,17.41,2.024Z\"\n fill={color}\n />\n )\n}\n\nexport function MonoAppIcon({\n appName,\n colors,\n style,\n size = 20,\n ...platformProps\n}: {\n appName: string\n colors: any\n size?: number\n // TODO: shared type\n style?: any\n}): JSX.Element {\n const iconBackground = () => {\n switch (appName) {\n case \"Accounts\":\n return null\n case \"Home\":\n return <HomeHex />\n default:\n return <Squircle />\n }\n }\n\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n role=\"img\"\n aria-labelledby=\"title desc\"\n style={{ display: \"block\", ...style }}\n {...platformProps}\n >\n <title id=\"title\">Planning Center {appName} App Icon</title>\n\n <desc id=\"desc\">\n An image symbolizing the Planning Center {appName} app.\n </desc>\n\n {iconBackground()}\n\n {AppSymbols[appName] ? (\n React.createElement(AppSymbols[appName], {\n color: appName != \"Accounts\" ? colors.base0 : \"#fff\",\n })\n ) : (\n <div>appName not supported</div>\n )}\n </svg>\n )\n}\n","import React from \"react\"\n\nexport function Accounts({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"4ce749c7-c01e-4a9b-9496-b14fd2e761aa\"\n viewBox=\"0 0 77.073 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>accounts-text</title>\n <path\n fill={color}\n d=\"M4.729,5.537A10.859,10.859,0,0,0,1.262,6.1a.566.566,0,0,0-.4.717l.194.819a.579.579,0,0,0,.7.5,10.108,10.108,0,0,1,2.748-.47,1.416,1.416,0,0,1,1.065.349A2.307,2.307,0,0,1,6,9.682,7.706,7.706,0,0,0,4.1,9.418c-2.493,0-4.1,1.305-4.1,3.327a3.2,3.2,0,0,0,3.328,3.434,4.385,4.385,0,0,0,3.011-1.161l.181.509c.1.249.231.415.515.415h.712a.6.6,0,0,0,.59-.589v-5.3C8.337,7.581,8.065,5.537,4.729,5.537ZM3.78,14.181a1.343,1.343,0,0,1-1.436-1.459c0-.91.777-1.522,1.932-1.522a4.726,4.726,0,0,1,1.7.3v1.556A2.983,2.983,0,0,1,3.78,14.181ZM18.6,13.194c.4.361.326.669.2.865a4.646,4.646,0,0,1-3.977,2.12,5.2,5.2,0,0,1-5.2-5.31,5.285,5.285,0,0,1,5.225-5.332,4.461,4.461,0,0,1,3.711,1.768.6.6,0,0,1-.1.869l-.775.71c-.361.335-.64.056-.806-.11A2.909,2.909,0,0,0,14.9,7.816,2.938,2.938,0,0,0,12,10.847,2.921,2.921,0,0,0,14.837,13.9a2.623,2.623,0,0,0,2.03-.965c.082-.081.161-.16.241-.233a.574.574,0,0,1,.819-.049Zm9.661,0c.4.361.326.669.2.865a4.644,4.644,0,0,1-3.976,2.12,5.2,5.2,0,0,1-5.2-5.31A5.286,5.286,0,0,1,24.5,5.537a4.459,4.459,0,0,1,3.71,1.768.6.6,0,0,1-.1.869l-.775.71c-.361.335-.641.056-.806-.11a2.779,2.779,0,0,0-4.869,2.073A2.92,2.92,0,0,0,24.5,13.9a2.625,2.625,0,0,0,2.03-.965c.081-.081.161-.16.241-.233a.573.573,0,0,1,.818-.049Zm5.86-7.657A5.323,5.323,0,1,0,39.3,10.826,5.317,5.317,0,0,0,34.117,5.537Zm2.838,5.289a2.857,2.857,0,1,1-5.7,0,2.853,2.853,0,1,1,5.7,0ZM49.346,6.341v9.012a.616.616,0,0,1-.612.589h-.517c-.34,0-.474-.245-.561-.485l-.2-.536a4.084,4.084,0,0,1-3.1,1.258c-3.388,0-3.823-2.5-3.823-4.685V6.341a.621.621,0,0,1,.59-.588h1.207a.6.6,0,0,1,.59.588v5.3c0,1.539.58,2.256,1.825,2.256a2.357,2.357,0,0,0,2.214-1.544l0-6.016c0-.544.349-.588.676-.588h1.1A.624.624,0,0,1,49.346,6.341Zm11.089,4.01v5a.605.605,0,0,1-.591.589H58.637a.6.6,0,0,1-.59-.589V10.265c0-1.579-.655-2.449-1.846-2.449a2.939,2.939,0,0,0-2.514,1.355v6.182c0,.4-.229.589-.7.589h-1.1a.6.6,0,0,1-.59-.589V6.341a.6.6,0,0,1,.59-.588h.518a.5.5,0,0,1,.522.391l.235.67a4.691,4.691,0,0,1,3.3-1.277C59.134,5.537,60.435,7.111,60.435,10.351Zm8.048,4.379a.556.556,0,0,1-.283.721,6.126,6.126,0,0,1-2.822.728c-2.337,0-2.637-1.651-2.637-3.09V7.816H61.713a.6.6,0,0,1-.589-.59V6.341a.569.569,0,0,1,.589-.588h1.028V3.088a.59.59,0,0,1,.59-.59h1.228a.573.573,0,0,1,.568.59V5.753h2.515a.582.582,0,0,1,.59.588v.885a.613.613,0,0,1-.59.59H65.127V13c0,.828.323.9.683.9a3.241,3.241,0,0,0,1.536-.458.523.523,0,0,1,.431-.064.558.558,0,0,1,.317.335Zm7.869-1.576c0,1.5-1.262,3.025-3.672,3.025a5.927,5.927,0,0,1-3.343-1.033h0a.523.523,0,0,1-.208-.663l.452-.926a.494.494,0,0,1,.3-.254.635.635,0,0,1,.505.076l.032.017a4.485,4.485,0,0,0,2.389.7c.74,0,1.2-.328,1.2-.855,0-.58-.666-.985-2.066-1.618-1.435-.648-2.763-1.49-2.763-3.253,0-1.41,1.056-2.832,3.414-2.832a5.7,5.7,0,0,1,2.973.752.706.706,0,0,1,.256.882l-.344.689a.582.582,0,0,1-.8.247,5.057,5.057,0,0,0-2.087-.485c-.8,0-1.156.385-1.156.768,0,.546.574.9,1.633,1.361C75.052,10.588,76.352,11.279,76.352,13.154Z\"\n />\n </svg>\n )\n}\n\nexport function API({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"bed028ef-58ee-4c4c-a757-08ecc3276857\"\n viewBox=\"0 0 119.5 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>api-text</title>\n <path\n fill={color}\n d=\"M9.136.675H7.908a.621.621,0,0,0-.59.589V5.5a6.9,6.9,0,0,0-2.384-.469A5.013,5.013,0,0,0,.012,10.343c0,2.989,2.048,5.331,4.663,5.331a4.885,4.885,0,0,0,3.22-1.3l.16.543a.591.591,0,0,0,.564.519h.517a.6.6,0,0,0,.59-.59V1.264A.6.6,0,0,0,9.136.675ZM7.34,7.847v4.175A2.745,2.745,0,0,1,4.978,13.4,2.815,2.815,0,0,1,2.4,10.343a2.913,2.913,0,0,1,2.772-3.03A4.941,4.941,0,0,1,7.34,7.847Zm8.833-2.813A5.081,5.081,0,0,0,11.1,10.343a5.046,5.046,0,0,0,5.094,5.331,5.712,5.712,0,0,0,3.761-1.256.512.512,0,0,0,.064-.819l-.582-.906a.467.467,0,0,0-.3-.22.619.619,0,0,0-.45.147,3.737,3.737,0,0,1-2.368.818,2.818,2.818,0,0,1-2.854-2.484h6.755a.578.578,0,0,0,.566-.532c.023-.175.045-.524.045-.7A4.571,4.571,0,0,0,16.173,5.034ZM16.13,7.1a2.23,2.23,0,0,1,2.334,2.032H13.591A2.411,2.411,0,0,1,16.13,7.1ZM30.587,5.982l-4.3,9.366a.561.561,0,0,1-.515.326h-.129a.59.59,0,0,1-.534-.323l-4.31-9.373a.484.484,0,0,1-.024-.49.542.542,0,0,1,.493-.239h1.315a.543.543,0,0,1,.534.344l2.571,5.914,2.7-5.91c.161-.348.486-.348.773-.348h.97a.544.544,0,0,1,.494.239A.488.488,0,0,1,30.587,5.982Zm4.983-.948A5.081,5.081,0,0,0,30.5,10.343a5.045,5.045,0,0,0,5.094,5.331,5.706,5.706,0,0,0,3.76-1.256.512.512,0,0,0,.065-.819l-.582-.906a.467.467,0,0,0-.3-.22.616.616,0,0,0-.45.147,3.738,3.738,0,0,1-2.369.818,2.819,2.819,0,0,1-2.854-2.484h6.755a.58.58,0,0,0,.567-.532c.023-.175.044-.524.044-.7A4.57,4.57,0,0,0,35.57,5.034ZM35.527,7.1a2.23,2.23,0,0,1,2.334,2.032H32.988A2.413,2.413,0,0,1,35.527,7.1Zm8.426-5.833V14.847a.606.606,0,0,1-.59.59H42.156a.6.6,0,0,1-.59-.59V1.264a.606.606,0,0,1,.59-.589h1.207A.621.621,0,0,1,43.953,1.264Zm6.576,3.77a5.322,5.322,0,1,0,5.18,5.287A5.315,5.315,0,0,0,50.529,5.034Zm2.836,5.287a2.856,2.856,0,1,1-5.695,0,2.852,2.852,0,1,1,5.7,0Zm8.65-5.287a4.76,4.76,0,0,0-3.08,1.1l-.2-.487a.523.523,0,0,0-.539-.4h-.539a.606.606,0,0,0-.59.59V19.422a.6.6,0,0,0,.59.59h1.207a.58.58,0,0,0,.633-.59V15.066a5.6,5.6,0,0,0,2.427.608,5.075,5.075,0,0,0,4.9-5.331A5.026,5.026,0,0,0,62.015,5.034Zm2.427,5.309A2.9,2.9,0,0,1,61.648,13.4a4.112,4.112,0,0,1-2.19-.678v-4.1a2.628,2.628,0,0,1,2.277-1.3A2.787,2.787,0,0,1,64.442,10.343ZM72.73,5.034a5.081,5.081,0,0,0-5.073,5.309,5.046,5.046,0,0,0,5.095,5.331,5.711,5.711,0,0,0,3.76-1.256.512.512,0,0,0,.065-.819l-.583-.906a.463.463,0,0,0-.3-.22.61.61,0,0,0-.45.147,3.735,3.735,0,0,1-2.368.818,2.818,2.818,0,0,1-2.854-2.484h6.754a.577.577,0,0,0,.567-.532c.023-.178.045-.527.045-.7A4.57,4.57,0,0,0,72.73,5.034ZM72.687,7.1a2.23,2.23,0,0,1,2.334,2.032H70.147A2.413,2.413,0,0,1,72.687,7.1ZM85.434,5.6a.518.518,0,0,1,.009.524L84.926,7.2a.584.584,0,0,1-.334.323.543.543,0,0,1-.424-.032,2.366,2.366,0,0,0-.854-.181A2.734,2.734,0,0,0,81.08,8.561v6.286c0,.59-.485.59-.8.59h-.991a.6.6,0,0,1-.59-.59V5.839a.605.605,0,0,1,.59-.59H79.8a.576.576,0,0,1,.544.435l.213.688a3.921,3.921,0,0,1,2.971-1.338C84.277,5.034,85.17,5.183,85.434,5.6Zm11.8-5.4a.621.621,0,0,0-.469-.3h-.216a.62.62,0,0,0-.472.305l-6.615,14.5a.508.508,0,0,0,.02.5.517.517,0,0,0,.451.229h1.357a.652.652,0,0,0,.6-.392l1.284-2.884h6.9l1.306,2.884a.618.618,0,0,0,.6.392h1.358a.517.517,0,0,0,.451-.229.508.508,0,0,0,.021-.494Zm1.916,9.871H94.116l2.5-5.627ZM110.327.12h-4.913a.526.526,0,0,0-.526.525V14.912a.526.526,0,0,0,.526.525h1.4a.54.54,0,0,0,.525-.525V9.963h3.009A4.922,4.922,0,1,0,110.327.12Zm2.493,4.856a2.563,2.563,0,0,1-2.536,2.643H107.34V2.507h2.944A2.476,2.476,0,0,1,112.82,4.976ZM119.087.645V14.912a.54.54,0,0,1-.526.525h-1.422a.54.54,0,0,1-.525-.525V.645a.539.539,0,0,1,.525-.525h1.422A.539.539,0,0,1,119.087.645Z\"\n />\n </svg>\n )\n}\n\nexport function Calendar({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"Layer_1\"\n viewBox=\"0 0 73.83 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>calendar-text</title>\n <path\n fill={color}\n d=\"M9,12.56c.39.36.32.66.19.85a4.65,4.65,0,0,1-4,2.12A5.21,5.21,0,0,1,0,10.21,5.3,5.3,0,0,1,5.23,4.87,4.49,4.49,0,0,1,9,6.64a.6.6,0,0,1-.1.85l-.78.71c-.35.33-.61.07-.78-.11a3,3,0,0,0-2-1,3,3,0,0,0-2.94,3.06,3,3,0,0,0,2.87,3.09,2.63,2.63,0,0,0,2.05-1l.25-.23A.55.55,0,0,1,8.32,12Zm9.25-3.17v5.33a.59.59,0,0,1-.57.57H17c-.27,0-.4-.16-.5-.4l-.19-.54a4.39,4.39,0,0,1-3,1.18A3.2,3.2,0,0,1,9.91,12.1c0-2,1.61-3.33,4.11-3.33a7.24,7.24,0,0,1,1.92.28,2.33,2.33,0,0,0-.43-1.72A1.44,1.44,0,0,0,14.43,7a10.27,10.27,0,0,0-2.77.48A.56.56,0,0,1,11,7l-.2-.82a.56.56,0,0,1,.39-.7,10.9,10.9,0,0,1,3.48-.57C18,4.87,18.25,6.92,18.25,9.39Zm-2.34,3V10.83a4.91,4.91,0,0,0-1.72-.3c-1.17,0-2,.62-2,1.55a1.37,1.37,0,0,0,1.46,1.48A3,3,0,0,0,15.91,12.42ZM22,.47H20.79a.6.6,0,0,0-.58.57V14.72a.59.59,0,0,0,.58.57H22a.59.59,0,0,0,.57-.57V1A.61.61,0,0,0,22,.47ZM33.75,9.56c0,.18,0,.53,0,.71a.57.57,0,0,1-.55.52H26.35a2.84,2.84,0,0,0,2.89,2.53,3.84,3.84,0,0,0,2.39-.82.57.57,0,0,1,.43-.15.45.45,0,0,1,.29.21l.58.92a.48.48,0,0,1-.06.79,5.67,5.67,0,0,1-3.76,1.26A5.05,5.05,0,0,1,24,10.19a5.1,5.1,0,0,1,5.08-5.32A4.58,4.58,0,0,1,33.75,9.56ZM26.46,9h4.95A2.27,2.27,0,0,0,29,6.91,2.45,2.45,0,0,0,26.46,9Zm13.8-4.12a4.72,4.72,0,0,0-3.32,1.3l-.24-.7a.48.48,0,0,0-.51-.38h-.52a.59.59,0,0,0-.57.57v9.06a.58.58,0,0,0,.57.57h1.11c.45,0,.68-.19.68-.57V8.5A3,3,0,0,1,40,7.13c1.21,0,1.88.88,1.88,2.48v5.11a.58.58,0,0,0,.57.57h1.21a.6.6,0,0,0,.58-.57v-5C44.24,6.45,42.94,4.87,40.26,4.87ZM55.29,1V14.72a.58.58,0,0,1-.57.57H54.2a.57.57,0,0,1-.55-.5l-.17-.58a4.89,4.89,0,0,1-3.24,1.32c-2.62,0-4.67-2.34-4.67-5.34A5,5,0,0,1,50.5,4.87a6.85,6.85,0,0,1,2.39.48h0V1a.61.61,0,0,1,.58-.57h1.23A.59.59,0,0,1,55.29,1ZM52.93,11.88V7.67a5,5,0,0,0-2.19-.54,2.94,2.94,0,0,0-2.81,3.06,2.85,2.85,0,0,0,2.61,3.09A2.76,2.76,0,0,0,52.93,11.88Zm12-2.49v5.33a.59.59,0,0,1-.57.57h-.72c-.27,0-.39-.16-.5-.4L63,14.35a4.39,4.39,0,0,1-3,1.18A3.2,3.2,0,0,1,56.6,12.1c0-2,1.62-3.33,4.11-3.33a7.24,7.24,0,0,1,1.92.28,2.33,2.33,0,0,0-.43-1.72A1.42,1.42,0,0,0,61.12,7a10.27,10.27,0,0,0-2.77.48A.56.56,0,0,1,57.67,7l-.2-.82a.56.56,0,0,1,.39-.7,10.9,10.9,0,0,1,3.48-.57C64.67,4.87,64.94,6.92,64.94,9.39Zm-2.34,3V10.83a4.91,4.91,0,0,0-1.72-.3c-1.17,0-2,.62-2,1.55a1.37,1.37,0,0,0,1.46,1.48A3,3,0,0,0,62.6,12.42Zm11-7c-.26-.42-1.18-.57-1.9-.57a4,4,0,0,0-3,1.37l-.23-.73A.56.56,0,0,0,68,5.09h-.52a.59.59,0,0,0-.58.57v9.06a.58.58,0,0,0,.58.57h1c.32,0,.79,0,.79-.57V8.4A2.77,2.77,0,0,1,71.5,7.13a2.47,2.47,0,0,1,.86.18.5.5,0,0,0,.41,0A.56.56,0,0,0,73.1,7l.52-1.09A.48.48,0,0,0,73.61,5.44Z\"\n />\n </svg>\n )\n}\n\nexport function CheckIns({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"dc713595-39c2-41c4-b1d9-3ef8c295b738\"\n viewBox=\"0 0 79.311 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>check-ins-text</title>\n <path\n fill={color}\n d=\"M40.221,13.213c.4.362.326.669.2.866A4.646,4.646,0,0,1,36.44,16.2a5.2,5.2,0,0,1-5.2-5.311,5.286,5.286,0,0,1,5.225-5.331,4.462,4.462,0,0,1,3.711,1.768.605.605,0,0,1-.1.869L39.3,8.9c-.362.333-.64.055-.806-.109a2.9,2.9,0,0,0-1.967-.959,2.937,2.937,0,0,0-2.9,3.031,2.92,2.92,0,0,0,2.837,3.054,2.62,2.62,0,0,0,2.03-.965c.082-.081.162-.16.242-.234a.572.572,0,0,1,.818-.049h0Zm-9.679-2.971c0,.178-.022.526-.044.7a.579.579,0,0,1-.567.531H23.174a2.82,2.82,0,0,0,2.855,2.485,3.736,3.736,0,0,0,2.369-.818.609.609,0,0,1,.45-.147.459.459,0,0,1,.3.219l.583.907a.513.513,0,0,1-.065.819A5.708,5.708,0,0,1,25.9,16.2a5.046,5.046,0,0,1-5.1-5.332,5.081,5.081,0,0,1,5.074-5.31A4.572,4.572,0,0,1,30.542,10.242ZM23.3,9.653h4.874A2.23,2.23,0,0,0,25.835,7.62,2.412,2.412,0,0,0,23.3,9.653Zm-7.751-4.1a4.789,4.789,0,0,0-2.773.924V2.339a.621.621,0,0,0-.59-.588H10.974a.6.6,0,0,0-.59.588V15.373a.59.59,0,0,0,.59.589H12.16a.575.575,0,0,0,.611-.589V9.193a2.871,2.871,0,0,1,2.493-1.357c1.2,0,1.867.884,1.867,2.492v5.045a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589v-5C19.518,7.221,18.144,5.557,15.544,5.557ZM8.315,12.674h0a.573.573,0,0,0-.818.049c-.08.074-.16.154-.242.235a2.624,2.624,0,0,1-2.029.964,2.92,2.92,0,0,1-2.838-3.054,2.938,2.938,0,0,1,2.9-3.031A2.906,2.906,0,0,1,7.257,8.8c.166.164.444.442.8.109l.775-.71a.6.6,0,0,0,.1-.869A4.464,4.464,0,0,0,5.225,5.557,5.285,5.285,0,0,0,0,10.888,5.2,5.2,0,0,0,5.2,16.2a4.647,4.647,0,0,0,3.977-2.12c.13-.2.2-.5-.2-.866ZM55.084,9.566h-4.1a.514.514,0,0,0-.525.525v.926a.51.51,0,0,0,.525.5h4.1a.51.51,0,0,0,.526-.5v-.926A.514.514,0,0,0,55.084,9.566Zm20.945.2C74.97,9.308,74.4,8.955,74.4,8.41c0-.383.357-.769,1.156-.769a5.059,5.059,0,0,1,2.087.486.581.581,0,0,0,.8-.248l.344-.689a.706.706,0,0,0-.256-.882,5.705,5.705,0,0,0-2.973-.751c-2.358,0-3.413,1.422-3.413,2.831,0,1.764,1.327,2.606,2.762,3.253,1.4.634,2.066,1.038,2.066,1.618,0,.528-.459.856-1.2.856a4.5,4.5,0,0,1-2.39-.7l-.031-.018a.629.629,0,0,0-.506-.075.494.494,0,0,0-.3.254l-.452.926a.523.523,0,0,0,.21.664A5.935,5.935,0,0,0,75.639,16.2c2.41,0,3.672-1.522,3.672-3.025C79.311,11.3,78.011,10.609,76.029,9.769Zm-9.2-4.212a4.687,4.687,0,0,0-3.3,1.277l-.235-.67a.5.5,0,0,0-.522-.392h-.517a.605.605,0,0,0-.591.59v9.011a.591.591,0,0,0,.591.589h1.1c.469,0,.7-.193.7-.589V9.19A2.934,2.934,0,0,1,66.57,7.836c1.191,0,1.846.87,1.846,2.45v5.087a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589v-5C70.8,7.131,69.5,5.557,66.829,5.557Zm-8.3-4.275a1.543,1.543,0,0,0-1.538,1.581,1.532,1.532,0,0,0,1.538,1.559,1.57,1.57,0,1,0,0-3.14Zm-12.215,9.1,3.949-3.716a.548.548,0,0,0,.14-.588.484.484,0,0,0-.476-.3H48.355a1.063,1.063,0,0,0-.7.331L44.008,9.4V2.339a.62.62,0,0,0-.59-.588H42.211a.6.6,0,0,0-.59.588V15.373a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589V11.329l3.783,4.4a.711.711,0,0,0,.542.237H50.1a.468.468,0,0,0,.461-.256.561.561,0,0,0-.094-.582ZM59.135,5.772H57.928a.605.605,0,0,0-.59.59v9.011a.59.59,0,0,0,.59.589h1.207a.606.606,0,0,0,.59-.589V6.362A.621.621,0,0,0,59.135,5.772Z\"\n />\n </svg>\n )\n}\n\nexport function ChurchCenter({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"e2e8a225-c349-4aea-935c-64b6ad436be8\"\n viewBox=\"0 0 118.083 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>church-center-text</title>\n <path\n fill={color}\n d=\"M5.188,16.2A5.187,5.187,0,0,1,0,10.908,5.27,5.27,0,0,1,5.209,5.591a4.453,4.453,0,0,1,3.7,1.762.588.588,0,0,1-.1.844l-.776.712c-.346.319-.607.062-.779-.109a2.93,2.93,0,0,0-1.983-.966A2.959,2.959,0,0,0,2.35,10.887a2.942,2.942,0,0,0,2.859,3.076,2.642,2.642,0,0,0,2.045-.971c.082-.081.162-.16.242-.234a.552.552,0,0,1,.794-.047l.669.539c.388.352.318.651.193.841A4.629,4.629,0,0,1,5.188,16.2ZM19.5,15.4V10.391c0-3.14-1.368-4.8-3.959-4.8a4.788,4.788,0,0,0-2.788.939l-.006-4.209a.609.609,0,0,0-.571-.57H10.964a.592.592,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572H12.15a.558.558,0,0,0,.593-.572V9.207a2.893,2.893,0,0,1,2.515-1.373c1.217,0,1.888.893,1.888,2.514V15.4a.579.579,0,0,0,.571.572h1.208A.593.593,0,0,0,19.5,15.4Zm8.7-.468.2.566c.09.246.218.474.544.474h.518a.6.6,0,0,0,.592-.572V6.378a.612.612,0,0,0-.592-.57h-1.1c-.332,0-.657.044-.657.57l0,6.023a2.38,2.38,0,0,1-2.236,1.562c-1.259,0-1.845-.723-1.845-2.277V6.378a.585.585,0,0,0-.571-.57H21.843a.6.6,0,0,0-.57.57v5.156c0,2.175.433,4.67,3.807,4.67A4.06,4.06,0,0,0,28.193,14.928Zm6.2.468V9.1A2.755,2.755,0,0,1,36.65,7.834a2.382,2.382,0,0,1,.863.184.53.53,0,0,0,.41.032.571.571,0,0,0,.324-.315l.518-1.077a.5.5,0,0,0-.009-.507c-.259-.413-1.18-.56-1.89-.56a3.975,3.975,0,0,0-2.984,1.356l-.223-.719a.555.555,0,0,0-.525-.42h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h.993C33.922,15.968,34.4,15.968,34.4,15.4Zm13.35-1.305c.125-.19.2-.489-.193-.841l-.669-.539a.552.552,0,0,0-.794.047c-.08.074-.16.153-.242.234a2.642,2.642,0,0,1-2.044.971,2.942,2.942,0,0,1-2.86-3.076,2.959,2.959,0,0,1,2.924-3.053A2.93,2.93,0,0,1,45.85,8.8c.172.171.433.428.779.109l.776-.712a.588.588,0,0,0,.1-.844,4.452,4.452,0,0,0-3.7-1.762,5.271,5.271,0,0,0-5.21,5.317,5.187,5.187,0,0,0,5.188,5.3A4.629,4.629,0,0,0,47.745,14.091ZM58.089,15.4V10.391c0-3.14-1.368-4.8-3.959-4.8a4.79,4.79,0,0,0-2.788.939l-.006-4.209a.609.609,0,0,0-.571-.57H49.557a.592.592,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h1.187a.557.557,0,0,0,.592-.572V9.207a2.893,2.893,0,0,1,2.515-1.373c1.217,0,1.888.893,1.888,2.514V15.4a.579.579,0,0,0,.571.572h1.208A.593.593,0,0,0,58.089,15.4Zm12.926-1.305c.126-.19.2-.489-.192-.841l-.669-.539a.553.553,0,0,0-.8.047c-.08.074-.159.153-.242.234a2.64,2.64,0,0,1-2.044.971,2.941,2.941,0,0,1-2.859-3.076A2.8,2.8,0,0,1,69.121,8.8c.171.171.433.428.778.109l.777-.712a.587.587,0,0,0,.1-.844,4.449,4.449,0,0,0-3.7-1.762,5.271,5.271,0,0,0-5.21,5.317,5.187,5.187,0,0,0,5.188,5.3A4.629,4.629,0,0,0,71.015,14.091Zm10.247-3.83c0,.177-.022.525-.044.7a.562.562,0,0,1-.549.516H73.887a2.838,2.838,0,0,0,2.877,2.526,3.743,3.743,0,0,0,2.382-.824.6.6,0,0,1,.436-.143.447.447,0,0,1,.283.212l.584.907a.492.492,0,0,1-.063.794A5.7,5.7,0,0,1,76.634,16.2a5.031,5.031,0,0,1-5.08-5.317,5.068,5.068,0,0,1,5.059-5.3A4.558,4.558,0,0,1,81.262,10.261Zm-2.335-.57a2.251,2.251,0,0,0-2.358-2.073,2.433,2.433,0,0,0-2.564,2.073ZM91.707,15.4V10.391c0-3.23-1.3-4.8-3.959-4.8a4.657,4.657,0,0,0-3.306,1.3l-.246-.7a.479.479,0,0,0-.5-.376h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h1.1c.457,0,.679-.187.679-.572V9.2a2.96,2.96,0,0,1,2.536-1.37c1.2,0,1.867.877,1.867,2.471V15.4a.58.58,0,0,0,.571.572h1.208A.594.594,0,0,0,91.707,15.4Zm7.779.081a.538.538,0,0,0,.277-.7l-.389-1.014a.537.537,0,0,0-.306-.325.493.493,0,0,0-.415.061,3.249,3.249,0,0,1-1.548.462c-.445,0-.7-.15-.7-.918V7.834h2.536a.594.594,0,0,0,.571-.571V6.378a.564.564,0,0,0-.571-.57H96.4V3.12a.555.555,0,0,0-.549-.571h-1.23a.579.579,0,0,0-.571.571V5.808H93.005a.552.552,0,0,0-.571.57v.885a.579.579,0,0,0,.571.571h1.048v5.3c0,1.431.3,3.073,2.62,3.073A6.067,6.067,0,0,0,99.486,15.477Zm10.11-5.216c0,.177-.022.525-.044.7a.561.561,0,0,1-.549.516h-6.782a2.838,2.838,0,0,0,2.877,2.526,3.743,3.743,0,0,0,2.382-.824.6.6,0,0,1,.437-.143.446.446,0,0,1,.282.212l.584.907a.491.491,0,0,1-.063.794,5.7,5.7,0,0,1-3.752,1.252,5.032,5.032,0,0,1-5.08-5.317,5.068,5.068,0,0,1,5.059-5.3A4.557,4.557,0,0,1,109.6,10.261Zm-2.335-.57A2.25,2.25,0,0,0,104.9,7.618a2.434,2.434,0,0,0-2.565,2.073Zm6.026,5.705V9.1a2.755,2.755,0,0,1,2.255-1.265,2.388,2.388,0,0,1,.864.184.528.528,0,0,0,.409.032.568.568,0,0,0,.324-.315l.519-1.077a.5.5,0,0,0-.009-.507c-.26-.413-1.181-.56-1.891-.56a3.977,3.977,0,0,0-2.984,1.356l-.223-.719a.555.555,0,0,0-.525-.42h-.518a.585.585,0,0,0-.571.57V15.4a.58.58,0,0,0,.571.572h.993C112.814,15.968,113.287,15.968,113.287,15.4Z\"\n />\n </svg>\n )\n}\n\nexport function Giving({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"a221b42b-722d-4eb3-b043-fff7f3c6686f\"\n viewBox=\"0 0 50.486 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>giving-text</title>\n <path\n fill={color}\n d=\"M9.17,5.089H8.588c-.335,0-.42.255-.474.416l-.2.473a4.791,4.791,0,0,0-3.1-1.1A5.026,5.026,0,0,0,0,10.184a5.085,5.085,0,0,0,4.923,5.332,5.459,5.459,0,0,0,2.428-.629v.342c0,2.113-1.285,2.557-2.363,2.557a3.619,3.619,0,0,1-2.259-.905.567.567,0,0,0-.474-.114.553.553,0,0,0-.365.3l-.516.948a.563.563,0,0,0,.126.7A5.489,5.489,0,0,0,5.031,20a4.407,4.407,0,0,0,4.728-4.771V5.679A.6.6,0,0,0,9.17,5.089Zm-1.8,3.378V12.5a3.951,3.951,0,0,1-2.191.74,2.973,2.973,0,0,1-2.8-3.054A2.82,2.82,0,0,1,5.1,7.152,2.835,2.835,0,0,1,7.373,8.467Zm6.745-2.788v9.01a.6.6,0,0,1-.59.589H12.321a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h1.207A.62.62,0,0,1,14.118,5.679Zm.388-3.508A1.572,1.572,0,0,1,12.924,3.73a1.532,1.532,0,0,1-1.538-1.559A1.543,1.543,0,0,1,12.924.59,1.564,1.564,0,0,1,14.506,2.171Zm10.3,3.156a.49.49,0,0,1-.027.5l-4.307,9.367a.558.558,0,0,1-.514.327h-.13a.6.6,0,0,1-.534-.323L14.984,5.817a.487.487,0,0,1-.025-.49.545.545,0,0,1,.494-.238h1.315a.547.547,0,0,1,.535.344l2.572,5.917,2.7-5.913c.16-.348.486-.348.773-.348h.97A.545.545,0,0,1,24.807,5.327Zm3.249.352v9.01a.6.6,0,0,1-.59.589H26.259a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h1.207A.62.62,0,0,1,28.056,5.679Zm.388-3.508A1.572,1.572,0,0,1,26.863,3.73a1.532,1.532,0,0,1-1.539-1.559A1.544,1.544,0,0,1,26.863.59,1.564,1.564,0,0,1,28.444,2.171Zm10.69,7.517v5a.6.6,0,0,1-.59.589H37.337a.59.59,0,0,1-.59-.589V9.6c0-1.581-.655-2.451-1.846-2.451a2.938,2.938,0,0,0-2.514,1.355v6.182c0,.4-.229.589-.7.589h-1.1a.59.59,0,0,1-.59-.589V5.679a.605.605,0,0,1,.59-.59h.517a.5.5,0,0,1,.522.391l.235.67a4.692,4.692,0,0,1,3.3-1.276C37.834,4.874,39.134,6.448,39.134,9.688Zm10.456-4.6h-.582c-.336,0-.42.255-.473.416l-.2.473a4.777,4.777,0,0,0-3.1-1.1,5.026,5.026,0,0,0-4.815,5.31,5.085,5.085,0,0,0,4.923,5.332,5.459,5.459,0,0,0,2.428-.629v.342c0,2.113-1.285,2.557-2.363,2.557a3.619,3.619,0,0,1-2.259-.905.567.567,0,0,0-.474-.114.553.553,0,0,0-.365.3l-.516.948a.563.563,0,0,0,.126.7A5.489,5.489,0,0,0,45.451,20a4.407,4.407,0,0,0,4.729-4.771V5.679A.605.605,0,0,0,49.59,5.089Zm-1.8,7.409a3.944,3.944,0,0,1-2.19.74,2.973,2.973,0,0,1-2.795-3.054,2.693,2.693,0,0,1,4.985-1.717Z\"\n />\n </svg>\n )\n}\n\nexport function Home({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"a221b42b-722d-4eb3-b043-fff7f3c6686f\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 47.624 20\"\n >\n <title>home-text</title>\n <path\n fill={color}\n d=\"M8.952,9.7V14.69a.584.584,0,0,1-.553.57H7.229a.57.57,0,0,1-.553-.57V9.658c0-1.616-.649-2.506-1.827-2.506A2.791,2.791,0,0,0,2.414,8.52v6.17a.547.547,0,0,1-.573.57H.692a.569.569,0,0,1-.553-.57v-13a.583.583,0,0,1,.553-.569H1.861a.6.6,0,0,1,.553.569V5.857a4.544,4.544,0,0,1,2.706-.94C7.627,4.917,8.952,6.571,8.952,9.7Zm11.261.473a5.239,5.239,0,0,1-5,5.322,5.185,5.185,0,0,1-5.022-5.322A5.213,5.213,0,0,1,15.21,4.917,5.2,5.2,0,0,1,20.213,10.174Zm-2.234,0a2.789,2.789,0,1,0-5.558,0,2.884,2.884,0,0,0,2.789,3.087A2.876,2.876,0,0,0,17.979,10.174Zm14.59-5.257a4.475,4.475,0,0,0-3.248,1.519,3.34,3.34,0,0,0-2.956-1.519,4.128,4.128,0,0,0-3.031,1.289L23.111,5.5a.487.487,0,0,0-.506-.367h-.48a.584.584,0,0,0-.553.569V14.69a.57.57,0,0,0,.553.57h1.169a.577.577,0,0,0,.553-.57V8.512a2.367,2.367,0,0,1,2.184-1.36c1.216,0,1.808.806,1.808,2.463V14.69a.555.555,0,0,0,.552.57h1.191a.559.559,0,0,0,.532-.57V9.551a10.249,10.249,0,0,0-.077-1.3l.06-.064a2.793,2.793,0,0,1,2.159-1.034c1.2,0,1.807.829,1.807,2.463V14.69a.538.538,0,0,0,.553.57h1.17a.549.549,0,0,0,.553-.57V9.7C36.339,7.647,35.948,4.917,32.569,4.917ZM47.042,9.572c0,.176-.021.523-.043.7a.549.549,0,0,1-.531.514H39.9A2.778,2.778,0,0,0,42.687,13.3a3.573,3.573,0,0,0,2.306-.82.6.6,0,0,1,.422-.144.431.431,0,0,1,.274.211l.566.9a.5.5,0,0,1-.061.791A5.416,5.416,0,0,1,42.562,15.5c-2.85,0-4.919-2.229-4.919-5.3a4.988,4.988,0,0,1,4.9-5.279A4.479,4.479,0,0,1,47.042,9.572ZM40.016,9h4.765A2.2,2.2,0,0,0,42.5,6.937,2.375,2.375,0,0,0,40.016,9Z\"\n />\n </svg>\n )\n}\n\nexport function Groups({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"08e4075e-8ca4-4400-a3ae-98f53270d1d0\"\n viewBox=\"0 0 58.688 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>groups-text</title>\n <path\n fill={color}\n d=\"M9.17,5.09H8.588c-.335,0-.42.255-.474.416l-.2.472a4.791,4.791,0,0,0-3.1-1.1A5.027,5.027,0,0,0,0,10.185a5.085,5.085,0,0,0,4.923,5.332,5.465,5.465,0,0,0,2.428-.63v.342c0,2.113-1.285,2.557-2.363,2.557a3.631,3.631,0,0,1-2.259-.9.568.568,0,0,0-.473-.115.556.556,0,0,0-.366.3l-.516.947a.574.574,0,0,0,.126.7A5.487,5.487,0,0,0,5.031,20a4.407,4.407,0,0,0,4.728-4.771V5.679A.6.6,0,0,0,9.17,5.09Zm-1.8,3.378V12.5a3.951,3.951,0,0,1-2.191.74,2.972,2.972,0,0,1-2.8-3.053A2.821,2.821,0,0,1,5.1,7.152,2.835,2.835,0,0,1,7.373,8.468Zm11.092-2.5-.517,1.077a.588.588,0,0,1-.335.323.535.535,0,0,1-.424-.032,2.351,2.351,0,0,0-.854-.183A2.738,2.738,0,0,0,14.1,8.4v6.288c0,.59-.485.59-.806.59H12.3a.6.6,0,0,1-.59-.59V5.679a.6.6,0,0,1,.59-.589h.517a.574.574,0,0,1,.544.434l.213.688A3.931,3.931,0,0,1,16.55,4.874c.749,0,1.642.149,1.9.568A.517.517,0,0,1,18.465,5.967Zm4.994-1.093a5.323,5.323,0,0,0,0,10.643,5.323,5.323,0,0,0,0-10.643Zm0,8.364A2.907,2.907,0,0,1,20.6,10.163a2.852,2.852,0,1,1,5.7,0A2.9,2.9,0,0,1,23.459,13.238ZM38.688,5.679v9.01a.616.616,0,0,1-.611.59H37.56c-.34,0-.475-.246-.561-.486l-.2-.535a4.082,4.082,0,0,1-3.1,1.259c-3.389,0-3.824-2.5-3.824-4.686V5.679a.621.621,0,0,1,.59-.589h1.207a.605.605,0,0,1,.591.589v5.3c0,1.539.579,2.256,1.824,2.256A2.356,2.356,0,0,0,36.3,11.694l0-6.015c0-.544.334-.589.677-.589h1.1A.632.632,0,0,1,38.688,5.679Zm6.9-.805a4.752,4.752,0,0,0-3.081,1.1l-.2-.488a.523.523,0,0,0-.54-.4h-.538a.6.6,0,0,0-.59.589V19.266a.6.6,0,0,0,.59.589H42.44a.58.58,0,0,0,.633-.589V14.909a5.612,5.612,0,0,0,2.428.608,5.075,5.075,0,0,0,4.9-5.332A5.027,5.027,0,0,0,45.587,4.874ZM43.029,8.457a2.633,2.633,0,0,1,2.278-1.305,2.789,2.789,0,0,1,2.708,3.033,2.9,2.9,0,0,1-2.794,3.053,4.131,4.131,0,0,1-2.192-.676Zm15.349,4.034c0,1.5-1.262,3.026-3.672,3.026a5.921,5.921,0,0,1-3.343-1.034h0a.522.522,0,0,1-.208-.663l.452-.925a.493.493,0,0,1,.3-.254.633.633,0,0,1,.5.075l.037.02a4.488,4.488,0,0,0,2.384.7c.74,0,1.2-.329,1.2-.856,0-.581-.666-.985-2.066-1.619-1.435-.646-2.763-1.487-2.763-3.252,0-1.41,1.056-2.832,3.414-2.832a5.71,5.71,0,0,1,2.973.752.705.705,0,0,1,.256.881L57.5,7.2a.58.58,0,0,1-.8.248,5.043,5.043,0,0,0-2.087-.485c-.8,0-1.156.386-1.156.768,0,.545.574.9,1.633,1.361C57.078,9.926,58.378,10.616,58.378,12.491Z\"\n />\n </svg>\n )\n}\n\nexport function People({ color, size = 20 }): JSX.Element {\n return (\n <svg\n data-name=\"Layer 1\"\n height={size}\n id=\"c461f8d4-1c6e-406e-af2d-8d7721d891d5\"\n viewBox=\"0 0 57.729 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>people-text</title>\n <path\n fill={color}\n d=\"M4.944,5.019a4.754,4.754,0,0,0-3.08,1.1l-.2-.487a.521.521,0,0,0-.539-.4H.59A.606.606,0,0,0,0,5.823V19.41A.6.6,0,0,0,.59,20H1.8a.58.58,0,0,0,.633-.59V15.053a5.593,5.593,0,0,0,2.428.607,5.075,5.075,0,0,0,4.9-5.331A5.027,5.027,0,0,0,4.944,5.019ZM2.387,8.6A2.63,2.63,0,0,1,4.665,7.3a2.789,2.789,0,0,1,2.708,3.032,2.9,2.9,0,0,1-2.795,3.054,4.109,4.109,0,0,1-2.191-.678ZM15.663,5.019a5.083,5.083,0,0,0-5.075,5.31,5.046,5.046,0,0,0,5.1,5.331A5.707,5.707,0,0,0,19.445,14.4a.511.511,0,0,0,.065-.818l-.583-.907a.459.459,0,0,0-.295-.22.609.609,0,0,0-.45.147,3.735,3.735,0,0,1-2.369.82,2.819,2.819,0,0,1-2.854-2.487h6.756a.578.578,0,0,0,.567-.531c.022-.177.045-.525.045-.7A4.572,4.572,0,0,0,15.663,5.019Zm-2.583,4.1a2.411,2.411,0,0,1,2.539-2.033,2.231,2.231,0,0,1,2.335,2.033Zm13.145-4.1a5.322,5.322,0,0,0,0,10.641,5.322,5.322,0,0,0,0-10.641Zm2.837,5.289a2.856,2.856,0,1,1-5.7,0,2.852,2.852,0,1,1,5.7,0Zm8.653-5.289a4.758,4.758,0,0,0-3.081,1.1l-.2-.487a.522.522,0,0,0-.54-.4h-.538a.606.606,0,0,0-.591.589V19.41a.592.592,0,0,0,.591.59h1.207a.58.58,0,0,0,.633-.59V15.05a5.541,5.541,0,0,0,2.428.61,5.075,5.075,0,0,0,4.9-5.331A5.027,5.027,0,0,0,37.715,5.019ZM35.158,8.6a2.629,2.629,0,0,1,2.277-1.3,2.789,2.789,0,0,1,2.708,3.032,2.9,2.9,0,0,1-2.794,3.054,4.109,4.109,0,0,1-2.191-.678ZM46.324,1.247V14.834a.606.606,0,0,1-.59.59H44.527a.6.6,0,0,1-.59-.59V1.247a.6.6,0,0,1,.59-.589h1.207A.621.621,0,0,1,46.324,1.247Zm6.459,3.772a5.083,5.083,0,0,0-5.075,5.31,5.047,5.047,0,0,0,5.1,5.331A5.713,5.713,0,0,0,56.566,14.4a.511.511,0,0,0,.064-.818l-.583-.907a.459.459,0,0,0-.295-.22.6.6,0,0,0-.449.147,3.739,3.739,0,0,1-2.369.82,2.821,2.821,0,0,1-2.855-2.487h6.756a.577.577,0,0,0,.567-.531c.022-.177.045-.525.045-.7A4.572,4.572,0,0,0,52.783,5.019ZM52.74,7.081a2.231,2.231,0,0,1,2.334,2.033H50.2A2.412,2.412,0,0,1,52.74,7.081Z\"\n />\n </svg>\n )\n}\n\nexport function Publishing({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"Layer_1\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 84.973 20\"\n >\n <title>publishing-text</title>\n <path\n d=\"M4.905,5.03A4.709,4.709,0,0,0,1.829,6.141l-.2-.511a.5.5,0,0,0-.52-.385H.568A.59.59,0,0,0,0,5.812V19.374a.575.575,0,0,0,.568.568h1.2a.559.559,0,0,0,.611-.568v-4.4a5.573,5.573,0,0,0,2.437.618A5.036,5.036,0,0,0,9.681,10.3,4.988,4.988,0,0,0,4.905,5.03ZM2.338,8.575A2.642,2.642,0,0,1,4.626,7.261,2.8,2.8,0,0,1,7.343,10.3a2.908,2.908,0,0,1-2.8,3.06,4.117,4.117,0,0,1-2.2-.684Zm17.4-2.763v8.974a.6.6,0,0,1-.59.569h-.515c-.326,0-.456-.238-.541-.472l-.2-.562a4.046,4.046,0,0,1-3.1,1.27c-3.358,0-3.788-2.484-3.788-4.647V5.812a.606.606,0,0,1,.568-.567h1.2a.59.59,0,0,1,.568.567v5.282c0,1.546.584,2.266,1.837,2.266A2.368,2.368,0,0,0,17.4,11.806V5.812c0-.524.323-.567.654-.567h1.094A.609.609,0,0,1,19.737,5.812Zm6.74-.782A6.836,6.836,0,0,0,24.1,5.5l-.018.006V1.246a.606.606,0,0,0-.568-.567H22.29a.583.583,0,0,0-.568.567v13.54a.576.576,0,0,0,.568.569h.516a.569.569,0,0,0,.542-.5l.17-.576a4.845,4.845,0,0,0,3.217,1.31c2.6,0,4.711-2.374,4.711-5.291A5.071,5.071,0,0,0,26.477,5.03ZM24.061,7.76a5.243,5.243,0,0,1,2.18-.5A3,3,0,0,1,29.107,10.3a2.9,2.9,0,0,1-2.694,3.06A2.761,2.761,0,0,1,24.061,12ZM35.225,1.246v13.54a.591.591,0,0,1-.568.569h-1.2a.576.576,0,0,1-.569-.569V1.246a.59.59,0,0,1,.569-.567h1.2A.606.606,0,0,1,35.225,1.246Zm4.349,4.566v8.974a.591.591,0,0,1-.568.569H37.8a.576.576,0,0,1-.568-.569V5.812a.582.582,0,0,1,.568-.567h1.2A.606.606,0,0,1,39.574,5.812Zm.387-3.577a1.547,1.547,0,0,1-1.556,1.534,1.508,1.508,0,0,1-1.513-1.534A1.519,1.519,0,0,1,38.405.679,1.539,1.539,0,0,1,39.961,2.235ZM48.143,12.6c0,1.488-1.25,2.994-3.638,2.994a5.875,5.875,0,0,1-3.318-1.026h0a.5.5,0,0,1-.2-.636l.45-.922a.47.47,0,0,1,.291-.243.613.613,0,0,1,.487.073l.036.02a4.489,4.489,0,0,0,2.385.7c.737,0,1.214-.342,1.214-.871,0-.589-.667-.994-2.069-1.629-1.423-.642-2.74-1.476-2.74-3.222,0-1.394,1.045-2.8,3.38-2.8a5.67,5.67,0,0,1,2.951.745.684.684,0,0,1,.248.853l-.343.687a.56.56,0,0,1-.769.238,5.05,5.05,0,0,0-2.087-.485c-.808,0-1.17.394-1.17.784,0,.554.575.91,1.638,1.372C46.853,10.057,48.143,10.742,48.143,12.6ZM58.461,9.805v4.981a.592.592,0,0,1-.569.569h-1.2a.576.576,0,0,1-.568-.569V9.763c0-1.614-.668-2.5-1.879-2.5a2.881,2.881,0,0,0-2.5,1.366v6.159a.554.554,0,0,1-.589.569H49.97a.576.576,0,0,1-.568-.569V1.246A.582.582,0,0,1,49.97.679h1.2a.606.606,0,0,1,.567.567V5.967a4.766,4.766,0,0,1,2.782-.937C57.1,5.03,58.461,6.681,58.461,9.805Zm4.2-3.993v8.974a.59.59,0,0,1-.567.569h-1.2a.576.576,0,0,1-.568-.569V5.812a.59.59,0,0,1,.568-.567h1.2A.606.606,0,0,1,62.657,5.812Zm.387-3.577a1.547,1.547,0,0,1-1.556,1.534,1.507,1.507,0,0,1-1.512-1.534A1.518,1.518,0,0,1,61.488.679,1.539,1.539,0,0,1,63.044,2.235Zm10.647,7.57v4.981a.591.591,0,0,1-.569.569h-1.2a.576.576,0,0,1-.568-.569V9.72c0-1.586-.66-2.459-1.858-2.459a2.944,2.944,0,0,0-2.523,1.364v6.161c0,.383-.221.569-.676.569H65.2a.576.576,0,0,1-.568-.569V5.812a.59.59,0,0,1,.568-.567h.516a.474.474,0,0,1,.5.375l.245.7a4.64,4.64,0,0,1,3.29-1.288C72.4,5.03,73.691,6.592,73.691,9.805Zm10.432-4.56h-.579c-.32,0-.4.236-.454.4l-.2.5a4.737,4.737,0,0,0-3.1-1.112A4.988,4.988,0,0,0,75.01,10.3a5.046,5.046,0,0,0,4.884,5.291,5.429,5.429,0,0,0,2.437-.64v.372c0,2.121-1.29,2.566-2.373,2.566a3.629,3.629,0,0,1-2.261-.9.547.547,0,0,0-.456-.111.535.535,0,0,0-.352.292l-.514.944a.551.551,0,0,0,.123.673A5.444,5.444,0,0,0,80,20.056a4.371,4.371,0,0,0,4.69-4.733V5.812A.582.582,0,0,0,84.123,5.245ZM80.151,13.36a2.979,2.979,0,0,1-2.8-3.06,2.7,2.7,0,0,1,5-1.715v4.029A3.973,3.973,0,0,1,80.151,13.36Z\"\n fill={color}\n />\n </svg>\n )\n}\n\nexport function Registrations({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"2da9f999-408b-4466-9b5d-b1268727ac81\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 105.758 20\"\n >\n <title>registrations-text</title>\n <path\n fill={color}\n d=\"M6.751,5.966,6.234,7.043a.589.589,0,0,1-.336.324.545.545,0,0,1-.423-.033,2.375,2.375,0,0,0-.854-.182A2.74,2.74,0,0,0,2.387,8.4v6.288c0,.59-.485.59-.8.59H.59a.6.6,0,0,1-.59-.59V5.679A.6.6,0,0,1,.59,5.09h.517a.574.574,0,0,1,.544.433l.212.685A4,4,0,0,1,4.836,4.874c.749,0,1.643.148,1.9.567A.517.517,0,0,1,6.751,5.966Zm9.583,3.593c0,.181-.022.53-.044.705a.578.578,0,0,1-.567.531H8.966a2.82,2.82,0,0,0,2.855,2.486,3.74,3.74,0,0,0,2.369-.819.608.608,0,0,1,.45-.148.465.465,0,0,1,.295.22l.583.907a.513.513,0,0,1-.065.819,5.708,5.708,0,0,1-3.762,1.256,5.046,5.046,0,0,1-5.1-5.331A5.083,5.083,0,0,1,11.67,4.874,4.572,4.572,0,0,1,16.334,9.559ZM11.627,6.937A2.411,2.411,0,0,0,9.087,8.97h4.874A2.23,2.23,0,0,0,11.627,6.937ZM26.8,5.679v9.55A4.407,4.407,0,0,1,22.071,20a5.486,5.486,0,0,1-3.53-1.284.564.564,0,0,1-.127-.7l.516-.948a.555.555,0,0,1,.365-.3.561.561,0,0,1,.474.114,3.622,3.622,0,0,0,2.259.905c1.078,0,2.364-.444,2.364-2.557v-.342a5.472,5.472,0,0,1-2.429.629,5.084,5.084,0,0,1-4.922-5.331,5.027,5.027,0,0,1,4.814-5.311,4.777,4.777,0,0,1,3.1,1.1l.2-.473c.053-.161.138-.415.473-.415h.582A.6.6,0,0,1,26.8,5.679ZM22.136,7.152a2.821,2.821,0,0,0-2.708,3.033,2.972,2.972,0,0,0,2.794,3.053,3.948,3.948,0,0,0,2.191-.74V8.468A2.834,2.834,0,0,0,22.136,7.152ZM29.965.6a1.544,1.544,0,0,0-1.538,1.582A1.55,1.55,0,0,0,29.965,3.74a1.571,1.571,0,1,0,0-3.141Zm.6,4.491H29.361a.6.6,0,0,0-.59.589v9.01a.59.59,0,0,0,.59.59h1.208a.6.6,0,0,0,.589-.59V5.679A.62.62,0,0,0,30.569,5.09Zm5.91,4c-1.059-.462-1.632-.815-1.632-1.36,0-.383.357-.769,1.155-.769a5.048,5.048,0,0,1,2.088.486.582.582,0,0,0,.8-.248l.345-.689a.709.709,0,0,0-.256-.882A5.713,5.713,0,0,0,36,4.874c-2.357,0-3.413,1.422-3.413,2.831,0,1.764,1.328,2.606,2.763,3.253,1.4.634,2.065,1.038,2.065,1.618,0,.528-.459.856-1.2.856a4.5,4.5,0,0,1-2.387-.7l-.034-.018a.644.644,0,0,0-.5-.076.494.494,0,0,0-.3.254l-.452.925a.517.517,0,0,0,.208.663h0a5.917,5.917,0,0,0,3.342,1.034c2.411,0,3.672-1.522,3.672-3.025C39.761,10.617,38.461,9.926,36.479,9.087Zm10.558,3.964a.556.556,0,0,0-.316-.335.523.523,0,0,0-.432.063,3.244,3.244,0,0,1-1.537.459c-.359,0-.681-.069-.681-.9V7.152h2.514a.605.605,0,0,0,.59-.59V5.679a.577.577,0,0,0-.59-.589H44.071V2.424a.574.574,0,0,0-.569-.59H42.273a.59.59,0,0,0-.589.59V5.09H40.657a.57.57,0,0,0-.59.589v.883a.59.59,0,0,0,.59.59h1.027v5.274c0,1.438.3,3.09,2.637,3.09a6.116,6.116,0,0,0,2.822-.729.556.556,0,0,0,.283-.721Zm8.023-7.61c-.263-.419-1.156-.567-1.905-.567a4,4,0,0,0-2.973,1.335l-.212-.686a.574.574,0,0,0-.544-.433h-.517a.6.6,0,0,0-.59.589v9.01a.59.59,0,0,0,.59.59H49.9c.321,0,.806,0,.806-.59V8.4A2.738,2.738,0,0,1,52.94,7.152a2.369,2.369,0,0,1,.853.182.548.548,0,0,0,.424.033.6.6,0,0,0,.336-.324l.517-1.077A.517.517,0,0,0,55.06,5.441Zm8.351,3.946v5.3a.605.605,0,0,1-.59.59H62.11c-.284,0-.412-.166-.516-.416l-.181-.509A4.386,4.386,0,0,1,58.4,15.516a3.2,3.2,0,0,1-3.328-3.435c0-2.021,1.611-3.327,4.1-3.327a7.7,7.7,0,0,1,1.892.265,2.3,2.3,0,0,0-.417-1.668A1.414,1.414,0,0,0,59.588,7a10.1,10.1,0,0,0-2.749.47.577.577,0,0,1-.7-.494l-.194-.82a.566.566,0,0,1,.4-.717A10.865,10.865,0,0,1,59.8,4.874C63.14,4.874,63.411,6.918,63.411,9.387Zm-4.06,1.149c-1.174,0-1.933.6-1.933,1.524a1.343,1.343,0,0,0,1.436,1.458,2.987,2.987,0,0,0,2.191-1.125V10.835A4.853,4.853,0,0,0,59.351,10.536Zm11.773,2.515a.556.556,0,0,0-.316-.335.523.523,0,0,0-.432.063,3.244,3.244,0,0,1-1.537.459c-.359,0-.681-.069-.681-.9V7.152h2.514a.605.605,0,0,0,.59-.59V5.679a.577.577,0,0,0-.59-.589H68.158V2.424a.574.574,0,0,0-.569-.59H66.36a.591.591,0,0,0-.59.59V5.09H64.744a.57.57,0,0,0-.59.589v.883a.591.591,0,0,0,.59.59H65.77v5.274c0,1.438.3,3.09,2.638,3.09a6.107,6.107,0,0,0,2.821-.729.556.556,0,0,0,.284-.721ZM74.2,5.09H72.994a.605.605,0,0,0-.591.589v9.01a.591.591,0,0,0,.591.59H74.2a.605.605,0,0,0,.59-.59V5.679A.621.621,0,0,0,74.2,5.09ZM73.6.6a1.543,1.543,0,0,0-1.538,1.582A1.55,1.55,0,0,0,73.6,3.74,1.571,1.571,0,1,0,73.6.6Zm12.869,9.563a5.341,5.341,0,0,1-5.182,5.354,5.323,5.323,0,1,1,5.182-5.354Zm-2.344,0a2.853,2.853,0,1,0-5.7,0,2.857,2.857,0,1,0,5.7,0Zm8.867-5.288a4.7,4.7,0,0,0-3.3,1.277l-.235-.671a.5.5,0,0,0-.522-.39h-.518a.6.6,0,0,0-.589.589v9.01a.6.6,0,0,0,.589.59h1.1c.469,0,.7-.192.7-.59V8.507A2.939,2.939,0,0,1,92.73,7.152c1.191,0,1.847.87,1.847,2.451v5.086a.6.6,0,0,0,.59.59h1.207a.605.605,0,0,0,.59-.59v-5C96.964,6.448,95.664,4.874,92.989,4.874Zm9.2,4.213c-1.059-.462-1.633-.815-1.633-1.36,0-.383.358-.769,1.156-.769a5.04,5.04,0,0,1,2.087.486.585.585,0,0,0,.8-.248l.344-.689a.709.709,0,0,0-.255-.882,5.718,5.718,0,0,0-2.974-.751C99.355,4.874,98.3,6.3,98.3,7.705c0,1.764,1.328,2.606,2.763,3.253,1.4.634,2.066,1.038,2.066,1.618,0,.528-.46.856-1.2.856a4.49,4.49,0,0,1-2.387-.7l-.034-.018A.633.633,0,0,0,99,12.64a.49.49,0,0,0-.3.253l-.452.925a.516.516,0,0,0,.209.663h0a5.923,5.923,0,0,0,3.342,1.034c2.411,0,3.673-1.522,3.673-3.025C105.472,10.617,104.172,9.926,102.19,9.087Z\"\n />\n </svg>\n )\n}\n\nexport function Services({ color, size = 20 }): JSX.Element {\n return (\n <svg\n id=\"bd77a8f3-6992-4241-927e-9fdc3bf67b80\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height={size}\n viewBox=\"0 0 67.995 20\"\n >\n <title>services-text</title>\n <path\n fill={color}\n d=\"M7.277,12.49c0,1.5-1.262,3.026-3.672,3.026A5.924,5.924,0,0,1,.262,14.482h0a.521.521,0,0,1-.209-.663L.5,12.893a.5.5,0,0,1,.305-.254.62.62,0,0,1,.5.075l.036.019a4.479,4.479,0,0,0,2.385.7c.74,0,1.2-.328,1.2-.856,0-.582-.666-.985-2.066-1.618C1.432,10.311.105,9.469.105,7.705c0-1.41,1.055-2.832,3.413-2.832a5.717,5.717,0,0,1,2.974.752.7.7,0,0,1,.255.881L6.4,7.2a.58.58,0,0,1-.8.248,5.04,5.04,0,0,0-2.087-.485c-.8,0-1.155.386-1.155.768,0,.546.573.9,1.632,1.361C5.977,9.925,7.277,10.615,7.277,12.49ZM17.622,9.559c0,.178-.022.528-.044.7a.58.58,0,0,1-.568.532H10.255a2.818,2.818,0,0,0,2.854,2.485,3.734,3.734,0,0,0,2.369-.819.64.64,0,0,1,.451-.148.472.472,0,0,1,.294.22l.583.907a.513.513,0,0,1-.065.82,5.715,5.715,0,0,1-3.761,1.256,5.047,5.047,0,0,1-5.1-5.332,5.083,5.083,0,0,1,5.074-5.311A4.573,4.573,0,0,1,17.622,9.559ZM15.249,8.97a2.229,2.229,0,0,0-2.334-2.034,2.412,2.412,0,0,0-2.54,2.034Zm8.511-4.1a3.929,3.929,0,0,0-2.972,1.338l-.213-.688a.575.575,0,0,0-.544-.434h-.518a.6.6,0,0,0-.589.589v9.01a.6.6,0,0,0,.589.59h.992c.32,0,.8,0,.8-.59V8.4a2.74,2.74,0,0,1,2.235-1.249,2.351,2.351,0,0,1,.854.183.534.534,0,0,0,.424.032.584.584,0,0,0,.334-.323l.518-1.077a.517.517,0,0,0-.01-.525C25.4,5.022,24.509,4.873,23.76,4.873Zm11.569.216H34.36c-.288,0-.613,0-.774.348l-2.695,5.912L28.319,5.433a.545.545,0,0,0-.535-.344H26.469a.544.544,0,0,0-.493.238.489.489,0,0,0,.024.49l4.311,9.376a.6.6,0,0,0,.534.323h.13a.56.56,0,0,0,.514-.327L35.8,5.822a.49.49,0,0,0,.027-.5A.545.545,0,0,0,35.329,5.089Zm3.154,0H37.276a.6.6,0,0,0-.59.589v9.01a.6.6,0,0,0,.59.59h1.207a.605.605,0,0,0,.59-.59V5.678A.621.621,0,0,0,38.483,5.089ZM37.879.6A1.543,1.543,0,0,0,36.341,2.18a1.532,1.532,0,0,0,1.538,1.559,1.57,1.57,0,1,0,0-3.14Zm10.8,11.392a.567.567,0,0,0-.818.047c-.08.073-.16.152-.241.233a2.623,2.623,0,0,1-2.031.966,2.92,2.92,0,0,1-2.838-3.053,2.778,2.778,0,0,1,4.87-2.073c.165.164.444.443.806.11l.774-.71a.606.606,0,0,0,.1-.87,4.465,4.465,0,0,0-3.711-1.768,5.285,5.285,0,0,0-5.225,5.332,5.2,5.2,0,0,0,5.2,5.311,4.647,4.647,0,0,0,3.977-2.12c.13-.2.2-.5-.2-.866ZM59.784,9.559c0,.178-.022.528-.044.7a.58.58,0,0,1-.567.532H52.417a2.818,2.818,0,0,0,2.854,2.485,3.734,3.734,0,0,0,2.369-.819.641.641,0,0,1,.451-.148.472.472,0,0,1,.294.22l.583.907a.513.513,0,0,1-.065.82,5.712,5.712,0,0,1-3.761,1.256,5.047,5.047,0,0,1-5.1-5.332A5.083,5.083,0,0,1,55.12,4.873,4.573,4.573,0,0,1,59.784,9.559ZM52.537,8.97h4.874a2.229,2.229,0,0,0-2.334-2.034A2.412,2.412,0,0,0,52.537,8.97ZM64.4,9.087c-1.06-.462-1.633-.816-1.633-1.361,0-.382.357-.768,1.156-.768a5.047,5.047,0,0,1,2.087.485.58.58,0,0,0,.8-.248l.344-.689a.706.706,0,0,0-.256-.881,5.71,5.71,0,0,0-2.973-.752c-2.358,0-3.414,1.422-3.414,2.832,0,1.764,1.328,2.606,2.763,3.253,1.4.633,2.066,1.036,2.066,1.618,0,.528-.459.856-1.2.856a4.485,4.485,0,0,1-2.384-.7l-.037-.02a.632.632,0,0,0-.5-.075.493.493,0,0,0-.3.254l-.452.925a.521.521,0,0,0,.209.663h0a5.923,5.923,0,0,0,3.342,1.034c2.412,0,3.673-1.522,3.673-3.026C67.685,10.615,66.385,9.925,64.4,9.087Z\"\n />\n </svg>\n )\n}\n","import React from \"react\"\n\nimport * as MonoAppText from \"./mono_app_text\"\n\nexport function MonoAppName({ appName, color, size = 20 }) {\n return MonoAppText[appName] ? (\n React.createElement(MonoAppText[appName], { color, size })\n ) : (\n <div>appName not supported</div>\n )\n}\n","export const slightBackgroundTransition = {\n transition: \"background-color 120ms ease-in\",\n}\n\nexport const fontFamily = {\n fontFamily: `inherit`,\n}\n\nexport const IEFlex1 = {\n flex: \"1 1 auto\",\n}\n","import 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 id = \"default\",\n style,\n ...nativeProps\n}: {\n dark?: boolean\n id?: string\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(#clip-path-blank-state-${id})`}>\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={`clip-path-blank-state-${id}`}>\n <path fill=\"#fff\" d=\"M0 0h160v122.063H0z\" />\n </clipPath>\n </defs>\n </svg>\n)\n\nexport const ChevronIcon = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string\n size?: number\n style?: object\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>chevron</title>\n <path\n d=\"M10.209 16L2.255 8.045L10.209 0.0910034L11.977 1.859L5.789 8.045L11.977 14.233L10.209 16Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const Cog = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string\n size?: number\n style?: object\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>cog icon</title>\n <path\n d=\"M15.975 7.169H15.965L14.44 6.91C14.3024 6.90264 14.1694 6.85837 14.0548 6.78182C13.9403 6.70528 13.8484 6.59929 13.789 6.475C13.653 5.95399 13.4465 5.45403 13.175 4.989C13.1286 4.85874 13.118 4.71844 13.1442 4.58267C13.1704 4.44691 13.2325 4.32064 13.324 4.217L14.224 2.957L14.23 2.949C14.24 2.934 14.24 2.923 14.23 2.914L14.2 2.89L14.155 2.844L13.155 1.844L13.095 1.784L13.085 1.775C13.076 1.765 13.065 1.765 13.05 1.775L11.782 2.675C11.6788 2.76662 11.5529 2.82887 11.4175 2.85525C11.2821 2.88164 11.142 2.87119 11.012 2.825C10.5462 2.55339 10.0456 2.34649 9.524 2.21C9.40004 2.1505 9.29435 2.05878 9.218 1.94443C9.14164 1.83007 9.09744 1.6973 9.09 1.56L8.833 0.035V0.025C8.828 0.008 8.821 0 8.807 0H7.193C7.179 0 7.172 0.008 7.169 0.025L6.91 1.56C6.90286 1.69763 6.85866 1.83078 6.7821 1.94537C6.70553 2.05996 6.59942 2.15173 6.475 2.211C5.95399 2.34697 5.45403 2.55355 4.989 2.825C4.85874 2.87138 4.71844 2.88203 4.58267 2.85583C4.44691 2.82962 4.32064 2.76753 4.217 2.676L2.957 1.776L2.949 1.77C2.934 1.76 2.923 1.76 2.914 1.77L2.89 1.8L2.844 1.845L1.844 2.845L1.784 2.905L1.775 2.915C1.765 2.924 1.765 2.935 1.775 2.95L2.675 4.218C2.76662 4.32118 2.82887 4.44706 2.85525 4.5825C2.88164 4.71794 2.87119 4.85797 2.825 4.988C2.55382 5.45174 2.34724 5.95035 2.211 6.47C2.15164 6.59477 2.05996 6.70138 1.94549 6.77875C1.83101 6.85612 1.69791 6.90144 1.56 6.91L0.035 7.167H0.025C0.008 7.167 0 7.177 0 7.191V8.807C0 8.821 0.008 8.828 0.025 8.831L1.56 9.09C1.69791 9.09856 1.83101 9.14388 1.94549 9.22125C2.05996 9.29862 2.15164 9.40523 2.211 9.53C2.34701 10.0494 2.5536 10.5477 2.825 11.011C2.87138 11.1413 2.88203 11.2816 2.85583 11.4173C2.82962 11.5531 2.76753 11.6794 2.676 11.783L1.776 13.051C1.766 13.066 1.766 13.077 1.776 13.086L1.785 13.096L1.845 13.156L2.845 14.156L2.891 14.201L2.915 14.225C2.924 14.235 2.935 14.235 2.95 14.225L2.958 14.219L4.218 13.319C4.32118 13.2274 4.44706 13.1651 4.5825 13.1387C4.71794 13.1124 4.85797 13.1228 4.988 13.169C5.452 13.4406 5.95095 13.6475 6.471 13.784C6.59563 13.8433 6.70214 13.9348 6.77951 14.0491C6.85687 14.1634 6.90227 14.2963 6.911 14.434L7.17 15.97C7.17 15.987 7.18 15.995 7.194 15.995H8.807C8.821 15.995 8.828 15.987 8.831 15.97V15.96L9.088 14.434C9.09673 14.2963 9.14213 14.1634 9.21949 14.0491C9.29686 13.9348 9.40337 13.8433 9.528 13.784C10.0474 13.648 10.5457 13.4414 11.009 13.17C11.1393 13.1236 11.2796 13.113 11.4153 13.1392C11.5511 13.1654 11.6774 13.2275 11.781 13.319L13.049 14.219C13.064 14.229 13.075 14.229 13.084 14.219L13.094 14.21L13.154 14.15L14.154 13.15L14.199 13.104L14.223 13.08C14.233 13.071 14.233 13.06 14.223 13.045L14.217 13.037L13.317 11.777C13.2254 11.6738 13.1631 11.5479 13.1367 11.4125C13.1104 11.2771 13.1208 11.137 13.167 11.007C13.4386 10.543 13.6455 10.044 13.782 9.524C13.8414 9.39923 13.933 9.29262 14.0475 9.21525C14.162 9.13788 14.2951 9.09256 14.433 9.084L15.968 8.825C15.985 8.825 15.993 8.815 15.993 8.801V7.193C16 7.179 15.992 7.172 15.975 7.169ZM10.619 10.619C10.1012 11.1357 9.44195 11.4873 8.72443 11.6295C8.00691 11.7716 7.26336 11.6979 6.58772 11.4176C5.91208 11.1374 5.33467 10.6631 4.92844 10.0548C4.52222 9.44652 4.30541 8.73147 4.30541 8C4.30541 7.26854 4.52222 6.55348 4.92844 5.94519C5.33467 5.33689 5.91208 4.86265 6.58772 4.58238C7.26336 4.30211 8.00691 4.22839 8.72443 4.37054C9.44195 4.51268 10.1012 4.86431 10.619 5.381C10.9634 5.72468 11.2366 6.1329 11.423 6.5823C11.6095 7.03171 11.7054 7.51346 11.7054 8C11.7054 8.48654 11.6095 8.96829 11.423 9.4177C11.2366 9.8671 10.9634 10.2753 10.619 10.619Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const DisclosureChevronIcon = ({\n colors,\n style,\n ...nativeProps\n}: {\n colors: any\n style?: object\n}) => (\n <svg\n color={colors.base3}\n height=\"16\"\n viewBox=\"0 0 16 16\"\n width=\"16\"\n {...{ style }}\n {...nativeProps}\n >\n <title>chevron</title>\n <polygon\n fill=\"currentColor\"\n points=\"11.931 4.892 8 8.824 4.069 4.892 2.927 6.034 8 11.108 9.142 9.966 13.073 6.034 11.931 4.892\"\n />\n </svg>\n)\n\nexport const HelpIcon = ({\n colors,\n style,\n ...nativeProps\n}: {\n colors: any\n style?: object\n}) => (\n <svg\n color={colors.base3}\n height=\"24\"\n style={{ display: \"block\" }}\n viewBox=\"0 0 24 24\"\n width=\"24\"\n {...nativeProps}\n >\n <title>help</title>\n <path\n d=\"M12,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22ZM12,4a8,8,0,1,0,8,8A8.009,8.009,0,0,0,12,4Zm-.342,11.067a1.41,1.41,0,1,0,1.41,1.41A1.41,1.41,0,0,0,11.658,15.067Zm1.914-2.488c1.938-1.885,2.232-3.607.872-5.118A3.37,3.37,0,0,0,11.9,6.307h-.017A5.121,5.121,0,0,0,8.343,7.959L9.817,9.311a3.153,3.153,0,0,1,2.067-1h.008a1.366,1.366,0,0,1,1.065.493c.494.549.517,1.085-.78,2.345A4.612,4.612,0,0,0,10.632,14.2h2A2.733,2.733,0,0,1,13.572,12.579Z\"\n fill=\"currentColor\"\n />\n </svg>\n)\n\nexport const ExclamationTriangle = ({\n fill = \"#000\",\n size = 24,\n style,\n ...nativeProps\n}: {\n fill?: string\n size: number\n style?: object\n}) => (\n <svg\n height={size}\n style={{ display: \"block\", ...style }}\n viewBox=\"0 0 16 16\"\n width={size}\n {...nativeProps}\n >\n <title>exclamation triangle icon</title>\n <path\n d=\"M15.669 13.676L8.65499 1.56099C8.58867 1.44593 8.49322 1.35037 8.37823 1.28392C8.26325 1.21748 8.13279 1.1825 7.99999 1.1825C7.86718 1.1825 7.73672 1.21748 7.62174 1.28392C7.50675 1.35037 7.4113 1.44593 7.34499 1.56099L0.330986 13.676C0.264196 13.7911 0.228916 13.9217 0.2287 14.0548C0.228484 14.1878 0.26334 14.3186 0.329756 14.4339C0.396172 14.5492 0.491802 14.6449 0.60701 14.7115C0.722218 14.778 0.852933 14.813 0.985986 14.813H15.014C15.147 14.813 15.2778 14.778 15.393 14.7115C15.5082 14.6449 15.6038 14.5492 15.6702 14.4339C15.7366 14.3186 15.7715 14.1878 15.7713 14.0548C15.7711 13.9217 15.7358 13.7911 15.669 13.676ZM8.75699 12.542H7.24299V11.028H8.75699V12.542ZM8.75699 9.51399H7.24299V6.48499H8.75699V9.51399Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const Spyglass = ({\n fill = \"#000\",\n style,\n ...nativeProps\n}: {\n fill?: string\n style?: object\n}) => (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n style={{ display: \"block\", ...style }}\n {...nativeProps}\n >\n <title>search spyglass icon</title>\n <path\n d=\"M17.352,15.481a8.517,8.517,0,1,0-2.209,2.033l4.642,4.642,2.121-2.121Zm-6.757,1.364a6.5,6.5,0,1,1,6.5-6.5A6.508,6.508,0,0,1,10.595,16.845Z\"\n fill={fill}\n />\n </svg>\n)\n\nexport const X = ({\n fill = \"#A0A0A0\",\n style,\n ...nativeProps\n}: {\n fill?: string\n style?: object\n}) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n style={{ display: \"block\", ...style }}\n {...nativeProps}\n >\n <title>close-x</title>\n <path\n d=\"M9.142,8l3.814,3.814-1.142,1.142L8,9.142,4.186,12.956,3.044,11.814,6.858,8,3.044,4.186,4.186,3.044,8,6.858l3.814-3.814,1.142,1.142Z\"\n fill={fill}\n />\n </svg>\n)\n","import React from \"react\"\n\nimport { fontFamily } from \"./styles\"\n\nexport function Unbutton({\n style,\n ...nativeProps\n}: {\n children: any\n id?: string\n onClick?: any\n onMouseDown?: any\n onMouseEnter?: any\n onMouseLeave?: any\n onMouseUp?: any\n style?: object\n}): JSX.Element {\n return (\n <button\n style={{\n WebkitAppearance: \"none\",\n appearance: \"none\",\n backgroundColor: \"transparent\",\n border: \"none\",\n cursor: \"pointer\",\n display: \"inline-block\",\n outline: 0,\n padding: 0,\n ...fontFamily,\n ...style,\n }}\n {...nativeProps}\n />\n )\n}\n","import React from \"react\"\n\nimport { MonoAppIcon } from \"../mono_app_icon\"\nimport { MonoAppName } from \"../mono_app_name\"\nimport { slightBackgroundTransition } from \"../styles\"\nimport { DisclosureChevronIcon } from \"../symbols\"\nimport { Unbutton } from \"../unbutton\"\n\nconst AppsButton = ({\n appName,\n colors,\n displayIconOnly,\n expanded,\n onClick,\n style = null,\n ...nativeProps\n}: {\n appName: string\n colors: any\n displayIconOnly?: boolean\n expanded: boolean\n onClick: any\n style?: object\n}) => {\n const [down, setDown] = React.useState(false)\n const [entered, setEntered] = React.useState(false)\n\n const getBackgroundColor = () => {\n if (expanded && !down) return colors.base1\n if (entered && down) return colors.base2\n if (entered) return colors.base1\n return \"transparent\"\n }\n\n return (\n <Unbutton\n onClick={onClick}\n onMouseDown={() => setDown(true)}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseUp={() => setDown(false)}\n style={{\n alignItems: \"center\",\n backgroundColor: getBackgroundColor(),\n display: \"flex\",\n height: \"100%\",\n outline: 0, // TODO: #improve-outline-a11y\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n whiteSpace: \"nowrap\",\n ...slightBackgroundTransition,\n ...style,\n }}\n {...nativeProps}\n >\n <MonoAppIcon\n appName={appName.replace(/[\\s-]/, \"\")}\n colors={colors}\n size={24}\n />\n {!displayIconOnly && (\n <>\n {appName === \"Accounts\" ? (\n <div\n style={{\n color: \"#fff\",\n fontSize: \"14px\",\n fontWeight: 500,\n marginLeft: 3,\n }}\n >\n Account settings\n </div>\n ) : (\n <>\n <div key=\"spacer-1\" style={{ margin: 4 }} />\n <MonoAppName\n appName={appName.replace(/[\\s-]/, \"\")}\n color=\"#fff\"\n key=\"mono-app-name\"\n size={24}\n />\n </>\n )}\n <div key=\"space-2\" style={{ margin: 4 }} />\n <DisclosureChevronIcon\n colors={colors}\n key=\"disclosure-chevron-icon\"\n style={{ display: \"block\" }}\n />\n </>\n )}\n </Unbutton>\n )\n}\n\nexport default AppsButton\n","// TODO: Use Fragments when we React 16 is a baseline\nimport React from \"react\"\n\nexport function Accounts(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"2e1ed2e7-b842-4126-8f57-f6b6dd63ddb6\"\n x1=\"1.844\"\n y1=\"1.833\"\n x2=\"18.622\"\n y2=\"18.612\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">accounts-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#2e1ed2e7-b842-4126-8f57-f6b6dd63ddb6)\"\n />,\n ]\n}\n\nexport function API(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"c8ec303e-a96d-4850-93ae-70864e3306bb\"\n x1=\"0.991\"\n y1=\"0.983\"\n x2=\"19.295\"\n y2=\"19.288\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">api-squircle</title>,\n <path\n key=\"path\"\n d=\"M20,10c0,7.991-2,9.989-9.989,9.989S.019,17.991.019,10s2-9.989,9.989-9.989S20,2.009,20,10Z\"\n fill=\"url(#c8ec303e-a96d-4850-93ae-70864e3306bb)\"\n />,\n ]\n}\n\nexport function Calendar(): JSX.Element[] {\n return [\n <defs key=\"defs\">\n <linearGradient\n id=\"calendar-gradient\"\n x1=\"2.05\"\n y1=\"2.04\"\n x2=\"17.97\"\n y2=\"17.96\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#f25437\" />\n <stop offset=\"1\" stopColor=\"#cd4e39\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">calendar-squircle</title>,\n <path\n key=\"path\"\n d=\"M20,10c0,8-2,10-10,10S.06,18,.06,10,2.05.05,10,.05,20,2,20,10Z\"\n fill=\"url(#calendar-gradient)\"\n />,\n ]\n}\n\nexport function CheckIns(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"679bc2bf-38c8-45ab-9ee3-a2ff814fead7\"\n x1=\"1.75\"\n y1=\"1.739\"\n x2=\"18.156\"\n y2=\"18.145\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#a76ebe\" />\n <stop offset=\"1\" stopColor=\"#875e96\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">check-ins-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill=\"url(#679bc2bf-38c8-45ab-9ee3-a2ff814fead7)\"\n />,\n ]\n}\n\nexport function ChurchCenter(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"6de99831-a6f8-498e-9bf3-9d55c8d887fa\"\n x1=\"2.04\"\n y1=\"2.029\"\n x2=\"17.976\"\n y2=\"17.965\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#42a5f5\" />\n <stop offset=\"1\" stopColor=\"#66bb6a\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">church-center-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.037C2.04.037.048,2.029.048,10s1.992,9.96,9.96,9.96,9.96-1.992,9.96-9.96S17.976.037,10.008.037Z\"\n fill=\"url(#6de99831-a6f8-498e-9bf3-9d55c8d887fa)\"\n />,\n ]\n}\n\nexport function Giving(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"0aae6372-b733-476d-af45-8777c08c1e24\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.959\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#f5c426\" />\n <stop offset=\"1\" stopColor=\"#f2b327\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">giving-squircle</title>,\n <path\n key=\"path\"\n d=\"M10.008.045C2.047.045.056,2.036.056,10s1.991,9.952,9.952,9.952S19.96,17.959,19.96,10,17.969.045,10.008.045Z\"\n fill=\"url(#0aae6372-b733-476d-af45-8777c08c1e24)\"\n />,\n ]\n}\n\nexport function Groups(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"86d10072-1c7f-4a02-88fe-0735565ae99a\"\n x1=\"1.939\"\n y1=\"1.928\"\n x2=\"18.146\"\n y2=\"18.135\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#ff962d\" />\n <stop offset=\"1\" stopColor=\"#fc7638\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">groups-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#86d10072-1c7f-4a02-88fe-0735565ae99a)\"\n />,\n ]\n}\n\nexport function Home(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"86d10072-1c7f-4a02-88fe-0735565ae99a\"\n x1=\"1.939\"\n y1=\"1.928\"\n x2=\"18.146\"\n y2=\"18.135\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#ff962d\" />\n <stop offset=\"1\" stopColor=\"#fc7638\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">home-hex</title>,\n <path\n key=\"path\"\n d=\"M17.41,2.024,11.568.235a5.354,5.354,0,0,0-3.136,0L2.59,2.024a3.235,3.235,0,0,0-2.206,3.1v9.763A3.235,3.235,0,0,0,2.59,17.976l5.842,1.789a5.354,5.354,0,0,0,3.136,0l5.842-1.789a3.235,3.235,0,0,0,2.206-3.094V5.119A3.235,3.235,0,0,0,17.41,2.024Z\"\n fill=\"#2266f7\"\n />,\n ]\n}\n\nexport function People(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"7f805f16-2322-4b42-b61a-2bf71eadb25a\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#32a0f0\" />\n <stop offset=\"1\" stopColor=\"#3f75e5\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">people-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#7f805f16-2322-4b42-b61a-2bf71eadb25a)\"\n />,\n ]\n}\n\nexport function Publishing(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"publishing-gradient\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#787882\" />\n <stop offset=\"1\" stopColor=\"#5f5f69\" />\n </linearGradient>\n <linearGradient\n id=\"publishing-gradient-2\"\n x1=\"2.03\"\n y1=\"2.03\"\n x2=\"17.952\"\n y2=\"17.952\"\n gradientTransform=\"translate(2.563 -2.028) rotate(13.283)\"\n xlinkHref=\"#publishing-gradient\"\n />\n </defs>,\n <title key=\"title\">publishing-squircle</title>,\n <path\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#publishing-gradient)\"\n key=\"path\"\n />,\n <circle\n cx=\"9.991\"\n cy=\"9.991\"\n r=\"9.951\"\n transform=\"translate(-2.028 2.563) rotate(-13.283)\"\n fill=\"url(#publishing-gradient-2)\"\n key=\"circle\"\n />,\n ]\n}\n\nexport function Registrations(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"bd67604d-f11c-4431-bd82-159c57241115\"\n x1=\"2.047\"\n y1=\"2.036\"\n x2=\"17.969\"\n y2=\"17.958\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#41b99e\" />\n <stop offset=\"1\" stopColor=\"#46948d\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">registrations-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.96,10c0,7.962-1.991,9.952-9.952,9.952S.056,17.959.056,10,2.047.045,10.008.045,19.96,2.036,19.96,10Z\"\n fill=\"url(#bd67604d-f11c-4431-bd82-159c57241115)\"\n />,\n ]\n}\n\nexport function Services(): JSX.Element[] {\n return [\n <defs key=\"def\">\n <linearGradient\n id=\"00f9217c-0536-41ea-b265-a8689874be71\"\n x1=\"2.04\"\n y1=\"2.029\"\n x2=\"17.976\"\n y2=\"17.965\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stopColor=\"#6eaa50\" />\n <stop offset=\"1\" stopColor=\"#6a9639\" />\n </linearGradient>\n </defs>,\n <title key=\"title\">services-squircle</title>,\n <path\n key=\"path\"\n d=\"M19.968,10c0,7.968-1.992,9.96-9.96,9.96S.048,17.965.048,10,2.04.037,10.008.037,19.968,2.029,19.968,10Z\"\n fill=\"url(#00f9217c-0536-41ea-b265-a8689874be71)\"\n />,\n ]\n}\n","import React from \"react\"\n\nimport * as ColorAppSquircles from \"./color_app_squircles\"\nimport * as AppSymbols from \"./mono_app_symbols\"\n\nexport function ColorAppIcon({\n appName,\n size = 20,\n}: {\n appName: string\n size?: number\n}): JSX.Element {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n style={{ display: \"block\" }}\n >\n {ColorAppSquircles[appName] ? (\n React.createElement(ColorAppSquircles[appName], { key: \"key1\" })\n ) : (\n <span key=\"key1\" />\n )}\n {AppSymbols[appName] ? (\n React.createElement(AppSymbols[appName], { color: \"#fff\", key: \"key2\" })\n ) : (\n <div key=\"key3\">appName not supported</div>\n )}\n </svg>\n )\n}\n","export default function getAppsSwitchProductPath(productName: string): string {\n const basePath = `/apps/${productName.toLowerCase()}`\n const referer = window?.location?.pathname?.toString()\n\n if (!referer) return basePath\n\n const params = new URLSearchParams()\n params.append(\"referer\", referer)\n\n return `${basePath}?${params.toString()}`\n}\n","import React from \"react\"\n\nconst HoverableListItem = ({\n active = false,\n component: C = \"span\",\n style = null,\n ...nativeProps\n}: {\n active?: boolean\n children?: React.ReactNode\n component?: any\n href?: string\n onClick?: any\n style?: object\n}) => {\n const [entered, setEntered] = React.useState(false)\n\n const getBackgroundColor = () =>\n active ? \"#ededed\" : entered ? \"#f7f7f7\" : \"transparent\"\n\n return (\n <C\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n style={{ ...style, backgroundColor: getBackgroundColor() }}\n {...nativeProps}\n />\n )\n}\n\nexport default HoverableListItem\n","import 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 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 React from \"react\"\n\nconst Popup = ({\n component: C = \"div\",\n style = null,\n ...nativeProps\n}: {\n children?: React.ReactNode\n cleanup?: any\n component?: any\n onOutsideClick?: any\n style?: object\n}) => (\n <C\n style={{\n background: \"#FFFFFF\",\n borderRadius: \"3px\",\n boxShadow: \"0 0 0 1px #D4D9E2, 0 8px 32px rgba(0,0,0,.3)\",\n overflow: \"hidden\",\n position: \"absolute\",\n ...style,\n }}\n {...nativeProps}\n />\n)\n\nexport default Popup\n","import pcoUrl, * as PCO_URL from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { ColorAppIcon } from \"../color_app_icon\"\nimport getAppsSwitchProductPath from \"../get_apps_switch_product_path\"\nimport { App } from \"../interfaces\"\nimport { MonoAppName } from \"../mono_app_name\"\nimport * as AppSymbols from \"../mono_app_symbols\"\nimport { fontFamily } from \"../styles\"\nimport HoverableListItem from \"./hoverable_list_item\"\nimport Outsider from \"./outsider\"\nimport PopupRoot from \"./popover_root\"\nimport Popup from \"./popup\"\n\nconst AppsMenu = ({\n appName,\n apps,\n env,\n toggle,\n visible,\n}: {\n appName: string\n apps: App[]\n env: PCO_URL.Environment\n toggle: any\n visible: boolean\n}) => {\n const accountsProduct = apps.find(({ name }) => name === \"Accounts\")\n const homeProduct = apps.find(({ name }) => name === \"Home\")\n const restProducts = [...apps]\n .filter(({ name }) => name !== \"Home\" && name !== \"Accounts\")\n .sort((a, b) => a.name.localeCompare(b.name))\n\n const listItemProps = {\n ...fontFamily,\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n overflow: \"hidden\",\n padding: \"0 16px\",\n verticalAlign: \"middle\",\n }\n\n return (\n <PopupRoot>\n <Popup\n cleanup={!visible}\n component={Outsider}\n onOutsideClick={toggle}\n style={{\n marginTop: \"8px\",\n ...(visible\n ? { opacity: 1, transition: \"none\", visibility: \"visible\" }\n : {\n opacity: 0,\n transition: \"all 120ms ease-in\",\n visibility: \"hidden\",\n }),\n }}\n >\n <menu\n data-pendo=\"app-switcher\"\n style={{ margin: 0, minWidth: 180, padding: 0 }}\n >\n {homeProduct && (\n <HoverableListItem\n component=\"a\"\n data-pendo={`app-switcher--change-app--${homeProduct.name}`}\n data-turbolinks={false}\n href={\n appName === homeProduct.name\n ? `${pcoUrl(env)(\"accounts\")}/apps/${appName}`\n : pcoUrl(env)(\"accounts\") +\n getAppsSwitchProductPath(homeProduct.name)\n }\n style={{ ...listItemProps, borderBottom: \"1px solid #ededed\" }}\n >\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName=\"Home\" size={20} />\n </div>\n <MonoAppName appName=\"Home\" color=\"#444\" size={18} />\n </HoverableListItem>\n )}\n {restProducts.map(({ name }, i) => {\n const isFirst = i === 0\n const isLast = i === restProducts.length - 1\n return (\n <HoverableListItem\n component=\"a\"\n data-pendo={`app-switcher--change-app--${name}`}\n data-turbolinks={false}\n href={\n name === appName\n ? `${pcoUrl(env)(\"accounts\")}/apps/${name.toLowerCase()}`\n : pcoUrl(env)(\"accounts\") + getAppsSwitchProductPath(name)\n }\n key={name}\n style={{\n ...listItemProps,\n height: \"40px\",\n paddingBottom: isLast ? \"4px\" : null,\n paddingTop: isFirst ? \"4px\" : null,\n }}\n >\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName={name.replace(/[\\s-]/, \"\")} size={20} />\n </div>\n <MonoAppName\n appName={name.replace(/[\\s-]/, \"\")}\n color=\"#444\"\n size={18}\n />\n </HoverableListItem>\n )\n })}\n {accountsProduct && (\n <HoverableListItem\n component=\"a\"\n data-pendo={`app-switcher--change-app--${accountsProduct.name}`}\n data-turbolinks={false}\n href={\n pcoUrl(env)(\"accounts\") +\n getAppsSwitchProductPath(accountsProduct.name)\n }\n style={{\n ...listItemProps,\n borderTop: \"1px solid #ededed\",\n padding: \"0 12px\",\n textDecoration: \"none\",\n }}\n >\n <svg\n height={22}\n style={{ display: \"block\", marginRight: \"2px\" }}\n viewBox=\"0 0 20 20\"\n width={22}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {React.createElement(AppSymbols[\"Accounts\"], {\n color: \"#9e9e9e\",\n key: \"key2\",\n })}\n </svg>\n <div\n style={{\n color: \"#737373\",\n fontSize: \"12px\",\n lineHeight: \"28px\",\n }}\n >\n Account settings\n </div>\n </HoverableListItem>\n )}\n </menu>\n </Popup>\n </PopupRoot>\n )\n}\n\nexport default AppsMenu\n","import React from \"react\"\n\nimport { fontFamily } from \"../styles\"\n\nconst Hoverable = ({\n active = null,\n component: C = \"div\",\n hover = null,\n innerRef = null,\n style = null,\n ...nativeProps\n}: {\n active?: any\n children?: React.ReactNode\n component?: any\n hover?: any\n href?: string\n innerRef?: any\n onClick?: any\n style?: object\n type?: string\n}) => {\n const [down, setDown] = React.useState(false)\n const [entered, setEntered] = React.useState(false)\n\n return (\n <C\n onMouseDown={() => setDown(true)}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseUp={() => setDown(false)}\n style={{\n ...fontFamily,\n ...style,\n ...(entered && hover),\n ...(down && active),\n }}\n {...(innerRef && { ref: innerRef })}\n {...nativeProps}\n />\n )\n}\n\nexport default Hoverable\n","import React from \"react\"\n\nimport { BellIcon } from \"../../index\"\n\nconst NotificationBell = ({\n colors,\n indicatorVisible = false,\n isHover = false,\n isOpen = false,\n style = {},\n ...props\n}: {\n colors: any\n indicatorVisible?: boolean\n isHover?: boolean\n isOpen?: boolean\n style?: object\n}) => {\n return (\n <div\n {...props}\n aria-hidden=\"true\"\n style={{ alignItems: \"center\", display: \"flex\", ...style }}\n >\n <BellIcon\n dot={indicatorVisible}\n fill={\n isOpen\n ? \"#ffffff\"\n : isHover && colors.base3Hover\n ? colors.base3Hover\n : colors.base3\n }\n />\n </div>\n )\n}\n\nexport default NotificationBell\n","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 home: { brand62: \"rgba(70, 126, 246, 1)\" },\n interaction45: \"hsl(221 75% 45%)\",\n interaction50: \"hsl(221 91% 50%)\",\n interaction55: \"hsl(221 91% 55%)\", // base\n interaction66: \"hsl(221 91% 66%)\", // controls\n interaction91: \"hsl(221 91% 91%)\",\n interaction93: \"hsl(221 91% 93%)\",\n lightNeutral12: \"hsl(0 0% 12%)\",\n lightNeutral24: \"hsl(0 0% 24%)\",\n lightNeutral45: \"hsl(0 0% 45%)\",\n lightNeutral62: \"hsl(0 0% 62%)\",\n lightNeutral81: \"hsl(0 0% 81%)\",\n lightNeutral88: \"hsl(0 0% 88%)\",\n lightNeutral93: \"hsl(0 0% 93%)\",\n lightNeutral95: \"hsl(0 0% 95%)\",\n lightNeutral97: \"hsl(0 0% 97%)\",\n lightNeutral98: \"hsl(0 0% 98%)\",\n lightNeutral100: \"hsl(0 0% 100%)\",\n success23: \"hsl(86 91% 23%)\",\n success25: \"hsl(86 91% 25%)\", // base\n success27: \"hsl(86 91% 27%)\",\n success91: \"hsl(95 50% 91%)\",\n success97: \"hsl(93 53% 97%)\",\n warning49: \"hsl(42 84% 49%)\",\n warning55: \"hsl(42 84% 55%)\", // base\n warning63: \"hsl(42 84% 63%)\",\n warning94: \"hsl(42 84% 94%)\",\n warning97: \"hsl(42 84% 97%)\",\n}\n\nexport default colors\n","import { useSyncExternalStore } from \"use-sync-external-store/shim\"\n\nimport store from \"../store\"\n\nconst useStore = (selector = (state) => state) =>\n useSyncExternalStore(store.subscribe, () => selector(store.getState()))\n\nexport default useStore\n","import * as churchCenter from \"@planningcenter/icons/paths/church-center\"\nimport * as general from \"@planningcenter/icons/paths/general\"\nimport * as people from \"@planningcenter/icons/paths/people\"\nimport * as toolbar from \"@planningcenter/icons/paths/toolbar\"\nimport { designSystem } from \"@planningcenter/tapestry-react\"\n\nconst { generateColorScale } = designSystem\n\nexport const topbarTheme = {\n colors: {\n ...generateColorScale({\n baseColor: \"#2266f7\",\n key: \"primary\",\n }),\n },\n icons: {\n churchCenter,\n general,\n people,\n toolbar,\n },\n id: \"topbar\",\n}\n","import React from \"react\"\n\nconst ConditionalWrap = ({\n children,\n condition = false,\n wrap,\n}: {\n children: React.ReactNode\n condition?: boolean\n wrap: any\n}) => (condition ? wrap(children) : children)\n\nexport default ConditionalWrap\n","import { RefObject, useEffect, useState } from \"react\"\n\nfunction useHover<T extends HTMLElement = HTMLElement>(\n elementRef: RefObject<T>\n): boolean {\n const [value, setValue] = useState<boolean>(false)\n\n const handleMouseEnter = () => setValue(true)\n const handleMouseLeave = () => setValue(false)\n\n useEffect(() => {\n const node = elementRef?.current\n if (!node) return undefined\n\n node.addEventListener(\"mouseenter\", handleMouseEnter)\n node.addEventListener(\"mouseleave\", handleMouseLeave)\n\n return () => {\n node.removeEventListener(\"mouseenter\", handleMouseEnter)\n node.removeEventListener(\"mouseleave\", handleMouseLeave)\n }\n }, [elementRef])\n\n return value\n}\n\nexport default useHover\n","import React from \"react\"\n\nimport colors from \"../colors\"\n\nconst Eyebrow = ({\n dark,\n style,\n ...props\n}: {\n children?: React.ReactNode\n dark: boolean\n style?: object\n}) => (\n <div\n style={{\n color: dark ? colors.lightNeutral62 : colors.lightNeutral24,\n fontSize: \"10px\",\n fontWeight: 400,\n textTransform: \"uppercase\",\n ...style,\n }}\n {...props}\n />\n)\n\nexport default Eyebrow\n","import datetimeFmt from \"@churchcenter/datetime-fmt\"\nimport React from \"react\"\n\nimport colors from \"../colors\"\nimport useHover from \"../hooks/use_hover\"\nimport useStore from \"../hooks/use_store\"\nimport { Notification } from \"../interfaces\"\nimport { fontFamily } from \"../styles\"\nimport Eyebrow from \"./eyebrow\"\nimport HoverableListItem from \"./hoverable_list_item\"\n\nconst MarkReadDot = ({\n isRead = false,\n onClick,\n}: {\n isRead?: boolean\n onClick: any\n}) => {\n const hoverRef = React.useRef(null)\n const isHover = useHover(hoverRef)\n\n return (\n <div\n ref={hoverRef}\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"12px\",\n justifyContent: \"center\",\n width: \"12px\",\n }}\n {...{ onClick }}\n >\n <svg height=\"12\" viewBox=\"0 0 12 12\" width=\"12\">\n <title>unread dot</title>\n <circle\n cx=\"6\"\n cy=\"6\"\n fill={isHover ? colors.interaction66 : colors.lightNeutral81}\n r=\"6\"\n style={{ transition: \"all 0.2s\" }}\n />\n <circle cx=\"6\" cy=\"6\" fill={colors.lightNeutral100} r=\"5\" />\n {!isRead && <circle cx=\"6\" cy=\"6\" r=\"4\" fill={colors.interaction66} />}\n </svg>\n </div>\n )\n}\n\nconst NotificationItem = ({\n mobile = false,\n isLast,\n onMarkAsRead = async () => Promise.resolve({}),\n onToggleRead,\n showBottomBorder,\n notification,\n}: {\n isLast?: boolean\n mobile?: boolean\n notification: Notification\n onMarkAsRead?: (notification: Notification) => Promise<any>\n onToggleRead: any\n showBottomBorder?: boolean\n}) => {\n const { appName, createdAt, isRead, link, title } = notification\n const { organizationTimeZone } = useStore()\n\n const [isActive, setIsActive] = React.useState(false)\n\n const appColors = {\n Calendar: \"9 61% 50%\",\n \"Check-Ins\": \"283 22% 48%\",\n Giving: \"43 88% 64%\",\n Groups: \"17 96% 62%\",\n People: \"220 74% 57%\",\n Publishing: \"220 12% 31%\",\n Registrations: \"175 36% 43%\",\n Services: \"88 45% 41%\",\n }\n\n const handleDotClick = (e) => {\n e.preventDefault()\n e.stopPropagation()\n onToggleRead()\n }\n\n const handleClick = async (_e) => {\n setIsActive(true)\n await onMarkAsRead(notification)\n window.location.href = link\n }\n\n const datetimeFmtOptions = { style: \"relative\" } as {\n style?: string\n timeZone?: string\n }\n if (organizationTimeZone) {\n datetimeFmtOptions.timeZone = organizationTimeZone\n }\n\n return (\n <HoverableListItem\n active={isActive}\n data-turbolinks={false}\n href={link}\n onClick={handleClick}\n style={{\n alignItems: \"flex-start\",\n borderBottom:\n showBottomBorder \|\| !isLast\n ? `1px solid ${\n mobile ? colors.lightNeutral24 : colors.lightNeutral93\n }`\n : \"none\",\n cursor: \"pointer\",\n display: \"flex\",\n overflow: \"hidden\",\n padding: \"12px 16px\",\n textDecoration: \"none\",\n verticalAlign: \"middle\",\n ...fontFamily,\n }}\n >\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n flexGrow: 1,\n justifyContent: \"center\",\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n borderLeft: `4px solid hsl(${appColors[appName] \|\| \"0 0% 81%\"} / ${\n isRead ? \"40%\" : \"100%\"\n }`,\n display: \"flex\",\n marginBottom: \"10px\",\n paddingLeft: \"8px\",\n }}\n >\n <div style={{ flexGrow: 1, marginRight: \"16px\" }}>\n <Eyebrow\n dark={mobile}\n style={{ marginBottom: \"6px\", userSelect: \"none\" }}\n >\n {appName}\n </Eyebrow>\n <h1\n style={{\n color: mobile ? colors.lightNeutral88 : colors.darkNeutral12,\n fontSize: \"14px\",\n fontWeight: 500,\n lineHeight: \"1.3em\",\n margin: 0,\n userSelect: \"none\",\n }}\n >\n {title}\n </h1>\n </div>\n {!mobile && <MarkReadDot onClick={handleDotClick} {...{ isRead }} />}\n </div>\n <div\n style={{\n color: mobile ? colors.lightNeutral62 : colors.lightNeutral24,\n fontSize: \"12px\",\n paddingLeft: \"12px\",\n userSelect: \"none\",\n }}\n >\n {datetimeFmt.datetime(createdAt, datetimeFmtOptions)}\n </div>\n </div>\n </HoverableListItem>\n )\n}\n\nexport default NotificationItem\n","import { Heading, StackView, Text } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nimport { BlankStateIcon } from \"../symbols\"\n\nconst NotificationsMenuBlankState = ({\n context,\n dark = false,\n description,\n title = \"No notifications\",\n}: {\n context?: string\n dark?: boolean\n description: string\n style?: object\n title?: string\n}) => (\n <StackView alignment=\"center\" distribution=\"center\" padding={4}>\n <BlankStateIcon id={context} {...{ dark }} />\n <Heading\n color={dark ? \"#fafafa\" : \"#3d3d3d\"}\n fontWeight={500}\n marginTop={1}\n size={3}\n >\n {title}\n </Heading>\n <Text align=\"center\" color={dark ? \"#fafafa\" : \"#3d3d3d\"} size={4}>\n {description}\n </Text>\n </StackView>\n)\n\nexport default NotificationsMenuBlankState\n","import 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 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 \"./utils.css\"\n\nimport { Spinner, ThemeProvider } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\nimport useDimensions from \"react-cool-dimensions\"\nimport { Transition, TransitionGroup } from \"react-transition-group\"\n\nimport colors from \"../colors\"\nimport useLocalStorage from \"../hooks/use_local_storage\"\nimport useStore from \"../hooks/use_store\"\nimport { App, Notification } from \"../interfaces\"\nimport { ChevronIcon, Cog, ExclamationTriangle } from \"../symbols\"\nimport { topbarTheme } from \"../theme\"\nimport ConditionalWrap from \"./conditional_wrap\"\nimport Hoverable from \"./hoverable\"\nimport NotificationItem from \"./notification_item\"\nimport NotificationsMenuBlankState from \"./notifications_menu_blank_state\"\nimport NotificationsMenuWrapper from \"./notifications_menu_wrapper\"\n\nconst Headline = ({ dark, ...props }) => (\n <h1\n style={{\n color: dark ? \"#fafafa\" : \"#3d3d3d\",\n fontSize: \"18px\",\n fontWeight: 500,\n lineHeight: 1,\n margin: 0,\n userSelect: \"none\",\n }}\n {...props}\n />\n)\n\nconst SectionHeaderButton = ({\n dark = false,\n disabled,\n onClick,\n title,\n ...props\n}: {\n dark?: boolean\n disabled?: boolean\n onClick: any\n title: string\n}) => (\n <div\n style={{\n color: disabled\n ? colors.lightNeutral62\n : dark\n ? colors.lightNeutral100\n : colors.interaction66,\n cursor: disabled ? \"default\" : \"pointer\",\n fontSize: \"12px\",\n fontWeight: 600,\n }}\n onClick={!disabled && onClick}\n {...props}\n >\n {title}\n </div>\n)\n\nconst SectionHeader = (props: { children?: React.ReactNode }) => (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n padding: \"16px\",\n }}\n {...props}\n />\n)\n\nconst SectionHeaderTitle = ({\n dark,\n ...props\n}: {\n children?: React.ReactNode\n dark: boolean\n}) => (\n <div\n style={{\n color: dark ? colors.darkNeutral88 : colors.lightNeutral12,\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n userSelect: \"none\",\n }}\n {...props}\n />\n)\n\nconst ManageButton = ({\n dark = false,\n href,\n ...props\n}: {\n children?: React.ReactNode\n dark?: boolean\n href: string\n}) => (\n <Hoverable\n component=\"a\"\n hover={{ backgroundColor: dark ? null : colors.interaction93 }}\n href={href}\n style={{\n border: `1px solid ${dark ? colors.darkNeutral88 : colors.interaction55}`,\n borderRadius: \"4px\",\n cursor: \"pointer\",\n display: \"block\",\n padding: \"2px 4px\",\n textDecoration: \"none\",\n transition: \"all 120ms ease-in\",\n }}\n >\n <p\n style={{\n color: dark ? colors.darkNeutral88 : colors.interaction55,\n fontSize: \"12px\",\n fontWeight: 500,\n margin: 0,\n textAlign: \"center\",\n userSelect: \"none\",\n }}\n {...props}\n />\n </Hoverable>\n)\n\nconst NotificationsMenu = ({\n apps,\n hasError = false,\n isLoading = false,\n mobile = false,\n toggle,\n visible,\n}: {\n apps: App[]\n hasError?: boolean\n isLoading?: boolean\n mobile?: boolean\n toggle?: any\n visible?: boolean\n}) => {\n const ref = React.useRef(null)\n const { storedValue: localShowRead, setStoredValue: setLocalShowRead } =\n useLocalStorage(\"Topbar:Notifications:showRead\", true)\n\n const [topDistance, setTopDistance] = React.useState(0)\n const [showRead, setShowRead] = React.useState(localShowRead)\n const [active, setActive] = React.useState(\"main\")\n const [height, setHeight] = React.useState(0)\n\n const {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n read,\n unread,\n } = useStore((state) => state[\"notifications\"]) \|\| {}\n\n const { observe: mainRef, height: mainHeight } = useDimensions({\n onResize: ({ observe, unobserve, height }) => {\n if (active === \"main\") {\n setHeight(height)\n }\n unobserve()\n observe()\n },\n })\n\n const { observe: settingsRef, height: settingsHeight } = useDimensions({\n onResize: ({ observe, unobserve, height }) => {\n if (active === \"settings\") {\n setHeight(height)\n }\n unobserve()\n observe()\n },\n })\n\n React.useEffect(() => {\n setTopDistance(ref.current?.getBoundingClientRect().top \|\| 0)\n }, [ref.current])\n\n React.useEffect(() => {\n if (visible && !isLoading) {\n setHeight(active === \"main\" ? mainHeight : settingsHeight)\n }\n }, [active, isLoading, visible])\n\n React.useEffect(() => {\n if (!visible) {\n setActive(\"main\")\n }\n }, [visible])\n\n React.useEffect(() => {\n setLocalShowRead(showRead)\n }, [setLocalShowRead, showRead])\n\n const FLOATING_MARGIN = 16\n\n const duration = 800\n\n const hasPrefs = apps.some(\n ({ notifications_preferences_url }) => !!notifications_preferences_url\n )\n\n const defaultStyle = { transition: `opacity ${duration}ms ease-in-out` }\n\n const transitionStyles = {\n entered: { opacity: 1 },\n entering: { opacity: 0.2 },\n }\n\n const handleToggle = () => {\n setActive(\"main\")\n setHeight(mainHeight)\n toggle()\n }\n\n return (\n <ThemeProvider theme={topbarTheme}>\n <ConditionalWrap\n condition={!mobile}\n wrap={(children) => (\n <NotificationsMenuWrapper\n toggle={handleToggle}\n {...{ children, visible }}\n />\n )}\n >\n <menu\n ref={ref}\n style={{\n alignItems: \"start\",\n display: \"flex\",\n height: mobile ? \"100%\" : `${height}px`,\n margin: `0 0 0 ${active === \"main\" ? 0 : \"-100%\"}`,\n padding: 0,\n transition: \"all 240ms ease-in-out\",\n width: \"200%\",\n ...(!mobile && {\n maxHeight: `${\n window.innerHeight - topDistance - FLOATING_MARGIN\n }px`,\n }),\n }}\n >\n <div\n className=\"hide-scrollbar\"\n style={{\n height: \"100%\",\n overflowX: \"hidden\",\n overflowY: \"scroll\",\n width: \"100%\",\n }}\n >\n <div ref={mainRef}>\n <div\n style={{\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n margin: 0,\n padding: \"4px 0\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n justifyContent: \"space-between\",\n padding: \"12px 16px 0\",\n }}\n >\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <Headline dark={mobile}>Notifications</Headline>\n {isLoading && (\n <div style={{ marginLeft: \"8px\" }}>\n <Spinner\n color=\"hsl(0 0% 62%)\"\n thickness={2}\n trackColor=\"hsl(0 0% 97%)\"\n />\n </div>\n )}\n {hasError && (\n <ExclamationTriangle\n fill=\"hsl(8 60% 47%)\"\n size={16}\n style={{ marginLeft: \"8px\" }}\n />\n )}\n </div>\n {hasPrefs && (\n <div style={{ marginLeft: \"8px\" }}>\n <Hoverable\n hover={{ opacity: 1, transform: \"rotate(45deg)\" }}\n onClick={() => setActive(\"settings\")}\n style={{\n cursor: \"pointer\",\n opacity: 0.8,\n transition: \"all 120ms ease-in\",\n }}\n >\n <Cog fill={colors.lightNeutral62} size={16} />\n </Hoverable>\n </div>\n )}\n </div>\n {read.length > 0 && (\n <div style={{ padding: \"4px 16px 0\" }}>\n <SectionHeaderButton\n dark={mobile}\n onClick={() => setShowRead((showRead) => !showRead)}\n title={`${showRead ? \"Hide\" : \"Show\"} read`}\n />\n </div>\n )}\n {unread.length === 0 && (\n <NotificationsMenuBlankState\n context=\"topbar\"\n dark={mobile}\n description={`When you have ${\n read.length > 0 ? \"unread \" : \"\"\n }notifications they will show up here.`}\n {...(read.length > 0 && {\n title: \"No unread notifications\",\n })}\n />\n )}\n\n {unread.length > 0 && (\n <>\n <SectionHeader>\n <SectionHeaderTitle dark={mobile}>\n Unread\n </SectionHeaderTitle>\n {unread.length > 0 && (\n <SectionHeaderButton\n dark={mobile}\n onClick={() => handleMarkAllAsRead()}\n title={`Mark ${unread.length} as read`}\n />\n )}\n </SectionHeader>\n\n <TransitionGroup exit={false}>\n {unread.map((notification: Notification, idx) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <NotificationItem\n isLast={unread.length === idx + 1}\n key={notification.id}\n onMarkAsRead={handleMarkAsRead}\n onToggleRead={() =>\n handleToggleRead(notification)\n }\n showBottomBorder={read.length > 0}\n {...{ mobile, notification }}\n />\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n </>\n )}\n {read.length > 0 && showRead && (\n <>\n <SectionHeader>\n <SectionHeaderTitle dark={mobile}>\n Read\n </SectionHeaderTitle>\n </SectionHeader>\n <TransitionGroup exit={false}>\n {read.map((notification: Notification) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <div style={{ opacity: 0.6 }}>\n <NotificationItem\n key={notification.id}\n onToggleRead={() =>\n handleToggleRead(notification)\n }\n showBottomBorder\n {...{ mobile, notification }}\n />\n </div>\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n </>\n )}\n {/* {(unread.length > 0 \|\| read.length > 0) && <ShowMoreButton />} /}\n </div>\n </div>\n </div>\n <div\n className=\"hide-scrollbar\"\n style={{\n height: \"100%\",\n overflowX: \"hidden\",\n overflowY: \"scroll\",\n width: \"100%\",\n }}\n >\n <div ref={settingsRef}>\n <div\n style={{\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n margin: 0,\n padding: \"16px 16px 4px\",\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n marginBottom: \"12px\",\n }}\n >\n <Hoverable\n onClick={() => setActive(\"main\")}\n style={{\n color: colors.lightNeutral62,\n cursor: \"pointer\",\n marginRight: \"4px\",\n }}\n >\n <ChevronIcon fill={colors.lightNeutral62} size={16} />\n </Hoverable>\n <Headline dark={mobile}>Notification settings</Headline>\n </div>\n <p\n style={{\n color: mobile\n ? colors.darkNeutral88\n : colors.lightNeutral24,\n fontSize: \"14px\",\n marginBottom: \"24px\",\n marginTop: \"0\",\n }}\n >\n Important notifications are always delivered to the inbox.\n Customize the additional notifications you receive:\n </p>\n\n {apps.map(({ name, notifications_preferences_url }) => {\n if (!notifications_preferences_url) return null\n\n const appNameStyle = {\n color: mobile\n ? colors.darkNeutral88\n : colors.lightNeutral24,\n fontSize: \"14px\",\n fontWeight: 600,\n margin: \"0\",\n marginRight: \"8px\",\n }\n\n return (\n <div\n key={name}\n style={{\n alignItems: \"center\",\n display: \"flex\",\n marginBottom: \"16px\",\n }}\n >\n <p style={appNameStyle}>{name}</p>\n <ManageButton\n dark={mobile}\n href={notifications_preferences_url}\n >\n Manage\n </ManageButton>\n </div>\n )\n })}\n </div>\n </div>\n </div>\n </menu>\n </ConditionalWrap>\n </ThemeProvider>\n )\n}\n\nexport default NotificationsMenu\n","import React, { Component } from \"react\"\n\nexport const BlankFallback: React.ReactNode = () => <></>\n\nconst defaultProps = Object.freeze({ fallback: BlankFallback })\nconst initialState = Object.freeze({ hasError: false })\n\ntype Props = typeof defaultProps\ntype State = typeof initialState\n\nclass ErrorBoundary extends Component<Props, State> {\n static readonly defaultProps = defaultProps\n readonly state = initialState\n\n static getDerivedStateFromError(_error: unknown) {\n return { hasError: true }\n }\n\n componentDidCatch(error: unknown, errorInfo: React.ErrorInfo) {\n if (error instanceof Error) {\n console.error(\n `topbar ErrorBoundary caught error: ${error.toString()}`,\n errorInfo\n )\n } else {\n console.error(`topbar ErrorBoundary caught error: ${error}`, errorInfo)\n }\n }\n\n render() {\n return (\n <>{this.state.hasError ? this.props.fallback : this.props.children}</>\n )\n }\n}\n\nexport default ErrorBoundary\n","import { App, ConnectedPerson } from \"./interfaces\"\n\nconst sortByAttribute =\n (attr: string) =>\n (arr: any[]): any[] =>\n arr.slice().sort((a, b) => a[attr].localeCompare(b[attr]))\n\nexport const appsMenuFormatter = (apps: App[]): App[] =>\n sortByAttribute(\"name\")(apps).reduce(\n (acc, item) =>\n (item.name \|\| \"\") === \"Church Center\" \|\| (item.name \|\| \"\") === \"API\"\n ? acc\n : item.name === \"Home\"\n ? [item, ...acc]\n : [...acc, item],\n []\n )\n\nexport const connectedPeopleMenuFormatter = (\n connectedPeople: ConnectedPerson[]\n): ConnectedPerson[] =>\n connectedPeople\n .slice()\n .sort((a, b) =>\n a.attributes[\"organization_name\"].localeCompare(\n b.attributes[\"organization_name\"]\n )\n )\n","import React from \"react\"\n\nexport function StyledRoot({ children, style, ...nativeProps }): JSX.Element {\n return (\n <nav\n className=\"simple\"\n data-pendo=\"topbar\"\n aria-label=\"topbar-navigation\"\n style={{\n MozOsxFontSmoothing: \"grayscale\",\n WebkitFontSmoothing: \"antialiased\",\n alignItems: \"center\",\n color: \"white\",\n display: \"flex\",\n height: \"48px\",\n position: \"relative\",\n ...style,\n }}\n {...nativeProps}\n >\n <style>{`\n @media only print {\n .simple {\n display: none !important;\n }\n }\n `}</style>\n {children}\n </nav>\n )\n}\n","import React from \"react\"\n\nimport Hoverable from \"../components/hoverable\"\nimport { slightBackgroundTransition } from \"../styles\"\nimport { HelpIcon } from \"../symbols\"\nimport { Unbutton } from \"../unbutton\"\n\nexport const HelpdeskTrigger = ({ colors }: { colors: any }) => {\n return (\n <Hoverable\n hover={{\n backgroundColor: colors.highlight \|\| \"rgb(255 255 255 / 12%)\",\n }}\n style={{\n alignItems: \"center\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n display: \"flex\",\n justifyContent: \"center\",\n marginLeft: \"8px\",\n marginRight: \"-4px\",\n transition: \"all 150ms\",\n ...slightBackgroundTransition,\n }}\n >\n <Unbutton\n id=\"jsLaunchHelpdesk\"\n style={{ borderRadius: \"50%\", padding: \"4px\" }}\n >\n <HelpIcon colors={colors} />\n </Unbutton>\n </Hoverable>\n )\n}\n","import pcoUrl, { Environment } from \"@planningcenter/url\"\n\ntype props = {\n appName: string\n env: Environment\n userId: string\n}\n\nexport default function getLoginProfilePath({\n env,\n appName,\n userId,\n}: props): string {\n const basePath = pcoUrl(env)(\"login\") + `/people/AC${userId}`\n const pathname = window?.location?.pathname?.toString()\n\n if (!pathname) return basePath\n\n const params = new URLSearchParams()\n params.append(\"return\", `${appName}/${pathname}`)\n\n return `${basePath}?${params.toString()}`\n}\n","import React from \"react\"\n\ntype MFAStatusProps = {\n isActive: boolean\n}\n\nconst MFAStatus = ({ isActive }: MFAStatusProps) => {\n const statusColor = isActive ? \"hsl(86, 91%, 27%)\" : \"hsl(8, 60%, 47%)\"\n\n const displayStatusIcon = () =>\n isActive ? (\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path\n d=\"M12.588 5.31499H11.832V3.79999C11.8159 2.80798 11.4105 1.86207 10.7032 1.16625C9.99602 0.470436 9.04363 0.0804749 8.0515 0.0804749C7.05937 0.0804749 6.10698 0.470436 5.39976 1.16625C4.69253 1.86207 4.28713 2.80798 4.271 3.79999V5.31499H3.515C3.1138 5.31525 2.72906 5.47454 2.44508 5.75795C2.16111 6.04136 2.00106 6.42579 2 6.82699V14.388C2.00132 14.7891 2.16146 15.1734 2.44537 15.4567C2.72929 15.7401 3.11388 15.8995 3.515 15.9H12.588C12.9886 15.8987 13.3724 15.7389 13.6557 15.4557C13.939 15.1724 14.0987 14.7886 14.1 14.388V6.82699C14.0987 6.42639 13.939 6.04257 13.6557 5.7593C13.3724 5.47603 12.9886 5.31631 12.588 5.31499ZM8.051 12.115C7.75171 12.1152 7.45909 12.0266 7.21015 11.8605C6.96121 11.6944 6.76713 11.4581 6.65246 11.1817C6.53779 10.9052 6.50768 10.601 6.56595 10.3074C6.62422 10.0139 6.76824 9.74418 6.97979 9.53249C7.19135 9.32079 7.46094 9.17659 7.75446 9.11813C8.04798 9.05967 8.35225 9.08958 8.62877 9.20406C8.90529 9.31855 9.14165 9.51247 9.30794 9.7613C9.47424 10.0101 9.563 10.3027 9.563 10.602C9.56327 11.0036 9.40424 11.389 9.1208 11.6735C8.83736 11.9581 8.45264 12.1187 8.051 12.12V12.115ZM10.395 5.31499H5.707V3.79999C5.707 3.17832 5.95396 2.58211 6.39354 2.14253C6.83313 1.70294 7.42933 1.45599 8.051 1.45599C8.67267 1.45599 9.26887 1.70294 9.70846 2.14253C10.148 2.58211 10.395 3.17832 10.395 3.79999V5.31499Z\"\n fill={statusColor}\n />\n </svg>\n ) : (\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path\n d=\"M13.7,5.8a1.5,1.5,0,0,0-1.1-.4H5.7V3.8a2.34,2.34,0,0,1,.7-1.7,2.19,2.19,0,0,1,1.7-.7,2.34,2.34,0,0,1,1.7.7,2.67,2.67,0,0,1,.7,1.4h1.4a4.12,4.12,0,0,0-1.1-2.4A4.73,4.73,0,0,0,8.1.1,4,4,0,0,0,5.4,1.2,3.63,3.63,0,0,0,4.3,3.8V5.3H3.5a2.1,2.1,0,0,0-1.1.4A2.1,2.1,0,0,0,2,6.8v7.6a2.1,2.1,0,0,0,.4,1.1,1.5,1.5,0,0,0,1.1.4h9.1a2.1,2.1,0,0,0,1.1-.4,1.5,1.5,0,0,0,.4-1.1V6.8A1.53,1.53,0,0,0,13.7,5.8ZM9.1,11.7a1.5,1.5,0,0,1-1.1.4H8a1.14,1.14,0,0,1-.8-.3,4.35,4.35,0,0,1-.6-.7,2.77,2.77,0,0,1-.1-.9A3,3,0,0,1,7,9.5a1.23,1.23,0,0,1,.8-.4,1.41,1.41,0,0,1,.9.1,1.34,1.34,0,0,1,.7.6,1.14,1.14,0,0,1,.3.8A2.38,2.38,0,0,1,9.1,11.7Z\"\n fill={statusColor}\n />\n </svg>\n )\n\n return (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"13px\",\n marginBottom: 2,\n marginTop: 4,\n }}\n >\n {displayStatusIcon()}\n\n <span\n style={{\n color: \"#888\",\n marginLeft: 4,\n whiteSpace: \"nowrap\",\n }}\n >\n Two-step verification {isActive ? \"active\" : \"inactive\"}\n </span>\n </div>\n )\n}\n\nexport default MFAStatus\n","import {\n Button,\n Divider,\n Icon,\n StackView,\n Text,\n ThemeProvider,\n} from \"@planningcenter/tapestry-react\"\nimport pcoUrl from \"@planningcenter/url\"\nimport as PCO_URL from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport HoverableListItem from \"../components/hoverable_list_item\"\nimport Outsider from \"../components/outsider\"\nimport Popup from \"../components/popup\"\nimport PopupRoot from \"../components/popup_root\"\nimport { connectedPeopleMenuFormatter } from \"../formatters\"\nimport getLoginProfilePath from \"../get_login_profile_path\"\nimport { ConnectedPerson } from \"../interfaces\"\nimport MFAStatus from \"../mfa_status\"\nimport { fontFamily, IEFlex1 } from \"../styles\"\n\ninterface UserMenuProps {\n appName: string\n connectedPeople: ConnectedPerson[]\n env: PCO_URL.Environment\n hasConnectedPeople: boolean\n linkToProfile: boolean\n mfaConfigured: boolean\n mfaEnabled: boolean\n orgName: string\n requestClearAppsCache: any\n requestClearConnectedPeopleCache: any\n requestSwitchConnectedPerson: any\n requestUnlinkConnectedPeople: any\n setUserMenuVisible: Function\n toolbarEnabled: boolean\n userId: string\n userMenuVisible: boolean\n userName: string\n}\n\nexport const UserMenu = ({\n appName,\n connectedPeople,\n env,\n hasConnectedPeople,\n linkToProfile,\n mfaConfigured,\n mfaEnabled,\n orgName,\n requestClearAppsCache,\n requestClearConnectedPeopleCache,\n requestSwitchConnectedPerson,\n requestUnlinkConnectedPeople,\n setUserMenuVisible,\n toolbarEnabled,\n userId,\n userMenuVisible,\n userName,\n}: UserMenuProps) => {\n const showLogout = !toolbarEnabled \|\| hasConnectedPeople\n const logoutUrl = `${pcoUrl(env)(\"login\")}/logout`\n\n return (\n <PopupRoot>\n <Popup\n component={Outsider}\n onOutsideClick={() => setUserMenuVisible(false)}\n cleanup={!userMenuVisible}\n style={{\n color: \"#525252\",\n marginTop: \"8px\",\n maxHeight: \"75vh\",\n maxWidth: \"320px\",\n overflow: \"scroll\",\n right: 0,\n ...(userMenuVisible\n ? {\n opacity: 1,\n transition: \"none\",\n visibility: \"visible\",\n }\n : {\n opacity: 0,\n transition: \"all 120ms ease-in\",\n visibility: \"hidden\",\n }),\n cursor: \"default\",\n }}\n >\n <div>\n {!toolbarEnabled && (\n <div\n style={{\n display: \"block\",\n textDecoration: \"none\",\n }}\n >\n <div style={{ padding: \"16px\" }}>\n <div\n style={{\n display: \"flex\",\n fontSize: \"18px\",\n lineHeight: \"24px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n ...fontFamily,\n color: \"#444\",\n marginRight: 8,\n maxWidth: \"240px\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {userName}\n </div>\n </div>\n </div>\n\n <div\n style={{\n color: \"#666\",\n fontSize: \"14px\",\n lineHeight: \"20px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n {orgName}\n </div>\n </div>\n\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n }}\n >\n {linkToProfile && (\n <HoverableListItem\n component=\"a\"\n href={`/people/AC${userId}`}\n data-turbolinks={false}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n padding: \"16px\",\n textAlign: \"left\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n My profile\n </HoverableListItem>\n )}\n\n {mfaEnabled && (\n <HoverableListItem\n component=\"a\"\n href={getLoginProfilePath({\n appName: appName,\n env: env,\n userId: userId,\n })}\n data-turbolinks={false}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n padding: \"16px\",\n textAlign: \"left\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n My login settings\n <MFAStatus isActive={mfaConfigured} />\n </HoverableListItem>\n )}\n </div>\n </div>\n )}\n\n {hasConnectedPeople ? (\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: \"#eee\",\n display: \"flex\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n color: \"#666\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n\n <div\n style={{\n ...IEFlex1,\n alignItems: \"center\",\n fontSize: \"12px\",\n textAlign: \"right\",\n }}\n >\n <a\n href=\"\"\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestUnlinkConnectedPeople()\n e.preventDefault()\n }}\n style={{\n color: \"#666\",\n marginLeft: \"64px\",\n textDecoration: \"none\",\n ...fontFamily,\n }}\n >\n unlink\n </a>\n </div>\n </div>\n ) : (\n <noscript />\n )}\n\n <style>{`\n .NotSmallTopbar__connected-people-list > :first-child > { border-top-width: 0 !important }\n `}</style>\n <ul\n className=\"NotSmallTopbar__connected-people-list\"\n style={{ listStyleType: \"none\", margin: 0, padding: 0 }}\n >\n {connectedPeopleMenuFormatter(connectedPeople).map(\n ({ id, attributes: person }) => (\n <HoverableListItem component=\"li\" key={id}>\n <a\n href=\"\"\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestSwitchConnectedPerson(id, `${appName}/`)\n e.preventDefault()\n }}\n style={{\n borderTop: \"1px solid #ddd\",\n color: \"#444\",\n display: \"block\",\n lineHeight: \"48px\",\n overflow: \"hidden\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n {person.organization_name}\n </a>\n </HoverableListItem>\n )\n )}\n </ul>\n </div>\n\n {showLogout && (\n <ThemeProvider>\n <Divider />\n <Button\n data-turbolinks={false}\n hover={{ backgroundColor: themeColors.lightNeutral97 }}\n onClick={() => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n return\n }}\n style={{ padding: 0 }}\n theme={false}\n to={logoutUrl}\n width=\"100%\"\n >\n <StackView\n distribution=\"space-between\"\n alignment=\"center\"\n axis=\"horizontal\"\n grow={1}\n paddingHorizontal={2}\n paddingVertical={1.5}\n >\n <Text color={themeColors.lightNeutral62} lineHeight=\"24px\">\n Logout\n </Text>\n <Icon\n name=\"general.intoBox\"\n fill={themeColors.lightNeutral62}\n />\n </StackView>\n </Button>\n </ThemeProvider>\n )}\n </Popup>\n </PopupRoot>\n )\n}\n","import pcoUrl, { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nexport function Avatar({\n env,\n url: incomingUrl = \"\",\n style,\n ...nativeProps\n}: {\n env: Environment\n style?: object\n url?: string\n}): JSX.Element {\n const url =\n incomingUrl \|\| `${pcoUrl(env)(\"people\")}/static/no_photo_thumbnail_gray.svg`\n\n return (\n <div\n style={{\n backgroundColor: \"white\",\n backgroundImage: `url(${url})`,\n backgroundPosition: \"center\",\n backgroundSize: \"cover\",\n borderRadius: \"50%\",\n height: \"26px\",\n marginLeft: \"4px\",\n width: \"26px\",\n ...style,\n }}\n {...nativeProps}\n />\n )\n}\n","import * as PCO_URL from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { Avatar } from \"../avatar\"\nimport Hoverable from \"../components/hoverable\"\nimport { ConnectedPerson } from \"../interfaces\"\nimport { slightBackgroundTransition } from \"../styles\"\nimport { DisclosureChevronIcon } from \"../symbols\"\n\ninterface UserMenuTriggerProps {\n colors: any\n connectedPeople: ConnectedPerson[]\n env: PCO_URL.Environment\n orgName: string\n requestConnectedPeopleFetch: any\n setUserMenuVisible: Function\n showOrgName: boolean\n toolbarEnabled: boolean\n userAvatarPath: string\n}\n\nexport const UserMenuTrigger = ({\n colors,\n connectedPeople,\n env,\n orgName,\n requestConnectedPeopleFetch,\n setUserMenuVisible,\n showOrgName,\n toolbarEnabled,\n userAvatarPath,\n}: UserMenuTriggerProps) => {\n return (\n <div\n style={{\n cursor: \"pointer\",\n marginLeft: \"16px\",\n position: \"relative\",\n whiteSpace: \"nowrap\",\n }}\n data-pendo=\"topbar-org-switcher\"\n >\n <Hoverable\n component=\"button\"\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n alignItems: \"center\",\n appearance: \"none\",\n backgroundColor: colors.base1,\n border: \"none\",\n borderRadius: \"9999px\",\n color: colors.text \|\| \"#fff\",\n // TODO: #improve-outline-a11y\n cursor: \"pointer\",\n display: \"flex\",\n fontSize: \"13px\",\n lineHeight: \"32px\",\n outline: 0,\n padding: 0,\n ...slightBackgroundTransition,\n }}\n active={{ backgroundColor: colors.base3 }}\n hover={{ backgroundColor: colors.base2 }}\n onClick={() => {\n setUserMenuVisible((visible) => !visible)\n requestConnectedPeopleFetch()\n }}\n >\n {toolbarEnabled ? (\n <div style={{ marginLeft: 8 }} />\n ) : (\n <Avatar env={env} url={userAvatarPath} />\n )}\n\n {showOrgName && connectedPeople.length ? (\n <div\n style={{\n fontSize: \"13px\",\n margin: \"0 8px 0 8px\",\n maxWidth: \"240px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {orgName}\n </div>\n ) : (\n <div style={{ margin: \"0 4px 0 4px\" }} />\n )}\n <div style={{ paddingRight: \"8px\" }}>\n <DisclosureChevronIcon colors={colors} style={{ margin: \"-3px\" }} />\n </div>\n </Hoverable>\n </div>\n )\n}\n","import React from \"react\"\n\nimport AppsButton from \"../components/apps_button\"\nimport AppsMenu from \"../components/apps_menu\"\nimport Hoverable from \"../components/hoverable\"\nimport NotificationBell from \"../components/notification_bell\"\nimport NotificationsMenu from \"../components/notifications_menu\"\nimport ErrorBoundary from \"../error_boundary\"\nimport { appsMenuFormatter } from \"../formatters\"\nimport useHover from \"../hooks/use_hover\"\nimport useStore from \"../hooks/use_store\"\nimport { SharedTopbarProps } from \"../interfaces\"\nimport { StyledRoot } from \"../styled_root\"\nimport { fontFamily, slightBackgroundTransition } from \"../styles\"\nimport { HelpdeskTrigger } from \"./helpdesk_trigger\"\nimport { UserMenu } from \"./user_menu\"\nimport { UserMenuTrigger } from \"./user_menu_trigger\"\n\ninterface NotSmallTopbarProps {\n onLinkToProfileClick?: () => any\n search?: any\n showOrgName?: boolean\n}\n\nconst Topbar = (props: NotSmallTopbarProps & SharedTopbarProps) => {\n const [appsMenuVisible, setAppsMenuVisible] = React.useState(false)\n const [notificationsMenuVisible, setNotificationsMenuVisible] =\n React.useState(false)\n const [routesVisible, setRoutesVisible] = React.useState(true)\n const [userMenuVisible, setUserMenuVisible] = React.useState(false)\n const {\n hasConnectedPeople,\n mfaConfigured,\n mfaEnabled,\n notifications,\n notificationsEnabled,\n toolbarEnabled,\n userId,\n } = useStore()\n\n const hoverRef = React.useRef(null)\n const isHover = useHover(hoverRef)\n\n return (\n <StyledRoot\n style={{\n paddingLeft: \"8px\",\n paddingRight: \"16px\",\n ...props.style,\n }}\n >\n <AppsMenu\n env={props.env}\n appName={props.appName}\n apps={appsMenuFormatter(props.apps)}\n visible={appsMenuVisible}\n toggle={() => setAppsMenuVisible((visible) => !visible)}\n />\n\n <AppsButton\n colors={props.colors}\n expanded={appsMenuVisible}\n onClick={() => {\n setAppsMenuVisible((visible) => !visible)\n props.requestAppsFetch()\n }}\n appName={props.appName}\n />\n\n <div style={{ margin: \"12px\" }} />\n\n {routesVisible && props.routes}\n\n <div style={{ margin: \"auto\" }} />\n\n {!notificationsEnabled && props.notifications()}\n\n {props.search({\n hideRoutes: () => setRoutesVisible(false),\n showRoutes: () => setRoutesVisible(true),\n })}\n\n {notificationsEnabled && !toolbarEnabled && (\n <ErrorBoundary\n fallback={\n <NotificationBell\n colors={props.colors}\n style={{ cursor: \"not-allowed\", marginLeft: \"8px\" }}\n />\n }\n >\n <NotificationsMenu\n apps={props.apps}\n toggle={() => setNotificationsMenuVisible((visible) => !visible)}\n visible={notificationsMenuVisible}\n />\n\n <Hoverable\n component=\"button\"\n hover={{\n backgroundColor:\n props.colors.highlight \|\| \"rgb(255 255 255 / 12%)\",\n }}\n innerRef={hoverRef}\n onClick={() => setNotificationsMenuVisible((visible) => !visible)}\n style={{\n alignItems: \"center\",\n backgroundColor: \"transparent\",\n border: \"none\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n display: \"flex\",\n justifyContent: \"center\",\n marginLeft: \"8px\",\n padding: \"4px\",\n transition: \"all 150ms\",\n ...slightBackgroundTransition,\n }}\n aria-label=\"Notifications\"\n >\n <NotificationBell\n colors={props.colors}\n indicatorVisible={notifications?.unread?.length > 0}\n isHover={isHover}\n isOpen={notificationsMenuVisible}\n />\n </Hoverable>\n </ErrorBoundary>\n )}\n {!(toolbarEnabled && !hasConnectedPeople) && (\n <UserMenuTrigger\n colors={props.colors}\n connectedPeople={props.connectedPeople}\n env={props.env}\n orgName={props.orgName}\n requestConnectedPeopleFetch={props.requestConnectedPeopleFetch}\n setUserMenuVisible={setUserMenuVisible}\n showOrgName={props.showOrgName}\n toolbarEnabled={toolbarEnabled}\n userAvatarPath={props.userAvatarPath}\n />\n )}\n\n <UserMenu\n appName={props.appName}\n hasConnectedPeople={hasConnectedPeople}\n connectedPeople={props.connectedPeople}\n env={props.env}\n linkToProfile={props.linkToProfile}\n mfaConfigured={mfaConfigured}\n mfaEnabled={mfaEnabled}\n orgName={props.orgName}\n requestClearAppsCache={props.requestClearAppsCache}\n requestClearConnectedPeopleCache={\n props.requestClearConnectedPeopleCache\n }\n requestSwitchConnectedPerson={props.requestSwitchConnectedPerson}\n requestUnlinkConnectedPeople={props.requestUnlinkConnectedPeople}\n setUserMenuVisible={setUserMenuVisible}\n toolbarEnabled={toolbarEnabled}\n userId={userId}\n userMenuVisible={userMenuVisible}\n userName={props.userName}\n />\n\n {!toolbarEnabled && <HelpdeskTrigger colors={props.colors} />}\n </StyledRoot>\n )\n}\n\nTopbar.defaultProps = {\n linkToProfile: true,\n notifications: () => null,\n search: () => null,\n showOrgName: true,\n useDummyNotifications: false,\n}\n\nconst Route = ({\n active,\n colors,\n style = null,\n ...nativeProps\n}: {\n active: boolean\n children: React.ReactNode\n colors: any\n href?: string\n style?: object\n}) => {\n const [entered, setEntered] = React.useState(false)\n const [down, setDown] = React.useState(false)\n\n const getBackgroundColor = () => {\n if (entered && down) return colors.base2\n if (entered \|\| active) return colors.base1\n return \"transparent\"\n }\n\n const getTextColor = () => {\n return colors.text \|\| \"#fff\"\n }\n\n return (\n <a\n style={{\n backgroundColor: getBackgroundColor(),\n borderRadius: \"9999px\",\n color: getTextColor(),\n fontSize: \"14px\",\n fontWeight: 600,\n lineHeight: \"32px\",\n marginRight: \"4px\", // off-grid\n paddingLeft: \"12px\",\n paddingRight: \"12px\",\n textDecoration: \"none\",\n textTransform: \"capitalize\",\n verticalAlign: \"middle\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n ...slightBackgroundTransition,\n ...style,\n }}\n onMouseEnter={() => setEntered(true)}\n onMouseLeave={() => setEntered(false)}\n onMouseDown={() => setDown(true)}\n onMouseUp={() => setDown(false)}\n {...nativeProps}\n />\n )\n}\n\nexport { Route, Topbar }\n","import pcURL, { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport apiRequest, { defaultFetch, Fetch } from \"./api_request\"\nimport { PointBreak } from \"./display_switch\"\nimport { X as XSymbol } from \"./symbols\"\n\nconst entries = function (obj) {\n const ownProps = Object.keys(obj)\n let i = ownProps.length\n const resArray = new Array(i) // preallocate the Array\n while (i--) resArray[i] = [ownProps[i], obj[ownProps[i]]]\n\n return resArray\n}\n\nfunction formatter(announcements) {\n return entries(announcements).map((entry) => ({\n data: entry[1],\n id: entry[0],\n }))\n}\n\nclass Provider extends React.Component<\n {\n children: (announcements: any, callback: any) => React.ReactElement<any>\n configuredFetch: Fetch\n env: Environment\n formatter?: any\n initialAnnouncements: object\n },\n {\n announcements: object[]\n }\n> {\n constructor(props: any) {\n super(props)\n\n this.state = {\n announcements: props.initialAnnouncements,\n }\n }\n\n public static defaultProps = {\n formatter: formatter,\n }\n\n dismissAnnouncements(id) {\n this.setState(({ announcements }) => {\n const newAnnouncements = announcements\n if (announcements[id]) delete newAnnouncements[id]\n\n return { announcements: newAnnouncements }\n })\n\n return apiRequest(\n this.props.configuredFetch,\n `${pcURL(this.props.env)(\n \"api\"\n )}/people/v2/me/platform_notifications/${id}/dismiss`,\n { method: \"POST\" }\n )\n }\n\n render() {\n return (\n <>\n {this.props.children(\n { announcements: this.props.formatter(this.state.announcements) },\n { dismissAnnouncements: this.dismissAnnouncements.bind(this) }\n )}\n </>\n )\n }\n}\n\nexport class StyledAnnouncement extends React.Component<\n { style?: object },\n {}\n> {\n render() {\n const { style, ...platformProps } = this.props\n\n return (\n <PointBreak\n render={(breakpoint) => (\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingRight: 18,\n paddingTop: 14,\n ...style,\n }}\n {...platformProps}\n />\n )}\n />\n )\n }\n}\n\nexport class StyleProvider extends React.Component<\n {\n className?: string\n colors: any\n style?: object\n },\n {}\n> {\n render() {\n const { children, className, colors, style, ...platformProps } = this.props\n\n return (\n <div\n className={[\"__Topbar_PlatformAnnouncements_link\"].join(\" \").trim()}\n style={{\n backgroundColor: \"#282828\",\n color: \"white\",\n fontSize: \"14px\",\n ...style,\n }}\n {...platformProps}\n >\n <style>{`\n .__Topbar_PlatformAnnouncements_link { color: white }\n .__Topbar_PlatformAnnouncements_link a { color: ${colors.base0} }\n .__Topbar_PlatformAnnouncements_link a:hover { color: ${colors.base1} }\n .__Topbar_PlatformAnnouncements_link a:active { color: ${colors.base2} }\n `}</style>\n {children}\n </div>\n )\n }\n}\n\nexport default class PlatformAnnouncements extends React.Component<\n {\n colors: any\n configuredFetch?: Fetch\n data: object\n env: Environment\n renderItem?: any\n },\n {}\n> {\n public static defaultProps = {\n configuredFetch: defaultFetch,\n renderItem: ({ announcement, actions }) => (\n <DissmissibleAnnouncement\n key={announcement.id}\n html={announcement.data.html}\n onClick={() => actions.dismissAnnouncements(announcement.id)}\n />\n ),\n }\n\n render() {\n return (\n <StyleProvider colors={this.props.colors}>\n <Provider\n env={this.props.env}\n initialAnnouncements={this.props.data}\n configuredFetch={this.props.configuredFetch}\n >\n {(data, actions) =>\n Boolean(data.announcements.length > 0) ? (\n <div>\n {data.announcements.map((announcement) =>\n this.props.renderItem({ actions, announcement })\n )}\n </div>\n ) : null\n }\n </Provider>\n </StyleProvider>\n )\n }\n}\n\nfunction StyledDismissButton({ ...props }: any): JSX.Element {\n return (\n <button\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n cursor: \"pointer\",\n\n margin: -8,\n // larger click target without increasing box\n padding: 8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ height: 20, width: 20 }} />\n </button>\n )\n}\n\nfunction DissmissibleAnnouncement(props: {\n html: string\n onClick: () => any\n}): JSX.Element {\n return (\n <StyledAnnouncement>\n <span\n dangerouslySetInnerHTML={{\n __html: props.html,\n }}\n />\n\n <StyledDismissButton onClick={props.onClick} />\n </StyledAnnouncement>\n )\n}\n","import React from \"react\"\n\nimport { PointBreak } from \"./display_switch\"\nimport { X as XSymbol } from \"./symbols\"\n\n/\nProductAnnouncement:\nDisplays a dismissible product announcements when provided an `html` prop.\nRenders nothing when no `html` prop is falsy.\n\nWhen the dismiss button is clicked, ProductAnnouncement will immediately dissappear.\nPass an `onClick` prop to coordinate this dismissal with a server request that will prevent message from being passed to future page views.\n\nIt should look something like this in your application's Topbar composition:\n\n```jsx\n<ProductAnnouncement\n colors={shared.colors}\n html={this.props.productAnnouncement}\n onClick={() => alert(\"Sending fire-and-forget dismiss request to server\")}\n/>\n```\n\nAttributes like `className`, `id`, `data-`, and `aria-` are all applied to the root element.\n/\n\nexport function ProductAnnouncement({\n colors,\n html = \"\",\n onClick = (_event) => {\n /* noop /\n },\n ...props\n}: {\n colors: object\n html: string\n onClick: (event: any) => any\n}) {\n const [dismissed, updateDismissed] = React.useState(false)\n\n return dismissed \|\| !html ? null : (\n <StyleProvider colors={colors} {...props}>\n <StyledAnnouncement>\n <span dangerouslySetInnerHTML={{ __html: html }} />\n <StyledDismissButton\n onClick={(event) => {\n onClick(event)\n updateDismissed(true)\n }}\n />\n </StyledAnnouncement>\n </StyleProvider>\n )\n}\n\nexport class StyleProvider extends React.Component<\n {\n className?: string\n colors: any\n style?: object\n },\n {}\n> {\n render() {\n const { children, className, colors, style, ...platformProps } = this.props\n\n return (\n <div\n className={[\"Topbar_ProductAnnouncement\", className]\n .filter(Boolean)\n .join(\" \")\n .trim()}\n style={{\n backgroundColor: colors.base1,\n ...style,\n }}\n {...platformProps}\n >\n <style>{`\n .Topbar_ProductAnnouncement {\n color: white;\n font-size: 14px;\n }\n .Topbar_ProductAnnouncement a { color: white; font-weight: bold; }\n `}</style>\n {children}\n </div>\n )\n }\n}\n\nexport class StyledAnnouncement extends React.Component<\n { style?: object },\n {}\n> {\n render() {\n const { style, ...platformProps } = this.props\n\n return (\n <PointBreak\n render={(breakpoint) => (\n <div\n style={{\n alignItems: \"center\",\n boxSizing: \"border-box\",\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: 14,\n paddingLeft: [\"xs\", \"sm\"].indexOf(breakpoint) !== -1 ? 16 : 24,\n paddingRight: 18,\n paddingTop: 14,\n ...style,\n }}\n {...platformProps}\n />\n )}\n />\n )\n }\n}\n\nexport function StyledDismissButton({ ...props }: any): JSX.Element {\n return (\n <button\n type=\"button\"\n style={{\n WebkitAppearance: \"none\",\n backgroundColor: \"transparent\",\n borderWidth: 0,\n cursor: \"pointer\",\n\n margin: -8,\n // larger click target without increasing box\n padding: 8,\n }}\n {...props}\n >\n <XSymbol fill=\"white\" style={{ height: 20, width: 20 }} />\n </button>\n )\n}\n","import 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 (\n <>\n {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 }\n}\n","export const capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\nexport const HSLtoHSLA = (hsl: string, a: number = 1) => {\n const hslArray = hsl.replace(/[a-z()%]/g, \"\").split(\" \")\n const h = hslArray[0]\n const s = hslArray[1]\n const l = hslArray[2]\n\n return `hsla(${h}, ${s}%, ${l}%, ${a})`\n}\n","import pcoUrl, { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport getAppsSwitchProductPath from \"../get_apps_switch_product_path\"\nimport as AppSymbols from \"../mono_app_symbols\"\n\nexport function AccountSettingsLink({ env }: { env: Environment }) {\n const accountsName = \"accounts\"\n\n return (\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n paddingLeft: \"12px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n }}\n data-pendo={`app-switcher--change-app--${accountsName}`}\n data-turbolinks={false}\n href={pcoUrl(env)(accountsName) + getAppsSwitchProductPath(accountsName)}\n >\n <svg\n height={22}\n style={{ display: \"block\", marginRight: \"2px\" }}\n viewBox=\"0 0 20 20\"\n width={22}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {React.createElement(AppSymbols[\"Accounts\"], {\n color: themeColors.lightNeutral45,\n key: \"key2\",\n })}\n </svg>\n <div\n style={{\n color: themeColors.lightNeutral45,\n fontSize: \"12px\",\n lineHeight: \"48px\",\n textDecoration: \"none\",\n }}\n >\n Account settings\n </div>\n </a>\n )\n}\n","import React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport { X } from \"../symbols\"\n\nexport const CloseMenuButton = ({\n color = themeColors.lightNeutral100,\n size = 22,\n style = {},\n}: {\n color?: string\n size?: number\n style?: object\n}) => (\n <div style={style}>\n <X fill={color} style={{ height: `${size}px`, width: `${size}px` }} />\n </div>\n)\n","import React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport { connectedPeopleMenuFormatter } from \"../formatters\"\nimport { ConnectedPerson } from \"../interfaces\"\nimport { fontFamily, IEFlex1 } from \"../styles\"\n\nexport function LinkedAccounts({\n appName,\n borderColor,\n connectedPeople,\n requestClearAppsCache,\n requestClearConnectedPeopleCache,\n requestSwitchConnectedPerson,\n requestUnlinkConnectedPeople,\n}: {\n appName: string\n borderColor: string\n connectedPeople: ConnectedPerson[]\n requestClearAppsCache: any\n requestClearConnectedPeopleCache: any\n requestSwitchConnectedPerson: any\n requestUnlinkConnectedPeople: any\n}): JSX.Element {\n return (\n <>\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: themeColors.lightNeutral95,\n borderTop: `1px solid ${borderColor}`,\n display: \"flex\",\n lineHeight: \"32px\",\n padding: \"0 16px\",\n }}\n >\n <div\n style={{\n ...IEFlex1,\n color: themeColors.lightNeutral24,\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n }}\n >\n Linked Accounts\n </div>\n </div>\n <div style={{ ...IEFlex1 }}>\n <style>\n {`.SmallTopbar__connected-people-list > :first-child > { border-top-width: 0 !important }`}\n </style>\n <ul\n className=\"SmallTopbar__connected-people-list\"\n style={{\n borderTop:\n connectedPeople.length > 0 ? `1px solid ${borderColor}` : \"none\",\n fontSize: \"15px\",\n listStyleType: \"none\",\n margin: 0,\n padding: 0,\n }}\n >\n {connectedPeopleMenuFormatter(connectedPeople).map(\n ({ id, attributes: person }) => (\n <li key={id}>\n <a\n href=\"\"\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestSwitchConnectedPerson(id, `${appName}/`)\n e.preventDefault()\n }}\n style={{\n borderTop: `1px solid ${borderColor}`,\n color: themeColors.lightNeutral24,\n display: \"block\",\n lineHeight: \"48px\",\n maxWidth: \"100%\",\n overflow: \"hidden\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {person.organization_name}\n </a>\n </li>\n )\n )}\n </ul>\n <div>\n <a\n href=\"\"\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestUnlinkConnectedPeople()\n e.preventDefault()\n }}\n style={{\n borderTop: `1px solid ${borderColor}`,\n color: themeColors.danger47,\n display: \"block\",\n fontSize: \"15px\",\n lineHeight: \"48px\",\n textAlign: \"center\",\n textDecoration: \"none\",\n }}\n >\n Unlink my accounts\n </a>\n </div>\n </div>\n </>\n )\n}\n","import { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport getLoginProfilePath from \"../get_login_profile_path\"\nimport MFAStatus from \"../mfa_status\"\n\nexport function LoginSettingsLink({\n appName,\n borderColor,\n env,\n mfaConfigured,\n userId,\n}: {\n appName: string\n borderColor: string\n env: Environment\n mfaConfigured: boolean\n userId: string\n}) {\n return (\n <a\n href={getLoginProfilePath({\n appName: appName,\n env: env,\n userId: userId,\n })}\n style={{\n borderTop: `1px solid ${borderColor}`,\n color: themeColors.lightNeutral24,\n display: \"block\",\n lineHeight: \"1.4\",\n padding: \"14px 16px\",\n textDecoration: \"none\",\n }}\n >\n My login settings\n <MFAStatus isActive={mfaConfigured} />\n </a>\n )\n}\n","import React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\n\nexport function ProfileLink({\n borderColor,\n userId,\n}: {\n borderColor: string\n userId: string\n}) {\n return (\n <a\n href={`/people/AC${userId}`}\n style={{\n borderTop: `1px solid ${borderColor}`,\n color: themeColors.lightNeutral24,\n display: \"block\",\n lineHeight: \"48px\",\n maxWidth: \"100%\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n textDecoration: \"none\",\n whiteSpace: \"nowrap\",\n }}\n >\n My profile\n </a>\n )\n}\n","import React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\n\nexport function UserName({\n orgName,\n userName,\n}: {\n orgName: string\n userName: string\n}) {\n return (\n <div style={{ padding: \"16px\" }}>\n <div\n style={{\n color: themeColors.lightNeutral24,\n fontSize: \"18px\",\n fontWeight: 400,\n marginBottom: \"4px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {userName}\n </div>\n <div\n style={{\n color: themeColors.lightNeutral45,\n fontSize: \"14px\",\n lineHeight: \"16px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {orgName}\n </div>\n </div>\n )\n}\n","import { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { LoginSettingsLink } from \"./login_settings_link\"\nimport { ProfileLink } from \"./profile_link\"\nimport { UserName } from \"./user_name\"\n\nexport function UserInfo({\n appName,\n borderColor,\n env,\n linkToProfile,\n mfaConfigured,\n mfaEnabled,\n orgName,\n userId,\n userName,\n}: {\n appName: string\n borderColor: string\n env: Environment\n linkToProfile: boolean\n mfaConfigured: boolean\n mfaEnabled: boolean\n orgName: string\n userId: string\n userName: string\n}) {\n return (\n <div\n style={{\n flexShrink: 0,\n maxWidth: \"100%\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n <UserName userName={userName} orgName={orgName} />\n\n {linkToProfile && (\n <ProfileLink userId={userId} borderColor={borderColor} />\n )}\n\n {mfaEnabled && (\n <LoginSettingsLink\n appName={appName}\n env={env}\n userId={userId}\n borderColor={borderColor}\n mfaConfigured={mfaConfigured}\n />\n )}\n </div>\n )\n}\n","import React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport { IEFlex1 } from \"../styles\"\n\nexport function UserMenu({ children }: { children: any }) {\n return (\n <div\n style={{\n ...IEFlex1,\n WebkitOverflowScrolling: \"touch\",\n overflowY: \"scroll\",\n }}\n >\n <div\n style={{\n background: themeColors.lightNeutral100,\n border: `1px solid ${themeColors.lightNeutral88}`,\n borderRadius: \"3px\",\n boxShadow: `0 2px 16px 2px ${themeColors.lightNeutral88}`,\n display: \"flex\",\n height: \"auto\",\n maxHeight: \"calc(100% - 124px)\",\n position: \"absolute\",\n right: \"12px\",\n top: \"60px\",\n width: \"calc(100% - 24px)\",\n }}\n >\n <div\n style={{\n WebkitOverflowScrolling: \"touch\",\n display: \"flex\",\n flexDirection: \"column\",\n flexGrow: 1,\n overflowY: \"scroll\",\n }}\n >\n {children}\n </div>\n </div>\n </div>\n )\n}\n","import { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { Avatar } from \"../avatar\"\nimport { default as themeColors } from \"../colors\"\nimport { DisclosureChevronIcon } from \"../symbols\"\n\nexport function UserMenuTrigger({\n colors: appColors,\n env,\n setUserMenuVisible,\n userMenuVisible,\n userAvatarPath,\n}: {\n colors: object\n env: Environment\n setUserMenuVisible: Function\n userAvatarPath: string\n userMenuVisible: boolean\n}) {\n return (\n <div onClick={() => setUserMenuVisible(!userMenuVisible)}>\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: userMenuVisible\n ? themeColors.lightNeutral88\n : themeColors.lightNeutral93,\n borderRadius: \"9999px\",\n boxShadow: `0 0 0 1px ${\n userMenuVisible\n ? themeColors.lightNeutral62\n : themeColors.lightNeutral81\n }`,\n display: \"flex\",\n fontSize: \"13px\",\n lineHeight: \"32px\",\n }}\n >\n <Avatar env={env} url={userAvatarPath} />\n\n <div style={{ paddingRight: \"8px\" }}>\n <DisclosureChevronIcon\n colors={appColors}\n style={{\n color: themeColors.lightNeutral45,\n marginLeft: \"4px\",\n verticalAlign: \"middle\",\n }}\n />\n </div>\n </div>\n </div>\n )\n}\n","import {\n Button,\n HeadingUppercase,\n Link,\n List,\n StackView,\n Text,\n ThemeProvider,\n} from \"@planningcenter/tapestry-react\"\nimport pcoUrl, { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { Avatar } from \"../avatar\"\nimport { default as themeColors } from \"../colors\"\nimport { connectedPeopleMenuFormatter } from \"../formatters\"\nimport getLoginProfilePath from \"../get_login_profile_path\"\nimport { ConnectedPerson } from \"../interfaces\"\nimport MFAStatus from \"../mfa_status\"\nimport { topbarTheme } from \"../theme\"\n\nexport function UserProfileMenu({\n appName,\n connectedPeople,\n env,\n hasConnectedPeople,\n linkToProfile,\n mfaConfigured,\n mfaEnabled,\n requestClearAppsCache,\n requestClearConnectedPeopleCache,\n requestSwitchConnectedPerson,\n requestUnlinkConnectedPeople,\n setUserMenuVisible,\n userAvatarPath,\n userId,\n userName,\n}: {\n appName: string\n connectedPeople: ConnectedPerson[]\n env: Environment\n hasConnectedPeople: boolean\n linkToProfile: boolean\n mfaConfigured: boolean\n mfaEnabled: boolean\n requestClearAppsCache: any\n requestClearConnectedPeopleCache: any\n requestSwitchConnectedPerson: any\n requestUnlinkConnectedPeople: any\n setUserMenuVisible: any\n userAvatarPath: string\n userId: string\n userName: string\n}) {\n return (\n <ThemeProvider theme={topbarTheme}>\n <StackView axis=\"vertical\" width=\"100%\">\n <StackView\n axis=\"horizontal\"\n alignItems=\"start\"\n distribution=\"space-between\"\n >\n <StackView\n axis=\"horizontal\"\n spacing={2}\n padding={2}\n paddingRight={0}\n shrink={1}\n >\n <StackView shrink={0}>\n <Avatar\n env={env}\n url={userAvatarPath}\n style={{ height: 48, width: 48 }}\n />\n </StackView>\n <StackView spacing={1} shrink={1}>\n <Text color={themeColors.lightNeutral24} weight={700} truncate>\n {userName}\n </Text>\n {linkToProfile && (\n <Link\n as=\"a\"\n href={`/people/AC${userId}`}\n color={themeColors.lightNeutral45}\n underline={false}\n >\n My profile\n </Link>\n )}\n {mfaEnabled && (\n <Link\n as=\"a\"\n href={getLoginProfilePath({\n appName: appName,\n env: env,\n userId: userId,\n })}\n color={themeColors.lightNeutral45}\n underline={false}\n >\n My login settings\n <MFAStatus isActive={mfaConfigured} />\n </Link>\n )}\n <Link\n as=\"a\"\n color={themeColors.lightNeutral45}\n data-turbolinks={false}\n href={`${pcoUrl(env)(\"login\")}/logout`}\n onClick={() => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n return\n }}\n underline={false}\n >\n Log out\n </Link>\n </StackView>\n </StackView>\n <Button\n color={themeColors.lightNeutral45}\n icon=\"general.x\"\n onClick={() => setUserMenuVisible(false)}\n padding={2}\n theme=\"naked\"\n title=\"Close Menu\"\n />\n </StackView>\n {hasConnectedPeople && (\n <>\n <StackView\n backgroundColor={themeColors.lightNeutral95}\n paddingVertical={1.5}\n paddingHorizontal={2}\n marginTop={1}\n borderBottom={`1px solid ${themeColors.lightNeutral88}`}\n >\n <HeadingUppercase\n color={themeColors.lightNeutral62}\n fontWeight={500}\n >\n Linked Accounts\n </HeadingUppercase>\n </StackView>\n\n <List dividerColor={themeColors.lightNeutral88} width=\"100%\">\n {connectedPeopleMenuFormatter(connectedPeople).map(\n ({ id, attributes: person }) => (\n <List.Item\n key={id}\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestSwitchConnectedPerson(id, `${appName}/`)\n e.preventDefault()\n }}\n color={themeColors.lightNeutral45}\n padding={2}\n >\n <Text truncate>{person.organization_name}</Text>\n </List.Item>\n )\n )}\n <List.Item\n onClick={(e) => {\n requestClearAppsCache()\n requestClearConnectedPeopleCache()\n requestUnlinkConnectedPeople()\n e.preventDefault()\n }}\n color={themeColors.danger47}\n padding={2}\n underline={false}\n >\n <Text size={3}>Unlink my accounts</Text>\n </List.Item>\n </List>\n </>\n )}\n </StackView>\n </ThemeProvider>\n )\n}\n","import pcoUrl from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { Avatar } from \"../avatar\"\nimport { ClientStorage as LocalStorageProvider } from \"../client_storage\"\nimport { ColorAppIcon } from \"../color_app_icon\"\nimport { default as themeColors } from \"../colors\"\nimport NotificationBell from \"../components/notification_bell\"\nimport NotificationsMenu from \"../components/notifications_menu\"\nimport ErrorBoundary, { BlankFallback } from \"../error_boundary\"\nimport { appsMenuFormatter } from \"../formatters\"\nimport getAppsSwitchProductPath from \"../get_apps_switch_product_path\"\nimport useStore from \"../hooks/use_store\"\nimport { SharedTopbarProps } from \"../interfaces\"\nimport { MonoAppIcon } from \"../mono_app_icon\"\nimport { MonoAppName } from \"../mono_app_name\"\nimport { StyledRoot } from \"../styled_root\"\nimport { fontFamily, IEFlex1 } from \"../styles\"\nimport { DisclosureChevronIcon } from \"../symbols\"\nimport { Unbutton } from \"../unbutton\"\nimport { capitalize, HSLtoHSLA } from \"../utils\"\nimport { AccountSettingsLink } from \"./account_settings_link\"\nimport { CloseMenuButton } from \"./close_menu_button\"\nimport { LinkedAccounts } from \"./linked_accounts\"\nimport { UserInfo } from \"./user_info\"\nimport { UserMenu } from \"./user_menu\"\nimport { UserMenuTrigger } from \"./user_menu_trigger\"\nimport { UserProfileMenu } from \"./user_profile_menu\"\n\nconst MENU_GUTTER = 57\nconst NAVBAR_HEIGHT = 52\n\nconst UserMenuAppLockup = ({\n appName: originalAppName,\n}: {\n appName: string\n}) => {\n const appName = originalAppName.replace(/[\\s-]/, \"\")\n\n return (\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <div style={{ marginRight: \"6px\" }}>\n <ColorAppIcon appName={appName} size={20} />\n </div>\n <MonoAppName\n appName={appName}\n color={themeColors.lightNeutral24}\n size={18}\n />\n </div>\n )\n}\n\ninterface SmallTopbarProps {\n currentRouteComponent?: any\n}\n\ninterface PropagateableEvent {\n forcePropagation: Boolean\n}\n\nconst Topbar = (props: SharedTopbarProps & SmallTopbarProps) => {\n const [notificationsMenuVisible, setNotificationsMenuVisible] =\n React.useState(false)\n const [routesMenuVisible, setRoutesMenuVisible] = React.useState(false)\n const [productSwitcherVisible, setProductSwitcherVisible] =\n React.useState(false)\n const [userMenuVisible, setUserMenuVisible] = React.useState(false)\n const {\n hasConnectedPeople,\n mfaConfigured,\n mfaEnabled,\n notifications,\n notificationsEnabled,\n toolbarEnabled,\n userId,\n } = useStore()\n\n const appColors = props.colors\n\n React.useEffect(() => {\n productSwitcherVisible \|\| notificationsMenuVisible\n ? (document.body.style.overflow = \"hidden\")\n : (document.body.style.overflow = \"\")\n }, [notificationsMenuVisible, productSwitcherVisible])\n\n const activeRoute =\n props.routes.filter(({ props: { active } }) => active) \|\| []\n\n const CurrentRouteComponent = props.currentRouteComponent\n const currentRouteText =\n (activeRoute &&\n activeRoute[0] &&\n activeRoute[0].props &&\n activeRoute[0].props.children) \|\|\n props.appName\n\n const accountsProduct = props.apps.find(({ name }) => name === \"Accounts\")\n\n const homeProduct = props.apps.find(({ name }) => name === \"Home\")\n\n const restProducts = [...props.apps].filter(\n ({ name }) => name !== \"Home\" && name !== \"Accounts\"\n )\n\n const borderColor = themeColors.lightNeutral88\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 setProductSwitcherVisible((visible) => !visible)\n }}\n >\n <MonoAppIcon\n appName={props.appName.replace(/[\\s-]/, \"\")}\n colors={appColors}\n size={26}\n />\n </div>\n <div\n style={{\n left: 0,\n position: \"absolute\",\n top: \"48px\",\n width: \"100%\",\n }}\n >\n {routesMenuVisible && props.routes}\n </div>\n <LocalStorageProvider\n item=\"Topbar:Small:Menus:Products:visibility\"\n render={() => (\n <div\n style={{\n MozUserSelect: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n WebkitUserSelect: \"none\",\n backgroundColor: HSLtoHSLA(themeColors.lightNeutral12, 0.75),\n bottom: 0,\n color: \"black\",\n display: productSwitcherVisible ? \"block\" : \"none\",\n left: 0,\n msUserSelect: \"none\",\n position: \"fixed\",\n right: 0,\n top: 0,\n userSelect: \"none\",\n }}\n onClick={() => {\n setProductSwitcherVisible((visible) => !visible)\n setUserMenuVisible(false)\n }}\n >\n <CloseMenuButton\n style={{\n position: \"absolute\",\n right: \"17px\",\n top: \"12px\",\n }}\n />\n <div\n onClick={(e) => {\n const { forcePropagation } = e as unknown as PropagateableEvent\n if (!forcePropagation) {\n e.stopPropagation()\n }\n }}\n style={{\n backgroundColor: themeColors.lightNeutral100,\n borderRight: `1px solid ${borderColor}`,\n display: \"flex\",\n flexDirection: \"column\",\n height: `calc(100% - ${NAVBAR_HEIGHT}px - env(safe-area-inset-bottom))`,\n position: \"relative\",\n width: `calc(100% - ${MENU_GUTTER}px)`,\n }}\n >\n <div\n style={{\n alignItems: \"center\",\n backgroundColor: themeColors.lightNeutral98,\n borderBottom: `1px solid ${borderColor}`,\n display: \"flex\",\n height: \"48px\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n }}\n >\n <div style={{ ...IEFlex1 }}>\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n paddingRight: \"16px\",\n }}\n data-pendo={`app-switcher--change-app--${homeProduct?.name}`}\n data-turbolinks={false}\n href={\n homeProduct\n ? pcoUrl(props.env)(\"accounts\") +\n getAppsSwitchProductPath(homeProduct?.name)\n : undefined\n }\n >\n <div style={{ alignItems: \"center\", display: \"flex\" }}>\n <UserMenuAppLockup\n appName={homeProduct ? homeProduct.name : props.appName}\n />\n </div>\n </a>\n </div>\n\n {!toolbarEnabled && (\n <UserMenuTrigger\n env={props.env}\n colors={appColors}\n setUserMenuVisible={setUserMenuVisible}\n userAvatarPath={props.userAvatarPath}\n userMenuVisible={userMenuVisible}\n />\n )}\n </div>\n\n <div\n style={{\n ...IEFlex1,\n WebkitOverflowScrolling: \"touch\",\n overflowY: \"scroll\",\n }}\n >\n <ul data-pendo=\"app-switcher\" style={{ margin: 0, padding: 0 }}>\n {appsMenuFormatter(restProducts).map(({ name }, i) => {\n const isFirst = i === 0\n const isLast =\n i === appsMenuFormatter(restProducts).length - 1\n return (\n <li key={name} style={{ listStyleType: \"none\" }}>\n <a\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"40px\",\n paddingBottom: isLast ? \"4px\" : 0,\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n paddingTop: isFirst ? \"4px\" : 0,\n }}\n data-pendo={`app-switcher--change-app--${name}`}\n data-turbolinks={false}\n href={\n pcoUrl(props.env)(\"accounts\") +\n getAppsSwitchProductPath(name)\n }\n >\n <UserMenuAppLockup appName={name} />\n </a>\n </li>\n )\n })}\n </ul>\n\n {accountsProduct && (\n <div\n style={{\n borderTop: `1px solid ${borderColor}`,\n }}\n >\n <AccountSettingsLink env={props.env} />\n </div>\n )}\n </div>\n\n {!toolbarEnabled && userMenuVisible && (\n <UserMenu>\n <UserInfo\n appName={props.appName}\n borderColor={borderColor}\n env={props.env}\n linkToProfile={props.linkToProfile}\n mfaConfigured={mfaConfigured}\n mfaEnabled={mfaEnabled}\n orgName={props.orgName}\n userId={userId}\n userName={props.userName}\n />\n\n {hasConnectedPeople && (\n <LinkedAccounts\n appName={props.appName}\n borderColor={borderColor}\n connectedPeople={props.connectedPeople}\n requestClearAppsCache={props.requestClearAppsCache}\n requestClearConnectedPeopleCache={\n props.requestClearConnectedPeopleCache\n }\n requestSwitchConnectedPerson={\n props.requestSwitchConnectedPerson\n }\n requestUnlinkConnectedPeople={\n props.requestUnlinkConnectedPeople\n }\n />\n )}\n </UserMenu>\n )}\n\n <div\n style={{\n borderTop: `1px solid ${borderColor}`,\n display: \"flex\",\n flexDirection: \"row\",\n lineHeight: \"48px\",\n textAlign: \"center\",\n }}\n >\n <div style={{ ...IEFlex1 }}>\n <Unbutton\n style={{\n color: themeColors.lightNeutral24,\n fontSize: \"15px\",\n fontWeight: 600,\n }}\n onClick={(e) => {\n e.forcePropagation = true\n }}\n id=\"jsLaunchHelpdesk\"\n >\n Help\n </Unbutton>\n </div>\n </div>\n </div>\n </div>\n )}\n />\n <div\n style={{\n ...IEFlex1,\n fontWeight: 600,\n lineHeight: \"48px\",\n textAlign: \"center\",\n }}\n onClick={\n props.routes.length > 0\n ? () => {\n setProductSwitcherVisible(false)\n setRoutesMenuVisible((visible) => !visible)\n }\n : null\n }\n >\n <CurrentRouteComponent>\n {capitalize(currentRouteText)}\n </CurrentRouteComponent>\n {props.routes.length > 0 && (\n <DisclosureChevronIcon\n colors={appColors}\n style={{ marginLeft: \"4px\", verticalAlign: \"middle\" }}\n />\n )}\n </div>\n\n {toolbarEnabled && (\n <>\n <button\n onClick={() => setUserMenuVisible(!userMenuVisible)}\n style={{\n background: \"none\",\n border: \"none\",\n margin: \"0 12px\",\n padding: 0,\n }}\n >\n <Avatar env={props.env} url={props.userAvatarPath} />\n </button>\n <div\n style={{\n MozUserSelect: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n WebkitUserSelect: \"none\",\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 >\n <div\n onClick={(e) => e.stopPropagation()}\n style={{\n WebkitOverflowScrolling: \"touch\",\n backgroundColor: \"#fff\",\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n overflowY: \"scroll\",\n position: \"relative\",\n width: \"100%\",\n }}\n >\n <UserProfileMenu\n appName={props.appName}\n env={props.env}\n connectedPeople={props.connectedPeople}\n hasConnectedPeople={hasConnectedPeople}\n linkToProfile={props.linkToProfile}\n mfaConfigured={mfaConfigured}\n mfaEnabled={mfaEnabled}\n requestClearAppsCache={props.requestClearAppsCache}\n requestClearConnectedPeopleCache={\n props.requestClearConnectedPeopleCache\n }\n requestSwitchConnectedPerson={\n props.requestSwitchConnectedPerson\n }\n requestUnlinkConnectedPeople={\n props.requestUnlinkConnectedPeople\n }\n setUserMenuVisible={setUserMenuVisible}\n userAvatarPath={props.userAvatarPath}\n userId={userId}\n userName={props.userName}\n />\n </div>\n </div>\n </>\n )}\n\n {!toolbarEnabled && notificationsEnabled && (\n <ErrorBoundary fallback={BlankFallback}>\n <div\n style={{\n alignItems: \"center\",\n display: \"flex\",\n height: \"48px\",\n justifyContent: \"center\",\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n }}\n onClick={() => setNotificationsMenuVisible((visible) => !visible)}\n >\n <NotificationBell\n colors={appColors}\n indicatorVisible={notifications.unread.length > 0}\n />\n <LocalStorageProvider\n item=\"Topbar:Small:Menus:Notifications:visibility\"\n render={() => (\n <div\n style={{\n MozUserSelect: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n WebkitUserSelect: \"none\",\n backgroundColor: \"rgba(0,0,0,.8)\",\n bottom: 0,\n color: \"black\",\n display: notificationsMenuVisible ? \"block\" : \"none\",\n left: 0,\n msUserSelect: \"none\",\n position: \"fixed\",\n right: 0,\n top: 0,\n userSelect: \"none\",\n }}\n >\n <CloseMenuButton\n style={{\n position: \"absolute\",\n right: \"17px\",\n top: \"12px\",\n }}\n />\n <div\n onClick={(e) => e.stopPropagation()}\n style={{\n WebkitOverflowScrolling: \"touch\",\n backgroundColor: \"#363636\",\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n overflowY: \"scroll\",\n padding: \"4px 0\",\n position: \"relative\",\n width: `calc(100% - ${MENU_GUTTER}px)`,\n }}\n >\n <NotificationsMenu\n apps={props.apps}\n mobile\n toggle={() =>\n setNotificationsMenuVisible((visible) => !visible)\n }\n visible={notificationsMenuVisible}\n />\n </div>\n </div>\n )}\n />\n </div>\n </ErrorBoundary>\n )}\n {!notificationsEnabled && props.notifications()}\n </StyledRoot>\n )\n}\n\nTopbar.defaultProps = {\n currentRouteComponent: (props) => <span {...props} />,\n linkToProfile: true,\n notifications: () => null,\n}\n\nconst Route = ({ active, ...props }) => (\n <a\n style={{\n backgroundColor: \"#444\",\n borderBottom: \"1px solid #333\",\n color: \"#fff\",\n display: \"block\",\n fontWeight: 600,\n lineHeight: \"47px\",\n position: \"relative\",\n textAlign: \"center\",\n textDecoration: \"none\",\n textTransform: \"capitalize\",\n whiteSpace: \"nowrap\",\n ...fontFamily,\n ...(active && { backgroundColor: \"#333\" }),\n }}\n {...props}\n />\n)\n\nexport { Route, Topbar }\n","import { StackView } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\ntype DrawerProps = {\n bottom?: number \| string\n children: React.ReactNode\n hasShadow?: boolean\n height?: number \| string\n id?: string\n overflow?: \"auto\" \| \"hidden\" \| \"scroll\" \| \"visible\"\n position?: \"absolute\" \| \"fixed\"\n width?: number \| string\n}\n\nexport function Drawer({\n bottom = \"auto\",\n children,\n hasShadow = false,\n height = \"100%\",\n id = \"toolbarDrawer\",\n overflow = \"visible\",\n position = \"absolute\",\n width = \"100%\",\n}: DrawerProps) {\n return (\n <StackView\n backgroundColor=\"surface\"\n elevation={hasShadow && open ? 2 : undefined}\n left={0}\n position=\"absolute\"\n zIndex={1}\n {...{ bottom, height, id, overflow, position, width }}\n >\n {children}\n </StackView>\n )\n}\n","import { Box, Button, StackView } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nimport { default as themeColors } from \"../../colors\"\n\ninterface DrawerHeaderProps {\n children: React.ReactNode\n closeDrawer?: Function\n}\n\nexport function DrawerHeader({ children, closeDrawer }: DrawerHeaderProps) {\n return (\n <StackView\n alignment=\"start\"\n axis=\"horizontal\"\n color=\"foreground\"\n distribution=\"space-between\"\n padding={2}\n paddingTop={1}\n >\n <Box>{children}</Box>\n {closeDrawer && (\n <Button\n icon={{\n fill: themeColors.lightNeutral24,\n name: \"general.x\",\n size: \"md\",\n }}\n onClick={() => closeDrawer()}\n title=\"Close\"\n theme={false}\n hover={{\n backgroundColor: themeColors.lightNeutral95,\n }}\n />\n )}\n </StackView>\n )\n}\n","import { Heading } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nexport function DrawerHeading({ children, ...props }) {\n return (\n <Heading\n {...props}\n letterSpacing=\".002em\"\n level={2}\n lineHeight=\"35px\"\n weight={700}\n >\n {children}\n </Heading>\n )\n}\n","import { Box, StackView, StackViewProps } from \"@planningcenter/tapestry-react\"\nimport React, { useEffect, useRef, useState } from \"react\"\n\n// TODO: This component could prob be genrealized to provide overflow-y scroll indication, as well, if needed.\n// `top`/`bottom` // `left`/`right` → `start`/`end`\n\nconst INDICATOR_STYLES = {\n bottom: {\n background: \"linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0))\",\n top: 0,\n },\n top: {\n background: \"linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.07))\",\n bottom: 0,\n },\n}\n\ntype OmittedStackViewProps = Omit<\n StackViewProps,\n \"innerRef\" \| \"overflow\" \| \"spacing\"\n // `spacing` will cause the appearance of extra top & bottom padding\n // it's preferable to wrap the children in a StackView with the desired spacing\n>\n\ninterface ScrollContainerProps extends OmittedStackViewProps {\n children: React.ReactNode\n}\n\n// Perf: should this component be memoized?\nexport const ScrollContainer: React.FC<ScrollContainerProps> = ({\n children,\n ...props\n}) => {\n const [overflowTop, setOverflowTop] = useState(false)\n const [overflowBottom, setOverflowBottom] = useState(false)\n\n const containerRef = useRef(null)\n const bottomEdgeRef = useRef(null)\n const topEdgeRef = useRef(null)\n\n // Perf: should this be debounced?\n const handleResize = () => {\n const container = containerRef?.current\n\n if (container) {\n const hasOverflowBottom =\n container.scrollHeight - container.clientHeight >\n container.scrollTop + 1\n\n setOverflowBottom(hasOverflowBottom)\n }\n }\n\n useEffect(() => {\n const container = containerRef?.current\n\n if (!container) {\n return () => {} // noop\n }\n\n setOverflowBottom(container.scrollHeight > container.clientHeight)\n\n // setup intersection observers\n const options = { root: container, threshold: 1 }\n const bottomObserver = new IntersectionObserver(\n ([{ isIntersecting }]) => setOverflowBottom(!isIntersecting),\n options\n )\n const topObserver = new IntersectionObserver(\n ([{ isIntersecting }]) => setOverflowTop(!isIntersecting),\n options\n )\n\n const bottomTarget = bottomEdgeRef?.current\n const topTarget = topEdgeRef?.current\n\n if (bottomTarget) {\n bottomObserver.observe(bottomTarget)\n }\n if (topTarget) {\n topObserver.observe(topTarget)\n }\n\n // setup resize observer\n const resizeObserver = new ResizeObserver(handleResize)\n resizeObserver.observe(container)\n\n return () => {\n if (bottomTarget) {\n bottomObserver.unobserve(bottomTarget)\n }\n if (topTarget) {\n topObserver.unobserve(topTarget)\n }\n resizeObserver.unobserve(container)\n }\n }, [])\n\n return (\n <StackView grow={1} position=\"relative\" shrink={1}>\n {overflowBottom && <OverflowIndicator edge=\"top\" />}\n {overflowTop && <OverflowIndicator edge=\"bottom\" />}\n <StackView\n basis={2}\n grow={1}\n innerRef={containerRef}\n overflow=\"auto\"\n role=\"region\"\n shrink={1}\n {...props}\n >\n <Box innerRef={topEdgeRef} />\n {children}\n <Box innerRef={bottomEdgeRef} />\n </StackView>\n </StackView>\n )\n}\n\nconst OverflowIndicator = ({ edge }) => {\n return (\n <Box\n height={1}\n left={0}\n pointerEvents=\"none\"\n position=\"absolute\"\n right={0}\n role=\"presentation\"\n zIndex={10}\n {...INDICATOR_STYLES[edge]}\n />\n )\n}\n","import { StackView } from \"@planningcenter/tapestry-react\"\nimport React, { ReactNode } from \"react\"\n\ninterface SwitchViewProps {\n activeIndex: number\n children: ReactNode\n}\n\nconst SwitchView: React.FC<SwitchViewProps> = ({ activeIndex, children }) => {\n const childCount = React.Children.count(children)\n\n const validatedIndex =\n activeIndex < 0\n ? 0\n : activeIndex > childCount - 1\n ? childCount - 1\n : activeIndex\n\n return (\n <StackView grow={1} overflow=\"hidden\" position=\"relative\">\n {React.Children.map(children, (view, index) => {\n const inView = index === validatedIndex\n return (\n <StackView\n aria-hidden={!inView}\n height=\"100%\"\n key={index}\n opacity={inView ? 1 : 0}\n pointerEvents={inView ? \"auto\" : \"none\"}\n position=\"absolute\"\n top={0}\n width=\"100%\"\n transform={\n inView\n ? \"translateX(0)\"\n : index < activeIndex\n ? \"translateX(-100px)\"\n : \"translateX(100px)\"\n }\n transition=\"transform 200ms ease-in-out, opacity 100ms 50ms ease-in-out\"\n >\n {view}\n </StackView>\n )\n })}\n </StackView>\n )\n}\n\nexport { SwitchView }\n","import * as React from \"react\"\n\nenum ActionType {\n close = \"close\",\n mount = \"mount\",\n open = \"open\",\n set = \"set\",\n unmount = \"unmount\",\n}\n\ntype ToolbarState = {\n currentContent: any // TODO: update with Tool type\n mounted: boolean\n open: boolean\n}\n\ntype ToolbarDispatch = {\n payload?: any\n type: ActionType\n}\n\nconst initialState: ToolbarState = {\n currentContent: null,\n mounted: false,\n open: false,\n}\n\nconst reducer = (\n state: ToolbarState,\n action: ToolbarDispatch\n): ToolbarState => {\n switch (action.type) {\n case ActionType.mount:\n return { ...state, currentContent: action.payload.content, mounted: true }\n case ActionType.unmount:\n return { ...state, currentContent: null, mounted: false }\n case ActionType.open:\n return { ...state, open: true }\n case ActionType.close:\n return { ...state, open: false }\n case ActionType.set:\n return { ...state, currentContent: action.payload.content }\n }\n}\n\nconst useToolbarReducer = (overrides?: Partial<ToolbarState>) =>\n React.useReducer(reducer, { ...initialState, ...overrides })\n\nexport { ActionType, useToolbarReducer }\n","import React, { ReactNode } from \"react\"\n\ntype MessagesContextValue = {\n [key: string]: any\n}\n\ninterface MessagesProviderProps {\n children: ReactNode\n value?: MessagesContextValue\n}\n\nconst MessagesContext = React.createContext<MessagesContextValue>({})\n\nconst MessagesProvider: React.FC<MessagesProviderProps> = ({\n children,\n value,\n}) => {\n return (\n <MessagesContext.Provider value={value}>\n {children}\n </MessagesContext.Provider>\n )\n}\n\nexport { MessagesContext, MessagesProvider }\n","import { useContext } from \"react\"\n\nimport { MessagesContext } from \"../messages_context\"\n\nexport const useMessages = () => {\n const context = useContext(MessagesContext)\n if (!context) {\n throw new Error(\"useMessages must be used within a MessagesProvider\")\n }\n return context\n}\n","import { Icon, StackView, Text } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nexport const LoadingErrorIndicator = () => (\n <StackView alignment=\"center\" spacing={2} padding={2} paddingTop=\"10%\">\n <Icon name=\"general.exclamationTriangle\" color=\"warning\" size=\"xl\" />\n <Text color=\"foregroundSecondary\" align=\"center\">\n An error occured while connecting to the chat, please try again.\n </Text>\n </StackView>\n)\n","import { Button, Divider, StackView } from \"@planningcenter/tapestry-react\"\nimport React, { isValidElement, PropsWithChildren, ReactNode } from \"react\"\nimport { ChannelListMessengerProps } from \"stream-chat-react\"\n\nimport colors from \"../../../../../colors\"\nimport { ScrollContainer } from \"../../../../components\"\nimport { useMessages } from \"../../hooks\"\nimport { LoadingErrorIndicator } from \"./loading_error_indicator\"\n\nexport const List = (props: PropsWithChildren<ChannelListMessengerProps>) => {\n const { children, error = null, loading } = props\n const { switchToNewMessageView } = useMessages()\n\n if (error) return <LoadingErrorIndicator />\n\n // The `loading` prop is initially false, which causes the default Stream loading indicator\n // to flash on screen for a split second. This is a hack to prevent that.\n let preLoading = false\n React.Children.map(children, (child: ReactNode) => {\n if (isValidElement(child) && child.props.listType === \"channel\") {\n preLoading = true\n }\n })\n\n if (loading \|\| preLoading) return null\n\n return (\n <StackView grow={1} shrink={1}>\n <ScrollContainer>{children}</ScrollContainer>\n <Divider />\n <StackView paddingVertical={2} alignment=\"center\">\n <Button\n aria-label=\"Switch to new message\"\n backgroundColor={colors.interaction55}\n color=\"surface\"\n css={{\n \"&:hover, &:active\": {\n backgroundColor: colors.interaction55,\n },\n }}\n onClick={switchToNewMessageView}\n width=\"75%\"\n >\n New message\n </Button>\n </StackView>\n </StackView>\n )\n}\n","import datetimeFmt from \"@churchcenter/datetime-fmt\"\nimport {\n Badge,\n Box,\n Dropdown,\n GridView,\n Heading,\n StackView,\n Text,\n} from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nimport colors from \"../../../../../colors\"\nimport { useMessages } from \"../../hooks\"\n\nconst getTimeStamp = (channel) =>\n channel.state.last_message_at\n ? datetimeFmt.date(channel.state.last_message_at, {\n style: \"abbreviated\",\n year: false,\n })\n : \"\"\n\nconst UnreadBadge = ({ unread }) => {\n if (unread < 1) return null\n\n const clampedValue = unread <= 99 ? unread.toString() : \"99+\"\n\n return (\n <Badge\n title={clampedValue}\n size=\"xs\"\n color={colors.interaction66}\n radius=\"pill\"\n minWidth={3}\n />\n )\n}\n\nexport const Preview = ({\n Avatar,\n channel,\n displayTitle,\n latestMessage,\n setActiveChannel,\n unread,\n}) => {\n const {\n setActionsOpenForChannel,\n actionsOpenForChannel,\n switchToChannelView,\n } = useMessages()\n const channelActionsOpen = actionsOpenForChannel === channel.id\n const latestMessageText = latestMessage?.props?.children \|\| \"\"\n\n const handleChannelClick = (\n e: React.MouseEvent<HTMLDivElement> \| React.KeyboardEvent<HTMLDivElement>\n ) => {\n const target = e.target as HTMLElement\n if (target.getAttribute(\"data-type\") !== \"actions-dropdown\") {\n setActiveChannel(channel)\n switchToChannelView()\n }\n }\n\n const handleChannelKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"Enter\" \|\| event.key === \" \") {\n handleChannelClick(event)\n }\n }\n\n return (\n <GridView\n alignment=\"start\"\n aria-label={`Select Channel: ${displayTitle \|\| \"\"}`}\n backgroundColor={channelActionsOpen ? \"surfaceTertiary\" : \"surface\"}\n borderBottomColor=\"separatorTertiary\"\n borderBottomWidth={1}\n columns=\"auto 1fr auto\"\n cursor=\"pointer\"\n css={{\n \"&:hover\": {\n \".actions-dropdown\": { visibility: \"visible\" },\n backgroundColor: \"surfaceTertiary\",\n },\n }}\n minHeight={10}\n onClick={handleChannelClick}\n onKeyDown={handleChannelKeyDown}\n padding={1}\n paddingHorizontal={2}\n radius={0}\n role=\"button\"\n spacing={1}\n tabIndex={0}\n width=\"100%\"\n >\n <Avatar />\n <StackView height=\"100%\" alignment=\"start\" paddingRight={1}>\n <Heading level={5} maxWidth=\"100%\" truncate weight={500}>\n {displayTitle}\n </Heading>\n <Text\n color=\"foregroundSecondary\"\n css={{\n WebkitBoxOrient: \"vertical\",\n WebkitLineClamp: \"2\",\n display: \"-webkit-box\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n }}\n lineHeight=\"1.3\"\n maxWidth=\"100%\"\n size={5}\n textAlign=\"left\"\n >\n {latestMessageText}\n </Text>\n <StackView basis={0.5} grow={1} />\n <StackView\n alignment=\"center\"\n axis=\"horizontal\"\n borderColor=\"separatorTertiary\"\n borderWidth={1}\n padding={0.5}\n radius={4}\n spacing={0.5}\n >\n {/* Product icon placeholder /}\n <Box\n backgroundColor=\"green-5\"\n height=\"13px\"\n radius={5}\n width=\"13px\"\n />\n <Text\n color=\"foregroundSecondary\"\n lineHeight=\"13px\"\n size={6}\n textTransform=\"uppercase\"\n >\n Resource date\n </Text>\n </StackView>\n </StackView>\n <StackView alignment=\"end\" minWidth={6} height=\"100%\">\n <Text color=\"foregroundSecondary\" size={5} textTransform=\"uppercase\">\n {getTimeStamp(channel)}\n </Text>\n <StackView alignment=\"end\" alignSelf=\"stretch\" grow={1}>\n <UnreadBadge unread={unread} />\n </StackView>\n <Box onClick={(e) => e.stopPropagation()}>\n <Dropdown\n alignSelf=\"end\"\n className=\"actions-dropdown\"\n data-type=\"actions-dropdown\"\n icon={{\n name: \"people.importProgress\",\n size: \"lg\",\n }}\n radius=\"circle\"\n iconRight={false}\n lockScrollWhileOpen={true}\n onClose={() => setActionsOpenForChannel(null)}\n onOpen={() => setActionsOpenForChannel(channel.id)}\n placement=\"top-end\"\n popoverProps={{ offset: 4, shouldFlip: true }}\n right=\"1.5px\"\n size=\"xs\"\n theme=\"dark\"\n title=\"Message actions\"\n variant=\"naked\"\n visibility={channelActionsOpen ? \"visible\" : \"hidden\"}\n >\n {/ @ts-expect-error TODO: Tapestry TS bug /}\n <Dropdown.Item onSelect={() => {}}>Mark as unread</Dropdown.Item>\n {/ @ts-expect-error TODO: Tapestry TS bug /}\n <Dropdown.Item onSelect={() => {}}>Mute</Dropdown.Item>\n </Dropdown>\n </Box>\n </StackView>\n </GridView>\n )\n}\n","import { Spinner, StackView } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\nimport { ChannelList, InfiniteScroll } from \"stream-chat-react\"\n\nimport { DrawerHeader, DrawerHeading } from \"../../../../components\"\nimport { useChannelsLoading } from \"../../hooks\"\nimport { List } from \"./list\"\nimport { Preview } from \"./preview\"\n\nconst FILTERS = { type: \"messaging\" }\n\nexport const ChannelListView = ({ closeDrawer }) => {\n const channelsLoading = useChannelsLoading()\n\n return (\n <>\n <DrawerHeader closeDrawer={closeDrawer}>\n <StackView axis=\"horizontal\" alignment=\"center\" spacing={1}>\n <DrawerHeading>Messages</DrawerHeading>\n {channelsLoading && (\n <Spinner\n color=\"hsl(0 0% 62%)\"\n thickness={2}\n trackColor=\"hsl(0 0% 97%)\"\n />\n )}\n </StackView>\n </DrawerHeader>\n <ChannelList\n filters={FILTERS}\n List={List}\n // Infinite scroll implementation details may need to be revisited once we have real data to work with.\n // https://getstream.io/chat/docs/sdk/react/guides/channel-list-infinite-scroll/#what-to-take-into-consideration\n Paginator={InfiniteScroll}\n Preview={Preview}\n />\n </>\n )\n}\n","import { useEffect, useState } from \"react\"\nimport { useChatContext } from \"stream-chat-react\"\n\nexport const useChannelsLoading = (): boolean => {\n const [loading, setLoading] = useState(true)\n const { channelsQueryState } = useChatContext(\"ChannelList\")\n const { queryInProgress } = channelsQueryState\n const _loading = queryInProgress === \"reload\"\n\n useEffect(() => {\n setLoading(_loading)\n }, [queryInProgress])\n\n return loading\n}\n","import {\n Box,\n Button,\n Icon,\n StackView,\n Text,\n} from \"@planningcenter/tapestry-react\"\nimport { nanoid } from \"nanoid\"\nimport React, { useEffect, useState } from \"react\"\nimport { useDropzone } from \"react-dropzone\"\nimport { UploadButton } from \"react-file-utils\"\nimport {\n AttachmentPreviewList,\n ChatAutoComplete,\n EmojiPicker,\n EmojiPickerIcon,\n useChannelStateContext,\n useMessageInputContext,\n} from \"stream-chat-react\"\n\nimport colors from \"../../../../../colors\"\n\nexport const MessageInput = () => {\n const {\n closeEmojiPicker,\n emojiPickerIsOpen,\n handleEmojiKeyDown,\n handleSubmit,\n isUploadEnabled,\n maxFilesLeft,\n numberOfUploads,\n openEmojiPicker,\n text,\n uploadNewFiles,\n } = useMessageInputContext()\n\n const { multipleUploads } = useChannelStateContext()\n\n const { getRootProps, isDragActive, isDragReject } = useDropzone({\n disabled: !isUploadEnabled \|\| maxFilesLeft === 0,\n multiple: multipleUploads,\n noClick: true,\n onDrop: uploadNewFiles,\n })\n\n const isInputChildOfModal = useIsInputChildOfModal()\n const wrapInputRef = useAutoFocus()\n\n return (\n <StackView\n {...getRootProps({\n borderColor: isInputChildOfModal ? \"transparent\" : \"separatorTertiary\",\n borderWidth: isInputChildOfModal ? 0 : 1,\n className: `custom-message-input-wrapper ${\n isInputChildOfModal ? \"is-modal-child\" : \"\"\n }`,\n marginHorizontal: isInputChildOfModal ? 0 : 1,\n position: \"relative\",\n radius: 8,\n refKey: \"innerRef\",\n })}\n >\n {isDragActive && <DropzoneUI isDragReject={isDragReject} />}\n {isUploadEnabled && !!numberOfUploads && <AttachmentPreviewList />}\n <Box innerRef={wrapInputRef}>\n <ChatAutoComplete placeholder=\"Send a message\" />\n </Box>\n <StackView\n alignment=\"center\"\n axis=\"horizontal\"\n distribution=\"space-between\"\n padding={1.5}\n spacing={1}\n >\n <StackView\n alignment=\"center\"\n axis=\"horizontal\"\n height=\"100%\"\n spacing={1}\n >\n <EmojiPickerUI\n closeEmojiPicker={closeEmojiPicker}\n emojiPickerIsOpen={emojiPickerIsOpen}\n handleEmojiKeyDown={handleEmojiKeyDown}\n openEmojiPicker={openEmojiPicker}\n />\n <FileUploadUI\n isUploadEnabled={isUploadEnabled}\n maxFilesLeft={maxFilesLeft}\n multipleUploads={multipleUploads}\n uploadNewFiles={uploadNewFiles}\n />\n </StackView>\n <Button\n alignSelf=\"center\"\n className=\"focus-visible\"\n color={colors.lightNeutral100}\n css={{\n \"&:active\": { backgroundColor: colors.interaction45 },\n \"&:hover\": { backgroundColor: colors.interaction50 },\n \"&[aria-disabled='true']\": {\n \"&:hover\": {\n backgroundColor: `${colors.lightNeutral81}`,\n },\n backgroundColor: colors.lightNeutral81,\n },\n backgroundColor: colors.interaction55,\n }}\n disabled={!numberOfUploads && !text.length}\n onClick={handleSubmit}\n title={isInputChildOfModal ? \"Save\" : \"Send\"}\n tabIndex={0}\n />\n </StackView>\n </StackView>\n )\n}\n\nconst FileUploadUI = ({\n isUploadEnabled,\n maxFilesLeft,\n multipleUploads,\n uploadNewFiles,\n}) => {\n const id = React.useMemo(() => nanoid(), [])\n const inputEl = document.getElementById(id)\n\n const handleKeyDown = (event) => {\n if (inputEl && (event.key === \"Enter\" \|\| event.key === \" \")) {\n event.preventDefault()\n inputEl.click()\n }\n }\n return (\n <>\n <label htmlFor={id} tabIndex={0} onKeyDown={handleKeyDown}>\n <Icon\n color={colors.lightNeutral45}\n css={{\n \"&:active\": { fill: colors.lightNeutral12 },\n \"&:hover\": { fill: colors.lightNeutral24 },\n }}\n cursor=\"pointer\"\n height=\"20px\"\n name=\"churchCenter.photosO\"\n width=\"20px\"\n />\n </label>\n <UploadButton\n aria-label=\"File upload\"\n className=\"file-input\"\n disabled={!isUploadEnabled \|\| maxFilesLeft === 0}\n id={id}\n multiple={multipleUploads}\n onFileChange={uploadNewFiles}\n />\n </>\n )\n}\n\nconst EmojiPickerUI = ({\n closeEmojiPicker,\n emojiPickerIsOpen,\n handleEmojiKeyDown,\n openEmojiPicker,\n}) => (\n <>\n <Button\n aria-label=\"Toggle emoji picker\"\n className=\"focus-visible\"\n css={{\n \"&:active\": { fill: colors.lightNeutral12 },\n \"&:hover\": { fill: colors.lightNeutral24 },\n }}\n fill={colors.lightNeutral45}\n onClick={emojiPickerIsOpen ? closeEmojiPicker : openEmojiPicker}\n onKeyDown={handleEmojiKeyDown}\n paddingHorizontal={0}\n size={\"sm\" as never}\n theme={false}\n tooltip=\"Pick an emoji\"\n >\n <Box width=\"23px\" height=\"23px\">\n <EmojiPickerIcon />\n </Box>\n </Button>\n <EmojiPicker small={true} />\n </>\n)\n\nconst DropzoneUI = ({ isDragReject }) => (\n <StackView\n alignment=\"center\"\n backgroundColor=\"surfaceTertiary\"\n borderColor={isDragReject ? \"error-dark\" : \"success-darker\"}\n borderRadius={8}\n borderStyle=\"dashed\"\n borderWidth={1}\n bottom={0}\n distribution=\"center\"\n left={0}\n position=\"absolute\"\n right={0}\n top={0}\n zIndex={10}\n >\n <Text\n color={isDragReject ? \"error-dark\" : \"success-darker\"}\n size={4}\n weight={600}\n >\n {isDragReject\n ? \"Some of the files will not be accepted\"\n : \"Drop your files here\"}\n </Text>\n </StackView>\n)\n\nconst useIsInputChildOfModal = () => {\n const [isChildOfModal, setIsChildOfModal] = useState(false)\n\n useEffect(() => {\n const modal = document.querySelector(\".str-chat__modal__inner\")\n const input = document.querySelector(\".custom-message-input-wrapper\")\n setIsChildOfModal(modal?.contains(input))\n }, [])\n\n return isChildOfModal\n}\n\nconst useAutoFocus = () => {\n const wrapInputRef = React.useRef(null)\n\n useEffect(() => {\n if (wrapInputRef.current) {\n const input = wrapInputRef.current?.querySelector(\"textarea\")\n input?.focus()\n input?.setSelectionRange(input?.value?.length, input?.value?.length)\n }\n }, [])\n\n return wrapInputRef\n}\n","import { Button, StackView } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\nimport {\n Channel,\n MessageInput,\n MessageList,\n useChatContext,\n Window,\n} from \"stream-chat-react\"\n\nimport { DrawerHeading } from \"../../../../components\"\nimport { useMessages } from \"../../hooks\"\nimport { MessageInput as MessageInputComponent } from \"./message_input\"\n\nexport const ChannelView = () => {\n const { channel } = useChatContext()\n const { switchToChannelListView } = useMessages()\n const title = channel?.data?.name \|\| \"Channel name\"\n\n return (\n <>\n <StackView\n alignment=\"center\"\n axis=\"horizontal\"\n padding={2}\n paddingTop={1}\n spacing={1}\n >\n <Button\n aria-label=\"Switch to message list\"\n icon=\"general.leftChevron\"\n onClick={switchToChannelListView}\n size={\"sm\" as never} // TODO: Tapestry TS bug\n title=\"Back to message list\"\n variant=\"naked\"\n />\n <DrawerHeading truncate>{title}</DrawerHeading>\n </StackView>\n <StackView grow={1} paddingBottom={2} shrink={1}>\n <Channel\n channel={channel}\n Input={MessageInputComponent}\n EditMessageInput={MessageInputComponent}\n >\n <Window>\n {/\n TODO: explore implementing <ScrollContainer> in <MessageList>\n https://getstream.io/chat/docs/sdk/react/components/core-components/message_list/#internalinfinitescrollprops\n /}\n <MessageList messageActions={[\"edit\", \"delete\", \"react\"]} />\n <MessageInput grow={true} />\n </Window>\n </Channel>\n </StackView>\n </>\n )\n}\n","import {\n Box,\n Button,\n Divider,\n Heading,\n StackView,\n Text,\n} from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\nimport { Channel, MessageInput } from \"stream-chat-react\"\n\nimport { DrawerHeading, ScrollContainer } from \"../../../components\"\nimport { useMessages } from \"../hooks\"\n\nexport const NewMessageView = () => {\n const { switchToChannelListView } = useMessages()\n return (\n <>\n <StackView\n alignment=\"center\"\n axis=\"horizontal\"\n spacing={1}\n padding={2}\n paddingTop={1}\n >\n <Button\n aria-label=\"Switch to message list\"\n icon=\"general.leftChevron\"\n onClick={switchToChannelListView}\n size={\"sm\" as never} // TODO: Tapestry TS bug\n title=\"Back to message list\"\n variant=\"naked\"\n />\n <DrawerHeading truncate>New Message</DrawerHeading>\n </StackView>\n <StackView grow={1} shrink={1}>\n <StackView padding={2} spacing={2}>\n <Text align=\"center\" color=\"foregroundTertiary\">\n Message definitions placeholder\n </Text>\n </StackView>\n <Divider />\n <StackView grow={1}>\n <StackView padding={2}>\n <Text color=\"foregroundSecondary\" size={5}>\n Selected service type name\n </Text>\n <StackView\n alignment=\"baseline\"\n axis=\"horizontal\"\n distribution=\"space-between\"\n spacing={1}\n >\n {/ Date \| Team name /}\n <Heading\n color=\"foreground\"\n letterSpacing=\".002em\"\n level={2}\n weight={700}\n >\n June 5th, 2024 \| Audio\n </Heading>\n {/ number of team members /}\n <Text color=\"foreground\">25</Text>\n </StackView>\n </StackView>\n <ScrollContainer>\n <StackView paddingBottom={2} paddingLeft={2} spacing={2}>\n {Array.from({ length: 25 }, (_, i) => `Person ${i + 1}`).map(\n (opt) => (\n <TeamMemberListItem key={opt} />\n )\n )}\n </StackView>\n </ScrollContainer>\n </StackView>\n <Divider />\n <StackView paddingBottom={2} spacing={1}>\n <StackView padding={2} paddingBottom={0}>\n <Text align=\"center\" size={5} color=\"foregroundSecondary\">\n Message groups are dynamically updated based on the settings\n above. Any volunteer changes made in Services to a team or plan\n will be reflected in this group.\n </Text>\n </StackView>\n <Channel>\n <MessageInput />\n </Channel>\n </StackView>\n </StackView>\n </>\n )\n}\n\nconst TeamMemberListItem = () => {\n return (\n <StackView alignment=\"center\" axis=\"horizontal\" spacing={1}>\n {/ Avatar placeholder /}\n <Box\n backgroundColor=\"grey-5\"\n borderColor=\"grey-6\"\n borderWidth={2}\n height=\"36px\"\n radius=\"circle\"\n width=\"36px\"\n />\n <Text size={3} truncate>\n Person Name\n </Text>\n </StackView>\n )\n}\n","import \"./style.css\"\n\nimport React from \"react\"\nimport { Chat } from \"stream-chat-react\"\n\nimport { DrawerHeader, DrawerHeading, SwitchView } from \"../../components\"\nimport { ToolbarTool } from \"../../types\"\nimport { ChannelListView, ChannelView, NewMessageView } from \"./components\"\nimport { useClient } from \"./hooks\"\nimport { MessagesProvider } from \"./messages_context\"\n\nconst USER_TOKEN =\n \"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoiYmxhY2stZGF3bi0wIiwiZXhwIjoxNjc4MzI3NDc0fQ.BpHu7s4yGSE5xS8wrYcV9CsbLKD5ta7gKHVHWA6Xdaw\"\n\nconst USER = {\n id: \"black-dawn-0\",\n image: \"https://getstream.io/random_png/?id=black-dawn-0&name=black\",\n name: \"black\",\n}\n\nconst MessagesComponent = ({ closeDrawer }) => {\n const chatClient = useClient({\n apiKey: \"dz5f4d5kzrue\",\n tokenOrProvider: USER_TOKEN,\n userData: USER,\n })\n\n const [actionsOpenForChannel, setActionsOpenForChannel] =\n React.useState(false)\n const [activeIndex, setActiveIndex] = React.useState(0)\n\n const switchToChannelListView = () => setActiveIndex(0)\n const switchToNewMessageView = () => setActiveIndex(1)\n const switchToChannelView = () => setActiveIndex(2)\n\n return (\n <MessagesProvider\n value={{\n actionsOpenForChannel,\n setActionsOpenForChannel,\n switchToChannelListView,\n switchToChannelView,\n switchToNewMessageView,\n }}\n >\n {chatClient ? (\n <Chat client={chatClient} theme=\"str-chat__theme-light\">\n <SwitchView activeIndex={activeIndex}>\n <ChannelListView closeDrawer={closeDrawer} />\n <NewMessageView />\n <ChannelView />\n </SwitchView>\n </Chat>\n ) : (\n <>\n <DrawerHeader closeDrawer={closeDrawer}>\n <DrawerHeading>Messages</DrawerHeading>\n </DrawerHeader>\n </>\n )}\n </MessagesProvider>\n )\n}\n\nconst Messages: ToolbarTool = {\n component: MessagesComponent,\n icons: {\n active: \"general.textMessage\",\n static: \"general.outlinedTextMessage\",\n },\n name: \"Messages\",\n}\n\nexport { Messages }\n","import React from \"react\"\nimport { StreamChat } from \"stream-chat\"\n\nexport const useClient = ({ apiKey, userData, tokenOrProvider }) => {\n const [chatClient, setChatClient] = React.useState(null)\n\n React.useEffect(() => {\n const client = new StreamChat(apiKey)\n // prevents application from setting stale client (user changed, for example)\n let didUserConnectInterrupt = false\n\n const connectionPromise = client\n .connectUser(userData, tokenOrProvider)\n .then(() => {\n if (!didUserConnectInterrupt) setChatClient(client)\n })\n\n return () => {\n didUserConnectInterrupt = true\n setChatClient(null)\n // wait for connection to finish before initiating closing sequence\n connectionPromise\n .then(() => client.disconnectUser())\n .then(() => {\n console.log(\"connection closed\")\n })\n }\n }, [apiKey, userData.id, tokenOrProvider])\n\n return chatClient\n}\n","import { Heading, Spinner, StackView } from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\nimport { Transition, TransitionGroup } from \"react-transition-group\"\n\nimport { default as themeColors } from \"../../colors\"\nimport NotificationItem from \"../../components/notification_item\"\nimport NotificationsMenuBlankState from \"../../components/notifications_menu_blank_state\"\nimport { Notification } from \"../../interfaces\"\nimport store from \"../../store\"\nimport { ExclamationTriangle } from \"../../symbols\"\nimport { DrawerHeader, DrawerHeading, ScrollContainer } from \"../components\"\nimport { ToolbarTool } from \"../types\"\n\nconst SectionHeaderButton = ({\n disabled,\n onClick,\n title,\n ...props\n}: {\n disabled?: boolean\n onClick: any\n title: string\n}) => (\n <StackView\n color={disabled ? themeColors.lightNeutral62 : themeColors.interaction66}\n cursor={disabled ? \"default\" : \"pointer\"}\n fontSize={5}\n fontWeight={600}\n userSelect=\"none\"\n onClick={!disabled && onClick}\n {...props}\n >\n {title}\n </StackView>\n)\n\nconst SectionHeaderTitle = ({\n ...props\n}: {\n children?: React.ReactNode\n padding?: number\n}) => (\n <Heading\n color={themeColors.lightNeutral12}\n lineHeight={2}\n size={5}\n textTransform=\"uppercase\"\n userSelect=\"none\"\n {...props}\n />\n)\n\nfunction NotificationsComponent({ closeDrawer }) {\n const [showRead, setShowRead] = React.useState(false)\n\n const duration = 300\n\n const defaultStyle = { transition: `opacity ${duration}ms ease-in-out` }\n\n const transitionStyles = {\n entered: { opacity: 1 },\n entering: { opacity: 0.2 },\n }\n\n const {\n handleMarkAllAsRead,\n handleMarkAsRead,\n handleToggleRead,\n hasError,\n isLoading,\n read,\n unread,\n } = store.getState()[\"notifications\"]\n\n return (\n <>\n <DrawerHeader closeDrawer={closeDrawer}>\n <StackView spacing={0.5}>\n <StackView alignment=\"center\" axis=\"horizontal\" spacing={1}>\n <DrawerHeading>Notifications</DrawerHeading>\n {isLoading && (\n <Spinner\n color=\"hsl(0 0% 62%)\"\n thickness={2}\n trackColor=\"hsl(0 0% 97%)\"\n />\n )}\n {hasError && (\n <ExclamationTriangle fill=\"hsl(8 60% 47%)\" size={16} />\n )}\n </StackView>\n {read.length > 0 && (\n <SectionHeaderButton\n onClick={() => setShowRead((showRead) => !showRead)}\n title={`${showRead ? \"Hide\" : \"Show\"} read`}\n />\n )}\n </StackView>\n </DrawerHeader>\n <ScrollContainer>\n <StackView alignment=\"stretch\" spacing={2}>\n <div\n style={{\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n margin: 0,\n padding: \"4px 0\",\n }}\n >\n {!isLoading && unread.length === 0 && (\n <NotificationsMenuBlankState\n context=\"toolbar\"\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 <StackView\n axis=\"horizontal\"\n alignment=\"center\"\n distribution=\"space-between\"\n padding={2}\n >\n <SectionHeaderTitle>Unread</SectionHeaderTitle>\n {unread.length > 0 && (\n <SectionHeaderButton\n onClick={() => handleMarkAllAsRead()}\n title={`Mark ${unread.length} as read`}\n />\n )}\n </StackView>\n )}\n <TransitionGroup exit={false}>\n {unread.map((notification: Notification, idx) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <NotificationItem\n isLast={unread.length === idx + 1}\n key={notification.id}\n onMarkAsRead={handleMarkAsRead}\n onToggleRead={() => handleToggleRead(notification)}\n showBottomBorder={read.length > 0}\n {...{ notification }}\n />\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n {read.length > 0 && showRead && (\n <>\n <SectionHeaderTitle padding={2}>Read</SectionHeaderTitle>\n <TransitionGroup exit={false}>\n {read.map((notification: Notification) => (\n <Transition key={notification.id} timeout={0}>\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n <div style={{ opacity: 0.6 }}>\n <NotificationItem\n key={notification.id}\n onToggleRead={() =>\n handleToggleRead(notification)\n }\n showBottomBorder\n {...{ notification }}\n />\n </div>\n </div>\n )}\n </Transition>\n ))}\n </TransitionGroup>\n </>\n )}\n </div>\n </StackView>\n </ScrollContainer>\n </>\n )\n}\n\nconst Notifications: ToolbarTool = {\n component: NotificationsComponent,\n icons: {\n active: \"toolbar.notification\",\n static: \"toolbar.notificationO\",\n },\n name: \"Notifications\",\n}\n\nexport { Notifications }\n","import as PCO_URL from \"@planningcenter/url\"\nimport { useCallback, useEffect } from \"react\"\n\ntype HandlerFunc = (message: { data: object }) => void\n\nconst defaultHandlerFunc = () => null\n\nfunction useCrossFrameMessaging(\n env: PCO_URL.Environment,\n handler: HandlerFunc = defaultHandlerFunc\n) {\n useEffect(() => {\n window.addEventListener(\"message\", handler)\n\n return () => window.removeEventListener(\"message\", handler)\n }, [handler])\n\n return useCallback(\n (message: object) => {\n const frame = getFrame(env)\n\n if (frame.contentWindow) {\n window.postMessage(message, \"\")\n frame.contentWindow.postMessage(message, \"\")\n } else {\n throw new Error(\n \"Cannot use iframe for cross-frame messaging. `contentWindow` is missing!\"\n )\n }\n },\n [env]\n )\n}\n\nfunction getFrame(env: PCO_URL.Environment) {\n const src = iframeSource(env)\n\n const foundFrame = document.querySelector<HTMLIFrameElement>(\n `iframe[src=\"${src}\"]`\n )\n\n if (foundFrame) return foundFrame\n\n const iframe = document.createElement(\"iframe\")\n iframe.src = src\n iframe.style.cssText =\n \"height: 0px; width: 0px; opacity: 0; position: absolute; left: -1000px; top: -1000px;\"\n document.body.appendChild(iframe)\n\n return iframe\n}\n\nfunction iframeSource(env: PCO_URL.Environment) {\n switch (env) {\n case \"production\":\n return \"https://pco-cross-storage.s3.amazonaws.com/hub.html\"\n case \"staging\":\n return \"https://pco-cross-storage-staging.s3.amazonaws.com/hub.html\"\n default:\n return \"https://pco-cross-storage-dev.s3.amazonaws.com/hub.html\"\n }\n}\n\nexport default useCrossFrameMessaging\n","import {\n components,\n UiExtensionFirstPartyComponent,\n} from \"@planningcenter/add-ons\"\nimport pcoUrl from \"@planningcenter/url\"\nimport React, { useCallback, useState } from \"react\"\n\nimport useCrossFrameMessaging from \"../../hooks/use_cross_frame_messaging\"\nimport { DrawerHeader, DrawerHeading, SwitchView } from \"../components\"\nimport { ToolbarTool } from \"../types\"\n\nconst { LoadingIndicator, StackView } = components\n\nfunction TasksComponent({ closeDrawer, env }) {\n const source = `${pcoUrl(env)(\"home\" as any)}/addons/toolbar.tasks.list.js`\n\n const [crossFrameMessages, setCrossFrameMessages] = useState([])\n\n const postCrossFrameMessage = useCrossFrameMessaging(\n env,\n useCallback((message: { data?: { homeTasksMessage?: string } }) => {\n if (message.data?.hasOwnProperty(\"homeTasksMessage\")) {\n let parsedMessage = null\n try {\n parsedMessage = JSON.parse(message.data.homeTasksMessage)\n } catch (e) {\n console.error(e)\n }\n if (parsedMessage) {\n setCrossFrameMessages((cfm) => [...cfm, parsedMessage])\n }\n }\n }, [])\n )\n\n const sendNotificationThatTaskListChanged = useCallback(\n (homeTasksMessage: object) => {\n const message = {\n homeTasksMessage: JSON.stringify(homeTasksMessage),\n }\n setTimeout(() => {\n postCrossFrameMessage(message)\n }, 1)\n },\n [postCrossFrameMessage]\n )\n\n function pendoTrackEvent(event: string, properties = {}) {\n if (!window?.pendo) {\n return console.warn(\"`window.pendo` is undefined\")\n }\n window.pendo.track(event, properties)\n }\n\n return (\n <UiExtensionFirstPartyComponent\n grow={1}\n display=\"flex\"\n extensionId=\"2\"\n url={source}\n loadingFallback={\n <StackView flex={1} axis=\"vertical\">\n <DrawerHeader closeDrawer={closeDrawer}>\n <StackView axis=\"horizontal\" spacing={1}>\n <DrawerHeading>Tasks</DrawerHeading>\n <LoadingIndicator />\n </StackView>\n </DrawerHeader>\n </StackView>\n }\n additionalComponents={{ DrawerHeader, DrawerHeading, SwitchView }}\n args={{\n closeDrawer,\n crossFrameMessages,\n sendNotificationThatTaskListChanged,\n trackPendo: pendoTrackEvent,\n }}\n />\n )\n}\n\nconst Tasks: ToolbarTool = {\n component: TasksComponent,\n icons: {\n active: \"toolbar.checklist\",\n static: \"toolbar.checklistO\",\n },\n name: \"Tasks\",\n}\n\nexport { Tasks }\n","import { UiExtensionDataContext } from \"@planningcenter/add-ons\"\nimport {\n Avatar,\n Box,\n Button,\n Divider,\n Icon,\n StackView,\n ThemeProvider,\n} from \"@planningcenter/tapestry-react\"\nimport pcoUrl, { Environment } from \"@planningcenter/url\"\nimport React from \"react\"\n\nimport { default as themeColors } from \"../colors\"\nimport getLoginProfilePath from \"../get_login_profile_path\"\nimport useMediaQuery from \"../hooks/use_media_query\"\nimport useNotifications from \"../hooks/use_notifications\"\nimport useStore from \"../hooks/use_store\"\nimport { topbarTheme } from \"../theme\"\nimport { Drawer, UserProfile as OriginalUserProfile } from \"./components\"\nimport { ActionType, useToolbarReducer } from \"./hooks\"\nimport { Messages, Notifications, Tasks } from \"./tools\"\nimport { ToolbarTool } from \"./types\"\n\nconst TOOLBAR_WIDTH = 48\nconst DRAWER_WIDTH = 360\nconst DURATION = 100\nconst NAVBAR_HEIGHT = 52\n\ntype UseNotificationProps = Pick<\n Parameters<typeof useNotifications>[\"0\"],\n \"enableJoltLogging\" \| \"joltPromise\"\n>\n\ntype ToolbarProps = {\n appName: string\n env: Environment\n linkToProfile?: boolean\n userAvatarPath: string\n userName: string\n} & UseNotificationProps\n\nconst IndicatorDot = (props) => (\n <Box\n backgroundColor={themeColors.home.brand62}\n height={1.5}\n pointerEvents=\"none\"\n position=\"absolute\"\n radius=\"50%\"\n right={0.25}\n top={0.25}\n width={1.5}\n zIndex={6}\n {...props}\n />\n)\n\nexport function Toolbar({\n appName,\n env,\n linkToProfile = true,\n userAvatarPath,\n userName,\n}: ToolbarProps): JSX.Element {\n const [state, dispatch] = useToolbarReducer()\n const { currentContent, mounted, open } = state\n const { userId } = useStore()\n\n React.useEffect(() => {\n if (open) {\n document.body.style.overflow = \"hidden\"\n window.scrollTo(0, 0)\n } else {\n document.body.style.overflow = \"auto\"\n }\n }, [open])\n\n const loginSettingsUrl = getLoginProfilePath({\n appName: appName.replace(/[\\s-]/, \"\"),\n env: env,\n userId: userId,\n })\n const logoutUrl = `${pcoUrl(env)(\"login\")}/logout`\n const profileUrl = `/people/AC${userId}`\n\n const { indicatorVisible, messagingEnabled } = useStore((state) => state)\n const TOOLS: ToolbarTool[] = [\n Notifications,\n Tasks,\n messagingEnabled && Messages,\n ].filter(Boolean)\n\n const openDrawer = (content) => {\n dispatch({ payload: { content }, type: ActionType.mount })\n setTimeout(() => dispatch({ type: ActionType.open }))\n }\n\n const closeDrawer = () => {\n dispatch({ type: ActionType.close })\n setTimeout(() => dispatch({ type: ActionType.unmount }), DURATION)\n }\n\n const toggleDrawer = (content: ToolbarTool \| typeof UserProfile) => {\n if (!open) {\n return openDrawer(content)\n }\n\n return currentContent.name === content.name\n ? closeDrawer()\n : dispatch({ payload: { content }, type: ActionType.set })\n }\n\n const UserProfile: Omit<ToolbarTool, \"icons\"> = {\n component: () =>\n OriginalUserProfile({\n closeDrawer,\n linkToProfile,\n loginSettingsUrl,\n logoutUrl,\n profileUrl,\n userAvatarPath,\n userName,\n }),\n name: \"Profile\",\n }\n\n const isMobile = useMediaQuery(\"(max-width: 600px)\")\n\n const [visibleWindowHeight, setVisibleWindowHeight] = React.useState(0)\n\n React.useLayoutEffect(() => {\n const handleResize = () => {\n setVisibleWindowHeight(window.innerHeight)\n }\n\n window.addEventListener(\"resize\", handleResize)\n\n return () => window.removeEventListener(\"resize\", handleResize)\n }, [])\n\n const handleToolOnClick = (tool: ToolbarTool) => {\n openDrawer(tool)\n document\n .getElementById(`toolbarDrawer${tool.name}`)\n ?.scrollTo({ behavior: \"smooth\", top: 0 })\n }\n\n return (\n <ThemeProvider theme={topbarTheme}>\n {isMobile ? (\n <>\n <StackView\n left={0}\n position=\"absolute\"\n right={0}\n pointerEvents=\"none\"\n style={{ minHeight: visibleWindowHeight }}\n top={0}\n zIndex={10001}\n >\n <StackView\n alignItems=\"start\"\n axis=\"horizontal\"\n backgroundColor=\"white\"\n borderTopColor=\"separatorTertiary\"\n borderTopWidth={1}\n bottom={0}\n distribution=\"fill\"\n height={`calc(${NAVBAR_HEIGHT}px + env(safe-area-inset-bottom))`}\n left={0}\n position=\"fixed\"\n pointerEvents=\"auto\"\n right={0}\n >\n <StackView alignment=\"center\" flex=\"1\" position=\"relative\">\n <Button\n css={{ WebkitTapHighlightColor: \"transparent\" }}\n color={\n !open\n ? themeColors.lightNeutral24\n : themeColors.lightNeutral62\n }\n hover={{ color: themeColors.lightNeutral24 }}\n icon={{\n name: open ? \"toolbar.homeO\" : \"toolbar.home\",\n size: \"20px\",\n }}\n onClick={() => closeDrawer()}\n padding={2}\n theme={false}\n title={`Home`}\n />\n </StackView>\n {TOOLS.map((tool) => (\n <StackView\n alignment=\"center\"\n flex=\"1\"\n key={tool.name}\n position=\"relative\"\n >\n <Button\n aria-label={`${tool.name}`}\n color={\n open && currentContent === tool\n ? themeColors.lightNeutral24\n : themeColors.lightNeutral62\n }\n css={{ WebkitTapHighlightColor: \"transparent\" }}\n hover={{ color: themeColors.lightNeutral24 }}\n key={tool.name}\n onClick={() => handleToolOnClick(tool)}\n paddingHorizontal={2}\n paddingVertical={2}\n theme={false}\n >\n <Box position=\"relative\">\n {indicatorVisible?.[tool.name] && (\n <IndicatorDot right={-0.5} top={-0.5} />\n )}\n <Icon\n name={\n open && currentContent === tool\n ? tool.icons.active\n : tool.icons.static\n }\n size=\"20px\"\n />\n </Box>\n </Button>\n </StackView>\n ))}\n </StackView>\n </StackView>\n <UiExtensionDataContext>\n {mounted && (\n <Drawer\n id={`toolbarDrawer${currentContent.name}`}\n bottom={`${NAVBAR_HEIGHT}px`}\n height={`calc(100% - ${NAVBAR_HEIGHT}px)`}\n overflow=\"auto\"\n position=\"absolute\"\n >\n <currentContent.component {...{ closeDrawer, env, userId }} />\n </Drawer>\n )}\n </UiExtensionDataContext>\n </>\n ) : (\n <StackView\n height=\"100vh\"\n position=\"absolute\"\n right={0}\n width={\n open\n ? `calc(${DRAWER_WIDTH}px + ${TOOLBAR_WIDTH}px)`\n : `${TOOLBAR_WIDTH}px`\n }\n transition={`all ${DURATION}ms ease-in-out`}\n >\n <StackView\n backgroundColor=\"surface\"\n borderLeftColor=\"separatorTertiary\"\n borderLeftWidth={1}\n grow={1}\n paddingVertical={1}\n spacing={<Divider margin={2} />}\n zIndex={2}\n position=\"absolute\"\n right={0}\n height=\"100%\"\n width={`${TOOLBAR_WIDTH}px`}\n >\n <StackView\n alignment=\"center\"\n data-pendo=\"toolbar-profile-support-wrapper\"\n spacing={2}\n >\n <Button\n data-pendo=\"toolbar-profile\"\n onClick={() => toggleDrawer(UserProfile)}\n radius={0}\n theme={false}\n >\n <Avatar\n alt={`${userName}'s avatar`}\n hover={{ outlineColor: themeColors.lightNeutral62 }}\n outlineColor={\n open && currentContent.name == \"Profile\"\n ? themeColors.lightNeutral62\n : \"transparent\"\n }\n outlineOffset=\"2px\"\n outlineStyle=\"solid\"\n outlineWidth=\"2px\"\n size=\"sm\"\n source={userAvatarPath}\n />\n </Button>\n\n <Button\n color={themeColors.lightNeutral62}\n data-pendo=\"toolbar-support\"\n hover={{\n color: themeColors.lightNeutral24,\n }}\n icon={{\n name: \"general.outlinedQuestionCircle\",\n pointerEvents: \"none\",\n size: \"20px\",\n }}\n id=\"jsLaunchHelpdesk\"\n title=\"Help\"\n theme={false}\n />\n </StackView>\n <StackView alignment=\"center\" spacing={2}>\n {TOOLS.map((tool) => (\n <Box\n data-pendo={`toolbar-${tool.name.toLowerCase()}`}\n key={tool.name}\n position=\"relative\"\n >\n {indicatorVisible?.[tool.name] && <IndicatorDot />}\n <Button\n color={\n open && currentContent === tool\n ? themeColors.lightNeutral24\n : themeColors.lightNeutral62\n }\n hover={{\n color: themeColors.lightNeutral24,\n }}\n icon={{\n name:\n open && currentContent === tool\n ? tool.icons.active\n : tool.icons.static,\n size: \"20px\",\n }}\n key={tool.name}\n onClick={() => toggleDrawer(tool)}\n title={`Open ${tool.name} drawer`}\n theme={false}\n />\n </Box>\n ))}\n </StackView>\n </StackView>\n <UiExtensionDataContext>\n {mounted && (\n <Drawer\n hasShadow\n id={`toolbarDrawer${currentContent.name}`}\n width={`${DRAWER_WIDTH}px`}\n >\n <currentContent.component {...{ closeDrawer, env, userId }} />\n </Drawer>\n )}\n </UiExtensionDataContext>\n </StackView>\n )}\n </ThemeProvider>\n )\n}\n","import {\n Avatar,\n Button,\n Divider,\n GridView,\n Heading,\n Icon,\n Link,\n StackView,\n Text,\n} from \"@planningcenter/tapestry-react\"\nimport React from \"react\"\n\nimport { default as themeColors } from \"../../colors\"\nimport { remove } from \"../../connected_people_provider\"\nimport useStore from \"../../hooks/use_store\"\n\nconst requestClearConnectedPeopleCache = () => remove()\n\ninterface Props {\n closeDrawer: () => void\n linkToProfile: boolean\n loginSettingsUrl: string\n logoutUrl: string\n profileUrl: string\n userAvatarPath: string\n userName: string\n}\n\nexport function UserProfile({\n closeDrawer,\n linkToProfile,\n loginSettingsUrl,\n logoutUrl,\n profileUrl,\n userName,\n userAvatarPath,\n}: Props) {\n const { mfaConfigured, mfaEnabled } = useStore()\n\n return (\n <StackView axis=\"vertical\" spacing={<Divider />}>\n <GridView\n columns=\"auto 1fr auto\"\n alignment=\"start\"\n spacing={2}\n padding={2}\n paddingTop={1}\n width=\"100%\"\n >\n <Avatar source={userAvatarPath} size=\"md\" />\n <StackView axis=\"vertical\" spacing={1} grow={0} shrink={1}>\n <Heading\n level={3}\n weight={600}\n paddingTop={0.5}\n color={themeColors.lightNeutral12}\n >\n {userName}\n </Heading>\n {linkToProfile && (\n <Link to={profileUrl} style={{ color: themeColors.lightNeutral45 }}>\n My profile\n </Link>\n )}\n {mfaEnabled && (\n <>\n <Link\n to={loginSettingsUrl}\n style={{ color: themeColors.lightNeutral45 }}\n >\n My login settings\n </Link>\n <StackView\n axis=\"horizontal\"\n alignment=\"center\"\n spacing={0.5}\n width=\"100%\"\n >\n <Icon\n name={mfaConfigured ? \"general.lock\" : \"general.unlock\"}\n size=\"sm\"\n color={\n mfaConfigured ? themeColors.success25 : themeColors.danger45\n }\n />\n <Text\n size={5}\n weight={400}\n color={themeColors.lightNeutral62}\n wrap={true}\n >\n Two-step verification {mfaConfigured ? \"active\" : \"inactive\"}\n </Text>\n </StackView>\n </>\n )}\n </StackView>\n <Button\n icon={{\n fill: themeColors.lightNeutral24,\n name: \"general.x\",\n size: \"md\",\n }}\n onClick={closeDrawer}\n title=\"Close\"\n variant=\"naked\"\n theme={false}\n hover={{\n backgroundColor: themeColors.lightNeutral95,\n }}\n />\n </GridView>\n <Button\n data-turbolinks={false}\n onClick={() => {\n requestClearConnectedPeopleCache()\n return\n }}\n style={{ padding: 0 }}\n theme={false}\n to={logoutUrl}\n width=\"100%\"\n >\n <StackView\n distribution=\"space-between\"\n alignment=\"center\"\n axis=\"horizontal\"\n grow={1}\n paddingHorizontal={3}\n paddingVertical={2}\n >\n <Text color={themeColors.lightNeutral62}>Logout</Text>\n <Icon name=\"general.intoBox\" fill={themeColors.lightNeutral62} />\n </StackView>\n </Button>\n </StackView>\n )\n}\n","import { useEffect, useState } from \"react\"\n\nfunction useMediaQuery(query: string): boolean {\n const getMatches = (query: string): boolean => {\n // Prevents SSR issues\n if (typeof window !== \"undefined\") {\n return window.matchMedia(query).matches\n }\n return false\n }\n\n const [matches, setMatches] = useState<boolean>(getMatches(query))\n\n function handleChange() {\n setMatches(getMatches(query))\n }\n\n useEffect(() => {\n const matchMedia = window.matchMedia(query)\n\n // Triggered at the first client-side load and if query changes\n handleChange()\n\n // Listen matchMedia\n if (matchMedia.addListener) {\n matchMedia.addListener(handleChange)\n } else {\n matchMedia.addEventListener(\"change\", handleChange)\n }\n\n return () => {\n if (matchMedia.removeListener) {\n matchMedia.removeListener(handleChange)\n } else {\n matchMedia.removeEventListener(\"change\", handleChange)\n }\n }\n }, [query])\n\n return matches\n}\n\nexport default useMediaQuery\n"],"names":["_excluded","defaultFetch","url","options","fetch","_extends","credentials","mode","railsCsrfFetch","_ref","headers","rest","_objectWithoutPropertiesLoose","_window$Rails","_window","window","Rails","csrfToken","_document$querySelect","document","querySelector","getAttribute","apiRequest","method","data","Accept","redirect","body","JSON","stringify","then","response","json","ok","catch","e","console","warn","useLocalStorage","key","initialValue","storedValue","setStoredValue","useState","item","localStorage","getItem","parse","error","localStorageRepresentation","useEffect","setItem","dropKey","removeItem","buildNotificationFromApiResponse","resp","_findInIncluded","_findInIncluded$attri","_findInIncluded2","_findInIncluded2$attr","_resp$relationships","_resp$relationships$w","_resp$relationships$w2","_resp$attributes$read","findInIncluded","type","id","included","find","i","appName","relationships","app","attributes","name","notificationData","web_payloads","content","createdAt","Date","created_at","isRead","read_at","length","link","title","store","initialState","currentState","listeners","Set","getState","setState","newState","forEach","listener","subscribe","add","delete","createStore","AppsProvider","configuredFetch","env","formatter","mapApps","joltPromise","render","userId","_topbarResponse$data","_topbarResponse$data$","_topbarResponse$data2","_topbarResponse$data3","_topbarResponse$data4","_topbarResponse$data5","_topbarResponse$data6","_topbarResponse$data7","_topbarResponse$data8","_topbarResponse$data9","_topbarResponse$data10","_topbarResponse$data11","_topbarResponse$data12","_topbarResponse$data13","_topbarResponse$data14","topbarResponse","useTopbarAPI","localResp","setLocalResp","setResp","pcoUrl","apps","hasConnectedPeople","has_connected_people","mfaEnabled","features","includes","mfaConfigured","mfa_configured","notificationsEnabled","notificationsDisabled","organizationTimeZone","org_time_zone","toolbarEnabled","messagingEnabled","handleMarkAllAsRead","handleMarkAsRead","handleToggleRead","hasError","isLoading","read","unread","enableJoltLogging","enabled","props","notifications","setNotifications","React","setIsLoading","setHasError","sort","a","b","reduce","acc","notification","notificationsOrganizer","unreadCount","setUnreadCount","joltChannel","useJoltChannelSubscription","channelName","Promise","resolve","setJoltChannel","joltInstance","setJoltInstance","usingIndependentJoltInstance","setUsingIndependentJoltInstance","subscribeToJoltChannel","useCallback","async","jolt","j","subscribeUrl","fetchSubscribeTokenFn","_channel","cid","Jolt","wssUrl","fetchAuthTokenFn","logToConsole","channel","pcoPageExpiredHandler","event","_window$pcoPageExpire","hasOwnProperty","PCOPageExpiredCurrentPersonACID","pcoPageExpired","currentPersonACID","disconnect","addEventListener","removeEventListener","fetchNotifications","map","exception","extractPayloadFromJoltMessage","updateStateFromJoltMessage","message","fetchNotification","filter","candidate","removeNotification","joltMessageNotificationDataPayload","newNotifications","bind","unbind","markAsReadOrUnread","notificationIds","readOrUnread","action","source","n","unreadIds","u","useNotifications","state","indicatorVisible","Notifications","remove","_resp$data","_resp$data$attributes","ConnectedPeopleProvider","Component","constructor","super","this","connectedPeople","unlink","location","meta","redirect_to","switch","toId","returnPath","return_path","componentDidMount","defaultProps","debounce","func","wait","timeout","args","context","clearTimeout","setTimeout","later","apply","PointBreak","width","innerWidth","setWindowWidth","componentWillUnmount","breakpointString","DisplaySwitch","breakpoint","smallBreakpoints","indexOf","smallTopbar","notSmallTopbar","Accounts","color","createElement","fill","d","Squircle","HomeHex","MonoAppIcon","colors","style","size","platformProps","xmlns","height","viewBox","role","display","iconBackground","AppSymbols","base0","MonoAppName","MonoAppText","slightBackgroundTransition","transition","fontFamily","IEFlex1","flex","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_excluded8","_excluded9","Bell","dot","dotFill","bellPath","stroke","cx","cy","r","mask","x","y","BlankStateIcon","_ref2","dark","nativeProps","clipPath","opacity","ChevronIcon","_ref3","Cog","_ref4","DisclosureChevronIcon","_ref5","base3","points","HelpIcon","_ref6","ExclamationTriangle","_ref7","Spyglass","_ref8","X","_ref9","Unbutton","WebkitAppearance","appearance","backgroundColor","border","cursor","outline","padding","AppsButton","displayIconOnly","expanded","onClick","down","setDown","entered","setEntered","onMouseDown","onMouseEnter","onMouseLeave","onMouseUp","alignItems","base1","base2","paddingLeft","paddingRight","whiteSpace","replace","Fragment","fontSize","fontWeight","marginLeft","margin","x1","y1","x2","y2","gradientUnits","offset","stopColor","gradientTransform","xlinkHref","transform","ColorAppIcon","ColorAppSquircles","getAppsSwitchProductPath","productName","_window$location","_window$location$path","basePath","toLowerCase","referer","pathname","toString","params","URLSearchParams","append","HoverableListItem","active","component","C","Outsider","container","handleOutsideClick","contains","target","stopPropagation","preventDefault","onOutsideClick","_this$props","cleanup","ref","c","PopupRoot","alignSelf","position","Popup","background","borderRadius","boxShadow","overflow","AppsMenu","toggle","visible","accountsProduct","homeProduct","restProducts","localeCompare","listItemProps","verticalAlign","marginTop","visibility","minWidth","href","borderBottom","marginRight","isFirst","isLast","paddingBottom","paddingTop","borderTop","textDecoration","lineHeight","Hoverable","hover","innerRef","NotificationBell","isHover","isOpen","BellIcon","base3Hover","danger43","danger45","danger47","danger93","danger97","darkNeutral07","darkNeutral12","darkNeutral15","darkNeutral17","darkNeutral19","darkNeutral24","darkNeutral32","darkNeutral50","darkNeutral68","darkNeutral88","darkNeutral98","home","brand62","interaction45","interaction50","interaction55","interaction66","interaction91","interaction93","lightNeutral12","lightNeutral24","lightNeutral45","lightNeutral62","lightNeutral81","lightNeutral88","lightNeutral93","lightNeutral95","lightNeutral97","lightNeutral98","lightNeutral100","success23","success25","success27","success91","success97","warning49","warning55","warning63","warning94","warning97","useStore","selector","useSyncExternalStore","generateColorScale","designSystem","topbarTheme","baseColor","icons","churchCenter","general","people","toolbar","ConditionalWrap","children","condition","wrap","useHover","elementRef","value","setValue","handleMouseEnter","handleMouseLeave","node","current","Eyebrow","textTransform","MarkReadDot","hoverRef","useRef","justifyContent","NotificationItem","mobile","onMarkAsRead","onToggleRead","showBottomBorder","isActive","setIsActive","datetimeFmtOptions","timeZone","flexDirection","flexGrow","borderLeft","Calendar","Giving","Groups","People","Publishing","Registrations","Services","marginBottom","userSelect","datetimeFmt","datetime","NotificationsMenuBlankState","description","StackView","alignment","distribution","Heading","Text","align","NotificationsMenuWrapper","right","Headline","SectionHeaderButton","disabled","SectionHeader","SectionHeaderTitle","ManageButton","textAlign","NotificationsMenu","localShowRead","setLocalShowRead","topDistance","setTopDistance","showRead","setShowRead","setActive","setHeight","observe","mainRef","mainHeight","useDimensions","onResize","unobserve","settingsRef","settingsHeight","_ref$current","getBoundingClientRect","top","hasPrefs","some","notifications_preferences_url","defaultStyle","transitionStyles","entering","handleToggle","ThemeProvider","theme","maxHeight","innerHeight","className","overflowX","overflowY","boxSizing","Spinner","thickness","trackColor","TransitionGroup","exit","idx","Transition","BlankFallback","Object","freeze","fallback","ErrorBoundary","static","_error","componentDidCatch","errorInfo","Error","appsMenuFormatter","sortByAttribute","attr","arr","slice","connectedPeopleMenuFormatter","StyledRoot","MozOsxFontSmoothing","WebkitFontSmoothing","HelpdeskTrigger","highlight","getLoginProfilePath","MFAStatus","statusColor","UserMenu","linkToProfile","orgName","requestClearAppsCache","requestClearConnectedPeopleCache","requestSwitchConnectedPerson","requestUnlinkConnectedPeople","setUserMenuVisible","userMenuVisible","userName","showLogout","logoutUrl","maxWidth","textOverflow","listStyleType","person","organization_name","Divider","Button","themeColors","to","axis","grow","paddingHorizontal","paddingVertical","Icon","Avatar","incomingUrl","backgroundImage","backgroundPosition","backgroundSize","UserMenuTrigger","requestConnectedPeopleFetch","showOrgName","userAvatarPath","text","Topbar","_notifications$unread","appsMenuVisible","setAppsMenuVisible","notificationsMenuVisible","setNotificationsMenuVisible","routesVisible","setRoutesVisible","requestAppsFetch","routes","search","hideRoutes","showRoutes","useDummyNotifications","Route","Provider","announcements","initialAnnouncements","dismissAnnouncements","newAnnouncements","pcURL","obj","ownProps","keys","resArray","Array","entries","entry","StyledAnnouncement","StyleProvider","_this$props2","join","trim","PlatformAnnouncements","actions","Boolean","announcement","renderItem","StyledDismissButton","_objectDestructuringEmpty","borderWidth","XSymbol","DissmissibleAnnouncement","dangerouslySetInnerHTML","__html","html","ProductAnnouncement","_event","dismissed","updateDismissed","ClientStorage","update","forceUpdate","undefined","HSLtoHSLA","hsl","hslArray","split","AccountSettingsLink","accountsName","CloseMenuButton","LinkedAccounts","borderColor","LoginSettingsLink","ProfileLink","UserName","UserInfo","flexShrink","WebkitOverflowScrolling","appColors","UserProfileMenu","spacing","shrink","weight","truncate","Link","as","underline","icon","HeadingUppercase","List","dividerColor","Item","UserMenuAppLockup","originalAppName","routesMenuVisible","setRoutesMenuVisible","productSwitcherVisible","setProductSwitcherVisible","activeRoute","CurrentRouteComponent","currentRouteComponent","currentRouteText","left","LocalStorageProvider","MozUserSelect","WebkitTapHighlightColor","WebkitUserSelect","bottom","msUserSelect","forcePropagation","borderRight","s","charAt","toUpperCase","Drawer","hasShadow","elevation","open","zIndex","DrawerHeader","closeDrawer","Box","DrawerHeading","letterSpacing","level","INDICATOR_STYLES","ScrollContainer","overflowTop","setOverflowTop","overflowBottom","setOverflowBottom","containerRef","bottomEdgeRef","topEdgeRef","handleResize","scrollHeight","clientHeight","scrollTop","root","threshold","bottomObserver","IntersectionObserver","isIntersecting","topObserver","bottomTarget","topTarget","resizeObserver","ResizeObserver","OverflowIndicator","edge","basis","pointerEvents","SwitchView","activeIndex","childCount","Children","count","validatedIndex","view","index","inView","ActionType","currentContent","mounted","reducer","mount","payload","unmount","close","set","MessagesContext","createContext","MessagesProvider","useMessages","useContext","LoadingErrorIndicator","loading","switchToNewMessageView","preLoading","child","isValidElement","listType","css","UnreadBadge","clampedValue","Badge","radius","Preview","displayTitle","latestMessage","setActiveChannel","_latestMessage$props","setActionsOpenForChannel","actionsOpenForChannel","switchToChannelView","channelActionsOpen","latestMessageText","handleChannelClick","GridView","borderBottomColor","borderBottomWidth","columns","minHeight","onKeyDown","tabIndex","WebkitBoxOrient","WebkitLineClamp","last_message_at","date","year","getTimeStamp","Dropdown","iconRight","lockScrollWhileOpen","onClose","onOpen","placement","popoverProps","shouldFlip","variant","onSelect","FILTERS","ChannelListView","channelsLoading","useChannelsLoading","setLoading","channelsQueryState","useChatContext","queryInProgress","_loading","ChannelList","filters","Paginator","InfiniteScroll","MessageInput","closeEmojiPicker","emojiPickerIsOpen","handleEmojiKeyDown","handleSubmit","isUploadEnabled","maxFilesLeft","numberOfUploads","openEmojiPicker","uploadNewFiles","useMessageInputContext","multipleUploads","useChannelStateContext","getRootProps","isDragActive","isDragReject","useDropzone","multiple","noClick","onDrop","isInputChildOfModal","useIsInputChildOfModal","wrapInputRef","useAutoFocus","marginHorizontal","refKey","DropzoneUI","AttachmentPreviewList","ChatAutoComplete","placeholder","EmojiPickerUI","FileUploadUI","useMemo","nanoid","inputEl","getElementById","htmlFor","click","UploadButton","onFileChange","tooltip","EmojiPickerIcon","EmojiPicker","small","borderStyle","isChildOfModal","setIsChildOfModal","modal","input","_wrapInputRef$current","_input$value","_input$value2","focus","setSelectionRange","ChannelView","_channel$data","switchToChannelListView","Channel","Input","MessageInputComponent","EditMessageInput","Window","MessageList","messageActions","NewMessageView","from","_","opt","TeamMemberListItem","USER","image","Messages","MessagesComponent","chatClient","useClient","apiKey","userData","tokenOrProvider","setChatClient","client","StreamChat","didUserConnectInterrupt","connectionPromise","connectUser","disconnectUser","log","setActiveIndex","Chat","defaultHandlerFunc","LoadingIndicator","components","Tasks","crossFrameMessages","setCrossFrameMessages","postCrossFrameMessage","handler","frame","src","iframeSource","foundFrame","iframe","cssText","appendChild","getFrame","contentWindow","postMessage","useCrossFrameMessaging","_message$data","parsedMessage","homeTasksMessage","cfm","sendNotificationThatTaskListChanged","UiExtensionFirstPartyComponent","extensionId","loadingFallback","additionalComponents","trackPendo","properties","pendo","track","IndicatorDot","Toolbar","dispatch","useReducer","overrides","scrollTo","loginSettingsUrl","profileUrl","TOOLS","openDrawer","toggleDrawer","UserProfile","OriginalUserProfile","isMobile","query","getMatches","matchMedia","matches","setMatches","handleChange","addListener","removeListener","useMediaQuery","visibleWindowHeight","setVisibleWindowHeight","useLayoutEffect","borderTopColor","borderTopWidth","tool","_document$getElementB","behavior","handleToolOnClick","UiExtensionDataContext","borderLeftColor","borderLeftWidth","alt","outlineColor","outlineOffset","outlineStyle","outlineWidth"],"mappings":"86DAEA,MAAAA,GAAA,CAAA,WAAaC,GAAsBA,CAACC,EAAKC,IAChCC,MAAMF,EAAGG,GAAIC,CAAAA,YAAa,UAAWC,KAAM,QAAWJ,IAGlDK,GAAwBA,CAACN,EAAGO,KAAE,IAAAC,QAAEA,GAAkBD,EAANE,EAAIC,GAAAH,EAAAT,IAC3D,OAAOI,MAAMF,EAAGG,GACdK,CAAAA,QAAOL,MAAOK,EAAO,CAAE,gBASjBG,OAANC,EAAAC,gBAAMF,EAANC,EAAQE,YAAFH,EAANA,EAAeI,eACfC,OAD0BA,EAC1BC,SACGC,cAAc,iCADjBF,EAAAA,EAEIG,aAAa,aACjB,QAZGV,EAAI,CACPL,YAAa,UACbC,KAAM,UAIV,IAA4BO,EAAAD,EAAAK,CAF5B,EAYwB,SAAAI,GACtBlB,EACAF,GACAqB,OAAEA,EAAS,MAAKC,KAAEA,EAAO,MAAS,CAAA,GAElC,MAAMrB,EAAuB,CAC3BO,QAAS,CACPe,OAAQ,mBACR,eAAgB,oBAElBF,SACAG,SAAU,UAOZ,OAJIF,GAAmB,QAAXD,IACVpB,EAAQwB,KAAOC,KAAKC,UAAUL,IAGzBpB,EAAMF,EAAKC,GAAS2B,KACxBC,GACCA,EACGC,OACAF,KAAME,IAAU,CAAEA,OAAMC,GAAIF,EAASE,GAAIF,cACzCG,MAAM,KAAO,CAAEF,KAAM,KAAMC,GAAIF,EAASE,GAAIF,cAChDI,IACCC,QAAQC,KAAKF,GAEN,CAAEH,KAAM,KAAMC,IAAI,EAAOF,SAAU,OAGhD,CCpDA,SAASO,GAAgBC,EAAaC,GAGpC,MAAOC,EAAaC,GAAkBC,EAAS,KAC7C,IAEE,MAAMC,EAAO7B,OAAO8B,aAAaC,QAAQP,GAGzC,OAAOK,EAAOhB,KAAKmB,MAAMH,GAAQJ,CAClC,CAAC,MAAOQ,GAEP,OAAOR,CACR,IAIGS,EAA6BrB,KAAKC,UAAUY,GAQlD,OAPAS,EAAU,KACRnC,OAAO8B,aAAaM,QAAQZ,EAAKU,EACnC,EAAG,CAACV,EAAKU,IAKF,CAAEG,QAFOA,IAAMrC,OAAO8B,aAAaQ,WAAWd,GAEnCG,iBAAgBD,cACpC,yDC8GMa,GAAmCA,CAACC,EAAMvB,KAAsBwB,IAAAA,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACpE,MAAMC,EAAiBA,EAAGC,OAAMC,MAAMC,IAC7BA,EAASC,KAAMC,GACbA,EAAEJ,OAASA,GAAQI,EAAEH,KAAOA,GAIjCI,EAGLb,OAHYD,EAAWQ,EACtBT,EAAKgB,cAAcC,IAAIhD,KACvBQ,EAAKmC,YACM,OAAZV,EAHuBD,EAGrBiB,iBAAFhB,EAHuBA,EAGTiB,KAOTC,EAAmB/C,KAAKmB,MAO3B,OAPgCW,EACjCM,EACE,CACEE,GAAQ,MAAJX,GAAmBM,OAAfD,EAAJL,EAAMgB,uBAAaV,EAAnBD,EAAqBgB,eAAqB,OAATd,EAAjCD,EAAmCrC,KAAK,SAApC,EAAJsC,EAA4CI,GAChDD,KAAM,WAERjC,EAAKmC,YALPR,OAMCA,EANDD,EAMGe,iBAAF,EANDd,EAMekB,SAGjB,MAAO,CACLP,UACAQ,UAAW,IAAIC,KAAKxB,EAAKkB,WAAWO,YACpCd,GAAIX,EAAKW,GACTe,QAAQlB,OAAAA,EAAAR,EAAKkB,WAAWS,cAAhBnB,EAAAA,EAAyBoB,QAAS,EAC1CC,KAAMT,MAAAA,OAAAA,EAAAA,EAAkBS,KACxBC,MAAuB,MAAhBV,OAAgB,EAAhBA,EAAkBU,QC3JvBC,GAjBN,SAAqBC,GACnB,IAAIC,EAgBoB,GAfxB,MAAMC,EAAY,IAAIC,IAEtB,MAAO,CACLC,SAAUA,IAAMH,EAChBI,SAAWC,IACTL,EAAeK,EACfJ,EAAUK,QAASC,GAAaA,EAASP,GAAa,EAExDQ,UAAYD,IACVN,EAAUQ,IAAIF,GACP,IAAMN,EAAUS,OAAOH,IAGpC,CAEcI,GCTDC,GAAeA,EAC1BC,gBAAAA,EAAkBpG,GAClBqG,MACAC,UAAAA,EAAYC,GACZC,cACAC,SACAC,aACsBC,IAAAA,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACtB,MAAMC,ECTaC,GACnBvB,kBACAC,UAKA,MAAQ7D,YAAaoF,EAAWnF,eAAgBoF,GAC9CxF,GAAgB,SAAU,KACrBiB,EAAMwE,GAAWpF,EAA4BkF,GAEpD3E,EAAU,KACR9C,KACC,IAEH,MAAMA,EAAQA,KACZkB,GACE+E,EACA,GAAG2B,EAAO1B,EAAP0B,CAAY,8BACflG,KAAK,EAAGE,OAAMC,SACVA,IACF8F,EAAQ/F,GACR8F,EAAa9F,GACd,IAIL,OAAOuB,GDlBgBqE,CAAa,CAAEvB,gBAAAA,EAAiBC,QACjD2B,EAAO1B,EAAUoB,GACjBO,EACU,MAAdP,GAAoBd,OAAND,EAAde,EAAgBnG,OAAhBqF,OAAoBA,EAApBD,EAAsBnC,iBAAR,EAAdoC,EAAkCsB,qBAC9BC,EACU,MAAdT,GAAoB,OAANb,EAAda,EAAgBnG,OAAgB,OAAZuF,EAApBD,EAAsBrC,aAAtBuC,OAAgCA,EAAhCD,EAAkCsB,eAApB,EAAdrB,EAA4CsB,SAAS,eACjDC,IAAgC,MAAdZ,GAAoB,OAANV,EAAdU,EAAgBnG,OAAhB0F,OAAoBA,EAApBD,EAAsBxC,cAAtByC,EAAkCsB,gBACpDC,GAAwB1H,OAAO2H,sBAC/BC,GACU,MAAdhB,GAAoB,OAANR,EAAdQ,EAAgBnG,OAAhB4F,OAAoBA,EAApBD,EAAsB1C,iBAAR,EAAd2C,EAAkCwB,gBAAiB,sBAC/CC,EACUxB,MAAdM,GAAoBL,OAAND,EAAdM,EAAgBnG,OAAgB+F,OAAZD,EAApBD,EAAsB5C,aAAoB,OAAV8C,EAAhCD,EAAkCe,eAApBhB,EAAdE,EAA4Ce,SAAS,mBACjDQ,QACJnB,GAAoB,OAANH,EAAdG,EAAgBnG,OAAgB,OAAZiG,EAApBD,EAAsB/C,aAAtBiD,OAAgCA,EAAhCD,EAAkCY,iBAAlCX,EAA4CY,SAAS,sBAEjDS,oBACJA,EAAmBC,iBACnBA,EAAgBC,iBAChBA,EAAgBC,SAChBA,EAAQC,UACRA,EAASC,KACTA,EAAIC,OACJA,GFkJqB5I,KAAC,IAAA6I,kBACxBA,GAAoB,EAAKC,QACzBA,GAAU,EAAIjD,IACdA,EAAGK,OACHA,GAEsBlG,EADnB+I,EAAK5I,GAAAH,EAAAT,IAWR,MAAOyJ,EAAeC,GAGlBC,EAAMhH,SAAS,KAEZwG,EAAWS,GAAgBD,EAAMhH,UAAS,IAC1CuG,EAAUW,GAAeF,EAAMhH,UAAS,IACzCyG,KAAEA,EAAIC,OAAEA,GAtLdI,KAEA,MAAML,KAAEA,EAAIC,OAAEA,GAAW,IAAII,GAC1BK,KAAK,CAACC,EAAiBC,IACfD,EAAEjF,UAAYkF,EAAElF,UAAY,GAAK,GAEzCmF,OACC,CAACC,EAAKC,IACsB9J,GACjB6J,CAAAA,EAAAA,EADFC,EAAalF,OACNmE,CAAAA,KAAM,IAAIc,EAAId,KAAMe,IACtB,CAAEd,OAAQ,IAAIa,EAAIb,OAAQc,KAExC,CAAEf,KAAM,GAAIC,OAAQ,KAExB,MAAO,CAAED,OAAMC,WAwKUe,CAAuBX,IAExChH,YAAa4H,EAAa3H,eAAgB4H,GAChDhI,GAAgB,mCAAoC+G,EAAOlE,QAEvDoF,EAlK2BC,GACjCC,cACAnB,kBAAAA,GAAoB,EACpBC,QAAAA,GAAU,EACVjD,MACAG,YAAAA,EAAcA,KAAMiE,QAAQC,eAE5B,MAAOJ,EAAaK,GAGhBjB,EAAMhH,YACHkI,EAAcC,GAAmBnB,EAAMhH,YACvCoI,EAA8BC,GACnCrB,EAAMhH,UAAS,GAEXsI,EAAyBtB,EAAMuB,YAAYC,UAC/C,IAAIC,QAAa3E,IAAc3E,KAAMuJ,GAAMA,GAC3C,MAAMC,EAAe,GAAGtD,EAAO1B,EAAP0B,CACtB,0DAGIuD,EAAwBJ,MAAOK,EAAkBC,IAC9CnK,GAAWd,GAAgB8K,EAAc,CAC9C9J,KAAM,CAAEA,KAAM,CAAEiD,WAAY,CAAEgH,SAC9BlK,OAAQ,SACPO,KAAK,EAAGE,UAAWA,EAAKR,KAAK0C,IAe7BkH,IACHJ,GAAgC,GAChCI,EAAO,IAAIM,EAhFDpF,KACd,OAAQA,GACN,IAAK,cACL,IAAK,OACH,MAAO,2DACT,IAAK,UACH,MAAO,2DACT,QACE,MAAO,2DAA0D,EAyE/DqF,CAAOrF,GACP,CACEsF,iBAjBmBT,SACvB7J,GACEd,GACG,GAAAwH,EAAO1B,EAAP0B,CACD,0DAEF,CACExG,KAAM,CAAEA,KAAM,CAAEiD,WAAY,CAAA,IAC5BlD,OAAQ,SAEVO,KAAK,EAAGE,UAAWA,EAAKR,KAAK0C,IAQ3BqH,yBAEF,CAAEM,aAAcvC,KAIpB,MAAMwC,EAAUV,EAAKpF,UAAUyE,EAAa,CAAEc,0BAC9CX,EAAekB,GACfhB,EAAgBM,EAAI,EACnB,CAAC9J,GAAYmJ,EAAanE,EAAK0B,EAAQxH,KA+B1C,OA7BAmJ,EAAMzG,UAAU,KACVqG,GACF0B,GACD,EACA,IAEHtB,EAAMzG,UAAU,KACd,MAAM6I,EAAyBC,IAAS,IAAAlL,EAAAmL,EACjCD,EAAMxK,KAAK0K,eAAe,oCAE7BF,EAAMxK,KAAK2K,mCACLF,OADoCnL,EAC1CC,SAAsB,OAAhBkL,EAANnL,EAAQsL,qBAAFH,EAANA,EAAwBI,oBAGtBxB,GAAcA,EAAayB,YAAU,EAI3C,OADAvL,OAAOwL,iBAAiB,UAAWR,GAC5B,IAAMhL,OAAOyL,oBAAoB,UAAWT,EAAqB,EACvE,CAAClB,IAEJlB,EAAMzG,UAAU,IACP,KACD2H,GAAgBE,GAClBF,EAAayB,YACd,EAEF,CAACzB,IAEGN,GA4EaC,CAA2B,CAC7CC,YAAqC,wBAAA9D,IACrC2C,oBACAC,UACAjD,MACAG,YAAa+C,EAAM/C,cAGfgG,EAAqB9C,EAAMuB,YAAY,KAC3C,IACErB,GAAY,GACZvI,GACErB,GACA,GAAG+H,EAAO1B,EAAP0B,CACD,4GAEFlG,KAAK,EAAGE,WACR,MAAMyH,EAAgBzH,EAAKR,KAAKkL,IAAKnJ,GACnCD,GAAiCC,EAAMvB,IAGzC4H,GAAa,GACbF,EAAiBD,EACnB,EACD,CAAC,MAAOkD,GACP9C,GAAY,GACZzH,QAAQY,MACN,2DACA2J,EAEH,GACA,CAACrL,GAAYgC,GAAkCrD,GAAcqG,EAAK0B,IAoB/D4E,EACJzC,GACuCvI,KAAKmB,MAAMoH,EAAa3I,MAE3DqL,EAA6BlD,EAAMuB,YACtC4B,IACC,IAxBsB3B,WACxB,IAEE,OADAtB,GAAY,GACLvI,GACLrB,GACG,GAAA+H,EAAO1B,EAAP0B,CACD,4CACqC9D,8BACvCpC,KAAK,EAAGE,UAAWA,EACtB,CAAC,MAAO2K,GACP9C,GAAY,GACZzH,QAAQY,MACN,+DACA2J,EAEH,GAaGI,CAFEH,EAA8BE,GAEqBtL,KAAK0C,IAAIpC,KAC3DyB,IACC,MAAM4G,EAAe7G,GACnBC,EAAK/B,KACL+B,GAGFmG,EAAkBD,GAAkB,IAC/BA,EAAcuD,OACdC,GAAcA,EAAU/I,KAAOiG,EAAajG,IAE/CiG,GAEJ,EAEH,CAAC,MAAOwC,GACPvK,QAAQY,MACN,iEACA2J,EAEH,GAEH,CACErJ,GACAsJ,EACAH,EACArD,EACAM,EACAL,IAIE6D,EAAqBvD,EAAMuB,YAC9B4B,IACC,MAAMK,EACJP,EAA8BE,GAC1BM,EAAmB3D,EAAcuD,OACpCC,GACCA,EAAU/I,KAAOiJ,EAAmC3L,KAAK0C,IAE7DwF,EAAiB0D,EACnB,EACA,CAACR,EAA+BnD,EAAeC,IAIjDC,EAAMzG,UAAU,KACd,GAAIqH,GAAehB,EAcjB,OAbAgB,EAAY8C,KACV,+CACAR,GAEFtC,EAAY8C,KACV,+CACAR,GAEFtC,EAAY8C,KACV,iDACAH,GAGK,KACL3C,EAAY+C,OACV,+CACAT,GAEFtC,EAAY+C,OACV,+CACAT,GAEFtC,EAAY+C,OACV,iDACAJ,GAGL,EACA,CAAC3D,EAASgB,EAAakC,EAAoBS,IAE9CvD,EAAMzG,UAAU,KACVqG,GACFkD,GACD,EACA,CAAClD,EAASkD,IAEb9C,EAAMzG,UAAU,KACVqG,IAAYJ,GACdmB,EAAejB,EAAOlE,OACvB,EACA,CAACkE,EAAQF,IAEZ,MAAMoE,EAAqBpC,MACzBqC,EACAC,KAEA,MAAMtJ,EAAWqJ,EAAgBvD,OAC/B,CAACC,EAAKhG,IAAe,IAChBgG,EACH,CACEzF,WAAY,CAAEiJ,OAAQD,GACtBvJ,KACAD,KAAM,uBAGV,IAGF,OAAO3C,GACLd,GACG,GAAAwH,EAAO1B,EAAP0B,CAAY,yCACf,CACExG,KAAM,CACJA,KAAM,CACJiD,WAAY,CAAE,EACdF,cAAe,CACbkF,cAAe,CACbjI,KAAM,CACJmM,OAAQ,oCAId1J,KAAM,cAERE,YAEF5C,OAAQ,SAEVO,KAAMK,IACDA,EAAEF,KAGL2H,GAAa,GACbC,GAAY,GAEZH,EAAkBD,GAChBA,EAAciD,IAAKkB,GACjBJ,EAAgBlF,SAASsF,EAAE1J,IAAG7D,GAAQuN,CAAAA,EAAAA,EAAG3I,CAAAA,QAAS2I,EAAE3I,SAAW2I,IAGpE,EACF,EAoCH,MAAO,CACL7E,oBAjB0BA,KAC1B,MAAM8E,EAAYxE,EAAOqD,IAAKkB,GAAMA,EAAE1J,IAGtCwF,EAAkBD,GAChBA,EAAciD,IAAKkB,GACjBC,EAAUvF,SAASsF,EAAE1J,IAAG7D,GAAA,CAAA,EAAQuN,EAAC,CAAE3I,QAAQ,IAAS2I,IAIxDL,EACElE,EAAOqD,IAAKoB,GAAoBA,EAAE5J,IAClC,OAAM,EAMR8E,iBAtBuBmC,SAChBoC,EAAmB,CAACpD,EAAajG,IAAK,QAsB7C+E,iBApCuBkC,UACvB,MAAMuC,EAASvD,EAAalF,OAAS,SAAW,OAShD,OANAyE,EAAkBD,GAChBA,EAAciD,IAAKkB,GACjBzD,EAAajG,IAAM0J,EAAE1J,GAAE7D,GAAQuN,CAAAA,EAAAA,EAAG3I,CAAAA,OAAmB,SAAXyI,IAAsBE,IAI7DL,EAAmB,CAACpD,EAAajG,IAAKwJ,EAAM,EA2BnDxE,WACAC,YACAC,OACAC,SACAgB,gBEjaE0D,CAAiB,CACnBzE,mBAAmB,EACnBC,SAAS,EACTjD,MACAG,cACAE,WA8CF,OA3CAzD,EAAU,KACR,MAAM8K,EAAQ1I,GAAMK,WAEpBL,GAAMM,SAAQvF,GAAA,CAAA,EACT2N,EAAK,CACR9F,qBACA+F,iBAAgB5N,GAAA,CAAA,EACX2N,EAAMC,iBAAgB,CACzBC,eAAe7E,MAAAA,OAAAA,EAAAA,EAAQlE,QAAS,IAElC2D,mBACAP,gBACAH,aACAqB,cAAe,CACbV,sBACAC,mBACAC,mBACAC,WACAC,YACAC,OACAC,UAEFZ,uBACAE,uBACAE,iBACAlC,WAEJ,EAAG,CACDoC,EACAC,EACAE,EACAC,EACAZ,EACAH,EACAK,EACAE,EACAS,EACAP,EACM,MAANQ,OAAM,EAANA,EAAQlE,OACRwB,IAIKD,EAAOuB,GAAQ,GAAI,CACxB7H,MAAOA,OACP+N,OAAQA,QACT,EAGa,SAAA3H,GAAQjD,GAAuB,IAAA6K,EAAAC,EAC7C,OAAW,MAAJ9K,GAAU,OAAN6K,EAAJ7K,EAAM/B,OAAgB,OAAZ6M,EAAVD,EAAY3J,iBAAR,EAAJ4J,EAAwBpG,OAAQ,EACzC,CE5FgB,SAAAkG,KACdpN,OAAO8B,aAAaQ,WAAW,yBACjC,CAEa,MAAAiL,WAAgC3E,EAAM4E,UAUjDC,YAAYhF,GACViF,MAAMjF,GAENkF,KAAKV,MAAQ,CACXW,gBAAiB,GAErB,CAMAvO,QACEkB,GACEoN,KAAKlF,MAAMnD,gBACX,GAAG2B,EAAO0G,KAAKlF,MAAMlD,IAAlB0B,CAAuB,uCAC1BlG,KAAK,EAAGE,WACR,MAAM2M,EAAkB3M,EAAKR,KAE7B,YAAYoE,SACV,CACE+I,mBAEF,IACE5N,OAAO8B,aAAaM,QAClB,yBACAvB,KAAKC,UAAU8M,IAChB,EAGT,CAEAC,SACEtN,GACEoN,KAAKlF,MAAMnD,mBACR2B,EAAO0G,KAAKlF,MAAMlD,IAAlB0B,CAAuB,4BAC1B,CACEzG,OAAQ,SAEVO,KAAK,EAAGE,WACRjB,OAAO8N,SAAW7M,EAAK8M,KAAKC,aAEhC,CAEAC,OAAOC,EAAcC,GACnB5N,GACEoN,KAAKlF,MAAMnD,mBACR2B,EAAO0G,KAAKlF,MAAMlD,IAAlB0B,CAAuB,6CAC1B,CACExG,KAAM,CACJA,KAAM,CACJiD,WAAY,CACVP,GAAI+K,EACJE,YAAaD,KAInB3N,OAAQ,SAEVO,KAAK,EAAGE,WACRjB,OAAO8N,SAAW7M,EAAK8M,KAAKC,aAEhC,CAEAK,oBACE,MAAMT,EAAkB/M,KAAKmB,MAC3BhC,OAAO8B,aAAaC,QAAQ,2BAG9B,OAAI6L,OAA6B/I,SAAS,CAAE+I,oBAEjCD,KAACtO,OACd,CAEAsG,SACE,OAAOgI,KAAKlF,MAAM9C,OAAOgI,KAAKV,MAAMW,iBAAmB,GAAI,CACzDvO,MAAOsO,KAAKtO,MAAMiN,KAAKqB,MACvBP,OAAQA,GAAOd,KAAKqB,MACpBM,OAAQN,KAAKM,OAAO3B,KAAKqB,MACzBE,OAAQF,KAAKE,OAAOvB,KAAKqB,OAE7B,EA3FWJ,GAkBGe,aAAe,CAC3BhJ,gBAAiBpG,IC3BrB,MAAMqP,GAAWA,CAACC,EAAMC,KACtB,IAAIC,EAEJ,OAAO,YAAaC,GAClB,MAAMC,EAAUjB,KAOhBkB,aAAaH,GACbA,EAAUI,WANIC,KACZL,EAAU,KACVF,EAAKQ,MAAMJ,EAASD,EACtB,EAG4BF,GAEvBC,GACHF,EAAKQ,MAAMJ,EAASD,EAExB,GAGW,MAAAM,WAAmBrG,EAAM4E,UAQpCC,YAAYhF,GACViF,MAAMjF,GAENkF,KAAKV,MAAQ,CACXiC,MAAOlP,OAAOmP,YAGhBxB,KAAKyB,eAAiBzB,KAAKyB,eAAe9C,KAAKqB,KACjD,CAEAyB,iBACEzB,KAAK9I,SAAS,CAAEqK,MAAOlP,OAAOmP,YAChC,CAEAd,oBACErO,OAAOwL,iBAAiB,SAAU+C,GAASZ,KAAKyB,eAAgB,MAAM,EACxE,CAEAC,uBACErP,OAAOyL,oBACL,SACA8C,GAASZ,KAAKyB,eAAgB,MAC9B,EAEJ,CAEAE,iBAAiBJ,GACf,OAAIA,EAAQ,IAAY,KACpBA,EAAQ,IAAY,KACpBA,EAAQ,IAAY,KACpBA,EAAQ,IAAY,KACjB,IACT,CAEAvJ,SACE,OAAOiD,gCAAG+E,KAAKlF,MAAM9C,OAAOgI,KAAK2B,iBAAiB3B,KAAKV,MAAMiC,QAC/D,EAGW,MAAAK,WAAsB3G,EAAM4E,UAYvC7H,SACE,OACEiD,gBAACqG,GAAU,CACTtJ,OAAS6J,IACkD,IAArD7B,KAAKlF,MAAMgH,iBAAiBC,QAAQF,GAC/B7B,KAAKlF,MAAMkH,YAAYH,GAGrB7B,KAAClF,MAAMmH,eAAeJ,IAIzC,WClFcK,IAASC,MAAEA,IACzB,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,+vDAGR,CDmDaV,GAQGjB,aAAe,CAC3BmB,iBAAkB,CAAC,KAAM,iDC5EJK,MAAEA,EAAQ,SACjC,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,+GAGR,kBAWgB,UAAIH,MAAEA,IACpB,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,osBAGR,WAEgB,UAASH,MAAEA,IACzB,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,qQAGR,qBAEyBH,MAAEA,IACzB,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,gJAGR,eAEgB,UAAaH,MAAEA,IAC7B,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,kWAGR,SAEgB,UAAOH,MAAEA,IACvB,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,4LAGR,SAEgB,UAAOH,MAAEA,IACvB,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,ySAGR,OAEgB,UAAKH,MAAEA,IACrB,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,mfAGR,mBAEuBH,MAAEA,IACvB,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,0hBAGR,aAEgB,UAAWH,MAAEA,IAC3B,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,4XAGR,gBAEgB,UAAcH,MAAEA,IAC9B,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,+ZAGR,qBAEyBH,MAAEA,IACzB,OACElH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,gkBAGR,GCrHA,MAAAhR,GAAA,CAAA,UAAA,SAAA,QAAA,QAIA,SAASiR,IAASJ,MAAEA,EAAQ,SAC1B,OACElH,EACEmH,cAAA,OAAA,CAAAE,EAAE,8GACFD,KAAMF,GAGZ,CAEA,SAASK,IAAQL,MAAEA,EAAQ,SACzB,OACElH,EACEmH,cAAA,OAAA,CAAAE,EAAE,oPACFD,KAAMF,GAGZ,CAEgB,SAAAM,GAAW1Q,GAAC,IAAA6D,QAC1BA,EAAO8M,OACPA,EAAMC,MACNA,EAAKC,KACLA,EAAO,IAQR7Q,EAPI8Q,EAAa3Q,GAAAH,EAAAT,IAmBhB,OACE2J,EAAAmH,cAAA,MAAAzQ,GACEmR,CAAAA,MAAM,6BACNvB,MAAOqB,EACPG,OAAQH,EACRI,QAAQ,YACRC,KAAK,MAAK,kBACM,aAChBN,MAAKhR,GAAA,CAAIuR,QAAS,SAAYP,IAC1BE,GAEJ5H,EAAOmH,cAAA,QAAA,CAAA5M,GAAG,4BAAyBI,EAAyB,aAE5DqF,EAAMmH,cAAA,OAAA,CAAA5M,GAAG,oDACmCI,EACrC,SA1BYuN,MACrB,OAAQvN,GACN,IAAK,WACH,YACF,IAAK,OACH,OAAOqF,EAAAmH,cAACI,GAAO,MACjB,QACE,OAAOvH,EAAAmH,cAACG,GAAQ,MAAG,EAqBpBY,GAEAC,GAAWxN,GACVqF,EAAMmH,cAAcgB,GAAWxN,GAAU,CACvCuM,MAAkB,YAAXvM,EAAwB8M,EAAOW,MAAQ,SAGhDpI,EAAgCmH,cAAA,MAAA,KAAA,yBAIxC,iCCxEM,UAAmBD,MAAEA,EAAKS,KAAEA,EAAO,KACvC,OACE3H,EACYmH,cAAA,MAAA,CAAA,YAAA,UACVW,OAAQH,EACRpN,GAAG,uCACHwN,QAAQ,gBACRF,MAAM,8BAEN7H,EAA4BmH,cAAA,QAAA,KAAA,iBAC5BnH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,+0FAIV,MAEM,UAAcH,MAAEA,EAAKS,KAAEA,EAAO,KAClC,OACE3H,EACYmH,cAAA,MAAA,CAAA,YAAA,UACVW,OAAQH,EACRpN,GAAG,uCACHwN,QAAQ,eACRF,MAAM,8BAEN7H,EAAuBmH,cAAA,QAAA,KAAA,YACvBnH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,q5GAIV,WAEgB,UAASH,MAAEA,EAAKS,KAAEA,EAAO,KACvC,OACE3H,EACYmH,cAAA,MAAA,CAAA,YAAA,UACVW,OAAQH,EACRpN,GAAG,UACHwN,QAAQ,eACRF,MAAM,8BAEN7H,EAA4BmH,cAAA,QAAA,KAAA,iBAC5BnH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,u8EAIV,WAEgB,UAASH,MAAEA,EAAKS,KAAEA,EAAO,KACvC,OACE3H,EACYmH,cAAA,MAAA,CAAA,YAAA,UACVW,OAAQH,EACRpN,GAAG,uCACHwN,QAAQ,gBACRF,MAAM,8BAEN7H,EAA6BmH,cAAA,QAAA,KAAA,kBAC7BnH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,u4FAIV,eAEgB,UAAaH,MAAEA,EAAKS,KAAEA,EAAO,KAC3C,OACE3H,EACYmH,cAAA,MAAA,CAAA,YAAA,UACVW,OAAQH,EACRpN,GAAG,uCACHwN,QAAQ,iBACRF,MAAM,8BAEN7H,EAAiCmH,cAAA,QAAA,KAAA,sBACjCnH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,yrIAIV,SAEM,UAAiBH,MAAEA,EAAKS,KAAEA,EAAO,KACrC,OACE3H,EACYmH,cAAA,MAAA,CAAA,YAAA,UACVW,OAAQH,EACRpN,GAAG,uCACHwN,QAAQ,gBACRF,MAAM,8BAEN7H,EAA0BmH,cAAA,QAAA,KAAA,eAC1BnH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,ikEAIV,OAEM,UAAeH,MAAEA,EAAKS,KAAEA,EAAO,KACnC,OACE3H,EACEmH,cAAA,MAAA,CAAA5M,GAAG,uCAAsC,YAC/B,UACVsN,MAAM,6BACNC,OAAQH,EACRI,QAAQ,iBAER/H,EAAwBmH,cAAA,QAAA,KAAA,aACxBnH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,k8CAIV,SAEgB,UAAOH,MAAEA,EAAKS,KAAEA,EAAO,KACrC,OACE3H,EACYmH,cAAA,MAAA,CAAA,YAAA,UACVW,OAAQH,EACRpN,GAAG,uCACHwN,QAAQ,gBACRF,MAAM,8BAEN7H,EAA0BmH,cAAA,QAAA,KAAA,eAC1BnH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,uqEAIV,mBAEuBH,MAAEA,EAAKS,KAAEA,EAAO,KACrC,OACE3H,EACYmH,cAAA,MAAA,CAAA,YAAA,UACVW,OAAQH,EACRpN,GAAG,uCACHwN,QAAQ,gBACRF,MAAM,8BAEN7H,EAA0BmH,cAAA,QAAA,KAAA,eAC1BnH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,2wDAIV,uBAE2BH,MAAEA,EAAKS,KAAEA,EAAO,KACzC,OACE3H,EACEmH,cAAA,MAAA,CAAA5M,GAAG,UAAS,YACF,UACVsN,MAAM,6BACNC,OAAQH,EACRI,QAAQ,iBAER/H,EAA8BmH,cAAA,QAAA,KAAA,mBAC9BnH,EACEmH,cAAA,OAAA,CAAAE,EAAE,k0GACFD,KAAMF,IAId,gBAEgB,UAAcA,MAAEA,EAAKS,KAAEA,EAAO,KAC5C,OACE3H,EACEmH,cAAA,MAAA,CAAA5M,GAAG,uCAAsC,YAC/B,UACVsN,MAAM,6BACNC,OAAQH,EACRI,QAAQ,kBAER/H,EAAiCmH,cAAA,QAAA,KAAA,sBACjCnH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,usJAIV,WAEgB,UAASH,MAAEA,EAAKS,KAAEA,EAAO,KACvC,OACE3H,EACEmH,cAAA,MAAA,CAAA5M,GAAG,uCAAsC,YAC/B,UACVsN,MAAM,6BACNC,OAAQH,EACRI,QAAQ,iBAER/H,EAA4BmH,cAAA,QAAA,KAAA,iBAC5BnH,EACEmH,cAAA,OAAA,CAAAC,KAAMF,EACNG,EAAE,y4FAIV,GCpNM,SAAUgB,IAAY1N,QAAEA,EAAOuM,MAAEA,EAAKS,KAAEA,EAAO,KACnD,OAAOW,GAAY3N,GACjBqF,EAAMmH,cAAcmB,GAAY3N,GAAU,CAAEuM,QAAOS,SAEnD3H,EAAAmH,cAAA,MAAA,KAAA,wBAEJ,CCVa,MAAAoB,GAA6B,CACxCC,WAAY,kCAGDC,GAAa,CACxBA,WAAqB,WAGVC,GAAU,CACrBC,KAAM,YCTRtS,GAAA,CAAA,MAAA,UAAA,OAAA,SAAAuS,GAAA,CAAA,OAAA,KAAA,SAAAC,GAAA,CAAA,OAAA,OAAA,SAAAC,GAAA,CAAA,OAAA,OAAA,SAAAC,GAAA,CAAA,SAAA,SAAAC,GAAA,CAAA,SAAA,SAAAC,GAAA,CAAA,OAAA,OAAA,SAAAC,GAAA,CAAA,OAAA,SAAAC,GAAA,CAAA,OAAA,SAEaC,GAAOtS,QAACuS,IACnBA,GAAM,EAAKC,QACXA,EAAU,OAAMlC,KAChBA,EAAO,OAAMM,MACbA,GAOD5Q,EANI+I,EAAK5I,GAAAH,EAAAT,IAOR,MAAMkT,EACJvJ,EAAAmH,cAAA,OAAA,CACEE,EAAE,yPACFD,KAAK,UAGT,OACEpH,EAAAmH,cAAA,MAAAzQ,GACE4P,CAAAA,MAAM,KACNwB,OAAO,KACPC,QAAQ,YACRL,MAAKhR,GAAA,CAAIuR,QAAS,SAAYP,IAC1B7H,EAAK,CACT2J,OAAO,SAEPxJ,EAAmBmH,cAAA,QAAA,KAAA,QACnBnH,EAAAmH,cAAA,OAAA,KACEnH,EAAAmH,cAAA,OAAA,CAAM5M,GAAG,eAAegP,GACxBvJ,EAAMmH,cAAA,OAAA,CAAA5M,GAAG,YACNgP,EACDvJ,EAAAmH,cAAA,SAAA,CAAQsC,GAAG,KAAKC,GAAG,IAAItC,KAAK,QAAQuC,EAAE,QAG1C3J,EAAAmH,cAAA,OAAA,CACEC,KAAMA,EACNU,OAAO,KACP8B,KAAMP,EAAM,iBAAmB,mBAC/B/C,MAAM,KACNuD,EAAE,IACFC,EAAE,MAEHT,GAAOrJ,0BAAQyJ,GAAG,KAAKC,GAAG,IAAIC,EAAE,IAAIvC,KAAMkC,GAAWlC,IAAQ,EAKvD2C,GAAiBC,IAAA,IAACC,KAC7BA,GAAO,EAAK1P,GACZA,EAAK,UAASmN,MACdA,GAMDsC,EALIE,EAAWjT,GAAA+S,EAAApB,IAAA,OAMd5I,EAAAmH,cAAA,MAAAzQ,GAAA,CACE0Q,KAAK,OACLU,OAAO,MACPJ,MAAKhR,GAAOgR,GAAAA,GACZpB,MAAM,OACF4D,GAEJlK,EAAAmH,cAAA,IAAA,CAAGgD,SAAwC,8BAAA5P,MACzCyF,EAAAmH,cAAA,OAAA,CACEiD,QAAQ,KACR/C,EAAE,8UACFD,KAAM6C,EAAO,UAAY,YAE3BjK,EAAGmH,cAAA,IAAA,CAAAiD,QAAQ,MACTpK,EAAAmH,cAAA,OAAA,CACEiD,QAAQ,KACR/C,EAAE,yvBACFD,KAAK,aAGTpH,EAAAmH,cAAA,OAAA,CACEE,EAAE,uoBACFD,KAAK,YAEPpH,EAAAmH,cAAA,OAAA,CACEE,EAAE,4DACFD,KAAK,YAEPpH,EAAAmH,cAAA,OAAA,CACEE,EAAE,iKACFD,KAAK,YAEPpH,EAAAmH,cAAA,OAAA,CACEE,EAAE,+KACFD,KAAM6C,EAAO,UAAY,YAE3BjK,EACEmH,cAAA,OAAA,CAAAE,EAAE,kVACFD,KAAK,aAGTpH,EAAAmH,cAAA,OAAA,KACEnH,EAAAmH,cAAA,WAAA,CAAU5M,GAA6B,yBAAAA,KACrCyF,EAAAmH,cAAA,OAAA,CAAMC,KAAK,OAAOC,EAAE,0BAEjB,EAIEgD,GAAcC,IAAA,IAAClD,KAC1BA,EAAO,OAAMO,KACbA,EAAO,GAAED,MACTA,GAMD4C,EALIJ,EAAWjT,GAAAqT,EAAAzB,IAAA,OAMd7I,0BACE8H,OAAQH,EACRD,MAAKhR,GAAIuR,CAAAA,QAAS,SAAYP,GAC9BK,QAAQ,YACRzB,MAAOqB,GACHuC,GAEJlK,EAAsBmH,cAAA,QAAA,KAAA,WACtBnH,EACEmH,cAAA,OAAA,CAAAE,EAAE,4FACFD,KAAMA,IACN,EAIOmD,GAAMC,IAAA,IAACpD,KAClBA,EAAO,OAAMO,KACbA,EAAO,GAAED,MACTA,GAMD8C,EALIN,EAAWjT,GAAAuT,EAAA1B,IAMd,OAAA9I,yBACE8H,CAAAA,OAAQH,EACRD,MAAKhR,GAAIuR,CAAAA,QAAS,SAAYP,GAC9BK,QAAQ,YACRzB,MAAOqB,GACHuC,GAEJlK,EAAuBmH,cAAA,QAAA,KAAA,YACvBnH,EACEmH,cAAA,OAAA,CAAAE,EAAE,27GACFD,KAAMA,IACN,EAIOqD,GAAwBC,IAAC,IAAAjD,OACpCA,EAAMC,MACNA,GAKDgD,EAJIR,EAAWjT,GAAAyT,EAAA3B,IAAA,OAKd/I,0BACEkH,MAAOO,EAAOkD,MACd7C,OAAO,KACPC,QAAQ,YACRzB,MAAM,MACF,CAAEoB,SACFwC,GAEJlK,EAAsBmH,cAAA,QAAA,KAAA,WACtBnH,EACEmH,cAAA,UAAA,CAAAC,KAAK,eACLwD,OAAO,gGACP,EAIOC,GAAWC,IAAC,IAAArD,OACvBA,GAMDqD,EAJIZ,EAAWjT,GAAA6T,EAAA9B,IAKd,OAAAhJ,EACEmH,cAAA,MAAAzQ,GAAAwQ,CAAAA,MAAOO,EAAOkD,MACd7C,OAAO,KACPJ,MAAO,CAAEO,QAAS,SAClBF,QAAQ,YACRzB,MAAM,MACF4D,GAEJlK,EAAmBmH,cAAA,QAAA,KAAA,QACnBnH,EACEmH,cAAA,OAAA,CAAAE,EAAE,ybACFD,KAAK,iBACL,EAIO2D,GAAsBC,IAAA,IAAC5D,KAClCA,EAAO,OAAMO,KACbA,EAAO,GAAED,MACTA,GAMDsD,EALId,EAAWjT,GAAA+T,EAAA/B,IAMd,OAAAjJ,yBACE8H,CAAAA,OAAQH,EACRD,MAAKhR,IAAIuR,QAAS,SAAYP,GAC9BK,QAAQ,YACRzB,MAAOqB,GACHuC,GAEJlK,EAAwCmH,cAAA,QAAA,KAAA,6BACxCnH,EACEmH,cAAA,OAAA,CAAAE,EAAE,mtBACFD,KAAMA,IACN,EAIO6D,GAAWC,IAAC,IAAA9D,KACvBA,EAAO,OAAMM,MACbA,GAKDwD,EAJIhB,EAAWjT,GAAAiU,EAAAhC,IAKd,OAAAlJ,EACEmH,cAAA,MAAAzQ,GAAA4P,CAAAA,MAAM,KACNwB,OAAO,KACPC,QAAQ,YACRL,MAAKhR,IAAIuR,QAAS,SAAYP,IAC1BwC,GAEJlK,EAAmCmH,cAAA,QAAA,KAAA,wBACnCnH,EACEmH,cAAA,OAAA,CAAAE,EAAE,4IACFD,KAAMA,IACN,EAIO+D,GAAIC,IAAC,IAAAhE,KAChBA,EAAO,UAASM,MAChBA,GAKD0D,EAJIlB,EAAWjT,GAAAmU,EAAAjC,IAKd,OAAAnJ,EACEmH,cAAA,MAAAzQ,GAAA4P,CAAAA,MAAM,KACNwB,OAAO,KACPC,QAAQ,YACRL,MAAKhR,GAAA,CAAIuR,QAAS,SAAYP,IAC1BwC,GAEJlK,EAAsBmH,cAAA,QAAA,KAAA,WACtBnH,EACEmH,cAAA,OAAA,CAAAE,EAAE,sIACFD,KAAMA,IACN,EClRN/Q,GAAA,CAAA,kBAIgBgV,GAAQvU,OAAC4Q,MACvBA,GAWD5Q,EAVIoT,EAAWjT,GAAAH,EAAAT,IAWd,OACE2J,EACEmH,cAAA,SAAAzQ,GAAA,CAAAgR,MAAKhR,GACH4U,CAAAA,iBAAkB,OAClBC,WAAY,OACZC,gBAAiB,cACjBC,OAAQ,OACRC,OAAQ,UACRzD,QAAS,eACT0D,QAAS,EACTC,QAAS,GACNnD,GACAf,IAEDwC,GAGV,8EC1BM2B,GAAa/U,IAed,IAfe6D,QAClBA,EAAO8M,OACPA,EAAMqE,gBACNA,EAAeC,SACfA,EAAQC,QACRA,EAAOtE,MACPA,EAAQ,MAST5Q,EARIoT,EAAWjT,GAAAH,EAAAT,IASd,MAAO4V,EAAMC,GAAWlM,EAAMhH,UAAS,IAChCmT,EAASC,GAAcpM,EAAMhH,UAAS,GAS7C,OACEgH,gBAACqL,GAAQ3U,GACPsV,CAAAA,QAASA,EACTK,YAAaA,IAAMH,GAAQ,GAC3BI,aAAcA,IAAMF,GAAW,GAC/BG,aAAcA,IAAMH,GAAW,GAC/BI,UAAWA,IAAMN,GAAQ,GACzBxE,MAAKhR,GAAA,CACH+V,WAAY,SACZjB,gBAfAO,IAAaE,EAAaxE,EAAOiF,MACjCP,GAAWF,EAAaxE,EAAOkF,MAC/BR,EAAgB1E,EAAOiF,MACpB,cAaHzE,QAAS,OACTH,OAAQ,OACR6D,QAAS,EACTiB,YAAa,OACbC,aAAc,OACdC,WAAY,UACTvE,GACAb,IAEDwC,GAEJlK,EAACmH,cAAAK,IACC7M,QAASA,EAAQoS,QAAQ,QAAS,IAClCtF,OAAQA,EACRE,KAAM,MAENmE,GACA9L,EAAAmH,cAAAnH,EAAAgN,SAAA,KACe,aAAZrS,EACCqF,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLR,MAAO,OACP+F,SAAU,OACVC,WAAY,IACZC,WAAY,IACb,oBAKHnN,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAKmH,cAAA,MAAA,CAAAvO,IAAI,WAAW8O,MAAO,CAAE0F,OAAQ,KACrCpN,EAACmH,cAAAkB,GACC,CAAA1N,QAASA,EAAQoS,QAAQ,QAAS,IAClC7F,MAAM,OACNtO,IAAI,gBACJ+O,KAAM,MAIZ3H,EAAKmH,cAAA,MAAA,CAAAvO,IAAI,UAAU8O,MAAO,CAAE0F,OAAQ,KACpCpN,EAACmH,cAAAsD,IACChD,OAAQA,EACR7O,IAAI,0BACJ8O,MAAO,CAAEO,QAAS,YAGvB,6CCvFL,MAAO,CACLjI,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,OACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,uCACH8S,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,cAG/B3N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAAiC,qBAC5CoH,EACEmH,cAAA,OAAA,CAAAvO,IAAI,OACJyO,EAAE,0GACFD,KAAK,+CAGX,iBAGE,MAAO,CACLpH,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,OACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,uCACH8S,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,cAG/B3N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAA4B,gBACvCoH,EACEmH,cAAA,OAAA,CAAAvO,IAAI,OACJyO,EAAE,4FACFD,KAAK,+CAGX,WAEgB,WACd,MAAO,CACLpH,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,QACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,oBACH8S,GAAG,OACHC,GAAG,OACHC,GAAG,QACHC,GAAG,QACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,cAG/B3N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAAiC,qBAC5CoH,EACEmH,cAAA,OAAA,CAAAvO,IAAI,OACJyO,EAAE,iEACFD,KAAK,4BAGX,sBAGE,MAAO,CACLpH,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,OACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,uCACH8S,GAAG,OACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,cAG/B3N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAAkC,sBAC7CoH,EACEmH,cAAA,OAAA,CAAAvO,IAAI,OACJyO,EAAE,8GACFD,KAAK,+CAGX,eAEgB,WACd,MAAO,CACLpH,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,OACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,uCACH8S,GAAG,OACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,cAG/B3N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAAsC,0BACjDoH,EACEmH,cAAA,OAAA,CAAAvO,IAAI,OACJyO,EAAE,yGACFD,KAAK,+CAGX,SAEgB,WACd,MAAO,CACLpH,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,OACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,uCACH8S,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,cAG/B3N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAA+B,mBAC1CoH,EACEmH,cAAA,OAAA,CAAAvO,IAAI,OACJyO,EAAE,8GACFD,KAAK,+CAGX,oBAGE,MAAO,CACLpH,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,OACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,uCACH8S,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,cAG/B3N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAA+B,mBAC1CoH,EACEmH,cAAA,OAAA,CAAAvO,IAAI,OACJyO,EAAE,0GACFD,KAAK,+CAGX,kBAGE,MAAO,CACLpH,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,OACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,uCACH8S,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,cAG/B3N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAAwB,YACnCoH,EACEmH,cAAA,OAAA,CAAAvO,IAAI,OACJyO,EAAE,oPACFD,KAAK,YAGX,oBAGE,MAAO,CACLpH,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,OACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,uCACH8S,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,cAG/B3N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAA+B,mBAC1CoH,EACEmH,cAAA,OAAA,CAAAvO,IAAI,OACJyO,EAAE,0GACFD,KAAK,+CAGX,aAEgB,WACd,MAAO,CACLpH,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,OACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,sBACH8S,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,aAE7B3N,EAAAmH,cAAA,iBAAA,CACE5M,GAAG,wBACH8S,GAAG,OACHC,GAAG,OACHC,GAAG,SACHC,GAAG,SACHI,kBAAkB,yCAClBC,UAAU,0BAGd7N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAAmC,uBAC9CoH,EACEmH,cAAA,OAAA,CAAAE,EAAE,0GACFD,KAAK,4BACLxO,IAAI,SAENoH,EACEmH,cAAA,SAAA,CAAAsC,GAAG,QACHC,GAAG,QACHC,EAAE,QACFmE,UAAU,0CACV1G,KAAK,8BACLxO,IAAI,WAGV,gBAEgB,WACd,MAAO,CACLoH,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,OACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,uCACH8S,GAAG,QACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,cAG/B3N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAAsC,0BACjDoH,EACEmH,cAAA,OAAA,CAAAvO,IAAI,OACJyO,EAAE,0GACFD,KAAK,+CAGX,sBAGE,MAAO,CACLpH,EAAMmH,cAAA,OAAA,CAAAvO,IAAI,OACRoH,EACEmH,cAAA,iBAAA,CAAA5M,GAAG,uCACH8S,GAAG,OACHC,GAAG,QACHC,GAAG,SACHC,GAAG,SACHC,cAAc,kBAEdzN,EAAAmH,cAAA,OAAA,CAAMuG,OAAO,IAAIC,UAAU,YAC3B3N,EAAMmH,cAAA,OAAA,CAAAuG,OAAO,IAAIC,UAAU,cAG/B3N,EAAOmH,cAAA,QAAA,CAAAvO,IAAI,SAAiC,qBAC5CoH,EACEmH,cAAA,OAAA,CAAAvO,IAAI,OACJyO,EAAE,yGACFD,KAAK,+CAGX,GC7SgB,SAAA2G,IAAapT,QAC3BA,EAAOgN,KACPA,EAAO,KAKP,OACE3H,EACEmH,cAAA,MAAA,CAAAU,MAAM,6BACNvB,MAAOqB,EACPG,OAAQH,EACRI,QAAQ,YACRL,MAAO,CAAEO,QAAS,UAGhBjI,EAAMmH,cADP6G,GAAkBrT,GACGqT,GAAkBrT,GAEhC,OAF0C,CAAE/B,IAAK,SAIxDuP,GAAWxN,GACVqF,EAAMmH,cAAcgB,GAAWxN,GAAU,CAAEuM,MAAO,OAAQtO,IAAK,SAE/DoH,EAAAmH,cAAA,MAAA,CAAKvO,IAAI,iCAIjB,UChCwBqV,GAAyBC,GAAmB/W,IAAAA,EAAAgX,EAAAC,EAClE,MAAMC,EAAoB,SAAAH,EAAYI,gBAChCC,EAAgB,OAATpX,EAAGC,SAAgB,OAAV+W,EAANhX,EAAQ+N,kBAAQkJ,EAAhBD,EAAkBK,eAAZ,EAANJ,EAA4BK,WAE5C,IAAKF,EAAS,OAAOF,EAErB,MAAMK,EAAS,IAAIC,gBAGnB,OAFAD,EAAOE,OAAO,UAAWL,GAElB,GAAGF,KAAYK,EAAOD,YAC/B,yCCRMI,GAAoB/X,IAYrB,IAZsBgY,OACzBA,GAAS,EACTC,UAAWC,EAAI,OAAMtH,MACrBA,EAAQ,MAST5Q,EARIoT,EAAWjT,GAAAH,EAAAT,IASd,MAAO8V,EAASC,GAAcpM,EAAMhH,UAAS,GAK7C,OACEgH,EAACmH,cAAA6H,EAACtY,GAAA,CACA4V,aAAcA,IAAMF,GAAW,GAC/BG,aAAcA,IAAMH,GAAW,GAC/B1E,MAAKhR,GAAOgR,CAAAA,EAAAA,GAAO8D,gBANrBsD,EAAS,UAAY3C,EAAU,UAAY,iBAOrCjC,GAAW,ECzBrB7T,GAAA,CAAA,UAAA,iBAAA,iBAEqB4Y,WAAiBjP,EAAM4E,UAW1CC,YAAYhF,GACViF,MAAMjF,GAAMkF,KAHNmK,eAAS,EAIfnK,KAAKoK,mBAAqBpK,KAAKoK,mBAAmBzL,KAAKqB,KACzD,CAEA0B,uBACEjP,SAASqL,oBAAoB,QAASkC,KAAKoK,oBAAoB,EACjE,CAEAA,mBAAmB3W,GACjB,IAAIuM,KAAKmK,UAAUE,SAAS5W,EAAE6W,QAK9B,OAHA7W,EAAE8W,kBACF9W,EAAE+W,iBAEKxK,KAAKlF,MAAM2P,gBACpB,CAEAzS,SACE,MAAA0S,EAAuD1K,KAAKlF,OAAtD6P,QAAEA,GAA4CD,EAAP5P,EAAK5I,GAAAwY,EAAApZ,IAQlD,OANIqZ,EACFlY,SAASqL,oBAAoB,QAASkC,KAAKoK,oBAAoB,GAE/D3X,SAASoL,iBAAiB,QAASmC,KAAKoK,oBAAoB,GAGvDnP,0BAAK2P,IAAMC,GAAO7K,KAAKmK,UAAYU,GAAQ/P,GACpD,ECzCF,MAAAxJ,GAAA,CAAA,SAEMwZ,GAAY/Y,IAAC,IAAA4Q,MACjBA,EAAQ,MAKT5Q,EAJIoT,EAAWjT,GAAAH,EAAAT,IAKd,OAAA2J,EAAAmH,cAAA,MAAAzQ,GAAA,CACEgR,MAAKhR,GAAA,CACHoZ,UAAW,WACX7H,QAAS,OACT8H,SAAU,YACPrI,IAEDwC,GACJ,ECjBJ7T,GAAA,CAAA,YAAA,SAEM2Z,GAAQlZ,IAAC,IACbiY,UAAWC,EAAI,MAAKtH,MACpBA,EAAQ,MAQT5Q,EAPIoT,EAAWjT,GAAAH,EAAAT,IAQd,OAAA2J,EAACmH,cAAA6H,EAACtY,GAAA,CACAgR,MAAKhR,GACHuZ,CAAAA,WAAY,UACZC,aAAc,MACdC,UAAW,+CACXC,SAAU,SACVL,SAAU,YACPrI,IAEDwC,GACJ,ECTEmG,GAAWA,EACf1V,UACA2D,OACA3B,MACA2T,SACAC,cAQA,MAAMC,EAAkBlS,EAAK7D,KAAK,EAAGM,UAAoB,aAATA,GAC1C0V,EAAcnS,EAAK7D,KAAK,EAAGM,UAAoB,SAATA,GACtC2V,EAAe,IAAIpS,GACtB+E,OAAO,EAAGtI,UAAoB,SAATA,GAA4B,aAATA,GACxCoF,KAAK,CAACC,EAAGC,IAAMD,EAAErF,KAAK4V,cAActQ,EAAEtF,OAEnC6V,EAAala,MACd+R,GAAU,CACbgE,WAAY,SACZxE,QAAS,OACTH,OAAQ,OACRsI,SAAU,SACVxE,QAAS,SACTiF,cAAe,WAGjB,OACE7Q,gBAAC6P,GAAS,KACR7P,EAAAmH,cAAC6I,GACC,CAAAN,SAAUa,EACVxB,UAAWE,GACXO,eAAgBc,EAChB5I,MAAKhR,GACHoa,CAAAA,UAAW,OACPP,EACA,CAAEnG,QAAS,EAAG5B,WAAY,OAAQuI,WAAY,WAC9C,CACE3G,QAAS,EACT5B,WAAY,oBACZuI,WAAY,YAIpB/Q,EAAAmH,cAAA,OAAA,CAAA,aACa,eACXO,MAAO,CAAE0F,OAAQ,EAAG4D,SAAU,IAAKpF,QAAS,IAE3C6E,GACCzQ,EAACmH,cAAA0H,IACCE,UAAU,IAAG,aAC4B,6BAAA0B,EAAY1V,OACpC,mBAAA,EACjBkW,KACEtW,IAAY8V,EAAY1V,KACjB,GAAAsD,EAAO1B,EAAP0B,CAAY,oBAAoB1D,IACnC0D,EAAO1B,EAAP0B,CAAY,YACZ4P,GAAyBwC,EAAY1V,MAE3C2M,MAAKhR,MAAOka,EAAa,CAAEM,aAAc,uBAEzClR,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAEyJ,YAAa,QACzBnR,EAACmH,cAAA4G,GAAa,CAAApT,QAAQ,OAAOgN,KAAM,MAErC3H,EAAAmH,cAACkB,GAAW,CAAC1N,QAAQ,OAAOuM,MAAM,OAAOS,KAAM,MAGlD+I,EAAa3N,IAAI,EAAGhI,QAAQL,KAC3B,MAAM0W,EAAgB,IAAN1W,EACV2W,EAAS3W,IAAMgW,EAAalV,OAAS,EAC3C,OACEwE,EAACmH,cAAA0H,IACCE,UAAU,IACE,aAAA,6BAA6BhU,uBACxB,EACjBkW,KACElW,IAASJ,EACL,GAAG0D,EAAO1B,EAAP0B,CAAY,oBAAoBtD,EAAKuT,gBACxCjQ,EAAO1B,EAAP0B,CAAY,YAAc4P,GAAyBlT,GAEzDnC,IAAKmC,EACL2M,MAAKhR,GACAka,CAAAA,EAAAA,GACH9I,OAAQ,OACRwJ,cAAeD,EAAS,MAAQ,KAChCE,WAAYH,EAAU,MAAQ,QAGhCpR,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAEyJ,YAAa,QACzBnR,EAAAmH,cAAC4G,GAAa,CAAApT,QAASI,EAAKgS,QAAQ,QAAS,IAAKpF,KAAM,MAE1D3H,EAACmH,cAAAkB,IACC1N,QAASI,EAAKgS,QAAQ,QAAS,IAC/B7F,MAAM,OACNS,KAAM,KACN,GAIP6I,GACCxQ,EAAAmH,cAAC0H,GAAiB,CAChBE,UAAU,IACE,aAAA,6BAA6ByB,EAAgBzV,OAAM,mBAC9C,EACjBkW,KACE5S,EAAO1B,EAAP0B,CAAY,YACZ4P,GAAyBuC,EAAgBzV,MAE3C2M,MAAKhR,GAAA,GACAka,EACHY,CAAAA,UAAW,oBACX5F,QAAS,SACT6F,eAAgB,UAGlBzR,EAAAmH,cAAA,MAAA,CACEW,OAAQ,GACRJ,MAAO,CAAEO,QAAS,QAASkJ,YAAa,OACxCpJ,QAAQ,YACRzB,MAAO,GACPuB,MAAM,8BAEL7H,EAAMmH,cAAcgB,GAAwB,CAC3CjB,MAAO,UACPtO,IAAK,UAGToH,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLR,MAAO,UACP+F,SAAU,OACVyE,WAAY,SACb,uBAOH,EC3Jdrb,GAAA,CAAA,SAAA,YAAA,QAAA,WAAA,SAIMsb,GAAY7a,IAAC,IAAAgY,OACjBA,EAAS,KACTC,UAAWC,EAAI,MAAK4C,MACpBA,EAAQ,KAAIC,SACZA,EAAW,KAAInK,MACfA,EAAQ,MAYT5Q,EAXIoT,EAAWjT,GAAAH,EAAAT,IAYd,MAAO4V,EAAMC,GAAWlM,EAAMhH,UAAS,IAChCmT,EAASC,GAAcpM,EAAMhH,UAAS,GAE7C,OACEgH,gBAACgP,EAACtY,GACA2V,CAAAA,YAAaA,IAAMH,GAAQ,GAC3BI,aAAcA,IAAMF,GAAW,GAC/BG,aAAcA,IAAMH,GAAW,GAC/BI,UAAWA,IAAMN,GAAQ,GACzBxE,MAAKhR,GACA+R,GAAAA,GACAf,EACCyE,GAAWyF,EACX3F,GAAQ6C,IAET+C,GAAY,CAAElC,IAAKkC,GACpB3H,GAGV,8DCrCM4H,GAAmBhb,IAAC,IAAA2Q,OACxBA,EAAMnD,iBACNA,GAAmB,EAAKyN,QACxBA,GAAU,EAAKC,OACfA,GAAS,EAAKtK,MACdA,EAAQ,CAAA,GAQT5Q,EAPI+I,EAAK5I,GAAAH,EAAAT,IAQR,OACE2J,EACMmH,cAAA,MAAAzQ,GAAA,GAAAmJ,iBACQ,OACZ6H,MAAKhR,GAAI+V,CAAAA,WAAY,SAAUxE,QAAS,QAAWP,KAEnD1H,EAACmH,cAAA8K,IACC5I,IAAK/E,EACL8C,KACE4K,EACI,UACAD,GAAWtK,EAAOyK,WAClBzK,EAAOyK,WACPzK,EAAOkD,QAEb,ECjCFlD,GAAS,CACb0K,SAAU,iBACVC,SAAU,iBACVC,SAAU,iBACVC,SAAU,iBACVC,SAAU,iBACVC,cAAe,eACfC,cAAe,gBACfC,cAAe,gBACfC,cAAe,gBACfC,cAAe,gBACfC,cAAe,gBACfC,cAAe,gBACfC,cAAe,gBACfC,cAAe,gBACfC,cAAe,gBACfC,cAAe,gBACfC,KAAM,CAAEC,QAAS,yBACjBC,cAAe,mBACfC,cAAe,mBACfC,cAAe,mBACfC,cAAe,mBACfC,cAAe,mBACfC,cAAe,mBACfC,eAAgB,gBAChBC,eAAgB,gBAChBC,eAAgB,gBAChBC,eAAgB,gBAChBC,eAAgB,gBAChBC,eAAgB,gBAChBC,eAAgB,gBAChBC,eAAgB,gBAChBC,eAAgB,gBAChBC,eAAgB,gBAChBC,gBAAiB,iBACjBC,UAAW,kBACXC,UAAW,kBACXC,UAAW,kBACXC,UAAW,kBACXC,UAAW,kBACXC,UAAW,kBACXC,UAAW,kBACXC,UAAW,kBACXC,UAAW,kBACXC,UAAW,mBCxCPC,GAAWA,CAACC,EAAY5Q,IAAUA,KACtC6Q,EAAqBvZ,GAAMU,UAAW,IAAM4Y,EAAStZ,GAAMK,cCCvDmZ,mBAAEA,IAAuBC,EAElBC,GAAc,CACzB5N,OAAM/Q,GAAA,CAAA,EACDye,GAAmB,CACpBG,UAAW,UACX1c,IAAK,aAGT2c,MAAO,CACLC,eACAC,UACAC,SACAC,WAEFpb,GAAI,UCnBAqb,GAAkBA,EACtBC,WACAC,UAAAA,GAAY,EACZC,UAKKD,EAAYC,EAAKF,GAAYA,ECRpC,SAASG,GACPC,GAEA,MAAOC,EAAOC,GAAYnd,GAAkB,GAEtCod,EAAmBA,IAAMD,GAAS,GAClCE,EAAmBA,IAAMF,GAAS,GAexC,OAbA5c,EAAU,KACR,MAAM+c,EAAOL,MAAAA,OAAAA,EAAAA,EAAYM,QACzB,GAAKD,EAKL,OAHAA,EAAK1T,iBAAiB,aAAcwT,GACpCE,EAAK1T,iBAAiB,aAAcyT,GAE7B,KACLC,EAAKzT,oBAAoB,aAAcuT,GACvCE,EAAKzT,oBAAoB,aAAcwT,EAAgB,CACzD,EACC,CAACJ,IAEGC,CACT,CCxBA,MAAA7f,GAAA,CAAA,OAAA,SAIMmgB,GAAU1f,IAAC,IAAAmT,KACfA,EAAIvC,MACJA,GAMD5Q,EALI+I,EAAK5I,GAAAH,EAAAT,IAAA,OAMR2J,EAAAmH,cAAA,MAAAzQ,IACEgR,MAAKhR,GAAA,CACHwQ,MAAO+C,EAAOxC,GAAOqM,eAAiBrM,GAAOmM,eAC7C3G,SAAU,OACVC,WAAY,IACZuJ,cAAe,aACZ/O,IAED7H,GAAK,ECVP6W,GAAcA,EAClBpb,OAAAA,GAAS,EACT0Q,cAKA,MAAM2K,EAAW3W,EAAM4W,OAAO,MACxB7E,EAAUiE,GAASW,GAEzB,OACE3W,EACEmH,cAAA,MAAAzQ,GAAAiZ,CAAAA,IAAKgH,EACLjP,MAAO,CACL+E,WAAY,SACZxE,QAAS,OACTH,OAAQ,OACR+O,eAAgB,SAChBvQ,MAAO,SAEL,CAAE0F,YAENhM,EAAKmH,cAAA,MAAA,CAAAW,OAAO,KAAKC,QAAQ,YAAYzB,MAAM,MACzCtG,EAAyBmH,cAAA,QAAA,KAAA,cACzBnH,EAAAmH,cAAA,SAAA,CACEsC,GAAG,IACHC,GAAG,IACHtC,KAAM2K,EAAUtK,GAAO+L,cAAgB/L,GAAOsM,eAC9CpK,EAAE,IACFjC,MAAO,CAAEc,WAAY,cAEvBxI,EAAAmH,cAAA,SAAA,CAAQsC,GAAG,IAAIC,GAAG,IAAItC,KAAMK,GAAO4M,gBAAiB1K,EAAE,OACpDrO,GAAU0E,EAAAmH,cAAA,SAAA,CAAQsC,GAAG,IAAIC,GAAG,IAAIC,EAAE,IAAIvC,KAAMK,GAAO+L,iBACjD,EAKNsD,GAAmBA,EACvBC,OAAAA,GAAS,EACT1F,SACA2F,aAAAA,EAAexV,UAAYT,QAAQC,QAAQ,CAAA,IAC3CiW,eACAC,mBACA1W,mBASA,MAAM7F,QAAEA,EAAOQ,UAAEA,EAASG,OAAEA,EAAMG,KAAEA,EAAIC,MAAEA,GAAU8E,GAC9CxB,qBAAEA,GAAyBgW,MAE1BmC,EAAUC,GAAepX,EAAMhH,UAAS,GAyBzCqe,EAAqB,CAAE3P,MAAO,YAQpC,OAJI1I,IACFqY,EAAmBC,SAAWtY,GAI9BgB,EAACmH,cAAA0H,IACCC,OAAQqI,EACS,mBAAA,EACjBlG,KAAMxV,EACNuQ,QAnBgBxK,UAClB4V,GAAY,SACNJ,EAAaxW,GACnBpJ,OAAO8N,SAAS+L,KAAOxV,CAAAA,EAiBrBiM,MAAKhR,GACH+V,CAAAA,WAAY,aACZyE,aACEgG,IAAqB7F,EACjB,aACE0F,EAAStP,GAAOmM,eAAiBnM,GAAOwM,iBAE1C,OACNvI,OAAQ,UACRzD,QAAS,OACTmI,SAAU,SACVxE,QAAS,YACT6F,eAAgB,OAChBZ,cAAe,UACZpI,KAGLzI,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLO,QAAS,OACTsP,cAAe,SACfC,SAAU,EACVX,eAAgB,WAGlB7W,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL+E,WAAY,SACZgL,WAA6B,iBAjErB,CAChBC,SAAU,YACV,YAAa,cACbC,OAAQ,aACRC,OAAQ,aACRC,OAAQ,cACRC,WAAY,cACZC,cAAe,cACfC,SAAU,cAyDqCrd,IAAY,gBACjDW,EAAS,MAAQ,SAEnB2M,QAAS,OACTgQ,aAAc,OACdrL,YAAa,QAGf5M,EAAKmH,cAAA,MAAA,CAAAO,MAAO,CAAE8P,SAAU,EAAGrG,YAAa,SACtCnR,EAAAmH,cAACqP,GACC,CAAAvM,KAAM8M,EACNrP,MAAO,CAAEuQ,aAAc,MAAOC,WAAY,SAEzCvd,GAEHqF,EAAAmH,cAAA,KAAA,CACEO,MAAO,CACLR,MAAO6P,EAAStP,GAAOuM,eAAiBvM,GAAOgL,cAC/CxF,SAAU,OACVC,WAAY,IACZwE,WAAY,QACZtE,OAAQ,EACR8K,WAAY,SAGbxc,KAGHqb,GAAU/W,EAACmH,cAAAuP,GAAWhgB,GAAA,CAACsV,QAlFTxT,IACtBA,EAAE+W,iBACF/W,EAAE8W,kBACF2H,GACF,GA8E8D,CAAE3b,aAE1D0E,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLR,MAAO6P,EAAStP,GAAOqM,eAAiBrM,GAAOmM,eAC/C3G,SAAU,OACVL,YAAa,OACbsL,WAAY,SAGbC,EAAYC,SAASjd,EAAWkc,KAE/B,ECzKNgB,GAA8BA,EAClCrS,UACAiE,KAAAA,GAAO,EACPqO,cACA5c,MAAAA,EAAQ,sBAQRsE,EAACmH,cAAAoR,GAAUC,UAAU,SAASC,aAAa,SAAS7M,QAAS,GAC3D5L,EAACmH,cAAA4C,GAAcrT,GAAC6D,CAAAA,GAAIyL,GAAa,CAAEiE,KAAAA,KACnCjK,EAACmH,cAAAuR,EACC,CAAAxR,MAAO+C,EAAO,UAAY,UAC1BiD,WAAY,IACZ4D,UAAW,EACXnJ,KAAM,GAELjM,GAEHsE,EAACmH,cAAAwR,EAAK,CAAAC,MAAM,SAAS1R,MAAO+C,EAAO,UAAY,UAAWtC,KAAM,GAC7D2Q,IC5BPjiB,GAAA,CAAA,SAEMwZ,GAAY/Y,IAAC,IAAA4Q,MACjBA,EAAQ,MAKT5Q,EAJIoT,EAAWjT,GAAAH,EAAAT,IAKd,OAAA2J,EAAAmH,cAAA,MAAAzQ,GAAA,CACEgR,MAAKhR,GAAA,CACHoZ,UAAW,WACX7H,QAAS,OACT8H,SAAU,YACPrI,IAEDwC,GACJ,ECjBJ7T,GAAA,CAAA,WAAA,SAAA,WAMMwiB,GAA2B/hB,QAAC+e,SAChCA,EAAQvF,OACRA,EAAMC,QACNA,GAMDzZ,EALIoT,EAAWjT,GAAAH,EAAAT,IAMd,OACE2J,gBAAC6P,GAAS,KACR7P,EAAAmH,cAAC6I,GAAKtZ,GACJgZ,CAAAA,SAAUa,EACVxB,UAAWE,GACXO,eAAgBc,EAChB5I,MAAKhR,GACHoa,CAAAA,UAAW,MACXgI,MAAO,QACPxS,MAAO,SACHiK,EACA,CAAEnG,QAAS,EAAG5B,WAAY,OAAQuI,WAAY,WAC9C,CACE3G,QAAS,EACT5B,WAAY,oBACZuI,WAAY,YAGhB7G,GAEH2L,GACK,ECrCdxf,GAAA,CAAA,QAAAuS,GAAA,CAAA,OAAA,WAAA,UAAA,SAAAC,GAAA,CAAA,QAAAC,GAAA,CAAA,OAAA,QAmBMiQ,GAAWjiB,QAACmT,KAAEA,GAAgBnT,EAAP+I,EAAK5I,GAAAH,EAAAT,IAAA,OAChC2J,EAAAmH,cAAA,KAAAzQ,GAAA,CACEgR,MAAO,CACLR,MAAO+C,EAAO,UAAY,UAC1BgD,SAAU,OACVC,WAAY,IACZwE,WAAY,EACZtE,OAAQ,EACR8K,WAAY,SAEVrY,GACJ,EAGEmZ,GAAsBhP,IAAC,IAAAC,KAC3BA,GAAO,EAAKgP,SACZA,EAAQjN,QACRA,EAAOtQ,MACPA,GAODsO,EANInK,EAAK5I,GAAA+S,EAAApB,IAOR,OAAA5I,EACEmH,cAAA,MAAAzQ,GAAA,CAAAgR,MAAO,CACLR,MAAO+R,EACHxR,GAAOqM,eACP7J,EACAxC,GAAO4M,gBACP5M,GAAO+L,cACX9H,OAAQuN,EAAW,UAAY,UAC/BhM,SAAU,OACVC,WAAY,KAEdlB,SAAUiN,GAAYjN,GAClBnM,GAEHnE,EAAK,EAIJwd,GAAiBrZ,GACrBG,EACEmH,cAAA,MAAAzQ,GAAA,CAAAgR,MAAO,CACL+E,WAAY,SACZxE,QAAS,OACT4O,eAAgB,gBAChBjL,QAAS,SAEP/L,IAIFsZ,GAAqB7O,IAAA,IAACL,KAC1BA,GAKDK,EAJIzK,EAAK5I,GAAAqT,EAAAzB,IAKR,OAAA7I,EAAAmH,cAAA,MAAAzQ,GAAA,CACEgR,MAAO,CACLR,MAAO+C,EAAOxC,GAAOwL,cAAgBxL,GAAOkM,eAC5C1G,SAAU,OACVwJ,cAAe,YACfyB,WAAY,SAEVrY,GAAK,EAIPuZ,GAAe5O,IAAA,IAACP,KACpBA,GAAO,EAAKgH,KACZA,GAMDzG,EALI3K,EAAK5I,GAAAuT,EAAA1B,IAMR,OAAA9I,EAACmH,cAAAwK,GACC,CAAA5C,UAAU,IACV6C,MAAO,CAAEpG,gBAAiBvB,EAAO,KAAOxC,GAAOiM,eAC/CzC,KAAMA,EACNvJ,MAAO,CACL+D,OAAQ,aAAaxB,EAAOxC,GAAOwL,cAAgBxL,GAAO8L,gBAC1DrD,aAAc,MACdxE,OAAQ,UACRzD,QAAS,QACT2D,QAAS,UACT6F,eAAgB,OAChBjJ,WAAY,sBAGdxI,EAAAmH,cAAA,IAAAzQ,GACEgR,CAAAA,MAAO,CACLR,MAAO+C,EAAOxC,GAAOwL,cAAgBxL,GAAO8L,cAC5CtG,SAAU,OACVC,WAAY,IACZE,OAAQ,EACRiM,UAAW,SACXnB,WAAY,SAEVrY,IACJ,EAIAyZ,GAAoBA,EACxBhb,OACAiB,SAAAA,GAAW,EACXC,UAAAA,GAAY,EACZuX,OAAAA,GAAS,EACTzG,SACAC,cASA,MAAMZ,EAAM3P,EAAM4W,OAAO,OACjB9d,YAAaygB,EAAexgB,eAAgBygB,GAClD7gB,GAAgB,iCAAiC,IAE5C8gB,EAAaC,GAAkB1Z,EAAMhH,SAAS,IAC9C2gB,EAAUC,GAAe5Z,EAAMhH,SAASugB,IACxCzK,EAAQ+K,GAAa7Z,EAAMhH,SAAS,SACpC8O,EAAQgS,GAAa9Z,EAAMhH,SAAS,IAErCoG,oBACJA,EAAmBC,iBACnBA,EAAgBC,iBAChBA,EAAgBG,KAChBA,EAAIC,OACJA,GACEsV,GAAU3Q,GAAUA,EAAqB,gBAAM,CAAA,GAE3C0V,QAASC,EAASlS,OAAQmS,GAAeC,EAAc,CAC7DC,SAAUA,EAAGJ,UAASK,YAAWtS,aAChB,SAAXgH,GACFgL,EAAUhS,GAEZsS,IACAL,GACF,KAGMA,QAASM,EAAavS,OAAQwS,GAAmBJ,EAAc,CACrEC,SAAUA,EAAGJ,UAASK,YAAWtS,aAChB,aAAXgH,GACFgL,EAAUhS,GAEZsS,IACAL,GACF,IAGF/Z,EAAMzG,UAAU,KAAK,IAAAghB,EACnBb,GAA0B,OAAXa,EAAA5K,EAAI4G,cAAO,EAAXgE,EAAaC,wBAAwBC,MAAO,EAAC,EAC3D,CAAC9K,EAAI4G,UAERvW,EAAMzG,UAAU,KACVgX,IAAY/Q,GACdsa,EAAqB,SAAXhL,EAAoBmL,EAAaK,EAC5C,EACA,CAACxL,EAAQtP,EAAW+Q,IAEvBvQ,EAAMzG,UAAU,KACTgX,GACHsJ,EAAU,OACX,EACA,CAACtJ,IAEJvQ,EAAMzG,UAAU,KACdigB,EAAiBG,EAAQ,EACxB,CAACH,EAAkBG,IAEtB,MAIMe,EAAWpc,EAAKqc,KACpB,EAAGC,qCAAsCA,GAGrCC,EAAe,CAAErS,WAAuB,6BAExCsS,EAAmB,CACvB3O,QAAS,CAAE/B,QAAS,GACpB2Q,SAAU,CAAE3Q,QAAS,KAGjB4Q,EAAeA,KACnBnB,EAAU,QACVC,EAAUG,GACV3J,GACF,EAEA,OACEtQ,EAACmH,cAAA8T,EAAc,CAAAC,MAAO7F,IACpBrV,EAAAmH,cAACyO,GAAe,CACdE,WAAYiB,EACZhB,KAAOF,GACL7V,EAAAmH,cAAC0R,GAAwBniB,GACvB4Z,CAAAA,OAAQ0K,GACJ,CAAEnF,WAAUtF,cAIpBvQ,EAAAmH,cAAA,OAAA,CACEwI,IAAKA,EACLjI,MAAKhR,IACH+V,WAAY,QACZxE,QAAS,OACTH,OAAQiP,EAAS,OAAY,GAAAjP,MAC7BsF,OAAQ,SAAoB,SAAX0B,EAAoB,EAAI,UACzClD,QAAS,EACTpD,WAAY,wBACZlC,MAAO,SACFyQ,GAAU,CACboE,UACE/jB,OAAOgkB,YAAc3B,EA5CX,WAiDhBzZ,EAAAmH,cAAA,MAAA,CACEkU,UAAU,iBACV3T,MAAO,CACLI,OAAQ,OACRwT,UAAW,SACXC,UAAW,SACXjV,MAAO,SAGTtG,EAAKmH,cAAA,MAAA,CAAAwI,IAAKqK,GACRha,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL8T,UAAW,aACXvT,QAAS,OACTsP,cAAe,SACfV,eAAgB,gBAChBzJ,OAAQ,EACRxB,QAAS,UAGX5L,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLO,QAAS,OACT4O,eAAgB,gBAChBjL,QAAS,gBAGX5L,EAAKmH,cAAA,MAAA,CAAAO,MAAO,CAAE+E,WAAY,SAAUxE,QAAS,SAC3CjI,EAAAmH,cAAC4R,GAAQ,CAAC9O,KAAM8M,GAAgC,iBAC/CvX,GACCQ,EAAKmH,cAAA,MAAA,CAAAO,MAAO,CAAEyF,WAAY,QACxBnN,EAAAmH,cAACsU,EAAO,CACNvU,MAAM,gBACNwU,UAAW,EACXC,WAAW,mBAIhBpc,GACCS,EAACmH,cAAA4D,IACC3D,KAAK,iBACLO,KAAM,GACND,MAAO,CAAEyF,WAAY,UAI1BuN,GACC1a,EAAKmH,cAAA,MAAA,CAAAO,MAAO,CAAEyF,WAAY,QACxBnN,EAACmH,cAAAwK,GACC,CAAAC,MAAO,CAAExH,QAAS,EAAG0D,UAAW,iBAChC9B,QAASA,IAAM6N,EAAU,YACzBnS,MAAO,CACLgE,OAAQ,UACRtB,QAAS,GACT5B,WAAY,sBAGdxI,EAAAmH,cAACoD,GAAG,CAACnD,KAAMK,GAAOqM,eAAgBnM,KAAM,QAK/ClI,EAAKjE,OAAS,GACbwE,EAAKmH,cAAA,MAAA,CAAAO,MAAO,CAAEkE,QAAS,eACrB5L,EAAAmH,cAAC6R,GACC,CAAA/O,KAAM8M,EACN/K,QAASA,IAAM4N,EAAaD,IAAcA,GAC1Cje,OAAUie,EAAW,OAAS,QAAvB,WAIM,IAAlBja,EAAOlE,QACNwE,gBAACqY,GAA2B3hB,GAC1BsP,CAAAA,QAAQ,SACRiE,KAAM8M,EACNuB,YAAa,iBACX7Y,EAAKjE,OAAS,EAAI,UAAY,2CAE3BiE,EAAKjE,OAAS,GAAK,CACtBE,MAAO,6BAKZgE,EAAOlE,OAAS,GACfwE,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAAmH,cAAC+R,GAAa,KACZlZ,EAAAmH,cAACgS,GAAkB,CAAClP,KAAM8M,GAEL,UACpBrX,EAAOlE,OAAS,GACfwE,EAACmH,cAAA6R,GACC,CAAA/O,KAAM8M,EACN/K,QAASA,IAAM5M,IACf1D,MAAe,QAAAgE,EAAOlE,oBAK5BwE,EAAAmH,cAACyU,EAAgB,CAAAC,MAAM,GACpBnc,EAAOqD,IAAI,CAACvC,EAA4Bsb,IACvC9b,EAAAmH,cAAC4U,EAAU,CAACnjB,IAAK4H,EAAajG,GAAIuL,QAAS,GACvCzB,GACArE,EAAAmH,cAAA,MAAA,CACEO,MAAKhR,GAAA,CAAA,EACAmkB,EACAC,EAAiBzW,KAGtBrE,EAACmH,cAAA2P,GAAgBpgB,GAAA,CACf2a,OAAQ3R,EAAOlE,SAAWsgB,EAAM,EAChCljB,IAAK4H,EAAajG,GAClByc,aAAc3X,EACd4X,aAAcA,IACZ3X,EAAiBkB,GAEnB0W,iBAAkBzX,EAAKjE,OAAS,GAC5B,CAAEub,OAAAA,EAAQvW,uBAS7Bf,EAAKjE,OAAS,GAAKme,GAClB3Z,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAAmH,cAAC+R,GAAa,KACZlZ,EAAAmH,cAACgS,GAAmB,CAAAlP,KAAM8M,YAI5B/W,EAAAmH,cAACyU,EAAgB,CAAAC,MAAM,GACpBpc,EAAKsD,IAAKvC,GACTR,EAACmH,cAAA4U,EAAW,CAAAnjB,IAAK4H,EAAajG,GAAIuL,QAAS,GACvCzB,GACArE,EAAAmH,cAAA,MAAA,CACEO,MAAKhR,GACAmkB,CAAAA,EAAAA,EACAC,EAAiBzW,KAGtBrE,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAE0C,QAAS,KACrBpK,EAAAmH,cAAC2P,GAAgBpgB,GACfkC,CAAAA,IAAK4H,EAAajG,GAClB0c,aAAcA,IACZ3X,EAAiBkB,GAEnB0W,kBAAgB,GACZ,CAAEH,OAAAA,EAAQvW,2BActCR,EAAAmH,cAAA,MAAA,CACEkU,UAAU,iBACV3T,MAAO,CACLI,OAAQ,OACRwT,UAAW,SACXC,UAAW,SACXjV,MAAO,SAGTtG,EAAKmH,cAAA,MAAA,CAAAwI,IAAK0K,GACRra,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL8T,UAAW,aACXvT,QAAS,OACTsP,cAAe,SACfV,eAAgB,gBAChBzJ,OAAQ,EACRxB,QAAS,kBAGX5L,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL+E,WAAY,SACZxE,QAAS,OACTgQ,aAAc,SAGhBjY,EAAAmH,cAACwK,GAAS,CACR3F,QAASA,IAAM6N,EAAU,QACzBnS,MAAO,CACLR,MAAOO,GAAOqM,eACdpI,OAAQ,UACRyF,YAAa,QAGfnR,EAAAmH,cAACkD,GAAW,CAACjD,KAAMK,GAAOqM,eAAgBnM,KAAM,MAElD3H,EAAAmH,cAAC4R,GAAS,CAAA9O,KAAM8M,6BAElB/W,EAAAmH,cAAA,IAAA,CACEO,MAAO,CACLR,MAAO6P,EACHtP,GAAOwL,cACPxL,GAAOmM,eACX3G,SAAU,OACVgL,aAAc,OACdnH,UAAW,MAKX,kHAEHxS,EAAKyE,IAAI,EAAGhI,OAAM6f,mCACZA,EAaH5a,EACEmH,cAAA,MAAA,CAAAvO,IAAKmC,EACL2M,MAAO,CACL+E,WAAY,SACZxE,QAAS,OACTgQ,aAAc,SAGhBjY,EAAAmH,cAAA,IAAA,CAAGO,MAnBc,CACnBR,MAAO6P,EACHtP,GAAOwL,cACPxL,GAAOmM,eACX3G,SAAU,OACVC,WAAY,IACZE,OAAQ,IACR+D,YAAa,QAYcpW,GACzBiF,EAAAmH,cAACiS,GAAY,CACXnP,KAAM8M,EACN9F,KAAM2J,GAA6B,WAxBE,WAmCrC,ECtfXoB,GAAiCA,IAAMhc,iCAE9C0F,GAAeuW,OAAOC,OAAO,CAAEC,SAAUH,KACzCpgB,GAAeqgB,OAAOC,OAAO,CAAE3c,UAAU,IAK/C,MAAM6c,WAAsBxX,EAAuBC,eAAAkB,GAAAjB,SAAAiB,GAExC1B,KAAAA,MAAQzI,EAAY,CAE7BygB,gCAAgCC,GAC9B,MAAO,CAAE/c,UAAU,EACrB,CAEAgd,kBAAkBljB,EAAgBmjB,GAC5BnjB,aAAiBojB,MACnBhkB,QAAQY,MACN,sCAAsCA,EAAMoV,aAC5C+N,GAGF/jB,QAAQY,MAAM,sCAAsCA,IAASmjB,EAEjE,CAEAzf,SACE,OACEiD,EAAGmH,cAAAnH,EAAAgN,SAAA,KAAAjI,KAAKV,MAAM9E,SAAWwF,KAAKlF,MAAMsc,SAAWpX,KAAKlF,MAAMgW,SAE9D,EAvBIuG,GACY1W,aAAeA,GCTjC,MAKagX,GAAqBpe,IAChCqe,OALCC,EAKe,OAJfC,GACCA,EAAIC,QAAQ3c,KAAK,CAACC,EAAGC,IAAMD,EAAEwc,GAAMjM,cAActQ,EAAEuc,MAG7Bte,GAAMgC,OAC5B,CAACC,EAAKtH,IACkB,mBAArBA,EAAK8B,MAAQ,KAAiD,SAArB9B,EAAK8B,MAAQ,IACnDwF,EACc,SAAdtH,EAAK8B,KACL,CAAC9B,KAASsH,GACV,IAAIA,EAAKtH,GACf,IAZD2jB,KAaA,EAEUG,GACX/X,GAEAA,EACG8X,QACA3c,KAAK,CAACC,EAAGC,IACRD,EAAEtF,WAA8B,kBAAE6V,cAChCtQ,EAAEvF,WAA8B,4CCvBlC,SAAUkiB,GAAUlmB,GAAoC,IAAnC+e,SAAEA,EAAQnO,MAAEA,GAAuB5Q,EAAboT,EAAWjT,GAAAH,EAAAT,IAC1D,OACE2J,EACEmH,cAAA,MAAAzQ,GAAA2kB,CAAAA,UAAU,SACC,aAAA,SACA,aAAA,oBACX3T,MAAKhR,GACHumB,CAAAA,oBAAqB,YACrBC,oBAAqB,cACrBzQ,WAAY,SACZvF,MAAO,QACPe,QAAS,OACTH,OAAQ,OACRiI,SAAU,YACPrI,IAEDwC,GAEJlK,EAAQmH,cAAA,QAAA,KAAA,iHAOP0O,EAGP,CCvBO,MAAMsH,GAAkBA,EAAG1V,YAE9BzH,EAAAmH,cAACwK,GAAS,CACRC,MAAO,CACLpG,gBAAiB/D,EAAO2V,WAAa,0BAEvC1V,MAAKhR,GACH+V,CAAAA,WAAY,SACZyD,aAAc,MACdxE,OAAQ,UACRzD,QAAS,OACT4O,eAAgB,SAChB1J,WAAY,MACZgE,YAAa,OACb3I,WAAY,aACTD,KAGLvI,EAAAmH,cAACkE,GACC,CAAA9Q,GAAG,mBACHmN,MAAO,CAAEwI,aAAc,MAAOtE,QAAS,QAEvC5L,EAACmH,cAAA0D,IAASpD,OAAQA,MCrBZ,SAAU4V,IAAoB1gB,IAC1CA,EAAGhC,QACHA,EAAOqC,OACPA,IACM7F,IAAAA,EAAAgX,EAAAC,EACN,MAAMC,EAAWhQ,EAAO1B,EAAP0B,CAAY,SAAwB,aAAArB,IAC/CwR,EAAiB,OAATrX,EAAGC,gBAAM+W,EAANhX,EAAQ+N,WAARkJ,OAAgBA,EAAhBD,EAAkBK,eAAZ,EAANJ,EAA4BK,WAE7C,IAAKD,EAAU,OAAOH,EAEtB,MAAMK,EAAS,IAAIC,gBAGnB,OAFAD,EAAOE,OAAO,SAAa,GAAAjU,KAAW6T,KAE/B,GAAGH,KAAYK,EAAOD,YAC/B,CChBA,MAAM6O,GAAYA,EAAGnG,eACnB,MAAMoG,EAAcpG,EAAW,oBAAsB,mBAmBrD,OACEnX,EACEmH,cAAA,MAAA,CAAAO,MAAO,CACL+E,WAAY,SACZxE,QAAS,OACTgF,SAAU,OACVgL,aAAc,EACdnH,UAAW,IAtBb9Q,EAAKmH,cAAA,MAAA,CAAAb,MAAM,KAAKwB,OAAO,KAAKC,QAAQ,YAAYX,KAAK,QACnDpH,EAAAmH,cAAA,OAFJgQ,EAEI,CACE9P,EAAE,8zCACFD,KAAMmW,GAMN,CAAAlW,EAAE,ymBACFD,KAAMmW,KAiBVvd,EAAAmH,cAAA,OAAA,CACEO,MAAO,CACLR,MAAO,OACPiG,WAAY,EACZL,WAAY,oCAGSqK,EAAW,SAAW,YACxC,ECHAqG,GAAWA,EACtB7iB,UACAqK,kBACArI,MACA4B,qBACAkf,gBACA7e,gBACAH,aACAif,UACAC,wBACAC,mCACAC,+BACAC,+BACAC,qBACA7e,iBACAlC,SACAghB,kBACAC,eAEA,MAAMC,GAAchf,GAAkBX,EAChC4f,EAAY,GAAG9f,EAAO1B,EAAP0B,CAAY,kBAEjC,OACE2B,gBAAC6P,GAAS,KACR7P,EAACmH,cAAA6I,IACCjB,UAAWE,GACXO,eAAgBA,IAAMuO,GAAmB,GACzCrO,SAAUsO,EACVtW,MAAKhR,GACHwQ,CAAAA,MAAO,UACP4J,UAAW,MACXqK,UAAW,OACXiD,SAAU,QACVhO,SAAU,SACV0I,MAAO,GACHkF,EACA,CACE5T,QAAS,EACT5B,WAAY,OACZuI,WAAY,WAEd,CACE3G,QAAS,EACT5B,WAAY,oBACZuI,WAAY,UACb,CACLrF,OAAQ,aAGV1L,EAAAmH,cAAA,MAAA,MACIjI,GACAc,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLO,QAAS,QACTwJ,eAAgB,SAGlBzR,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAEkE,QAAS,SACrB5L,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLO,QAAS,OACTgF,SAAU,OACVyE,WAAY,SAGd1R,EAAAmH,cAAA,MAAA,CACEO,MAAKhR,GACAgS,GAAAA,GACAD,GAAU,CACbvB,MAAO,OACPiK,YAAa,EACbiN,SAAU,QACVhO,SAAU,YAGZpQ,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL0I,SAAU,SACViO,aAAc,WACdvR,WAAY,WAGbmR,KAKPje,EAAAmH,cAAA,MAAA,CACEO,MAAKhR,GACHwQ,CAAAA,MAAO,OACP+F,SAAU,OACVyE,WAAY,OACZtB,SAAU,SACViO,aAAc,WACdvR,WAAY,UACTrE,KAGJiV,IAIL1d,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLO,QAAS,OACTsP,cAAe,WAGhBkG,GACCzd,EAAAmH,cAAC0H,GACC,CAAAE,UAAU,IACVkC,kBAAmBjU,uBACF,EACjB0K,MAAKhR,GAAA,CACH8a,UAAW,iBACXtK,MAAO,OACPe,QAAS,QACT2D,QAAS,OACTyN,UAAW,OACX5H,eAAgB,QACbhJ,KACJ,cAMJhK,GACCuB,EAACmH,cAAA0H,GACC,CAAAE,UAAU,IACVkC,KAAMoM,GAAoB,CACxB1iB,QAASA,EACTgC,IAAKA,EACLK,OAAQA,IAEO,mBAAA,EACjB0K,MAAKhR,GAAA,CACH8a,UAAW,iBACXtK,MAAO,OACPe,QAAS,QACT2D,QAAS,OACTyN,UAAW,OACX5H,eAAgB,QACbhJ,yBAILzI,EAACmH,cAAAmW,GAAU,CAAAnG,SAAUvY,OAO9BL,EACCyB,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL+E,WAAY,SACZjB,gBAAiB,OACjBvD,QAAS,OACTyJ,WAAY,OACZ9F,QAAS,WAGX5L,EAAAmH,cAAA,MAAA,CACEO,MAAKhR,GACAgS,CAAAA,EAAAA,IACHxB,MAAO,OACP+F,SAAU,OACVwJ,cAAe,YACf3J,WAAY,UACTrE,KAID,mBAENzI,EAAAmH,cAAA,MAAA,CACEO,MAAKhR,GAAA,GACAgS,GACH+D,CAAAA,WAAY,SACZQ,SAAU,OACVoM,UAAW,WAGbrZ,EACEmH,cAAA,IAAA,CAAA8J,KAAK,GACLjF,QAAUxT,IACRmlB,IACAC,IACAE,IACAtlB,EAAE+W,gBACJ,EACA7H,MAAKhR,GAAA,CACHwQ,MAAO,OACPiG,WAAY,OACZsE,eAAgB,QACbhJ,KAIH,YAIRzI,iCAGFA,EAAQmH,cAAA,QAAA,KAAA,mIAGRnH,EACEmH,cAAA,KAAA,CAAAkU,UAAU,wCACV3T,MAAO,CAAE4W,cAAe,OAAQlR,OAAQ,EAAGxB,QAAS,IAEnDmR,GAA6B/X,GAAiBjC,IAC7C,EAAGxI,KAAIO,WAAYyjB,KACjBve,EAAAmH,cAAC0H,GAAkB,CAAAE,UAAU,KAAKnW,IAAK2B,GACrCyF,EACEmH,cAAA,IAAA,CAAA8J,KAAK,GACLjF,QAAUxT,IACRmlB,IACAC,IACAC,EAA6BtjB,KAAOI,MACpCnC,EAAE+W,gBAAc,EAElB7H,MAAKhR,GACH8a,CAAAA,UAAW,iBACXtK,MAAO,OACPe,QAAS,QACTyJ,WAAY,OACZtB,SAAU,SACVxD,YAAa,OACbC,aAAc,OACd4E,eAAgB,OAChB4M,aAAc,WACdvR,WAAY,UACTrE,KAGJ8V,EAAOC,uBAQnBN,GACCle,EAAAmH,cAAC8T,EAAa,KACZjb,EAAAmH,cAACsX,EAAU,MACXze,EAAAmH,cAACuX,EACkB,CAAA,mBAAA,EACjB9M,MAAO,CAAEpG,gBAAiBmT,GAAYxK,gBACtCnI,QAASA,KACP2R,IACAC,GACA,EAEFlW,MAAO,CAAEkE,QAAS,GAClBsP,OAAO,EACP0D,GAAIT,EACJ7X,MAAM,QAENtG,EAACmH,cAAAoR,EACC,CAAAE,aAAa,gBACbD,UAAU,SACVqG,KAAK,aACLC,KAAM,EACNC,kBAAmB,EACnBC,gBAAiB,KAEjBhf,EAACmH,cAAAwR,EAAK,CAAAzR,MAAOyX,GAAY7K,eAAgBpC,WAAW,QAE7C,UACP1R,EAAAmH,cAAC8X,EACC,CAAAlkB,KAAK,kBACLqM,KAAMuX,GAAY7K,qBAMtB,oCCnUEoL,GAAMpoB,GASrB,IATsB6F,IACrBA,EACApG,IAAK4oB,EAAc,GAAEzX,MACrBA,GAMD5Q,EALIoT,EAAWjT,GAAAH,EAAAT,IAMd,MAAME,EACJ4oB,GAAkB,GAAA9gB,EAAO1B,EAAP0B,CAAY,+CAEhC,OACE2B,EACEmH,cAAA,MAAAzQ,GAAAgR,CAAAA,MAAKhR,GAAA,CACH8U,gBAAiB,QACjB4T,gBAAwB,OAAA7oB,KACxB8oB,mBAAoB,SACpBC,eAAgB,QAChBpP,aAAc,MACdpI,OAAQ,OACRqF,WAAY,MACZ7G,MAAO,QACJoB,IAEDwC,GAGV,OCXaqV,GAAkBA,EAC7B9X,SACAzC,kBACArI,MACA+gB,UACA8B,8BACAzB,qBACA0B,cACAvgB,iBACAwgB,oBAGE1f,EACEmH,cAAA,MAAA,CAAAO,MAAO,CACLgE,OAAQ,UACRyB,WAAY,OACZ4C,SAAU,WACVjD,WAAY,UACb,aACU,uBAEX9M,EAACmH,cAAAwK,GACC,CAAA5C,UAAU,SACVzU,KAAK,SACLoN,MAAKhR,GACH4U,CAAAA,iBAAkB,OAClBmB,WAAY,SACZlB,WAAY,OACZC,gBAAiB/D,EAAOiF,MACxBjB,OAAQ,OACRyE,aAAc,SACdhJ,MAAOO,EAAOkY,MAAQ,OAEtBjU,OAAQ,UACRzD,QAAS,OACTgF,SAAU,OACVyE,WAAY,OACZ/F,QAAS,EACTC,QAAS,GACNrD,IAELuG,OAAQ,CAAEtD,gBAAiB/D,EAAOkD,OAClCiH,MAAO,CAAEpG,gBAAiB/D,EAAOkF,OACjCX,QAASA,KACP+R,EAAoBxN,IAAaA,GACjCiP,MAGDtgB,EACCc,EAAKmH,cAAA,MAAA,CAAAO,MAAO,CAAEyF,WAAY,KAE1BnN,EAACmH,cAAA+X,GAAO,CAAAviB,IAAKA,EAAKpG,IAAKmpB,IAGxBD,GAAeza,EAAgBxJ,OAC9BwE,EACEmH,cAAA,MAAA,CAAAO,MAAO,CACLuF,SAAU,OACVG,OAAQ,cACRgR,SAAU,QACVhO,SAAU,SACViO,aAAc,WACdvR,WAAY,WAGb4Q,GAGH1d,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAE0F,OAAQ,iBAExBpN,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAEmF,aAAc,QAC1B7M,EAAAmH,cAACsD,GAAsB,CAAAhD,OAAQA,EAAQC,MAAO,CAAE0F,OAAQ,aC5FlE/W,GAAA,CAAA,SAAA,SAAA,SAwBMupB,GAAU/f,IAAkD,IAAAggB,EAChE,MAAOC,EAAiBC,GAAsB/f,EAAMhH,UAAS,IACtDgnB,EAA0BC,GAC/BjgB,EAAMhH,UAAS,IACVknB,EAAeC,GAAoBngB,EAAMhH,UAAS,IAClDglB,EAAiBD,GAAsB/d,EAAMhH,UAAS,IACvDuF,mBACJA,EAAkBK,cAClBA,EAAaH,WACbA,EAAUqB,cACVA,EAAahB,qBACbA,EAAoBI,eACpBA,EAAclC,OACdA,GACEgY,KAEE2B,EAAW3W,EAAM4W,OAAO,MACxB7E,EAAUiE,GAASW,GAEzB,OACE3W,EAAAmH,cAAC6V,GAAU,CACTtV,MAAKhR,GACHkW,CAAAA,YAAa,MACbC,aAAc,QACXhN,EAAM6H,QAGX1H,EAAAmH,cAACkJ,GACC,CAAA1T,IAAKkD,EAAMlD,IACXhC,QAASkF,EAAMlF,QACf2D,KAAMoe,GAAkB7c,EAAMvB,MAC9BiS,QAASuP,EACTxP,OAAQA,IAAMyP,EAAoBxP,IAAaA,KAGjDvQ,EAAAmH,cAAC0E,GAAU,CACTpE,OAAQ5H,EAAM4H,OACdsE,SAAU+T,EACV9T,QAASA,KACP+T,EAAoBxP,IAAaA,GACjC1Q,EAAMugB,oBAERzlB,QAASkF,EAAMlF,UAGjBqF,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAE0F,OAAQ,UAErB8S,GAAiBrgB,EAAMwgB,OAExBrgB,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAE0F,OAAQ,WAEpBtO,GAAwBe,EAAMC,gBAE/BD,EAAMygB,OAAO,CACZC,WAAYA,IAAMJ,GAAiB,GACnCK,WAAYA,IAAML,GAAiB,KAGpCrhB,IAAyBI,GACxBc,EAAAmH,cAACiV,GAAa,CACZD,SACEnc,EAACmH,cAAA2K,IACCrK,OAAQ5H,EAAM4H,OACdC,MAAO,CAAEgE,OAAQ,cAAeyB,WAAY,UAIhDnN,EAACmH,cAAAmS,GACC,CAAAhb,KAAMuB,EAAMvB,KACZgS,OAAQA,IAAM2P,EAA6B1P,IAAaA,GACxDA,QAASyP,IAGXhgB,EAAAmH,cAACwK,GACC,CAAA5C,UAAU,SACV6C,MAAO,CACLpG,gBACE3L,EAAM4H,OAAO2V,WAAa,0BAE9BvL,SAAU8E,EACV3K,QAASA,IAAMiU,EAA6B1P,IAAaA,GACzD7I,MAAKhR,GAAA,CACH+V,WAAY,SACZjB,gBAAiB,cACjBC,OAAQ,OACRyE,aAAc,MACdxE,OAAQ,UACRzD,QAAS,OACT4O,eAAgB,SAChB1J,WAAY,MACZvB,QAAS,MACTpD,WAAY,aACTD,IACJ,aACU,iBAEXvI,EAAAmH,cAAC2K,GAAgB,CACfrK,OAAQ5H,EAAM4H,OACdnD,kBAA+Bub,MAAb/f,GAAA+f,OAAaA,EAAb/f,EAAeJ,aAAFmgB,EAAbA,EAAuBrkB,QAAS,EAClDuW,QAASA,EACTC,OAAQgO,QAKb9gB,IAAmBX,IACpByB,EAACmH,cAAAoY,GACC,CAAA9X,OAAQ5H,EAAM4H,OACdzC,gBAAiBnF,EAAMmF,gBACvBrI,IAAKkD,EAAMlD,IACX+gB,QAAS7d,EAAM6d,QACf8B,4BAA6B3f,EAAM2f,4BACnCzB,mBAAoBA,EACpB0B,YAAa5f,EAAM4f,YACnBvgB,eAAgBA,EAChBwgB,eAAgB7f,EAAM6f,iBAI1B1f,EAAAmH,cAACqW,GACC,CAAA7iB,QAASkF,EAAMlF,QACf4D,mBAAoBA,EACpByG,gBAAiBnF,EAAMmF,gBACvBrI,IAAKkD,EAAMlD,IACX8gB,cAAe5d,EAAM4d,cACrB7e,cAAeA,EACfH,WAAYA,EACZif,QAAS7d,EAAM6d,QACfC,sBAAuB9d,EAAM8d,sBAC7BC,iCACE/d,EAAM+d,iCAERC,6BAA8Bhe,EAAMge,6BACpCC,6BAA8Bje,EAAMie,6BACpCC,mBAAoBA,EACpB7e,eAAgBA,EAChBlC,OAAQA,EACRghB,gBAAiBA,EACjBC,SAAUpe,EAAMoe,YAGhB/e,GAAkBc,EAACmH,cAAAgW,GAAgB,CAAA1V,OAAQ5H,EAAM4H,SAAU,EAKnEmY,GAAOla,aAAe,CACpB+X,eAAe,EACf3d,cAAeA,IAAM,KACrBwgB,OAAQA,IAAM,KACdb,aAAa,EACbgB,uBAAuB,GAGnB,MAAAC,GAAQ5pB,IAWT,IAXUgY,OACbA,EAAMrH,OACNA,EAAMC,MACNA,EAAQ,MAQT5Q,EAPIoT,EAAWjT,GAAAH,EAAAT,IAQd,MAAO8V,EAASC,GAAcpM,EAAMhH,UAAS,IACtCiT,EAAMC,GAAWlM,EAAMhH,UAAS,GAYvC,OACEgH,EACEmH,cAAA,IAAAzQ,GAAAgR,CAAAA,MAAKhR,GACH8U,CAAAA,gBAZAW,GAAWF,EAAaxE,EAAOkF,MAC/BR,GAAW2C,EAAerH,EAAOiF,MAC9B,cAWHwD,aAAc,SACdhJ,MARGO,EAAOkY,MAAQ,OASlB1S,SAAU,OACVC,WAAY,IACZwE,WAAY,OACZP,YAAa,MACbvE,YAAa,OACbC,aAAc,OACd4E,eAAgB,OAChBgF,cAAe,aACf5F,cAAe,SACf/D,WAAY,UACTrE,GACAF,GACAb,GAEL4E,aAAcA,IAAMF,GAAW,GAC/BG,aAAcA,IAAMH,GAAW,GAC/BC,YAAaA,IAAMH,GAAQ,GAC3BM,UAAWA,IAAMN,GAAQ,IACrBhC,GAAW,ECnOrB7T,GAAA,CAAA,SAAAuS,GAAA,CAAA,WAAA,YAAA,SAAA,SAuBA,MAAM+X,WAAiB3gB,EAAM4E,UAY3BC,YAAYhF,GACViF,MAAMjF,GAENkF,KAAKV,MAAQ,CACXuc,cAAe/gB,EAAMghB,qBAEzB,CAMAC,qBAAqBvmB,GAQnB,OAPAwK,KAAK9I,SAAS,EAAG2kB,oBACf,MAAMG,EAAmBH,EAGzB,OAFIA,EAAcrmB,WAAYwmB,EAAiBxmB,GAExC,CAAEqmB,cAAeG,KAGnBppB,GACLoN,KAAKlF,MAAMnD,gBACR,GAAAskB,EAAMjc,KAAKlF,MAAMlD,IAAjBqkB,CACD,8CACuCzmB,YACzC,CAAE3C,OAAQ,QAEd,CAEAmF,SACE,OACEiD,EACGmH,cAAAnH,EAAAgN,SAAA,KAAAjI,KAAKlF,MAAMgW,SACV,CAAE+K,cAAe7b,KAAKlF,MAAMjD,UAAUmI,KAAKV,MAAMuc,gBACjD,CAAEE,qBAAsB/b,KAAK+b,qBAAqBpd,KAAKqB,QAI/D,EAlDI4b,GAoBUjb,aAAe,CAC3B9I,UA5BJ,SAAmBgkB,GACjB,OAVc,SAAUK,GACxB,MAAMC,EAAWjF,OAAOkF,KAAKF,GAC7B,IAAIvmB,EAAIwmB,EAAS1lB,OACjB,MAAM4lB,EAAW,IAAIC,MAAM3mB,GAC3B,KAAOA,KAAK0mB,EAAS1mB,GAAK,CAACwmB,EAASxmB,GAAIumB,EAAIC,EAASxmB,KAErD,OAAO0mB,CACT,CAGSE,CAAQV,GAAe7d,IAAKwe,IAAW,CAC5C1pB,KAAM0pB,EAAM,GACZhnB,GAAIgnB,EAAM,KAEd,GAuDa,MAAAC,WAA2BxhB,EAAM4E,UAI5C7H,SACE,MAAA0S,EAAoC1K,KAAKlF,OAAnC6H,MAAEA,GAAyB+H,EAAf7H,EAAa3Q,GAAAwY,EAAApZ,IAE/B,OACE2J,EAAAmH,cAACd,GAAU,CACTtJ,OAAS6J,GACP5G,EAAAmH,cAAA,MAAAzQ,GACEgR,CAAAA,MAAKhR,GACH+V,CAAAA,WAAY,SACZxE,QAAS,OACT4O,eAAgB,gBAChBvF,cAAe,GACf1E,aAAmD,IAAtC,CAAC,KAAM,MAAM9F,QAAQF,GAAqB,GAAK,GAC5DiG,aAAc,GACd0E,WAAY,IACT7J,IAEDE,KAKd,EAGW,MAAA6Z,WAAsBzhB,EAAM4E,UAQvC7H,SACE,MAAA2kB,EAAiE3c,KAAKlF,OAAhEgW,SAAEA,EAAQpO,OAAaA,EAAMC,MAAEA,GAAyBga,EAAf9Z,EAAa3Q,GAAAyqB,EAAA9Y,IAE5D,OACE5I,EACEmH,cAAA,MAAAzQ,GAAA2kB,CAAAA,UAAW,CAAC,uCAAuCsG,KAAK,KAAKC,OAC7Dla,MAAKhR,GACH8U,CAAAA,gBAAiB,UACjBtE,MAAO,QACP+F,SAAU,QACPvF,IAEDE,GAEJ5H,EAAQmH,cAAA,QAAA,KAAA,oIAE8CM,EAAOW,8EACDX,EAAOiF,+EACNjF,EAAOkF,uBAEnEkJ,EAGP,EAGY,MAAOgM,WAA8B7hB,EAAM4E,UAqBvD7H,SACE,OACEiD,EAACmH,cAAAsa,GAAc,CAAAha,OAAQ1C,KAAKlF,MAAM4H,QAChCzH,EAAAmH,cAACwZ,GACC,CAAAhkB,IAAKoI,KAAKlF,MAAMlD,IAChBkkB,qBAAsB9b,KAAKlF,MAAMhI,KACjC6E,gBAAiBqI,KAAKlF,MAAMnD,iBAE3B,CAAC7E,EAAMiqB,IACNC,QAAQlqB,EAAK+oB,cAAcplB,OAAS,GAClCwE,2BACGnI,EAAK+oB,cAAc7d,IAAKif,GACvBjd,KAAKlF,MAAMoiB,WAAW,CAAEH,UAASE,mBAGnC,MAKd,EAGF,SAASE,GAAmBprB,GAAM,IAAA+I,EAAKnJ,GAAAyrB,IAAAA,GAAArrB,GAAAA,IACrC,OACEkJ,EACEmH,cAAA,SAAAzQ,GAAA,CAAA4D,KAAK,SACLoN,MAAO,CACL4D,iBAAkB,OAClBE,gBAAiB,cACjB4W,YAAa,EACb1W,OAAQ,UAER0B,QAAS,EAETxB,QAAS,IAEP/L,GAEJG,EAACmH,cAAAkb,IAAQjb,KAAK,QAAQM,MAAO,CAAEI,OAAQ,GAAIxB,MAAO,MAGxD,CAEA,SAASgc,GAAyBziB,GAIhC,OACEG,gBAACwhB,GAAkB,KACjBxhB,EAAAmH,cAAA,OAAA,CACEob,wBAAyB,CACvBC,OAAQ3iB,EAAM4iB,QAIlBziB,EAACmH,cAAA+a,GAAoB,CAAAlW,QAASnM,EAAMmM,UAG1C,CAhFqB6V,GAULnc,aAAe,CAC3BhJ,gBAAiBpG,GACjB2rB,WAAYA,EAAGD,eAAcF,aAC3B9hB,EAAAmH,cAACmb,GACC,CAAA1pB,IAAKopB,EAAaznB,GAClBkoB,KAAMT,EAAanqB,KAAK4qB,KACxBzW,QAASA,IAAM8V,EAAQhB,qBAAqBkB,EAAaznB,sGCjIjD,SAAAmoB,GAAmB5rB,GAAC,IAAA2Q,OAClCA,EAAMgb,KACNA,EAAO,GAAEzW,QACTA,EAAW2W,SAQZ7rB,EALI+I,EAAK5I,GAAAH,EAAAT,IAMR,MAAOusB,EAAWC,GAAmB7iB,EAAMhH,UAAS,GAEpD,OAAO4pB,IAAcH,EAAO,KAC1BziB,gBAACyhB,GAAa/qB,GAAC+Q,CAAAA,OAAQA,GAAY5H,GACjCG,EAAAmH,cAACqa,GAAkB,KACjBxhB,EAAAmH,cAAA,OAAA,CAAMob,wBAAyB,CAAEC,OAAQC,KACzCziB,EAAAmH,cAAC+a,GACC,CAAAlW,QAAU3J,IACR2J,EAAQ3J,GACRwgB,GAAgB,EAClB,KAKV,CAEa,MAAApB,WAAsBzhB,EAAM4E,UAQvC7H,SACE,MAAA0S,EAAiE1K,KAAKlF,OAAhEgW,SAAEA,EAAQwF,UAAEA,EAAS5T,OAAEA,EAAMC,MAAEA,GAAyB+H,EAAf7H,EAAa3Q,GAAAwY,EAAA7G,IAE5D,OACE5I,0BACEqb,UAAW,CAAC,6BAA8BA,GACvChY,OAAO0e,SACPJ,KAAK,KACLC,OACHla,MAAKhR,GACH8U,CAAAA,gBAAiB/D,EAAOiF,OACrBhF,IAEDE,GAEJ5H,EAAQmH,cAAA,QAAA,KAAA,uNAOP0O,EAGP,EAGW,MAAA2L,WAA2BxhB,EAAM4E,UAI5C7H,SACE,MAAA2kB,EAAoC3c,KAAKlF,OAAnC6H,MAAEA,GAAyBga,EAAf9Z,EAAa3Q,GAAAyqB,EAAA7Y,IAE/B,OACE7I,EAAAmH,cAACd,GAAU,CACTtJ,OAAS6J,GACP5G,EAAAmH,cAAA,MAAAzQ,GAAA,CACEgR,MAAKhR,GACH+V,CAAAA,WAAY,SACZ+O,UAAW,aACXvT,QAAS,OACT4O,eAAgB,gBAChBvF,cAAe,GACf1E,aAAmD,IAAtC,CAAC,KAAM,MAAM9F,QAAQF,GAAqB,GAAK,GAC5DiG,aAAc,GACd0E,WAAY,IACT7J,IAEDE,KAKd,WAGcsa,GAAmBlY,GAAM,IAAAnK,EAAKnJ,OAAAyrB,GAAAnY,GAAAA,IAC5C,OACEhK,EACEmH,cAAA,SAAAzQ,GAAA,CAAA4D,KAAK,SACLoN,MAAO,CACL4D,iBAAkB,OAClBE,gBAAiB,cACjB4W,YAAa,EACb1W,OAAQ,UAER0B,QAAS,EAETxB,QAAS,IAEP/L,GAEJG,EAACmH,cAAAkb,IAAQjb,KAAK,QAAQM,MAAO,CAAEI,OAAQ,GAAIxB,MAAO,MAGxD,CC1Ia,MAAAwc,WAAsB9iB,EAAM4E,UAYvCme,OAAO7M,GAEL,OADA9e,OAAO2N,KAAKlF,MAAMjI,QAAQ4B,QAAQuL,KAAKlF,MAAM5G,KAAMhB,KAAKC,UAAUge,IAC3DnR,KAAKie,aACd,CAEAjmB,SACE,OACEiD,EAAAmH,cAAAnH,EAAAgN,SAAA,KACGjI,KAAKlF,MAAM9C,OACV9E,KAAKmB,MAAMhC,OAAO2N,KAAKlF,MAAMjI,QAAQuB,QAAQ4L,KAAKlF,MAAM5G,aACtDgqB,EACFle,KAAKge,OAAOrf,KAAKqB,OAIzB,EA3BW+d,GAQGpd,aAAe,CAC3B9N,OAAQ,sBCTCsrB,GAAYA,CAACC,EAAa/iB,EAAY,KACjD,MAAMgjB,EAAWD,EAAIpW,QAAQ,YAAa,IAAIsW,MAAM,KAKpD,MAAO,QAJGD,EAAS,OACTA,EAAS,QACTA,EAAS,QAEgBhjB,IAAC,ECDtB,SAAAkjB,IAAoB3mB,IAAEA,IACpC,MAAM4mB,EAAe,WAErB,OACEvjB,EACEmH,cAAA,IAAA,CAAAO,MAAO,CACL+E,WAAY,SACZxE,QAAS,OACTH,OAAQ,OACR8E,YAAa,OACbC,aAAc,OACd4E,eAAgB,QACjB,0CACwC8R,uBACxB,EACjBtS,KAAM5S,EAAO1B,EAAP0B,CAAYklB,GAAgBtV,GAAyBsV,IAE3DvjB,EAAAmH,cAAA,MAAA,CACEW,OAAQ,GACRJ,MAAO,CAAEO,QAAS,QAASkJ,YAAa,OACxCpJ,QAAQ,YACRzB,MAAO,GACPuB,MAAM,8BAEL7H,EAAMmH,cAAcgB,GAAwB,CAC3CjB,MAAOyX,GAAY9K,eACnBjb,IAAK,UAGToH,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLR,MAAOyX,GAAY9K,eACnB5G,SAAU,OACVyE,WAAY,OACZD,eAAgB,SAId,oBAGZ,CC3CO,MAAM+R,GAAkBA,EAC7Btc,MAAAA,EAAQyX,GAAYtK,gBACpB1M,KAAAA,EAAO,GACPD,MAAAA,EAAQ,MAMR1H,EAAAmH,cAAA,MAAA,CAAKO,MAAOA,GACV1H,EAACmH,cAAAgE,GAAE,CAAA/D,KAAMF,EAAOQ,MAAO,CAAEI,OAAQ,GAAGH,MAAUrB,MAAU,GAAAqB,mBCR5C8b,IAAe9oB,QAC7BA,EAAO+oB,YACPA,EAAW1e,gBACXA,EAAe2Y,sBACfA,EAAqBC,iCACrBA,EAAgCC,6BAChCA,EAA4BC,6BAC5BA,IAUA,OACE9d,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL+E,WAAY,SACZjB,gBAAiBmT,GAAYzK,eAC7B1C,UAAwB,aAAAkS,IACxBzb,QAAS,OACTyJ,WAAY,OACZ9F,QAAS,WAGX5L,EAAAmH,cAAA,MAAA,CACEO,MAAKhR,MACAgS,GAAO,CACVxB,MAAOyX,GAAY/K,eACnB3G,SAAU,OACVwJ,cAAe,YACf3J,WAAY,UACTrE,KACJ,oBAKLzI,EAAAmH,cAAA,MAAA,CAAKO,MAAKhR,MAAOgS,KACf1I,EAAAmH,cAAA,QAAA,mGAGAnH,EAAAmH,cAAA,KAAA,CACEkU,UAAU,qCACV3T,MAAO,CACL8J,UACExM,EAAgBxJ,OAAS,eAAiBkoB,IAAgB,OAC5DzW,SAAU,OACVqR,cAAe,OACflR,OAAQ,EACRxB,QAAS,IAGVmR,GAA6B/X,GAAiBjC,IAC7C,EAAGxI,KAAIO,WAAYyjB,KACjBve,EAAAmH,cAAA,KAAA,CAAIvO,IAAK2B,GACPyF,EACEmH,cAAA,IAAA,CAAA8J,KAAK,GACLjF,QAAUxT,IACRmlB,IACAC,IACAC,EAA6BtjB,KAAOI,MACpCnC,EAAE+W,gBACJ,EACA7H,MAAO,CACL8J,UAAwB,aAAAkS,IACxBxc,MAAOyX,GAAY/K,eACnB3L,QAAS,QACTyJ,WAAY,OACZ0M,SAAU,OACVhO,SAAU,SACVxD,YAAa,OACbC,aAAc,OACd4E,eAAgB,OAChB4M,aAAc,WACdvR,WAAY,WAGbyR,EAAOC,sBAMlBxe,EAAAmH,cAAA,MAAA,KACEnH,EACEmH,cAAA,IAAA,CAAA8J,KAAK,GACLjF,QAAUxT,IACRmlB,IACAC,IACAE,IACAtlB,EAAE+W,kBAEJ7H,MAAO,CACL8J,UAAwB,aAAAkS,IACxBxc,MAAOyX,GAAYtM,SACnBpK,QAAS,QACTgF,SAAU,OACVyE,WAAY,OACZ2H,UAAW,SACX5H,eAAgB,SACjB,wBAQb,CCjHgB,SAAAkS,IAAkBhpB,QAChCA,EAAO+oB,YACPA,EAAW/mB,IACXA,EAAGiC,cACHA,EAAa5B,OACbA,IAQA,OACEgD,EAAAmH,cAAA,IAAA,CACE8J,KAAMoM,GAAoB,CACxB1iB,QAASA,EACTgC,IAAKA,EACLK,OAAQA,IAEV0K,MAAO,CACL8J,UAAwB,aAAAkS,IACxBxc,MAAOyX,GAAY/K,eACnB3L,QAAS,QACTyJ,WAAY,MACZ9F,QAAS,YACT6F,eAAgB,6BAIlBzR,EAACmH,cAAAmW,IAAUnG,SAAUvY,IAG3B,UCpCgBglB,IAAYF,YAC1BA,EAAW1mB,OACXA,IAKA,OACEgD,qBACEiR,kBAAmBjU,IACnB0K,MAAO,CACL8J,UAAwB,aAAAkS,IACxBxc,MAAOyX,GAAY/K,eACnB3L,QAAS,QACTyJ,WAAY,OACZ0M,SAAU,OACVxR,YAAa,OACbC,aAAc,OACd4E,eAAgB,OAChB3E,WAAY,WACb,aAKP,CCzBgB,SAAA+W,IAASnG,QACvBA,EAAOO,SACPA,IAKA,OACEje,uBAAK0H,MAAO,CAAEkE,QAAS,SACrB5L,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLR,MAAOyX,GAAY/K,eACnB3G,SAAU,OACVC,WAAY,IACZ+K,aAAc,MACd7H,SAAU,SACViO,aAAc,WACdvR,WAAY,WAGbmR,GAEHje,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLR,MAAOyX,GAAY9K,eACnB5G,SAAU,OACVyE,WAAY,OACZtB,SAAU,SACViO,aAAc,WACdvR,WAAY,WAGb4Q,GAIT,CCjCM,SAAUoG,IAASnpB,QACvBA,EAAO+oB,YACPA,EAAW/mB,IACXA,EAAG8gB,cACHA,EAAa7e,cACbA,EAAaH,WACbA,EAAUif,QACVA,EAAO1gB,OACPA,EAAMihB,SACNA,IAYA,OACEje,EACEmH,cAAA,MAAA,CAAAO,MAAO,CACLqc,WAAY,EACZ3F,SAAU,OACVhO,SAAU,SACViO,aAAc,WACdvR,WAAY,WAGd9M,EAACmH,cAAA0c,IAAS5F,SAAUA,EAAUP,QAASA,IAEtCD,GACCzd,EAACmH,cAAAyc,GAAY,CAAA5mB,OAAQA,EAAQ0mB,YAAaA,IAG3CjlB,GACCuB,EAACmH,cAAAwc,GACC,CAAAhpB,QAASA,EACTgC,IAAKA,EACLK,OAAQA,EACR0mB,YAAaA,EACb9kB,cAAeA,IAKzB,UClDgB4e,IAAS3H,SAAEA,IACzB,OACE7V,EACEmH,cAAA,MAAA,CAAAO,MAAKhR,GACAgS,CAAAA,EAAAA,GACHsb,CAAAA,wBAAyB,QACzBzI,UAAW,YAGbvb,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLuI,WAAY0O,GAAYtK,gBACxB5I,OAAQ,aAAakT,GAAY3K,iBACjC9D,aAAc,MACdC,UAAW,kBAAkBwO,GAAY3K,iBACzC/L,QAAS,OACTH,OAAQ,OACRqT,UAAW,qBACXpL,SAAU,WACV+I,MAAO,OACP2B,IAAK,OACLnU,MAAO,sBAGTtG,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLsc,wBAAyB,QACzB/b,QAAS,OACTsP,cAAe,SACfC,SAAU,EACV+D,UAAW,WAGZ1F,IAKX,UCpCgB0J,IACd9X,OAAQwc,EAAStnB,IACjBA,EAAGohB,mBACHA,EAAkBC,gBAClBA,EAAe0B,eACfA,IAQA,OACE1f,EAAKmH,cAAA,MAAA,CAAA6E,QAASA,IAAM+R,GAAoBC,IACtChe,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL+E,WAAY,SACZjB,gBAAiBwS,EACbW,GAAY3K,eACZ2K,GAAY1K,eAChB/D,aAAc,SACdC,uBACE6N,EACIW,GAAY7K,eACZ6K,GAAY5K,iBAElB9L,QAAS,OACTgF,SAAU,OACVyE,WAAY,SAGd1R,EAACmH,cAAA+X,IAAOviB,IAAKA,EAAKpG,IAAKmpB,IAEvB1f,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAEmF,aAAc,QAC1B7M,EAAAmH,cAACsD,GACC,CAAAhD,OAAQwc,EACRvc,MAAO,CACLR,MAAOyX,GAAY9K,eACnB1G,WAAY,MACZ0D,cAAe,cAO7B,UClCgBqT,IAAgBvpB,QAC9BA,EAAOqK,gBACPA,EAAerI,IACfA,EAAG4B,mBACHA,EAAkBkf,cAClBA,EAAa7e,cACbA,EAAaH,WACbA,EAAUkf,sBACVA,EAAqBC,iCACrBA,EAAgCC,6BAChCA,EAA4BC,6BAC5BA,EAA4BC,mBAC5BA,EAAkB2B,eAClBA,EAAc1iB,OACdA,EAAMihB,SACNA,IAkBA,OACEje,EAACmH,cAAA8T,EAAc,CAAAC,MAAO7F,IACpBrV,EAACmH,cAAAoR,GAAUsG,KAAK,WAAWvY,MAAM,QAC/BtG,EAAAmH,cAACoR,EAAS,CACRsG,KAAK,aACLpS,WAAW,QACXgM,aAAa,iBAEbzY,EAACmH,cAAAoR,GACCsG,KAAK,aACLsF,QAAS,EACTvY,QAAS,EACTiB,aAAc,EACduX,OAAQ,GAERpkB,EAAAmH,cAACoR,EAAS,CAAC6L,OAAQ,GACjBpkB,EAACmH,cAAA+X,IACCviB,IAAKA,EACLpG,IAAKmpB,EACLhY,MAAO,CAAEI,OAAQ,GAAIxB,MAAO,OAGhCtG,EAACmH,cAAAoR,GAAU4L,QAAS,EAAGC,OAAQ,GAC7BpkB,EAAAmH,cAACwR,EAAI,CAACzR,MAAOyX,GAAY/K,eAAgByQ,OAAQ,IAAKC,UAAQ,GAC3DrG,GAEFR,GACCzd,EAAAmH,cAACod,EAAI,CACHC,GAAG,IACHvT,KAAM,aAAajU,IACnBkK,MAAOyX,GAAY9K,eACnB4Q,WAAW,GAAK,cAKnBhmB,GACCuB,EAACmH,cAAAod,EACC,CAAAC,GAAG,IACHvT,KAAMoM,GAAoB,CACxB1iB,QAASA,EACTgC,IAAKA,EACLK,OAAQA,IAEVkK,MAAOyX,GAAY9K,eACnB4Q,WAAW,uBAGXzkB,EAAAmH,cAACmW,GAAU,CAAAnG,SAAUvY,KAGzBoB,EAAAmH,cAACod,EAAI,CACHC,GAAG,IACHtd,MAAOyX,GAAY9K,eAAc,mBAChB,EACjB5C,KAAS,GAAA5S,EAAO1B,EAAP0B,CAAY,kBACrB2N,QAASA,KACP2R,IACAC,GACA,EAEF6G,WAAW,GAAK,aAMtBzkB,EAAAmH,cAACuX,EAAM,CACLxX,MAAOyX,GAAY9K,eACnB6Q,KAAK,YACL1Y,QAASA,IAAM+R,GAAmB,GAClCnS,QAAS,EACTsP,MAAM,QACNxf,MAAM,gBAGT6C,GACCyB,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAACmH,cAAAoR,EACC,CAAA/M,gBAAiBmT,GAAYzK,eAC7B8K,gBAAiB,IACjBD,kBAAmB,EACnBjO,UAAW,EACXI,aAA2B,aAAAyN,GAAY3K,kBAEvChU,EAAAmH,cAACwd,EAAgB,CACfzd,MAAOyX,GAAY7K,eACnB5G,WAAY,KAAG,oBAMnBlN,EAACmH,cAAAyd,EAAK,CAAAC,aAAclG,GAAY3K,eAAgB1N,MAAM,QACnDyW,GAA6B/X,GAAiBjC,IAC7C,EAAGxI,KAAIO,WAAYyjB,KACjBve,EAACmH,cAAAyd,EAAKE,MACJlsB,IAAK2B,EACLyR,QAAUxT,IACRmlB,IACAC,IACAC,EAA6BtjB,KAAOI,MACpCnC,EAAE+W,kBAEJrI,MAAOyX,GAAY9K,eACnBjI,QAAS,GAET5L,EAACmH,cAAAwR,EAAK,CAAA2L,UAAU,GAAA/F,EAAOC,qBAI7Bxe,EAACmH,cAAAyd,EAAKE,KAAI,CACR9Y,QAAUxT,IACRmlB,IACAC,IACAE,IACAtlB,EAAE+W,kBAEJrI,MAAOyX,GAAYtM,SACnBzG,QAAS,EACT6Y,WAAW,GAEXzkB,EAAAmH,cAACwR,EAAI,CAAChR,KAAM,GAAC,0BAQ7B,CCvLA,MAAAtR,GAAA,CAAA,UAgCM0uB,GAAoBA,EACxBpqB,QAASqqB,MAIT,MAAMrqB,EAAUqqB,EAAgBjY,QAAQ,QAAS,IAEjD,OACE/M,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAE+E,WAAY,SAAUxE,QAAS,SAC3CjI,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAEyJ,YAAa,QACzBnR,EAACmH,cAAA4G,GAAa,CAAApT,QAASA,EAASgN,KAAM,MAExC3H,EAAAmH,cAACkB,GACC,CAAA1N,QAASA,EACTuM,MAAOyX,GAAY/K,eACnBjM,KAAM,KACN,EAaFiY,GAAU/f,IACd,MAAOmgB,EAA0BC,GAC/BjgB,EAAMhH,UAAS,IACVisB,EAAmBC,GAAwBllB,EAAMhH,UAAS,IAC1DmsB,EAAwBC,GAC7BplB,EAAMhH,UAAS,IACVglB,EAAiBD,GAAsB/d,EAAMhH,UAAS,IACvDuF,mBACJA,EAAkBK,cAClBA,EAAaH,WACbA,EAAUqB,cACVA,EAAahB,qBACbA,EAAoBI,eACpBA,EAAclC,OACdA,GACEgY,KAEEiP,EAAYpkB,EAAM4H,OAExBzH,EAAMzG,UAAU,KAET/B,SAASQ,KAAK0P,MAAM0I,SADzB+U,GAA0BnF,EACU,SACA,EAAA,EACnC,CAACA,EAA0BmF,IAE9B,MAAME,EACJxlB,EAAMwgB,OAAOhd,OAAO,EAAGxD,OAASiP,aAAeA,IAAW,GAEtDwW,EAAwBzlB,EAAM0lB,sBAC9BC,EACHH,GACCA,EAAY,IACZA,EAAY,GAAGxlB,OACfwlB,EAAY,GAAGxlB,MAAMgW,UACvBhW,EAAMlF,QAEF6V,EAAkB3Q,EAAMvB,KAAK7D,KAAK,EAAGM,UAAoB,aAATA,GAEhD0V,EAAc5Q,EAAMvB,KAAK7D,KAAK,EAAGM,UAAoB,SAATA,GAE5C2V,EAAe,IAAI7Q,EAAMvB,MAAM+E,OACnC,EAAGtI,UAAoB,SAATA,GAA4B,aAATA,GAG7B2oB,EAAc/E,GAAY3K,eAEhC,OACEhU,EAACmH,cAAA6V,GAAW,CAAAtV,MAAKhR,MAAOmJ,EAAM6H,QAC5B1H,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL+E,WAAY,SACZxE,QAAS,OACTH,OAAQ,OACR+O,eAAgB,SAChBjK,YAAa,OACbC,aAAc,QAEhBb,QAASA,KACPnM,EAAMugB,mBACNvgB,EAAM2f,8BAEN0F,GAAqB,GACrBE,EAA2B7U,IAAaA,EAAO,GAGjDvQ,EAACmH,cAAAK,IACC7M,QAASkF,EAAMlF,QAAQoS,QAAQ,QAAS,IACxCtF,OAAQwc,EACRtc,KAAM,MAGV3H,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL+d,KAAM,EACN1V,SAAU,WACV0K,IAAK,OACLnU,MAAO,SAGR2e,GAAqBplB,EAAMwgB,QAE9BrgB,EAAAmH,cAACue,GAAoB,CACnBzsB,KAAK,yCACL8D,OAAQA,IACNiD,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLie,cAAe,OACfC,wBAAyB,cACzBC,iBAAkB,OAClBra,gBAAiB0X,GAAUvE,GAAYhL,eAAgB,KACvDmS,OAAQ,EACR5e,MAAO,QACPe,QAASkd,EAAyB,QAAU,OAC5CM,KAAM,EACNM,aAAc,OACdhW,SAAU,QACV+I,MAAO,EACP2B,IAAK,EACLvC,WAAY,QAEdlM,QAASA,KACPoZ,EAA2B7U,IAAaA,GACxCwN,GAAmB,KAGrB/d,EAACmH,cAAAqc,GACC,CAAA9b,MAAO,CACLqI,SAAU,WACV+I,MAAO,OACP2B,IAAK,UAGTza,EAAAmH,cAAA,MAAA,CACE6E,QAAUxT,IACR,MAAMwtB,iBAAEA,GAAqBxtB,EACxBwtB,GACHxtB,EAAE8W,iBACH,EAEH5H,MAAO,CACL8D,gBAAiBmT,GAAYtK,gBAC7B4R,YAA0B,aAAAvC,IAC1Bzb,QAAS,OACTsP,cAAe,SACfzP,OAAuB,kDACvBiI,SAAU,WACVzJ,MAAsB,sBAGxBtG,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL+E,WAAY,SACZjB,gBAAiBmT,GAAYvK,eAC7BlD,aAA2B,aAAAwS,IAC3Bzb,QAAS,OACTH,OAAQ,OACR8E,YAAa,OACbC,aAAc,SAGhB7M,EAAAmH,cAAA,MAAA,CAAKO,MAAKhR,GAAA,CAAA,EAAOgS,KACf1I,EAAAmH,cAAA,IAAA,CACEO,MAAO,CACL+E,WAAY,SACZxE,QAAS,OACTH,OAAQ,OACR+E,aAAc,QAEJ,aAAA,6BAA6B4D,MAAAA,OAAAA,EAAAA,EAAa1V,0BACrC,EACjBkW,KACER,EACIpS,EAAOwB,EAAMlD,IAAb0B,CAAkB,YAClB4P,GAAoC,MAAXwC,OAAW,EAAXA,EAAa1V,WACtCkoB,GAGNjjB,EAAKmH,cAAA,MAAA,CAAAO,MAAO,CAAE+E,WAAY,SAAUxE,QAAS,SAC3CjI,EAACmH,cAAA4d,IACCpqB,QAAS8V,EAAcA,EAAY1V,KAAO8E,EAAMlF,cAMtDuE,GACAc,EAAAmH,cAACoY,GAAe,CACd5iB,IAAKkD,EAAMlD,IACX8K,OAAQwc,EACRlG,mBAAoBA,EACpB2B,eAAgB7f,EAAM6f,eACtB1B,gBAAiBA,KAKvBhe,EAAAmH,cAAA,MAAA,CACEO,MAAKhR,MACAgS,GAAO,CACVsb,wBAAyB,QACzBzI,UAAW,YAGbvb,EAAAmH,cAAA,KAAA,CAAA,aAAe,eAAeO,MAAO,CAAE0F,OAAQ,EAAGxB,QAAS,IACxD8Q,GAAkBhM,GAAc3N,IAAI,EAAGhI,QAAQL,KAC9C,MAAM0W,EAAgB,IAAN1W,EACV2W,EACJ3W,IAAMgiB,GAAkBhM,GAAclV,OAAS,EACjD,OACEwE,EAAAmH,cAAA,KAAA,CAAIvO,IAAKmC,EAAM2M,MAAO,CAAE4W,cAAe,SACrCte,EAAAmH,cAAA,IAAA,CACEO,MAAO,CACL+E,WAAY,SACZxE,QAAS,OACTH,OAAQ,OACRwJ,cAAeD,EAAS,MAAQ,EAChCzE,YAAa,OACbC,aAAc,OACd0E,WAAYH,EAAU,MAAQ,GAC/B,0CACwCrW,IACxB,mBAAA,EACjBkW,KACE5S,EAAOwB,EAAMlD,IAAb0B,CAAkB,YAClB4P,GAAyBlT,IAG3BiF,EAACmH,cAAA4d,IAAkBpqB,QAASI,KAC1B,IAMXyV,GACCxQ,EACEmH,cAAA,MAAA,CAAAO,MAAO,CACL8J,UAAwB,aAAAkS,MAG1B1jB,EAACmH,cAAAmc,GAAoB,CAAA3mB,IAAKkD,EAAMlD,SAKpCuC,GAAkB8e,GAClBhe,gBAACwd,GAAQ,KACPxd,EAACmH,cAAA2c,IACCnpB,QAASkF,EAAMlF,QACf+oB,YAAaA,EACb/mB,IAAKkD,EAAMlD,IACX8gB,cAAe5d,EAAM4d,cACrB7e,cAAeA,EACfH,WAAYA,EACZif,QAAS7d,EAAM6d,QACf1gB,OAAQA,EACRihB,SAAUpe,EAAMoe,WAGjB1f,GACCyB,EAACmH,cAAAsc,IACC9oB,QAASkF,EAAMlF,QACf+oB,YAAaA,EACb1e,gBAAiBnF,EAAMmF,gBACvB2Y,sBAAuB9d,EAAM8d,sBAC7BC,iCACE/d,EAAM+d,iCAERC,6BACEhe,EAAMge,6BAERC,6BACEje,EAAMie,gCAOhB9d,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL8J,UAAwB,aAAAkS,IACxBzb,QAAS,OACTsP,cAAe,MACf7F,WAAY,OACZ2H,UAAW,WAGbrZ,EAAAmH,cAAA,MAAA,CAAKO,MAAKhR,GAAA,CAAA,EAAOgS,KACf1I,EAACmH,cAAAkE,GACC,CAAA3D,MAAO,CACLR,MAAOyX,GAAY/K,eACnB3G,SAAU,OACVC,WAAY,KAEdlB,QAAUxT,IACRA,EAAEwtB,kBAAmB,CACvB,EACAzrB,GAAG,oBAAkB,cAUnCyF,EAAAmH,cAAA,MAAA,CACEO,MAAKhR,GACAgS,CAAAA,EAAAA,GACHwE,CAAAA,WAAY,IACZwE,WAAY,OACZ2H,UAAW,WAEbrN,QACEnM,EAAMwgB,OAAO7kB,OAAS,EAClB,KACE4pB,GAA0B,GAC1BF,EAAsB3U,IAAaA,EACrC,EACA,MAGNvQ,EAAAmH,cAACme,EACE,MX9WgBY,EW8WLV,GX9WqBW,OAAO,GAAGC,cAAgBF,EAAEpJ,MAAM,IWgXpEjd,EAAMwgB,OAAO7kB,OAAS,GACrBwE,EAACmH,cAAAsD,GACC,CAAAhD,OAAQwc,EACRvc,MAAO,CAAEyF,WAAY,MAAO0D,cAAe,aAKhD3R,GACCc,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAAmH,cAAA,SAAA,CACE6E,QAASA,IAAM+R,GAAoBC,GACnCtW,MAAO,CACLuI,WAAY,OACZxE,OAAQ,OACR2B,OAAQ,SACRxB,QAAS,IAGX5L,EAAAmH,cAAC+X,GAAM,CAACviB,IAAKkD,EAAMlD,IAAKpG,IAAKsJ,EAAM6f,kBAErC1f,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLie,cAAe,OACfC,wBAAyB,cACzBC,iBAAkB,OAClBC,OAAQ,EACR5e,MAAO,QACPe,QAAS+V,EAAkB,QAAU,OACrCyH,KAAM,EACNM,aAAc,OACdhW,SAAU,QACV+I,MAAO,EACP2B,IAAK,EACLvC,WAAY,SAGdlY,EAAAmH,cAAA,MAAA,CACE6E,QAAUxT,GAAMA,EAAE8W,kBAClB5H,MAAO,CACLsc,wBAAyB,QACzBxY,gBAAiB,OACjBvD,QAAS,OACTsP,cAAe,SACfzP,OAAQ,OACRyT,UAAW,SACXxL,SAAU,WACVzJ,MAAO,SAGTtG,EAAAmH,cAAC+c,GACC,CAAAvpB,QAASkF,EAAMlF,QACfgC,IAAKkD,EAAMlD,IACXqI,gBAAiBnF,EAAMmF,gBACvBzG,mBAAoBA,EACpBkf,cAAe5d,EAAM4d,cACrB7e,cAAeA,EACfH,WAAYA,EACZkf,sBAAuB9d,EAAM8d,sBAC7BC,iCACE/d,EAAM+d,iCAERC,6BACEhe,EAAMge,6BAERC,6BACEje,EAAMie,6BAERC,mBAAoBA,EACpB2B,eAAgB7f,EAAM6f,eACtB1iB,OAAQA,EACRihB,SAAUpe,EAAMoe,eAOxB/e,GAAkBJ,GAClBkB,gBAACoc,GAAa,CAACD,SAAUH,IACvBhc,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL+E,WAAY,SACZxE,QAAS,OACTH,OAAQ,OACR+O,eAAgB,SAChBjK,YAAa,OACbC,aAAc,QAEhBb,QAASA,IAAMiU,EAA6B1P,IAAaA,IAEzDvQ,EAAAmH,cAAC2K,GAAgB,CACfrK,OAAQwc,EACR3f,iBAAkBxE,EAAcJ,OAAOlE,OAAS,IAElDwE,EAAAmH,cAACue,GAAoB,CACnBzsB,KAAK,8CACL8D,OAAQA,IACNiD,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACLie,cAAe,OACfC,wBAAyB,cACzBC,iBAAkB,OAClBra,gBAAiB,iBACjBsa,OAAQ,EACR5e,MAAO,QACPe,QAAS+X,EAA2B,QAAU,OAC9CyF,KAAM,EACNM,aAAc,OACdhW,SAAU,QACV+I,MAAO,EACP2B,IAAK,EACLvC,WAAY,SAGdlY,EAACmH,cAAAqc,GACC,CAAA9b,MAAO,CACLqI,SAAU,WACV+I,MAAO,OACP2B,IAAK,UAGTza,EAAAmH,cAAA,MAAA,CACE6E,QAAUxT,GAAMA,EAAE8W,kBAClB5H,MAAO,CACLsc,wBAAyB,QACzBxY,gBAAiB,UACjBvD,QAAS,OACTsP,cAAe,SACfzP,OAAQ,OACRyT,UAAW,SACX3P,QAAS,QACTmE,SAAU,WACVzJ,MAAsB,sBAGxBtG,EAAAmH,cAACmS,GACC,CAAAhb,KAAMuB,EAAMvB,KACZyY,QAAM,EACNzG,OAAQA,IACN2P,EAA6B1P,IAAaA,GAE5CA,QAASyP,WASvBlhB,GAAwBe,EAAMC,iBXvgBXomB,KWugB0B,EAKrDtG,GAAOla,aAAe,CACpB6f,sBAAwB1lB,GAAUG,EAAAmH,cAAA,OAAAzQ,GAAUmJ,CAAAA,EAAAA,IAC5C4d,eAAe,EACf3d,cAAeA,IAAM,MAGjB,MAAA4gB,GAAQ5pB,IAAC,IAAAgY,OAAEA,GAAkBhY,EAAP+I,EAAK5I,GAAAH,EAAAT,WAC/B2J,EAAAmH,cAAA,IAAAzQ,IACEgR,MAAKhR,GAAA,CACH8U,gBAAiB,OACjB0F,aAAc,iBACdhK,MAAO,OACPe,QAAS,QACTiF,WAAY,IACZwE,WAAY,OACZ3B,SAAU,WACVsJ,UAAW,SACX5H,eAAgB,OAChBgF,cAAe,aACf3J,WAAY,UACTrE,GACCqG,GAAU,CAAEtD,gBAAiB,UAE/B3L,KCrhBQ,SAAAwmB,IAAOP,OACrBA,EAAS,OAAMjQ,SACfA,EAAQyQ,UACRA,GAAY,EAAKxe,OACjBA,EAAS,OAAMvN,GACfA,EAAK,gBAAe6V,SACpBA,EAAW,UAASL,SACpBA,EAAW,WAAUzJ,MACrBA,EAAQ,SAER,OACEtG,gBAACuY,EAAS7hB,GAAA,CACR8U,gBAAgB,UAChB+a,UAAWD,GAAaE,KAAO,OAAIvD,EACnCwC,KAAM,EACN1V,SAAS,WACT0W,OAAQ,GACJ,CAAEX,SAAQhe,SAAQvN,KAAI6V,WAAUL,WAAUzJ,UAE7CuP,EAGP,CC1BgB,SAAA6Q,IAAa7Q,SAAEA,EAAQ8Q,YAAEA,IACvC,OACE3mB,EAACmH,cAAAoR,EACC,CAAAC,UAAU,QACVqG,KAAK,aACL3X,MAAM,aACNuR,aAAa,gBACb7M,QAAS,EACT2F,WAAY,GAEZvR,EAACmH,cAAAyf,EAAK,KAAA/Q,GACL8Q,GACC3mB,EAAAmH,cAACuX,EAAM,CACLgG,KAAM,CACJtd,KAAMuX,GAAY/K,eAClB7Y,KAAM,YACN4M,KAAM,MAERqE,QAASA,IAAM2a,IACfjrB,MAAM,QACNwf,OAAO,EACPtJ,MAAO,CACLpG,gBAAiBmT,GAAYzK,kBAMzC,CCtCA,MAAA7d,GAAA,CAAA,YAGM,SAAUwwB,GAAa/vB,GAAuB,IAAtB+e,SAAEA,GAAoB/e,EAAP+I,EAAK5I,GAAAH,EAAAT,IAChD,OACE2J,EAACmH,cAAAuR,EAAOhiB,GAAA,CAAA,EACFmJ,EAAK,CACTinB,cAAc,SACdC,MAAO,EACPrV,WAAW,OACX2S,OAAQ,MAEPxO,EAGP,CCfA,MAAAxf,GAAA,CAAA,YAMM2wB,GAAmB,CACvBlB,OAAQ,CACN7V,WAAY,+DACZwK,IAAK,GAEPA,IAAK,CACHxK,WAAY,+DACZ6V,OAAQ,IAgBCmB,GAAkDnwB,IAAC,IAAA+e,SAC9DA,GAED/e,EADI+I,EAAK5I,GAAAH,EAAAT,IAER,MAAO6wB,EAAaC,GAAkBnuB,GAAS,IACxCouB,EAAgBC,GAAqBruB,GAAS,GAE/CsuB,EAAe1Q,EAAO,MACtB2Q,EAAgB3Q,EAAO,MACvB4Q,EAAa5Q,EAAO,MAGpB6Q,EAAeA,KACnB,MAAMvY,EAAYoY,MAAAA,OAAAA,EAAAA,EAAc/Q,QAE5BrH,GAKFmY,EAHEnY,EAAUwY,aAAexY,EAAUyY,aACnCzY,EAAU0Y,UAAY,EAGzB,EAgDH,OA7CAruB,EAAU,KACR,MAAM2V,EAAYoY,MAAAA,OAAAA,EAAAA,EAAc/Q,QAEhC,IAAKrH,EACH,MAAO,OAGTmY,EAAkBnY,EAAUwY,aAAexY,EAAUyY,cAGrD,MAAMnxB,EAAU,CAAEqxB,KAAM3Y,EAAW4Y,UAAW,GACxCC,EAAiB,IAAIC,qBACzB,GAAIC,qBAAsBZ,GAAmBY,GAC7CzxB,GAEI0xB,EAAc,IAAIF,qBACtB,GAAIC,qBAAsBd,GAAgBc,GAC1CzxB,GAGI2xB,EAAeZ,MAAAA,OAAAA,EAAAA,EAAehR,QAC9B6R,EAAYZ,MAAAA,OAAAA,EAAAA,EAAYjR,QAE1B4R,GACFJ,EAAehO,QAAQoO,GAErBC,GACFF,EAAYnO,QAAQqO,GAItB,MAAMC,EAAiB,IAAIC,eAAeb,GAG1C,OAFAY,EAAetO,QAAQ7K,GAEhB,KACDiZ,GACFJ,EAAe3N,UAAU+N,GAEvBC,GACFF,EAAY9N,UAAUgO,GAExBC,EAAejO,UAAUlL,EAC3B,CAAA,EACC,IAGDlP,EAAAmH,cAACoR,EAAS,CAACuG,KAAM,EAAG/O,SAAS,WAAWqU,OAAQ,GAC7CgD,GAAkBpnB,EAACmH,cAAAohB,IAAkBC,KAAK,QAC1CtB,GAAelnB,EAACmH,cAAAohB,IAAkBC,KAAK,WACxCxoB,EAACmH,cAAAoR,EAAS7hB,GAAA,CACR+xB,MAAO,EACP3J,KAAM,EACNjN,SAAUyV,EACVlX,SAAS,OACTpI,KAAK,SACLoc,OAAQ,GACJvkB,GAEJG,EAAAmH,cAACyf,EAAG,CAAC/U,SAAU2V,IACd3R,EACD7V,EAACmH,cAAAyf,GAAI/U,SAAU0V,KACL,EAKZgB,GAAoBA,EAAGC,UAEzBxoB,EAACmH,cAAAyf,EAAGlwB,GACFoR,CAAAA,OAAQ,EACR2d,KAAM,EACNiD,cAAc,OACd3Y,SAAS,WACT+I,MAAO,EACP9Q,KAAK,eACLye,OAAQ,IACJO,GAAiBwB,KCzHrBG,GAAwCA,EAAGC,cAAa/S,eAC5D,MAAMgT,EAAa7oB,EAAM8oB,SAASC,MAAMlT,GAElCmT,EACJJ,EAAc,EACV,EACAA,EAAcC,EAAa,EAC3BA,EAAa,EACbD,EAEN,OACE5oB,EAAAmH,cAACoR,EAAS,CAACuG,KAAM,EAAG1O,SAAS,SAASL,SAAS,YAC5C/P,EAAM8oB,SAAS/lB,IAAI8S,EAAU,CAACoT,EAAMC,KACnC,MAAMC,EAASD,IAAUF,EACzB,OACEhpB,EAACmH,cAAAoR,EACc,CAAA,eAAC4Q,EACdrhB,OAAO,OACPlP,IAAKswB,EACL9e,QAAS+e,EAAS,EAAI,EACtBT,cAAeS,EAAS,OAAS,OACjCpZ,SAAS,WACT0K,IAAK,EACLnU,MAAM,OACNwH,UACEqb,EACI,gBACAD,EAAQN,EACR,qBACA,oBAENpgB,WAAW,+DAEVygB,EAAI,GAGT,EC1CR,IAAKG,IAAL,SAAKA,GACHA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,IAAA,MACAA,EAAA,QAAA,SACD,CAND,CAAKA,KAAAA,GAMJ,CAAA,IAaD,MAAMxtB,GAA6B,CACjCytB,eAAgB,KAChBC,SAAS,EACT9C,MAAM,GAGF+C,GAAUA,CACdllB,EACAN,KAEA,OAAQA,EAAOzJ,MACb,KAAK8uB,GAAWI,MACd,OAAA9yB,GAAA,CAAA,EAAY2N,EAAK,CAAEglB,eAAgBtlB,EAAO0lB,QAAQvuB,QAASouB,SAAS,IACtE,KAAKF,GAAWM,QACd,OAAAhzB,GAAY2N,CAAAA,EAAAA,EAAOglB,CAAAA,eAAgB,KAAMC,SAAS,IACpD,KAAKF,GAAW5C,KACd,OAAA9vB,MAAY2N,EAAK,CAAEmiB,MAAM,IAC3B,KAAK4C,GAAWO,MACd,OAAAjzB,GAAY2N,CAAAA,EAAAA,GAAOmiB,MAAM,IAC3B,KAAK4C,GAAWQ,IACd,OAAAlzB,GAAY2N,CAAAA,EAAAA,EAAOglB,CAAAA,eAAgBtlB,EAAO0lB,QAAQvuB,UAAS,EC9B3D2uB,GAAkB7pB,EAAM8pB,cAAoC,CAAE,GAE9DC,GAAoDA,EACxDlU,WACAK,WAGElW,EAAAmH,cAAC0iB,GAAgBlJ,SAAQ,CAACzK,MAAOA,GAC9BL,GCfMmU,GAAcA,KACzB,MAAMhkB,EAAUikB,EAAWJ,IAC3B,IAAK7jB,EACH,UAAUyW,MAAM,sDAElB,OAAOzW,GCNIkkB,GAAwBA,IACnClqB,EAACmH,cAAAoR,EAAU,CAAAC,UAAU,SAAS2L,QAAS,EAAGvY,QAAS,EAAG2F,WAAW,OAC/DvR,EAAAmH,cAAC8X,EAAI,CAAClkB,KAAK,8BAA8BmM,MAAM,UAAUS,KAAK,OAC9D3H,EAAAmH,cAACwR,EAAI,CAACzR,MAAM,sBAAsB0R,MAAM,UAAQ,qECGvCgM,GAAQ/kB,IACnB,MAAMgW,SAAEA,EAAQxc,MAAEA,EAAQ,KAAI8wB,QAAEA,GAAYtqB,GACtCuqB,uBAAEA,GAA2BJ,KAEnC,GAAI3wB,EAAO,OAAO2G,EAAAmH,cAAC+iB,GAAqB,MAIxC,IAAIG,GAAa,EAOjB,OANArqB,EAAM8oB,SAAS/lB,IAAI8S,EAAWyU,IACxBC,EAAeD,IAAmC,YAAzBA,EAAMzqB,MAAM2qB,WACvCH,GAAa,EACd,GAGCF,GAAWE,EAAmB,KAGhCrqB,EAACmH,cAAAoR,EAAU,CAAAuG,KAAM,EAAGsF,OAAQ,GAC1BpkB,EAACmH,cAAA8f,GAAiB,KAAApR,GAClB7V,EAAAmH,cAACsX,EAAU,MACXze,EAACmH,cAAAoR,GAAUyG,gBAAiB,EAAGxG,UAAU,UACvCxY,EAAAmH,cAACuX,EAAM,CAAA,aACM,wBACXlT,gBAAiB/D,GAAO8L,cACxBrM,MAAM,UACNujB,IAAK,CACH,oBAAqB,CACnBjf,gBAAiB/D,GAAO8L,gBAG5BvH,QAASoe,EACT9jB,MAAM,OAGC,gBACC,ECtBZokB,GAAcA,EAAGhrB,aACrB,GAAIA,EAAS,EAAG,OAAW,KAE3B,MAAMirB,EAAejrB,GAAU,GAAKA,EAAO+O,WAAa,MAExD,OACEzO,EAACmH,cAAAyjB,EACC,CAAAlvB,MAAOivB,EACPhjB,KAAK,KACLT,MAAOO,GAAO+L,cACdqX,OAAO,OACP7Z,SAAU,GACV,EAIO8Z,GAAUA,EACrB5L,SACA/c,UACA4oB,eACAC,gBACAC,mBACAvrB,aACG,IAAAwrB,EACH,MAAMC,yBACJA,EAAwBC,sBACxBA,EAAqBC,oBACrBA,GACErB,KACEsB,EAAqBF,IAA0BjpB,EAAQ5H,GACvDgxB,GAAiC,MAAbP,GAAAE,OAAaA,EAAbF,EAAenrB,YAAF,EAAbqrB,EAAsBrV,WAAY,GAEtD2V,EACJhzB,IAGyC,qBAD1BA,EAAE6W,OACN3X,aAAa,eACtBuzB,EAAiB9oB,GACjBkpB,IACD,EASH,OACErrB,EAACmH,cAAAskB,GACCjT,UAAU,QACE,aAAA,mBAAmBuS,GAAgB,KAC/Cvf,gBAAiB8f,EAAqB,kBAAoB,UAC1DI,kBAAkB,oBAClBC,kBAAmB,EACnBC,QAAQ,gBACRlgB,OAAO,UACP+e,IAAK,CACH,UAAW,CACT,oBAAqB,CAAE1Z,WAAY,WACnCvF,gBAAiB,oBAGrBqgB,UAAW,GACX7f,QAASwf,EACTM,UAvB0BzpB,IACV,UAAdA,EAAMzJ,KAAiC,MAAdyJ,EAAMzJ,KACjC4yB,EAAmBnpB,EACpB,EAqBCuJ,QAAS,EACTmT,kBAAmB,EACnB8L,OAAQ,EACR7iB,KAAK,SACLmc,QAAS,EACT4H,SAAU,EACVzlB,MAAM,QAENtG,EAAAmH,cAAC+X,EAAS,MACVlf,EAAAmH,cAACoR,EAAS,CAACzQ,OAAO,OAAO0Q,UAAU,QAAQ3L,aAAc,GACvD7M,EAAAmH,cAACuR,EAAQ,CAAAqO,MAAO,EAAG3I,SAAS,OAAOkG,UAAS,EAAAD,OAAQ,KACjD0G,GAEH/qB,EAAAmH,cAACwR,EACC,CAAAzR,MAAM,sBACNujB,IAAK,CACHuB,gBAAiB,WACjBC,gBAAiB,IACjBhkB,QAAS,cACTmI,SAAU,SACViO,aAAc,YAEhB3M,WAAW,MACX0M,SAAS,OACTzW,KAAM,EACN0R,UAAU,QAETkS,GAEHvrB,EAACmH,cAAAoR,GAAUkQ,MAAO,GAAK3J,KAAM,IAC7B9e,EAAAmH,cAACoR,EAAS,CACRC,UAAU,SACVqG,KAAK,aACL6E,YAAY,oBACZtB,YAAa,EACbxW,QAAS,GACTif,OAAQ,EACR1G,QAAS,IAGTnkB,EAAAmH,cAACyf,EACC,CAAApb,gBAAgB,UAChB1D,OAAO,OACP+iB,OAAQ,EACRvkB,MAAM,SAERtG,EAAAmH,cAACwR,EACC,CAAAzR,MAAM,sBACNwK,WAAW,OACX/J,KAAM,EACN8O,cAAc,aAAW,mBAM/BzW,EAAAmH,cAACoR,EAAS,CAACC,UAAU,MAAMxH,SAAU,EAAGlJ,OAAO,QAC7C9H,EAAAmH,cAACwR,EAAK,CAAAzR,MAAM,sBAAsBS,KAAM,EAAG8O,cAAc,aAnI3CtU,IACpBA,EAAQkC,MAAM6nB,gBACV/T,EAAYgU,KAAKhqB,EAAQkC,MAAM6nB,gBAAiB,CAC9CxkB,MAAO,cACP0kB,MAAM,IAER,GA8HKC,CAAalqB,IAEhBnC,EAAAmH,cAACoR,EAAS,CAACC,UAAU,MAAM1I,UAAU,UAAUgP,KAAM,GACnD9e,EAAAmH,cAACujB,GAAY,CAAAhrB,OAAQA,KAEvBM,EAAAmH,cAACyf,EAAG,CAAC5a,QAAUxT,GAAMA,EAAE8W,mBACrBtP,EAAAmH,cAACmlB,EAAQ,CACPxc,UAAU,MACVuL,UAAU,mBAAkB,YAClB,mBACVqJ,KAAM,CACJ3pB,KAAM,wBACN4M,KAAM,MAERkjB,OAAO,SACP0B,WAAW,EACXC,qBAAqB,EACrBC,QAASA,IAAMtB,EAAyB,MACxCuB,OAAQA,IAAMvB,EAAyBhpB,EAAQ5H,IAC/CoyB,UAAU,UACVC,aAAc,CAAElf,OAAQ,EAAGmf,YAAY,GACvC/T,MAAM,QACNnR,KAAK,KACLuT,MAAM,OACNxf,MAAM,kBACNoxB,QAAQ,QACR/b,WAAYua,EAAqB,UAAY,UAG7CtrB,EAACmH,cAAAmlB,EAASxH,KAAK,CAAAiI,SAAUA,QAAwC,kBAEjE/sB,EAAAmH,cAACmlB,EAASxH,KAAK,CAAAiI,SAAUA,mBAGnB,EC5KZC,GAAU,CAAE1yB,KAAM,aAEX2yB,GAAkBA,EAAGtG,kBAChC,MAAMuG,ECT0BC,MAChC,MAAOhD,EAASiD,GAAcp0B,GAAS,IACjCq0B,mBAAEA,GAAuBC,EAAe,gBACxCC,gBAAEA,GAAoBF,EACtBG,EAA+B,WAApBD,EAMjB,OAJAh0B,EAAU,KACR6zB,EAAWI,EACb,EAAG,CAACD,IAEGpD,GDDiBgD,GAExB,OACEntB,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAAmH,cAACuf,GAAY,CAACC,YAAaA,GACzB3mB,EAAAmH,cAACoR,EAAS,CAACsG,KAAK,aAAarG,UAAU,SAAS2L,QAAS,GACvDnkB,EAAAmH,cAAC0f,GAAsC,KAAA,YACtCqG,GACCltB,EAAAmH,cAACsU,EACC,CAAAvU,MAAM,gBACNwU,UAAW,EACXC,WAAW,oBAKnB3b,EAACmH,cAAAsmB,GACCC,QAASV,GACTpI,KAAMA,GAGN+I,UAAWC,EACX9C,QAASA,KACT,EEbK+C,GAAeA,KAC1B,MAAMC,iBACJA,EAAgBC,kBAChBA,EAAiBC,mBACjBA,EAAkBC,aAClBA,EAAYC,gBACZA,EAAeC,aACfA,EAAYC,gBACZA,EAAeC,gBACfA,EAAe1O,KACfA,EAAI2O,eACJA,GACEC,KAEEC,gBAAEA,GAAoBC,KAEtBC,aAAEA,EAAYC,aAAEA,EAAYC,aAAEA,GAAiBC,GAAY,CAC/D5V,UAAWiV,GAAoC,IAAjBC,EAC9BW,SAAUN,EACVO,SAAS,EACTC,OAAQV,IAGJW,EAAsBC,KACtBC,EAAeC,KAErB,OACEpvB,EAAAmH,cAACoR,EAAS7hB,GAAA,GACJg4B,EAAa,CACfhL,YAAauL,EAAsB,cAAgB,oBACnD7M,YAAa6M,EAAsB,EAAI,EACvC5T,UACE,iCAAA4T,EAAsB,iBAAmB,IAE3CI,iBAAkBJ,EAAsB,EAAI,EAC5Clf,SAAU,WACV8a,OAAQ,EACRyE,OAAQ,cAGTX,GAAgB3uB,EAACmH,cAAAooB,IAAWX,aAAcA,IAC1CV,KAAqBE,GAAmBpuB,EAAAmH,cAACqoB,EAAwB,MAClExvB,EAAAmH,cAACyf,EAAG,CAAC/U,SAAUsd,GACbnvB,EAAAmH,cAACsoB,EAAiB,CAAAC,YAAY,oBAEhC1vB,EAACmH,cAAAoR,GACCC,UAAU,SACVqG,KAAK,aACLpG,aAAa,gBACb7M,QAAS,IACTuY,QAAS,GAETnkB,EAAAmH,cAACoR,EACC,CAAAC,UAAU,SACVqG,KAAK,aACL/W,OAAO,OACPqc,QAAS,GAETnkB,EAAAmH,cAACwoB,GACC,CAAA7B,iBAAkBA,EAClBC,kBAAmBA,EACnBC,mBAAoBA,EACpBK,gBAAiBA,IAEnBruB,EAAAmH,cAACyoB,GACC,CAAA1B,gBAAiBA,EACjBC,aAAcA,EACdK,gBAAiBA,EACjBF,eAAgBA,KAGpBtuB,EAAAmH,cAACuX,EACC,CAAA5O,UAAU,SACVuL,UAAU,gBACVnU,MAAOO,GAAO4M,gBACdoW,IAAK,CACH,WAAY,CAAEjf,gBAAiB/D,GAAO4L,eACtC,UAAW,CAAE7H,gBAAiB/D,GAAO6L,eACrC,0BAA2B,CACzB,UAAW,CACT9H,gBAAiB,GAAG/D,GAAOsM,kBAE7BvI,gBAAiB/D,GAAOsM,gBAE1BvI,gBAAiB/D,GAAO8L,eAE1B0F,UAAWmV,IAAoBzO,EAAKnkB,OACpCwQ,QAASiiB,EACTvyB,MAAOuzB,EAAsB,OAAS,OACtClD,SAAU,KAEF,EAKZ6D,GAAeA,EACnB1B,kBACAC,eACAK,kBACAF,qBAEA,MAAM/zB,EAAKyF,EAAM6vB,QAAQ,IAAMC,KAAU,IACnCC,EAAUv4B,SAASw4B,eAAez1B,GAQxC,OACEyF,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAOmH,cAAA,QAAA,CAAA8oB,QAAS11B,EAAIwxB,SAAU,EAAGD,UARdzpB,KACjB0tB,GAA0B,UAAd1tB,EAAMzJ,KAAiC,MAAdyJ,EAAMzJ,MAC7CyJ,EAAMkN,iBACNwgB,EAAQG,QACT,GAKGlwB,EAACmH,cAAA8X,GACC/X,MAAOO,GAAOoM,eACd4W,IAAK,CACH,WAAY,CAAErjB,KAAMK,GAAOkM,gBAC3B,UAAW,CAAEvM,KAAMK,GAAOmM,iBAE5BlI,OAAO,UACP5D,OAAO,OACP/M,KAAK,uBACLuL,MAAM,UAGVtG,EAAAmH,cAACgpB,GAAY,CAAA,aACA,cACX9U,UAAU,aACVpC,UAAWiV,GAAoC,IAAjBC,EAC9B5zB,GAAIA,EACJu0B,SAAUN,EACV4B,aAAc9B,IACd,EAKFqB,GAAgBA,EACpB7B,mBACAC,oBACAC,qBACAK,qBAEAruB,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAACmH,cAAAuX,gBACY,sBACXrD,UAAU,gBACVoP,IAAK,CACH,WAAY,CAAErjB,KAAMK,GAAOkM,gBAC3B,UAAW,CAAEvM,KAAMK,GAAOmM,iBAE5BxM,KAAMK,GAAOoM,eACb7H,QAAS+hB,EAAoBD,EAAmBO,EAChDvC,UAAWkC,EACXjP,kBAAmB,EACnBpX,KAAM,KACNuT,OAAO,EACPmV,QAAQ,iBAERrwB,EAACmH,cAAAyf,GAAItgB,MAAM,OAAOwB,OAAO,QACvB9H,EAACmH,cAAAmpB,EAAkB,QAGvBtwB,EAACmH,cAAAopB,GAAYC,OAAO,KAIlBjB,GAAaA,EAAGX,kBACpB5uB,EAAAmH,cAACoR,EAAS,CACRC,UAAU,SACVhN,gBAAgB,kBAChBkY,YAAakL,EAAe,aAAe,iBAC3C1e,aAAc,EACdugB,YAAY,SACZrO,YAAa,EACb0D,OAAQ,EACRrN,aAAa,SACbgN,KAAM,EACN1V,SAAS,WACT+I,MAAO,EACP2B,IAAK,EACLgM,OAAQ,IAERzmB,EAACmH,cAAAwR,GACCzR,MAAO0nB,EAAe,aAAe,iBACrCjnB,KAAM,EACN0c,OAAQ,KAEPuK,EACG,yCACA,yBAKJM,GAAyBA,KAC7B,MAAOwB,EAAgBC,GAAqB33B,GAAS,GAQrD,OANAO,EAAU,KACR,MAAMq3B,EAAQp5B,SAASC,cAAc,2BAC/Bo5B,EAAQr5B,SAASC,cAAc,iCACrCk5B,EAAuB,MAALC,OAAK,EAALA,EAAOxhB,SAASyhB,GAAM,EACvC,IAEIH,GAGHtB,GAAeA,KACnB,MAAMD,EAAenvB,EAAM4W,OAAO,MAUlC,OARArd,EAAU,KACR,GAAI41B,EAAa5Y,QAAS,KAAAua,EAAAC,EAAAC,EACxB,MAAMH,EAA4B,OAAvBC,EAAG3B,EAAa5Y,cAAO,EAApBua,EAAsBr5B,cAAc,YAC7C,MAALo5B,GAAAA,EAAOI,QACPJ,MAAAA,GAAAA,EAAOK,kBAAuB,MAALL,GAAY,OAAPE,EAALF,EAAO3a,YAAF,EAAL6a,EAAcv1B,OAAa,MAALq1B,GAAAG,OAAKA,EAALH,EAAO3a,YAAF,EAAL8a,EAAcx1B,OAC9D,GACA,IAEI2zB,GCnOIgC,GAAcA,KAAK,IAAAC,EAC9B,MAAMjvB,QAAEA,GAAYmrB,KACd+D,wBAAEA,GAA4BrH,KAC9BtuB,GAAe,MAAPyG,GAAa,OAANivB,EAAPjvB,EAAStK,WAAF,EAAPu5B,EAAer2B,OAAQ,eAErC,OACEiF,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAACmH,cAAAoR,GACCC,UAAU,SACVqG,KAAK,aACLjT,QAAS,EACT2F,WAAY,EACZ4S,QAAS,GAETnkB,EAACmH,cAAAuX,gBACY,yBACXgG,KAAK,sBACL1Y,QAASqlB,EACT1pB,KAAM,KACNjM,MAAM,uBACNoxB,QAAQ,UAEV9sB,EAAAmH,cAAC0f,GAAc,CAAAvC,UAAU,GAAA5oB,IAE3BsE,EAAAmH,cAACoR,EAAS,CAACuG,KAAM,EAAGxN,cAAe,EAAG8S,OAAQ,GAC5CpkB,EAAAmH,cAACmqB,EAAO,CACNnvB,QAASA,EACTovB,MAAOC,GACPC,iBAAkBD,IAElBxxB,EAAAmH,cAACuqB,EAAM,KAKL1xB,EAACmH,cAAAwqB,EAAY,CAAAC,eAAgB,CAAC,OAAQ,SAAU,WAChD5xB,EAACmH,cAAA0mB,EAAa,CAAA/O,MAAM,OAGd,ECvCL+S,GAAiBA,KAC5B,MAAMR,wBAAEA,GAA4BrH,KACpC,OACEhqB,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAACmH,cAAAoR,GACCC,UAAU,SACVqG,KAAK,aACLsF,QAAS,EACTvY,QAAS,EACT2F,WAAY,GAEZvR,EAACmH,cAAAuX,gBACY,yBACXgG,KAAK,sBACL1Y,QAASqlB,EACT1pB,KAAM,KACNjM,MAAM,uBACNoxB,QAAQ,UAEV9sB,EAAAmH,cAAC0f,GAAa,CAACvC,UAAQ,GAAA,gBAEzBtkB,EAACmH,cAAAoR,GAAUuG,KAAM,EAAGsF,OAAQ,GAC1BpkB,EAACmH,cAAAoR,GAAU3M,QAAS,EAAGuY,QAAS,GAC9BnkB,EAACmH,cAAAwR,EAAK,CAAAC,MAAM,SAAS1R,MAAM,sBAAoB,oCAIjDlH,EAAAmH,cAACsX,EAAU,MACXze,EAAAmH,cAACoR,EAAS,CAACuG,KAAM,GACf9e,EAAAmH,cAACoR,EAAS,CAAC3M,QAAS,GAClB5L,EAACmH,cAAAwR,GAAKzR,MAAM,sBAAsBS,KAAM,GAEjC,8BACP3H,EAAAmH,cAACoR,EACC,CAAAC,UAAU,WACVqG,KAAK,aACLpG,aAAa,gBACb0L,QAAS,GAGTnkB,EAAAmH,cAACuR,EACC,CAAAxR,MAAM,aACN4f,cAAc,SACdC,MAAO,EACP1C,OAAQ,KAGA,0BAEVrkB,EAAAmH,cAACwR,EAAK,CAAAzR,MAAM,cAAY,QAG5BlH,EAAAmH,cAAC8f,GAAe,KACdjnB,EAACmH,cAAAoR,EAAU,CAAAjH,cAAe,EAAG1E,YAAa,EAAGuX,QAAS,GACnD9C,MAAMyQ,KAAK,CAAEt2B,OAAQ,IAAM,CAACu2B,EAAGr3B,IAAgB,UAAAA,EAAI,KAAKqI,IACtDivB,GACChyB,EAAAmH,cAAC8qB,GAAkB,CAACr5B,IAAKo5B,QAMnChyB,EAAAmH,cAACsX,EAAU,MACXze,EAACmH,cAAAoR,GAAUjH,cAAe,EAAG6S,QAAS,GACpCnkB,EAACmH,cAAAoR,GAAU3M,QAAS,EAAG0F,cAAe,GACpCtR,EAAAmH,cAACwR,EAAI,CAACC,MAAM,SAASjR,KAAM,EAAGT,MAAM,yLAMtClH,EAAAmH,cAACmqB,EAAO,KACNtxB,EAAAmH,cAAC0mB,EAAe,SAGV,EAKZoE,GAAqBA,IAEvBjyB,EAAAmH,cAACoR,EAAS,CAACC,UAAU,SAASqG,KAAK,aAAasF,QAAS,GAEvDnkB,EAACmH,cAAAyf,EACC,CAAApb,gBAAgB,SAChBkY,YAAY,SACZtB,YAAa,EACbta,OAAO,OACP+iB,OAAO,SACPvkB,MAAM,SAERtG,EAACmH,cAAAwR,EAAK,CAAAhR,KAAM,EAAG2c,UAAQ,GAAA,gBC5FvB4N,GAAO,CACX33B,GAAI,eACJ43B,MAAO,8DACPp3B,KAAM,SA+CFq3B,GAAwB,CAC5BrjB,UA7CwBsjB,EAAG1L,kBAC3B,MAAM2L,EClBiBC,GAAGC,SAAQC,WAAUC,sBAC5C,MAAOJ,EAAYK,GAAiB3yB,EAAMhH,SAAS,MAyBnD,OAvBAgH,EAAMzG,UAAU,KACd,MAAMq5B,EAAS,IAAIC,GAAWL,GAE9B,IAAIM,GAA0B,EAE9B,MAAMC,EAAoBH,EACvBI,YAAYP,EAAUC,GACtBv6B,KAAK,KACC26B,GAAyBH,EAAcC,EAAM,GAGtD,MAAO,KACLE,GAA0B,EAC1BH,EAAc,MAEdI,EACG56B,KAAK,IAAMy6B,EAAOK,kBAClB96B,KAAK,KACJM,QAAQy6B,IAAI,oBAAmB,EAChC,CACL,EACC,CAACV,EAAQC,EAASl4B,GAAIm4B,IAElBJ,GDRYC,CAAU,CAC3BC,OAAQ,eACRE,gBAXF,8IAYED,SAAUP,MAGL9G,EAAuBD,GAC5BnrB,EAAMhH,UAAS,IACV4vB,EAAauK,GAAkBnzB,EAAMhH,SAAS,GAMrD,OACEgH,EAAAmH,cAAC4iB,GAAgB,CACf7T,MAAO,CACLkV,wBACAD,2BACAkG,wBAT0BA,IAAM8B,EAAe,GAU/C9H,oBARsBA,IAAM8H,EAAe,GAS3C/I,uBAVyBA,IAAM+I,EAAe,KAa/Cb,EACCtyB,EAACmH,cAAAisB,EAAK,CAAAR,OAAQN,EAAYpX,MAAM,yBAC9Blb,EAAAmH,cAACwhB,GAAU,CAACC,YAAaA,GACvB5oB,EAAAmH,cAAC8lB,GAAe,CAACtG,YAAaA,IAC9B3mB,EAAAmH,cAAC0qB,GAAiB,MAClB7xB,EAACmH,cAAAgqB,WAILnxB,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAAmH,cAACuf,GAAY,CAACC,YAAaA,GACzB3mB,EAAAmH,cAAC0f,GAAsC,KAAA,cAG5C,EAOLtR,MAAO,CACLzG,OAAQ,sBACRuN,OAAQ,+BAEVthB,KAAM,8CEzDFie,GAAsBliB,IAAC,IAAAmiB,SAC3BA,EAAQjN,QACRA,EAAOtQ,MACPA,GAMD5E,EALI+I,EAAK5I,GAAAH,EAAAT,IAAA,OAMR2J,EAACmH,cAAAoR,EAAS7hB,GAAA,CACRwQ,MAAO+R,EAAW0F,GAAY7K,eAAiB6K,GAAYnL,cAC3D9H,OAAQuN,EAAW,UAAY,UAC/BhM,SAAU,EACVC,WAAY,IACZgL,WAAW,OACXlM,SAAUiN,GAAYjN,GAClBnM,GAEHnE,EAAK,EAIJyd,GAAqBnP,IAAA,IACtBnK,EAAKnJ,GAAA,CAAA,GAAAyrB,GAAAnY,GAAAA,IAKR,OAAAhK,EAACmH,cAAAuR,EAAOhiB,GACNwQ,CAAAA,MAAOyX,GAAYhL,eACnBjC,WAAY,EACZ/J,KAAM,EACN8O,cAAc,YACdyB,WAAW,QACPrY,GACJ,EAmJE0E,GAA6B,CACjCwK,UAjJF,UAAgC4X,YAAEA,IAChC,MAAOhN,EAAUC,GAAe5Z,EAAMhH,UAAS,GAIzC6hB,EAAe,CAAErS,WAAuB,6BAExCsS,EAAmB,CACvB3O,QAAS,CAAE/B,QAAS,GACpB2Q,SAAU,CAAE3Q,QAAS,MAGjBhL,oBACJA,EAAmBC,iBACnBA,EAAgBC,iBAChBA,EAAgBC,SAChBA,EAAQC,UACRA,EAASC,KACTA,EAAIC,OACJA,GACE/D,GAAMK,WAA0B,cAEpC,OACEgE,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAAmH,cAACuf,GAAY,CAACC,YAAaA,GACzB3mB,EAAAmH,cAACoR,EAAS,CAAC4L,QAAS,IAClBnkB,EAAAmH,cAACoR,EAAS,CAACC,UAAU,SAASqG,KAAK,aAAasF,QAAS,GACvDnkB,EAAAmH,cAAC0f,GAA2C,KAAA,iBAC3CrnB,GACCQ,EAAAmH,cAACsU,EAAO,CACNvU,MAAM,gBACNwU,UAAW,EACXC,WAAW,kBAGdpc,GACCS,EAACmH,cAAA4D,IAAoB3D,KAAK,iBAAiBO,KAAM,MAGpDlI,EAAKjE,OAAS,GACbwE,gBAACgZ,GAAmB,CAClBhN,QAASA,IAAM4N,EAAaD,IAAcA,GAC1Cje,OAAUie,EAAW,OAAS,QAAvB,YAKf3Z,EAAAmH,cAAC8f,GAAe,KACdjnB,EAACmH,cAAAoR,GAAUC,UAAU,UAAU2L,QAAS,GACtCnkB,EAAAmH,cAAA,MAAA,CACEO,MAAO,CACL8T,UAAW,aACXvT,QAAS,OACTsP,cAAe,SACfV,eAAgB,gBAChBzJ,OAAQ,EACRxB,QAAS,WAGTpM,GAA+B,IAAlBE,EAAOlE,QACpBwE,EAACmH,cAAAkR,GAA2B3hB,GAAA,CAC1BsP,QAAQ,UACRsS,YACE,iBAAA7Y,EAAKjE,OAAS,EAAI,UAAY,2CAE3BiE,EAAKjE,OAAS,GAAK,CAAEE,MAAO,6BAGpCgE,EAAOlE,OAAS,GACfwE,EAAAmH,cAACoR,EAAS,CACRsG,KAAK,aACLrG,UAAU,SACVC,aAAa,gBACb7M,QAAS,GAET5L,EAAAmH,cAACgS,GAA8C,KAAA,UAC9CzZ,EAAOlE,OAAS,GACfwE,EAAAmH,cAAC6R,GAAmB,CAClBhN,QAASA,IAAM5M,IACf1D,MAAe,QAAAgE,EAAOlE,oBAK9BwE,EAAAmH,cAACyU,EAAgB,CAAAC,MAAM,GACpBnc,EAAOqD,IAAI,CAACvC,EAA4Bsb,IACvC9b,EAAAmH,cAAC4U,EAAU,CAACnjB,IAAK4H,EAAajG,GAAIuL,QAAS,GACvCzB,GACArE,EAAAmH,cAAA,MAAA,CACEO,MAAKhR,GAAA,CAAA,EACAmkB,EACAC,EAAiBzW,KAGtBrE,EAACmH,cAAA2P,GAAgBpgB,GACf2a,CAAAA,OAAQ3R,EAAOlE,SAAWsgB,EAAM,EAChCljB,IAAK4H,EAAajG,GAClByc,aAAc3X,EACd4X,aAAcA,IAAM3X,EAAiBkB,GACrC0W,iBAAkBzX,EAAKjE,OAAS,GAC5B,CAAEgF,sBAOjBf,EAAKjE,OAAS,GAAKme,GAClB3Z,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAAmH,cAACgS,GAAkB,CAACvN,QAAS,GAA4B,QACzD5L,EAAAmH,cAACyU,EAAgB,CAAAC,MAAM,GACpBpc,EAAKsD,IAAKvC,GACTR,EAACmH,cAAA4U,EAAW,CAAAnjB,IAAK4H,EAAajG,GAAIuL,QAAS,GACvCzB,GACArE,EAAAmH,cAAA,MAAA,CACEO,MAAKhR,GAAA,CAAA,EACAmkB,EACAC,EAAiBzW,KAGtBrE,EAAAmH,cAAA,MAAA,CAAKO,MAAO,CAAE0C,QAAS,KACrBpK,EAAAmH,cAAC2P,GAAgBpgB,IACfkC,IAAK4H,EAAajG,GAClB0c,aAAcA,IACZ3X,EAAiBkB,GAEnB0W,kBACI,GAAA,CAAE1W,2BAepC,EAIE+U,MAAO,CACLzG,OAAQ,uBACRuN,OAAQ,yBAEVthB,KAAM,iBCrMFs4B,GAAqBA,IAAM,MCM3BC,iBAAEA,GAAgB/a,UAAEA,IAAcgb,EAsElCC,GAAqB,CACzBzkB,UArEF,UAAwB4X,YAAEA,EAAWhqB,IAAEA,IACrC,MAAMqH,EAAS,GAAG3F,EAAO1B,EAAP0B,CAAY,wCAEvBo1B,EAAoBC,GAAyB16B,EAAS,IAEvD26B,EDXR,SACEh3B,EACAi3B,EAAuBP,IAQvB,OANA95B,EAAU,KACRnC,OAAOwL,iBAAiB,UAAWgxB,GAE5B,IAAMx8B,OAAOyL,oBAAoB,UAAW+wB,IAClD,CAACA,IAEGryB,EACJ4B,IACC,MAAM0wB,EAeZ,SAAkBl3B,GAChB,MAAMm3B,EAiBR,SAAsBn3B,GACpB,OAAQA,GACN,IAAK,aACH,MAAO,sDACT,IAAK,UACH,MAAO,8DACT,QACE,MAAO,0DAEb,CA1Bco3B,CAAap3B,GAEnBq3B,EAAax8B,SAASC,cACX,eAAAq8B,OAGjB,GAAIE,EAAY,OAAOA,EAEvB,MAAMC,EAASz8B,SAAS2P,cAAc,UAMtC,OALA8sB,EAAOH,IAAMA,EACbG,EAAOvsB,MAAMwsB,QACX,wFACF18B,SAASQ,KAAKm8B,YAAYF,GAEnBA,CACT,CA/BoBG,CAASz3B,GAEvB,IAAIk3B,EAAMQ,cAIR,MAAU,IAAA5X,MACR,4EAJFrlB,OAAOk9B,YAAYnxB,EAAS,KAC5B0wB,EAAMQ,cAAcC,YAAYnxB,EAAS,IAK1C,EAEH,CAACxG,GAEL,CCdgC43B,CAC5B53B,EACA4E,EAAa4B,IAAqDqxB,IAAAA,EAChE,GAAgB,OAAhBA,EAAIrxB,EAAQtL,OAAR28B,EAAcjyB,eAAe,oBAAqB,CACpD,IAAIkyB,EAAgB,KACpB,IACEA,EAAgBx8B,KAAKmB,MAAM+J,EAAQtL,KAAK68B,iBACzC,CAAC,MAAOl8B,GACPC,QAAQY,MAAMb,EACf,CACGi8B,GACFf,EAAuBiB,GAAQ,IAAIA,EAAKF,GAE3C,GACA,KAGCG,EAAsCrzB,EACzCmzB,IACC,MAAMvxB,EAAU,CACduxB,iBAAkBz8B,KAAKC,UAAUw8B,IAEnCxuB,WAAW,KACTytB,EAAsBxwB,EAAO,EAC5B,IAEL,CAACwwB,IAUH,OACE3zB,EAAAmH,cAAC0tB,EAA8B,CAC7B/V,KAAM,EACN7W,QAAQ,OACR6sB,YAAY,IACZv+B,IAAKyN,EACL+wB,gBACE/0B,EAACmH,cAAAoR,GAAU,CAAA5P,KAAM,EAAGkW,KAAK,YACvB7e,EAAAmH,cAACuf,GAAY,CAACC,YAAaA,GACzB3mB,EAACmH,cAAAoR,IAAUsG,KAAK,aAAasF,QAAS,GACpCnkB,EAAAmH,cAAC0f,GAAmC,KAAA,SACpC7mB,EAAAmH,cAACmsB,GAAmB,SAK5B0B,qBAAsB,CAAEtO,gBAAcG,iBAAe8B,eACrD5iB,KAAM,CACJ4gB,cACA8M,qBACAmB,sCACAK,WA5BN,SAAyB5yB,EAAe6yB,EAAa,CAAE,GAAA/9B,IAAAA,EACrD,GAAKA,OAADA,EAACC,UAAAD,EAAQg+B,MACX,OAAO18B,QAAQC,KAAK,+BAEtBtB,OAAO+9B,MAAMC,MAAM/yB,EAAO6yB,EAC5B,IA2BF,EAIE3f,MAAO,CACLzG,OAAQ,oBACRuN,OAAQ,sBAEVthB,KAAM,SC7CFs6B,GAAgBx1B,GACpBG,EAACmH,cAAAyf,EAAGlwB,GAAA,CACF8U,gBAAiBmT,GAAYxL,KAAKC,QAClCtL,OAAQ,IACR4gB,cAAc,OACd3Y,SAAS,WACT8a,OAAO,MACP/R,MAAO,IACP2B,IAAK,IACLnU,MAAO,IACPmgB,OAAQ,GACJ5mB,aAIQy1B,IAAQ36B,QACtBA,EAAOgC,IACPA,EAAG8gB,cACHA,GAAgB,EAAIiC,eACpBA,EAAczB,SACdA,IAEA,MAAO5Z,EAAOkxB,GhBlBdv1B,EAAMw1B,WAAWjM,GAAO7yB,GAAOkF,CAAAA,EAAAA,QADN65B,KgBoBnBpM,eAAEA,EAAcC,QAAEA,EAAO9C,KAAEA,GAASniB,GACpCrH,OAAEA,GAAWgY,KAEnBhV,EAAMzG,UAAU,KACVitB,GACFhvB,SAASQ,KAAK0P,MAAM0I,SAAW,SAC/BhZ,OAAOs+B,SAAS,EAAG,IAEnBl+B,SAASQ,KAAK0P,MAAM0I,SAAW,MAChC,EACA,CAACoW,IAEJ,MAAMmP,EAAmBtY,GAAoB,CAC3C1iB,QAASA,EAAQoS,QAAQ,QAAS,IAClCpQ,IAAKA,EACLK,OAAQA,IAEJmhB,EAAY,GAAG9f,EAAO1B,EAAP0B,CAAY,kBAC3Bu3B,EAA0B,aAAA54B,KAE1BsH,iBAAEA,EAAgBnF,iBAAEA,GAAqB6V,GAAU3Q,GAAUA,GAC7DwxB,EAAuB,CAC3BtxB,GACAivB,GACAr0B,GAAoBizB,IACpB/uB,OAAO0e,SAEH+T,EAAc56B,IAClBq6B,EAAS,CAAE9L,QAAS,CAAEvuB,WAAWZ,KAAM8uB,GAAWI,QAClDtjB,WAAW,IAAMqvB,EAAS,CAAEj7B,KAAM8uB,GAAW5C,OAC/C,EAEMG,EAAcA,KAClB4O,EAAS,CAAEj7B,KAAM8uB,GAAWO,QAC5BzjB,WAAW,IAAMqvB,EAAS,CAAEj7B,KAAM8uB,GAAWM,UAzEhC,IAyEoD,EAG7DqM,EAAgB76B,GACfsrB,EAIE6C,EAAetuB,OAASG,EAAQH,KACnC4rB,IACA4O,EAAS,CAAE9L,QAAS,CAAEvuB,WAAWZ,KAAM8uB,GAAWQ,MAL7CkM,EAAW56B,GAQhB86B,EAA0C,CAC9CjnB,UAAWA,cCpFa4X,YAC1BA,EAAWlJ,cACXA,EAAakY,iBACbA,EAAgBxX,UAChBA,EAASyX,WACTA,EAAU3X,SACVA,EAAQyB,eACRA,IAEA,MAAM9gB,cAAEA,EAAaH,WAAEA,GAAeuW,KAEtC,OACEhV,EAAAmH,cAACoR,EAAS,CAACsG,KAAK,WAAWsF,QAASnkB,EAACmH,cAAAsX,EAAU,OAC7Cze,EAACmH,cAAAskB,EACC,CAAAG,QAAQ,gBACRpT,UAAU,QACV2L,QAAS,EACTvY,QAAS,EACT2F,WAAY,EACZjL,MAAM,QAENtG,EAACmH,cAAA+X,GAAOlb,OAAQ0b,EAAgB/X,KAAK,OACrC3H,EAAAmH,cAACoR,EAAU,CAAAsG,KAAK,WAAWsF,QAAS,EAAGrF,KAAM,EAAGsF,OAAQ,GACtDpkB,EAACmH,cAAAuR,GACCqO,MAAO,EACP1C,OAAQ,IACR9S,WAAY,GACZrK,MAAOyX,GAAYhL,gBAElBsK,GAEFR,GACCzd,EAAAmH,cAACod,EAAK,CAAA3F,GAAIgX,EAAYluB,MAAO,CAAER,MAAOyX,GAAY9K,+BAInDpV,GACCuB,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAAmH,cAACod,EAAI,CACH3F,GAAI+W,EACJjuB,MAAO,CAAER,MAAOyX,GAAY9K,iBAGvB,qBACP7T,EAAAmH,cAACoR,EACC,CAAAsG,KAAK,aACLrG,UAAU,SACV2L,QAAS,GACT7d,MAAM,QAENtG,EAAAmH,cAAC8X,EAAI,CACHlkB,KAAM6D,EAAgB,eAAiB,iBACvC+I,KAAK,KACLT,MACEtI,EAAgB+f,GAAYpK,UAAYoK,GAAYvM,WAGxDpS,EAAAmH,cAACwR,EACC,CAAAhR,KAAM,EACN0c,OAAQ,IACRnd,MAAOyX,GAAY7K,eACnBiC,MAAM,4BAEiBnX,EAAgB,SAAW,eAM5DoB,EAACmH,cAAAuX,EACC,CAAAgG,KAAM,CACJtd,KAAMuX,GAAY/K,eAClB7Y,KAAM,YACN4M,KAAM,MAERqE,QAAS2a,EACTjrB,MAAM,QACNoxB,QAAQ,QACR5R,OAAO,EACPtJ,MAAO,CACLpG,gBAAiBmT,GAAYzK,mBAInClU,EAAAmH,cAACuX,EACkB,CAAA,mBAAA,EACjB1S,QAASA,KAlG8BxH,IAoGrC,EAEFkD,MAAO,CAAEkE,QAAS,GAClBsP,OAAO,EACP0D,GAAIT,EACJ7X,MAAM,QAENtG,EAACmH,cAAAoR,EACC,CAAAE,aAAa,gBACbD,UAAU,SACVqG,KAAK,aACLC,KAAM,EACNC,kBAAmB,EACnBC,gBAAiB,GAEjBhf,EAAAmH,cAACwR,EAAK,CAAAzR,MAAOyX,GAAY7K,gBAA6B,UACtD9T,EAAAmH,cAAC8X,EAAK,CAAAlkB,KAAK,kBAAkBqM,KAAMuX,GAAY7K,mBAKzD,CDxBMmiB,CAAoB,CAClBtP,cACAlJ,gBACAkY,mBACAxX,YACAyX,aACAlW,iBACAzB,aAEJljB,KAAM,WAGFm7B,EE5HR,SAAuBC,GACrB,MAAMC,EAAcD,GAEI,oBAAX/+B,QACFA,OAAOi/B,WAAWF,GAAOG,SAK7BA,EAASC,GAAcv9B,EAAkBo9B,EAAWD,IAE3D,SAASK,IACPD,EAAWH,EAAWD,GACxB,CAwBA,OAtBA58B,EAAU,KACR,MAAM88B,EAAaj/B,OAAOi/B,WAAWF,GAYrC,OATAK,IAGIH,EAAWI,YACbJ,EAAWI,YAAYD,GAEvBH,EAAWzzB,iBAAiB,SAAU4zB,GAGjC,KACDH,EAAWK,eACbL,EAAWK,eAAeF,GAE1BH,EAAWxzB,oBAAoB,SAAU2zB,EAC1C,CACH,EACC,CAACL,IAEGG,CACT,CFsFmBK,CAAc,uBAExBC,EAAqBC,GAA0B72B,EAAMhH,SAAS,GAmBrE,OAjBAgH,EAAM82B,gBAAgB,KACpB,MAAMrP,EAAeA,KACnBoP,EAAuBz/B,OAAOgkB,YAAW,EAK3C,OAFAhkB,OAAOwL,iBAAiB,SAAU6kB,GAE3B,IAAMrwB,OAAOyL,oBAAoB,SAAU4kB,EAAY,EAC7D,IAUDznB,EAAAmH,cAAC8T,EAAa,CAACC,MAAO7F,IACnB6gB,EACCl2B,EAAAmH,cAAAnH,EAAAgN,SAAA,KACEhN,EAAAmH,cAACoR,EAAS,CACRkN,KAAM,EACN1V,SAAS,WACT+I,MAAO,EACP4P,cAAc,OACdhhB,MAAO,CAAEmkB,UAAW+K,GACpBnc,IAAK,EACLgM,OAAQ,OAERzmB,EAACmH,cAAAoR,GACC9L,WAAW,QACXoS,KAAK,aACLrT,gBAAgB,QAChBurB,eAAe,oBACfC,eAAgB,EAChBlR,OAAQ,EACRrN,aAAa,OACb3Q,OAAgB,2CAChB2d,KAAM,EACN1V,SAAS,QACT2Y,cAAc,OACd5P,MAAO,GAEP9Y,EAAAmH,cAACoR,EAAS,CAACC,UAAU,SAAS7P,KAAK,IAAIoH,SAAS,YAC9C/P,EAAAmH,cAACuX,EAAM,CACL+L,IAAK,CAAE7E,wBAAyB,eAChC1e,MACGsf,EAEG7H,GAAY7K,eADZ6K,GAAY/K,eAGlBhC,MAAO,CAAE1K,MAAOyX,GAAY/K,gBAC5B8Q,KAAM,CACJ3pB,KAAMyrB,EAAO,gBAAkB,eAC/B7e,KAAM,QAERqE,QAASA,IAAM2a,IACf/a,QAAS,EACTsP,OAAO,EACPxf,MAAO,UAGVm6B,EAAM9yB,IAAKk0B,GACVj3B,EAAAmH,cAACoR,EAAS,CACRC,UAAU,SACV7P,KAAK,IACL/P,IAAKq+B,EAAKl8B,KACVgV,SAAS,YAET/P,EAAAmH,cAACuX,EAAM,CAAA,aACU,GAAAuY,EAAKl8B,OACpBmM,MACEsf,GAAQ6C,IAAmB4N,EACvBtY,GAAY/K,eACZ+K,GAAY7K,eAElB2W,IAAK,CAAE7E,wBAAyB,eAChChU,MAAO,CAAE1K,MAAOyX,GAAY/K,gBAC5Bhb,IAAKq+B,EAAKl8B,KACViR,QAASA,IAtEAirB,SAAqBC,EAC9CpB,EAAWmB,GAEmC,OAD9CC,EAAA1/B,SACGw4B,eAA+B,gBAAAiH,EAAKl8B,UADvCm8B,EAEIxB,SAAS,CAAEyB,SAAU,SAAU1c,IAAK,GAAG,EAkEZ2c,CAAkBH,GACjClY,kBAAmB,EACnBC,gBAAiB,EACjB9D,OAAO,GAEPlb,EAAAmH,cAACyf,EAAG,CAAC7W,SAAS,aACXzL,MAAAA,OAAAA,EAAAA,EAAmB2yB,EAAKl8B,QACvBiF,EAACmH,cAAAkuB,IAAavc,OAAQ,GAAK2B,KAAM,KAEnCza,EAACmH,cAAA8X,GACClkB,KACEyrB,GAAQ6C,IAAmB4N,EACvBA,EAAK1hB,MAAMzG,OACXmoB,EAAK1hB,MAAM8G,OAEjB1U,KAAK,eAQnB3H,EAAAmH,cAACkwB,EAAsB,KACpB/N,GACCtpB,EAACmH,cAAAkf,GACC,CAAA9rB,GAAoB,gBAAA8uB,EAAetuB,OACnC+qB,OAAQ,OACRhe,OAAuB,oBACvBsI,SAAS,OACTL,SAAS,YAET/P,EAAAmH,cAACkiB,EAAeta,UAASrY,MAAK,CAAEiwB,cAAahqB,MAAKK,eAM1DgD,gBAACuY,EAAS,CACRzQ,OAAO,QACPiI,SAAS,WACT+I,MAAO,EACPxS,MACEkgB,EACI,4BAGNhe,WAAmB,yBAEnBxI,EAACmH,cAAAoR,EACC,CAAA/M,gBAAgB,UAChB8rB,gBAAgB,oBAChBC,gBAAiB,EACjBzY,KAAM,EACNE,gBAAiB,EACjBmF,QAASnkB,EAACmH,cAAAsX,GAAQrR,OAAQ,IAC1BqZ,OAAQ,EACR1W,SAAS,WACT+I,MAAO,EACPhR,OAAO,OACPxB,MAAU,QAEVtG,EAACmH,cAAAoR,EACC,CAAAC,UAAU,sBACC,kCACX2L,QAAS,GAETnkB,EAACmH,cAAAuX,gBACY,kBACX1S,QAASA,IAAM+pB,EAAaC,GAC5BnL,OAAQ,EACR3P,OAAO,GAEPlb,EAACmH,cAAA+X,EACC,CAAAsY,IAAK,GAAGvZ,aACRrM,MAAO,CAAE6lB,aAAc9Y,GAAY7K,gBACnC2jB,aACEjR,GAA+B,WAAvB6C,EAAetuB,KACnB4jB,GAAY7K,eACZ,cAEN4jB,cAAc,MACdC,aAAa,QACbC,aAAa,MACbjwB,KAAK,KACL3D,OAAQ0b,KAIZ1f,EAACmH,cAAAuX,EACC,CAAAxX,MAAOyX,GAAY7K,eACR,aAAA,kBACXlC,MAAO,CACL1K,MAAOyX,GAAY/K,gBAErB8Q,KAAM,CACJ3pB,KAAM,iCACN2tB,cAAe,OACf/gB,KAAM,QAERpN,GAAG,mBACHmB,MAAM,OACNwf,OAAO,KAGXlb,EAAAmH,cAACoR,EAAU,CAAAC,UAAU,SAAS2L,QAAS,GACpC0R,EAAM9yB,IAAKk0B,GACVj3B,EAACmH,cAAAyf,gBACwB,WAAAqQ,EAAKl8B,KAAKuT,gBACjC1V,IAAKq+B,EAAKl8B,KACVgV,SAAS,aAEQ,MAAhBzL,OAAgB,EAAhBA,EAAmB2yB,EAAKl8B,QAASiF,EAACmH,cAAAkuB,GAAe,MAClDr1B,EAACmH,cAAAuX,GACCxX,MACEsf,GAAQ6C,IAAmB4N,EACvBtY,GAAY/K,eACZ+K,GAAY7K,eAElBlC,MAAO,CACL1K,MAAOyX,GAAY/K,gBAErB8Q,KAAM,CACJ3pB,KACEyrB,GAAQ6C,IAAmB4N,EACvBA,EAAK1hB,MAAMzG,OACXmoB,EAAK1hB,MAAM8G,OACjB1U,KAAM,QAER/O,IAAKq+B,EAAKl8B,KACViR,QAASA,IAAM+pB,EAAakB,GAC5Bv7B,MAAe,QAAAu7B,EAAKl8B,cACpBmgB,OAAO,QAMjBlb,EAACmH,cAAAkwB,OACE/N,GACCtpB,EAACmH,cAAAkf,GACC,CAAAC,WACA,EAAA/rB,GAAoB,gBAAA8uB,EAAetuB,OACnCuL,MAAU,SAEVtG,EAAAmH,cAACkiB,EAAeta,UAASrY,GAAA,GAAK,CAAEiwB,cAAahqB,MAAKK,eAQlE"}