@knocklabs/react 0.8.11 → 0.9.0

package/dist/esm/index.mjs

@@ -3,105 +3,109 @@
 import { Button as r } from "./modules/core/components/Button/Button.mjs";
 import { ButtonGroup as a } from "./modules/core/components/Button/ButtonGroup.mjs";
 import { BellIcon as i } from "./modules/core/components/Icons/Bell.mjs";
-import { CheckmarkCircle as u } from "./modules/core/components/Icons/CheckmarkCircle.mjs";
+import { CheckmarkCircle as m } from "./modules/core/components/Icons/CheckmarkCircle.mjs";
 import { ChevronDown as f } from "./modules/core/components/Icons/ChevronDown.mjs";
-import { CloseCircle as d } from "./modules/core/components/Icons/CloseCircle.mjs";
+import { CloseCircle as p } from "./modules/core/components/Icons/CloseCircle.mjs";
 import { Spinner as x } from "./modules/core/components/Spinner/Spinner.mjs";
 import { default as k } from "./modules/core/hooks/useOnBottomScroll.mjs";
 import { EmptyFeed as K } from "./modules/feed/components/EmptyFeed/EmptyFeed.mjs";
 import { NotificationCell as h } from "./modules/feed/components/NotificationCell/NotificationCell.mjs";
-import { Avatar as v } from "./modules/feed/components/NotificationCell/Avatar.mjs";
-import { NotificationFeed as P } from "./modules/feed/components/NotificationFeed/NotificationFeed.mjs";
-import { NotificationFeedHeader as N } from "./modules/feed/components/NotificationFeed/NotificationFeedHeader.mjs";
-import { MarkAsRead as b } from "./modules/feed/components/NotificationFeed/MarkAsRead.mjs";
-import { NotificationFeedContainer as w } from "./modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.mjs";
-import { NotificationFeedPopover as I } from "./modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.mjs";
-import { NotificationIconButton as O } from "./modules/feed/components/NotificationIconButton/NotificationIconButton.mjs";
-import { UnseenBadge as D } from "./modules/feed/components/UnseenBadge/UnseenBadge.mjs";
-import { Banner as H, BannerView as R } from "./modules/guide/components/Banner/Banner.mjs";
-import { Card as j, CardView as q } from "./modules/guide/components/Card/Card.mjs";
-import { GuideToolbar as J } from "./modules/guide/components/GuideToolbar/GuideToolbar.mjs";
-import { Modal as Q, ModalView as W } from "./modules/guide/components/Modal/Modal.mjs";
-import { KnockGuideProvider as Y } from "./modules/guide/providers/KnockGuideProvider.mjs";
-import { MsTeamsAuthButton as _ } from "./modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.mjs";
-import { MsTeamsAuthContainer as ee } from "./modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.mjs";
-import { default as te } from "./modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.mjs";
-import { SlackAuthButton as ne } from "./modules/slack/components/SlackAuthButton/SlackAuthButton.mjs";
-import { SlackAuthContainer as se } from "./modules/slack/components/SlackAuthContainer/SlackAuthContainer.mjs";
-import { SlackChannelCombobox as me } from "./modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.mjs";
-import { FilterStatus as ce, I18nContext as fe, KnockFeedProvider as le, KnockGuideContext as de, KnockI18nProvider as pe, KnockMsTeamsProvider as xe, KnockProvider as Ce, KnockSlackProvider as ke, feedProviderKey as Se, formatBadgeCount as Ke, formatTimestamp as Te, locales as he, msTeamsProviderKey as Me, renderNodeOrFallback as ve, slackProviderKey as Be, toSentenceCase as Pe, useAuthenticatedKnockClient as Fe, useConnectedMsTeamsChannels as Ne, useConnectedSlackChannels as Ae, useCreateNotificationStore as be, useFeedSettings as Ge, useGuide as we, useGuideContext as ye, useGuides as Ie, useKnockClient as ge, useKnockFeed as Oe, useKnockMsTeamsClient as Ve, useKnockSlackClient as De, useMsTeamsAuth as Ee, useMsTeamsChannels as He, useMsTeamsConnectionStatus as Re, useMsTeamsTeams as Ue, useNotificationStore as je, useNotifications as qe, usePreferences as ze, useSlackAuth as Je, useSlackChannels as Le, useSlackConnectionStatus as Qe, useStableOptions as We, useTranslations as Xe } from "@knocklabs/react-core";
+import { Avatar as M } from "./modules/feed/components/NotificationCell/Avatar.mjs";
+import { NotificationFeed as v } from "./modules/feed/components/NotificationFeed/NotificationFeed.mjs";
+import { NotificationFeedHeader as B } from "./modules/feed/components/NotificationFeed/NotificationFeedHeader.mjs";
+import { MarkAsRead as G } from "./modules/feed/components/NotificationFeed/MarkAsRead.mjs";
+import { NotificationFeedContainer as g } from "./modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.mjs";
+import { NotificationFeedPopover as w } from "./modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.mjs";
+import { NotificationIconButton as I } from "./modules/feed/components/NotificationIconButton/NotificationIconButton.mjs";
+import { UnseenBadge as O } from "./modules/feed/components/UnseenBadge/UnseenBadge.mjs";
+import { Banner as D, BannerView as E } from "./modules/guide/components/Banner/Banner.mjs";
+import { Card as U, CardView as j } from "./modules/guide/components/Card/Card.mjs";
+import { GuideToolbar as z } from "./modules/guide/components/GuideToolbar/GuideToolbar.mjs";
+import { LocationSensorNextAppRouter as Q } from "./modules/guide/components/LocationSensor/NextAppRouter.mjs";
+import { LocationSensorNextPagesRouter as X } from "./modules/guide/components/LocationSensor/NextPagesRouter.mjs";
+import { Modal as Z, ModalView as _ } from "./modules/guide/components/Modal/Modal.mjs";
+import { KnockGuideProvider as ee } from "./modules/guide/providers/KnockGuideProvider.mjs";
+import { MsTeamsAuthButton as te } from "./modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.mjs";
+import { MsTeamsAuthContainer as ne } from "./modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.mjs";
+import { default as se } from "./modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.mjs";
+import { SlackAuthButton as ue } from "./modules/slack/components/SlackAuthButton/SlackAuthButton.mjs";
+import { SlackAuthContainer as ce } from "./modules/slack/components/SlackAuthContainer/SlackAuthContainer.mjs";
+import { SlackChannelCombobox as le } from "./modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.mjs";
+import { FilterStatus as de, I18nContext as xe, KnockFeedProvider as Ce, KnockGuideContext as ke, KnockI18nProvider as Se, KnockMsTeamsProvider as Ke, KnockProvider as Te, KnockSlackProvider as he, feedProviderKey as Ne, formatBadgeCount as Me, formatTimestamp as Pe, locales as ve, msTeamsProviderKey as Ae, renderNodeOrFallback as Be, slackProviderKey as Fe, toSentenceCase as Ge, useAuthenticatedKnockClient as be, useConnectedMsTeamsChannels as ge, useConnectedSlackChannels as Re, useCreateNotificationStore as we, useFeedSettings as ye, useGuide as Ie, useGuideContext as Le, useGuides as Oe, useKnockClient as Ve, useKnockFeed as De, useKnockMsTeamsClient as Ee, useKnockSlackClient as He, useMsTeamsAuth as Ue, useMsTeamsChannels as je, useMsTeamsConnectionStatus as qe, useMsTeamsTeams as ze, useNotificationStore as Je, useNotifications as Qe, usePreferences as We, useSlackAuth as Xe, useSlackChannels as Ye, useSlackConnectionStatus as Ze, useStableOptions as _e, useTranslations as $e } from "@knocklabs/react-core";
 export {
-  v as Avatar,
-  H as Banner,
-  R as BannerView,
+  M as Avatar,
+  D as Banner,
+  E as BannerView,
   i as BellIcon,
   r as Button,
   a as ButtonGroup,
-  j as Card,
-  q as CardView,
-  u as CheckmarkCircle,
+  U as Card,
+  j as CardView,
+  m as CheckmarkCircle,
   f as ChevronDown,
-  d as CloseCircle,
+  p as CloseCircle,
   K as EmptyFeed,
-  ce as FilterStatus,
-  fe as I18nContext,
-  le as KnockFeedProvider,
-  de as KnockGuideContext,
-  Y as KnockGuideProvider,
-  J as KnockGuideToolbar,
-  pe as KnockI18nProvider,
-  xe as KnockMsTeamsProvider,
-  Ce as KnockProvider,
-  ke as KnockSlackProvider,
-  b as MarkAsRead,
-  Q as Modal,
-  W as ModalView,
-  _ as MsTeamsAuthButton,
-  ee as MsTeamsAuthContainer,
-  te as MsTeamsChannelCombobox,
+  de as FilterStatus,
+  xe as I18nContext,
+  Ce as KnockFeedProvider,
+  ke as KnockGuideContext,
+  Q as KnockGuideLocationSensorNextAppRouter,
+  X as KnockGuideLocationSensorNextPagesRouter,
+  ee as KnockGuideProvider,
+  z as KnockGuideToolbar,
+  Se as KnockI18nProvider,
+  Ke as KnockMsTeamsProvider,
+  Te as KnockProvider,
+  he as KnockSlackProvider,
+  G as MarkAsRead,
+  Z as Modal,
+  _ as ModalView,
+  te as MsTeamsAuthButton,
+  ne as MsTeamsAuthContainer,
+  se as MsTeamsChannelCombobox,
   h as NotificationCell,
-  P as NotificationFeed,
-  w as NotificationFeedContainer,
-  N as NotificationFeedHeader,
-  I as NotificationFeedPopover,
-  O as NotificationIconButton,
-  ne as SlackAuthButton,
-  se as SlackAuthContainer,
-  me as SlackChannelCombobox,
+  v as NotificationFeed,
+  g as NotificationFeedContainer,
+  B as NotificationFeedHeader,
+  w as NotificationFeedPopover,
+  I as NotificationIconButton,
+  ue as SlackAuthButton,
+  ce as SlackAuthContainer,
+  le as SlackChannelCombobox,
   x as Spinner,
-  D as UnseenBadge,
-  Se as feedProviderKey,
-  Ke as formatBadgeCount,
-  Te as formatTimestamp,
-  he as locales,
-  Me as msTeamsProviderKey,
-  ve as renderNodeOrFallback,
-  Be as slackProviderKey,
-  Pe as toSentenceCase,
-  Fe as useAuthenticatedKnockClient,
-  Ne as useConnectedMsTeamsChannels,
-  Ae as useConnectedSlackChannels,
-  be as useCreateNotificationStore,
-  Ge as useFeedSettings,
-  we as useGuide,
-  ye as useGuideContext,
-  Ie as useGuides,
-  ge as useKnockClient,
-  Oe as useKnockFeed,
-  Ve as useKnockMsTeamsClient,
-  De as useKnockSlackClient,
-  Ee as useMsTeamsAuth,
-  He as useMsTeamsChannels,
-  Re as useMsTeamsConnectionStatus,
-  Ue as useMsTeamsTeams,
-  je as useNotificationStore,
-  qe as useNotifications,
+  O as UnseenBadge,
+  Ne as feedProviderKey,
+  Me as formatBadgeCount,
+  Pe as formatTimestamp,
+  ve as locales,
+  Ae as msTeamsProviderKey,
+  Be as renderNodeOrFallback,
+  Fe as slackProviderKey,
+  Ge as toSentenceCase,
+  be as useAuthenticatedKnockClient,
+  ge as useConnectedMsTeamsChannels,
+  Re as useConnectedSlackChannels,
+  we as useCreateNotificationStore,
+  ye as useFeedSettings,
+  Ie as useGuide,
+  Le as useGuideContext,
+  Oe as useGuides,
+  Ve as useKnockClient,
+  De as useKnockFeed,
+  Ee as useKnockMsTeamsClient,
+  He as useKnockSlackClient,
+  Ue as useMsTeamsAuth,
+  je as useMsTeamsChannels,
+  qe as useMsTeamsConnectionStatus,
+  ze as useMsTeamsTeams,
+  Je as useNotificationStore,
+  Qe as useNotifications,
   k as useOnBottomScroll,
-  ze as usePreferences,
-  Je as useSlackAuth,
-  Le as useSlackChannels,
-  Qe as useSlackConnectionStatus,
-  We as useStableOptions,
-  Xe as useTranslations
+  We as usePreferences,
+  Xe as useSlackAuth,
+  Ye as useSlackChannels,
+  Ze as useSlackConnectionStatus,
+  _e as useStableOptions,
+  $e as useTranslations
 };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/modules/core/utils.mjs

@@ -1,8 +1,12 @@
 const r = (e) => {
-  const n = window.screenLeft ?? window.screenX, t = window.screenTop ?? window.screenY, o = window.innerWidth ?? document.documentElement.clientWidth ?? screen.width, i = window.innerHeight ?? document.documentElement.clientHeight ?? screen.height, c = o / 2 - 600 / 2 + n, h = `width=600,height=800,top=${i / 2 - 800 / 2 + t},left=${c}`;
-  window.open(e, "_blank", h);
+  const n = window.screenLeft ?? window.screenX, t = window.screenTop ?? window.screenY, o = window.innerWidth ?? document.documentElement.clientWidth ?? screen.width, i = window.innerHeight ?? document.documentElement.clientHeight ?? screen.height, c = o / 2 - 600 / 2 + n, d = `width=600,height=800,top=${i / 2 - 800 / 2 + t},left=${c}`;
+  window.open(e, "_blank", d);
+}, p = () => {
+  if (typeof window < "u")
+    return window;
 };
 export {
+  p as checkForWindow,
   r as openPopupWindow
 };
 //# sourceMappingURL=utils.mjs.map

package/dist/esm/modules/core/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/modules/core/utils.ts"],"sourcesContent":["export const openPopupWindow = (url: string) => {\n  const width = 600;\n  const height = 800;\n  // Calculate the position to center the window\n  const screenLeft = window.screenLeft ?? window.screenX;\n  const screenTop = window.screenTop ?? window.screenY;\n\n  const innerWidth =\n    window.innerWidth ?? document.documentElement.clientWidth ?? screen.width;\n  const innerHeight =\n    window.innerHeight ??\n    document.documentElement.clientHeight ??\n    screen.height;\n\n  const left = innerWidth / 2 - width / 2 + screenLeft;\n  const top = innerHeight / 2 - height / 2 + screenTop;\n\n  // Window features\n  const features = `width=${width},height=${height},top=${top},left=${left}`;\n\n  window.open(url, \"_blank\", features);\n};\n\nexport const checkForWindow = () => {\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n};\n"],"names":["openPopupWindow","url","screenLeft","window","screenX","screenTop","screenY","innerWidth","document","documentElement","clientWidth","screen","width","innerHeight","clientHeight","height","left","features","open"],"mappings":"AAAaA,MAAAA,IAAkBA,CAACC,MAAgB;AAIxCC,QAAAA,IAAaC,OAAOD,cAAcC,OAAOC,SACzCC,IAAYF,OAAOE,aAAaF,OAAOG,SAEvCC,IACJJ,OAAOI,cAAcC,SAASC,gBAAgBC,eAAeC,OAAOC,OAChEC,IACJV,OAAOU,eACPL,SAASC,gBAAgBK,gBACzBH,OAAOI,QAEHC,IAAOT,IAAa,IAAIK,MAAQ,IAAIV,GAIpCe,IAAW,4BAHLJ,IAAc,IAAIE,MAAS,IAAIV,CAGgB,SAASW,CAAI;AAEjEE,SAAAA,KAAKjB,GAAK,UAAUgB,CAAQ;AACrC;"}
+{"version":3,"file":"utils.mjs","sources":["../../../../src/modules/core/utils.ts"],"sourcesContent":["export const openPopupWindow = (url: string) => {\n  const width = 600;\n  const height = 800;\n  // Calculate the position to center the window\n  const screenLeft = window.screenLeft ?? window.screenX;\n  const screenTop = window.screenTop ?? window.screenY;\n\n  const innerWidth =\n    window.innerWidth ?? document.documentElement.clientWidth ?? screen.width;\n  const innerHeight =\n    window.innerHeight ??\n    document.documentElement.clientHeight ??\n    screen.height;\n\n  const left = innerWidth / 2 - width / 2 + screenLeft;\n  const top = innerHeight / 2 - height / 2 + screenTop;\n\n  // Window features\n  const features = `width=${width},height=${height},top=${top},left=${left}`;\n\n  window.open(url, \"_blank\", features);\n};\n\nexport const checkForWindow = () => {\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n};\n"],"names":["openPopupWindow","url","screenLeft","window","screenX","screenTop","screenY","innerWidth","document","documentElement","clientWidth","screen","width","innerHeight","clientHeight","height","left","features","open","checkForWindow"],"mappings":"AAAaA,MAAAA,IAAkBA,CAACC,MAAgB;AAIxCC,QAAAA,IAAaC,OAAOD,cAAcC,OAAOC,SACzCC,IAAYF,OAAOE,aAAaF,OAAOG,SAEvCC,IACJJ,OAAOI,cAAcC,SAASC,gBAAgBC,eAAeC,OAAOC,OAChEC,IACJV,OAAOU,eACPL,SAASC,gBAAgBK,gBACzBH,OAAOI,QAEHC,IAAOT,IAAa,IAAIK,MAAQ,IAAIV,GAIpCe,IAAW,4BAHLJ,IAAc,IAAIE,MAAS,IAAIV,CAGgB,SAASW,CAAI;AAEjEE,SAAAA,KAAKjB,GAAK,UAAUgB,CAAQ;AACrC,GAEaE,IAAiBA,MAAM;AAC9B,MAAA,OAAOhB,SAAW;AACbA,WAAAA;AAEX;"}

package/dist/esm/modules/feed/components/NotificationFeed/NotificationFeed.mjs

@@ -1,63 +1,68 @@
-import { isRequestInFlight as C, NetworkStatus as f } from "@knocklabs/client";
-import { FilterStatus as I, useKnockFeed as R, useFeedSettings as B, useTranslations as q } from "@knocklabs/react-core";
+import { isRequestInFlight as y, NetworkStatus as f } from "@knocklabs/client";
+import { FilterStatus as C, useKnockFeed as I, useFeedSettings as B, useTranslations as q } from "@knocklabs/react-core";
 import e, { useState as x, useRef as K, useEffect as p, useCallback as H } from "react";
 import { Spinner as M } from "../../../core/components/Spinner/Spinner.mjs";
 import P from "../../../core/hooks/useOnBottomScroll.mjs";
 import { EmptyFeed as z } from "../EmptyFeed/EmptyFeed.mjs";
 import { NotificationCell as A } from "../NotificationCell/NotificationCell.mjs";
 /* empty css                              */
-import { NotificationFeedHeader as L } from "./NotificationFeedHeader.mjs";
+import { NotificationFeedHeader as O } from "./NotificationFeedHeader.mjs";
 /* empty css            */
-const O = (t) => /* @__PURE__ */ e.createElement(A, { key: t.item.id, ...t }), T = (t) => /* @__PURE__ */ e.createElement(L, { ...t }), k = ({
+const T = (t) => /* @__PURE__ */ e.createElement(A, { key: t.item.id, ...t }), U = (t) => /* @__PURE__ */ e.createElement(O, { ...t }), $ = ({
   colorMode: t
-}) => /* @__PURE__ */ e.createElement("div", { className: "rnf-notification-feed__spinner-container" }, /* @__PURE__ */ e.createElement(M, { thickness: 3, size: "16px", color: t === "dark" ? "rgba(255, 255, 255, 0.65)" : void 0 })), U = "https://knock.app?utm_source=powered-by-knock&utm_medium=referral&utm_campaign=knock-branding-feed", Z = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: "rnf-notification-feed__spinner-container" }, /* @__PURE__ */ e.createElement(M, { thickness: 3, size: "16px", color: t === "dark" ? "rgba(255, 255, 255, 0.65)" : void 0 })), j = "https://knock.app?utm_source=powered-by-knock&utm_medium=referral&utm_campaign=knock-branding-feed", ee = ({
   EmptyComponent: t = /* @__PURE__ */ e.createElement(z, null),
-  renderItem: _ = O,
+  renderItem: _ = T,
   onNotificationClick: g,
   onNotificationButtonClick: E,
   onMarkAllAsReadClick: b,
-  initialFilterStatus: r = I.All,
+  initialFilterStatus: r = C.All,
   header: N,
-  renderHeader: S = T
+  renderHeader: h = U,
+  renderLoading: m = $
 }) => {
-  const [a, m] = x(r), {
+  const [a, l] = x(r), {
     feedClient: n,
-    useFeedStore: h,
+    useFeedStore: S,
     colorMode: c
-  } = R(), {
+  } = I(), {
     settings: i
   } = B(n), {
     t: F
   } = q(), {
-    pageInfo: l,
-    items: d,
+    pageInfo: d,
+    items: u,
     networkStatus: o
-  } = h(), u = K(null);
+  } = S(), k = K(null);
   p(() => {
-    m(r);
+    l(r);
   }, [r]), p(() => {
     n.fetch({
       status: a
     });
   }, [n, a]);
-  const v = d.length === 0, s = C(o), w = H(() => {
-    !s && l.after && n.fetchNextPage();
-  }, [s, l, n]);
+  const R = u.length === 0, s = y(o), v = H(() => {
+    !s && d.after && n.fetchNextPage();
+  }, [s, d, n]);
   return P({
-    ref: u,
-    callback: w,
+    ref: k,
+    callback: v,
     offset: 70
-  }), /* @__PURE__ */ e.createElement("div", { className: `rnf-notification-feed rnf-notification-feed--${c}` }, N || S({
-    setFilterStatus: m,
+  }), /* @__PURE__ */ e.createElement("div", { className: `rnf-notification-feed rnf-notification-feed--${c}` }, N || h({
+    setFilterStatus: l,
     filterStatus: a,
     onMarkAllAsReadClick: b
-  }), /* @__PURE__ */ e.createElement("div", { className: "rnf-notification-feed__container", ref: u }, o === f.loading && /* @__PURE__ */ e.createElement(k, { colorMode: c }), /* @__PURE__ */ e.createElement("div", { className: "rnf-notification-feed__feed-items-container" }, o !== f.loading && d.map((y) => _({
-    item: y,
+  }), /* @__PURE__ */ e.createElement("div", { className: "rnf-notification-feed__container", ref: k }, o === f.loading && m({
+    colorMode: c
+  }), /* @__PURE__ */ e.createElement("div", { className: "rnf-notification-feed__feed-items-container" }, o !== f.loading && u.map((w) => _({
+    item: w,
     onItemClick: g,
     onButtonClick: E
-  }))), o === f.fetchMore && /* @__PURE__ */ e.createElement(k, { colorMode: c }), !s && v && t), (i == null ? void 0 : i.features.branding_required) && /* @__PURE__ */ e.createElement("div", { className: "rnf-notification-feed__knock-branding" }, /* @__PURE__ */ e.createElement("a", { href: U, target: "_blank" }, F("poweredBy") || "Powered by Knock")));
+  }))), o === f.fetchMore && m({
+    colorMode: c
+  }), !s && R && t), (i == null ? void 0 : i.features.branding_required) && /* @__PURE__ */ e.createElement("div", { className: "rnf-notification-feed__knock-branding" }, /* @__PURE__ */ e.createElement("a", { href: j, target: "_blank" }, F("poweredBy") || "Powered by Knock")));
 };
 export {
-  Z as NotificationFeed
+  ee as NotificationFeed
 };
 //# sourceMappingURL=NotificationFeed.mjs.map

package/dist/esm/modules/feed/components/NotificationFeed/NotificationFeed.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationFeed.mjs","sources":["../../../../../../src/modules/feed/components/NotificationFeed/NotificationFeed.tsx"],"sourcesContent":["import { FeedItem, NetworkStatus, isRequestInFlight } from \"@knocklabs/client\";\nimport {\n  ColorMode,\n  FilterStatus,\n  useFeedSettings,\n  useKnockFeed,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { GenericData } from \"@knocklabs/types\";\nimport React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Spinner } from \"../../../core/components/Spinner\";\nimport useOnBottomScroll from \"../../../core/hooks/useOnBottomScroll\";\nimport { EmptyFeed } from \"../EmptyFeed\";\nimport { NotificationCell, NotificationCellProps } from \"../NotificationCell\";\n\nimport {\n  NotificationFeedHeader,\n  NotificationFeedHeaderProps,\n} from \"./NotificationFeedHeader\";\nimport \"./styles.css\";\n\nexport type RenderItemProps<T = GenericData> = {\n  item: FeedItem<T>;\n  onItemClick?: NotificationCellProps[\"onItemClick\"];\n  onButtonClick?: NotificationCellProps[\"onButtonClick\"];\n};\n\nexport type RenderItem = (props: RenderItemProps) => ReactNode;\n\nexport interface NotificationFeedProps {\n  EmptyComponent?: ReactNode;\n  /**\n   * @deprecated Use `renderHeader` instead to accept `NotificationFeedHeaderProps`\n   */\n  header?: ReactNode;\n  renderItem?: RenderItem;\n  renderHeader?: (props: NotificationFeedHeaderProps) => ReactNode;\n  onNotificationClick?: NotificationCellProps[\"onItemClick\"];\n  onNotificationButtonClick?: NotificationCellProps[\"onButtonClick\"];\n  onMarkAllAsReadClick?: (e: React.MouseEvent, unreadItems: FeedItem[]) => void;\n  initialFilterStatus?: FilterStatus;\n}\n\nconst defaultRenderItem = (props: RenderItemProps) => (\n  <NotificationCell key={props.item.id} {...props} />\n);\n\nconst defaultRenderHeader = (props: NotificationFeedHeaderProps) => (\n  <NotificationFeedHeader {...props} />\n);\n\nconst LoadingSpinner = ({ colorMode }: { colorMode: ColorMode }) => (\n  <div className=\"rnf-notification-feed__spinner-container\">\n    <Spinner\n      thickness={3}\n      size=\"16px\"\n      color={colorMode === \"dark\" ? \"rgba(255, 255, 255, 0.65)\" : undefined}\n    />\n  </div>\n);\n\nconst poweredByKnockUrl =\n  \"https://knock.app?utm_source=powered-by-knock&utm_medium=referral&utm_campaign=knock-branding-feed\";\n\nexport const NotificationFeed: React.FC<NotificationFeedProps> = ({\n  EmptyComponent = <EmptyFeed />,\n  renderItem = defaultRenderItem,\n  onNotificationClick,\n  onNotificationButtonClick,\n  onMarkAllAsReadClick,\n  initialFilterStatus = FilterStatus.All,\n  header,\n  renderHeader = defaultRenderHeader,\n}) => {\n  const [status, setStatus] = useState(initialFilterStatus);\n  const { feedClient, useFeedStore, colorMode } = useKnockFeed();\n  const { settings } = useFeedSettings(feedClient);\n  const { t } = useTranslations();\n\n  const { pageInfo, items, networkStatus } = useFeedStore();\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    setStatus(initialFilterStatus);\n  }, [initialFilterStatus]);\n\n  useEffect(() => {\n    // When the feed client changes, or the status changes issue a re-fetch\n    feedClient.fetch({ status });\n  }, [feedClient, status]);\n\n  const noItems = items.length === 0;\n  const requestInFlight = isRequestInFlight(networkStatus);\n\n  // Handle fetching more once we reach the bottom of the list\n  const onBottomCallback = useCallback(() => {\n    if (!requestInFlight && pageInfo.after) {\n      feedClient.fetchNextPage();\n    }\n  }, [requestInFlight, pageInfo, feedClient]);\n\n  // Once we scroll to the bottom of the view we want to automatically fetch\n  // more items for the feed and bring them into the list\n  useOnBottomScroll({\n    ref: containerRef,\n    callback: onBottomCallback,\n    offset: 70,\n  });\n\n  return (\n    <div\n      className={`rnf-notification-feed rnf-notification-feed--${colorMode}`}\n    >\n      {header ||\n        renderHeader({\n          setFilterStatus: setStatus,\n          filterStatus: status,\n          onMarkAllAsReadClick,\n        })}\n\n      <div className=\"rnf-notification-feed__container\" ref={containerRef}>\n        {networkStatus === NetworkStatus.loading && (\n          <LoadingSpinner colorMode={colorMode} />\n        )}\n\n        <div className=\"rnf-notification-feed__feed-items-container\">\n          {networkStatus !== NetworkStatus.loading &&\n            items.map((item: FeedItem) =>\n              renderItem({\n                item,\n                onItemClick: onNotificationClick,\n                onButtonClick: onNotificationButtonClick,\n              }),\n            )}\n        </div>\n\n        {networkStatus === NetworkStatus.fetchMore && (\n          <LoadingSpinner colorMode={colorMode} />\n        )}\n\n        {!requestInFlight && noItems && EmptyComponent}\n      </div>\n\n      {settings?.features.branding_required && (\n        <div className=\"rnf-notification-feed__knock-branding\">\n          <a href={poweredByKnockUrl} target=\"_blank\">\n            {t(\"poweredBy\") || \"Powered by Knock\"}\n          </a>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["defaultRenderItem","props","React","NotificationCell","item","id","defaultRenderHeader","NotificationFeedHeader","LoadingSpinner","colorMode","Spinner","undefined","poweredByKnockUrl","NotificationFeed","EmptyComponent","EmptyFeed","renderItem","onNotificationClick","onNotificationButtonClick","onMarkAllAsReadClick","initialFilterStatus","FilterStatus","All","header","renderHeader","status","setStatus","useState","feedClient","useFeedStore","useKnockFeed","settings","useFeedSettings","t","useTranslations","pageInfo","items","networkStatus","containerRef","useRef","useEffect","fetch","noItems","length","requestInFlight","isRequestInFlight","onBottomCallback","useCallback","after","fetchNextPage","useOnBottomScroll","ref","callback","offset","setFilterStatus","filterStatus","NetworkStatus","loading","map","onItemClick","onButtonClick","fetchMore","features","branding_required"],"mappings":"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"}
+{"version":3,"file":"NotificationFeed.mjs","sources":["../../../../../../src/modules/feed/components/NotificationFeed/NotificationFeed.tsx"],"sourcesContent":["import { FeedItem, NetworkStatus, isRequestInFlight } from \"@knocklabs/client\";\nimport {\n  ColorMode,\n  FilterStatus,\n  useFeedSettings,\n  useKnockFeed,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { GenericData } from \"@knocklabs/types\";\nimport React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Spinner } from \"../../../core/components/Spinner\";\nimport useOnBottomScroll from \"../../../core/hooks/useOnBottomScroll\";\nimport { EmptyFeed } from \"../EmptyFeed\";\nimport { NotificationCell, NotificationCellProps } from \"../NotificationCell\";\n\nimport {\n  NotificationFeedHeader,\n  NotificationFeedHeaderProps,\n} from \"./NotificationFeedHeader\";\nimport \"./styles.css\";\n\nexport type RenderItemProps<T = GenericData> = {\n  item: FeedItem<T>;\n  onItemClick?: NotificationCellProps[\"onItemClick\"];\n  onButtonClick?: NotificationCellProps[\"onButtonClick\"];\n};\n\nexport type RenderItem = (props: RenderItemProps) => ReactNode;\n\nexport type RenderLoadingProps = {\n  colorMode: ColorMode;\n};\n\nexport type RenderLoading = (props: RenderLoadingProps) => ReactNode;\n\nexport interface NotificationFeedProps {\n  EmptyComponent?: ReactNode;\n  /**\n   * @deprecated Use `renderHeader` instead to accept `NotificationFeedHeaderProps`\n   */\n  header?: ReactNode;\n  renderItem?: RenderItem;\n  renderHeader?: (props: NotificationFeedHeaderProps) => ReactNode;\n  onNotificationClick?: NotificationCellProps[\"onItemClick\"];\n  onNotificationButtonClick?: NotificationCellProps[\"onButtonClick\"];\n  onMarkAllAsReadClick?: (e: React.MouseEvent, unreadItems: FeedItem[]) => void;\n  initialFilterStatus?: FilterStatus;\n  renderLoading?: RenderLoading;\n}\n\nconst defaultRenderItem = (props: RenderItemProps) => (\n  <NotificationCell key={props.item.id} {...props} />\n);\n\nconst defaultRenderHeader = (props: NotificationFeedHeaderProps) => (\n  <NotificationFeedHeader {...props} />\n);\n\nconst defaultRenderLoading = ({ colorMode }: RenderLoadingProps) => (\n  <div className=\"rnf-notification-feed__spinner-container\">\n    <Spinner\n      thickness={3}\n      size=\"16px\"\n      color={colorMode === \"dark\" ? \"rgba(255, 255, 255, 0.65)\" : undefined}\n    />\n  </div>\n);\n\nconst poweredByKnockUrl =\n  \"https://knock.app?utm_source=powered-by-knock&utm_medium=referral&utm_campaign=knock-branding-feed\";\n\nexport const NotificationFeed: React.FC<NotificationFeedProps> = ({\n  EmptyComponent = <EmptyFeed />,\n  renderItem = defaultRenderItem,\n  onNotificationClick,\n  onNotificationButtonClick,\n  onMarkAllAsReadClick,\n  initialFilterStatus = FilterStatus.All,\n  header,\n  renderHeader = defaultRenderHeader,\n  renderLoading = defaultRenderLoading,\n}) => {\n  const [status, setStatus] = useState(initialFilterStatus);\n  const { feedClient, useFeedStore, colorMode } = useKnockFeed();\n  const { settings } = useFeedSettings(feedClient);\n  const { t } = useTranslations();\n\n  const { pageInfo, items, networkStatus } = useFeedStore();\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    setStatus(initialFilterStatus);\n  }, [initialFilterStatus]);\n\n  useEffect(() => {\n    // When the feed client changes, or the status changes issue a re-fetch\n    feedClient.fetch({ status });\n  }, [feedClient, status]);\n\n  const noItems = items.length === 0;\n  const requestInFlight = isRequestInFlight(networkStatus);\n\n  // Handle fetching more once we reach the bottom of the list\n  const onBottomCallback = useCallback(() => {\n    if (!requestInFlight && pageInfo.after) {\n      feedClient.fetchNextPage();\n    }\n  }, [requestInFlight, pageInfo, feedClient]);\n\n  // Once we scroll to the bottom of the view we want to automatically fetch\n  // more items for the feed and bring them into the list\n  useOnBottomScroll({\n    ref: containerRef,\n    callback: onBottomCallback,\n    offset: 70,\n  });\n\n  return (\n    <div\n      className={`rnf-notification-feed rnf-notification-feed--${colorMode}`}\n    >\n      {header ||\n        renderHeader({\n          setFilterStatus: setStatus,\n          filterStatus: status,\n          onMarkAllAsReadClick,\n        })}\n\n      <div className=\"rnf-notification-feed__container\" ref={containerRef}>\n        {networkStatus === NetworkStatus.loading &&\n          renderLoading({ colorMode })}\n\n        <div className=\"rnf-notification-feed__feed-items-container\">\n          {networkStatus !== NetworkStatus.loading &&\n            items.map((item: FeedItem) =>\n              renderItem({\n                item,\n                onItemClick: onNotificationClick,\n                onButtonClick: onNotificationButtonClick,\n              }),\n            )}\n        </div>\n\n        {networkStatus === NetworkStatus.fetchMore &&\n          renderLoading({ colorMode })}\n\n        {!requestInFlight && noItems && EmptyComponent}\n      </div>\n\n      {settings?.features.branding_required && (\n        <div className=\"rnf-notification-feed__knock-branding\">\n          <a href={poweredByKnockUrl} target=\"_blank\">\n            {t(\"poweredBy\") || \"Powered by Knock\"}\n          </a>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["defaultRenderItem","props","React","NotificationCell","item","id","defaultRenderHeader","NotificationFeedHeader","defaultRenderLoading","colorMode","Spinner","undefined","poweredByKnockUrl","NotificationFeed","EmptyComponent","EmptyFeed","renderItem","onNotificationClick","onNotificationButtonClick","onMarkAllAsReadClick","initialFilterStatus","FilterStatus","All","header","renderHeader","renderLoading","status","setStatus","useState","feedClient","useFeedStore","useKnockFeed","settings","useFeedSettings","t","useTranslations","pageInfo","items","networkStatus","containerRef","useRef","useEffect","fetch","noItems","length","requestInFlight","isRequestInFlight","onBottomCallback","useCallback","after","fetchNextPage","useOnBottomScroll","ref","callback","offset","setFilterStatus","filterStatus","NetworkStatus","loading","map","onItemClick","onButtonClick","fetchMore","features","branding_required"],"mappings":"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"}

package/dist/esm/modules/guide/components/LocationSensor/NextAppRouter.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { useGuideContext as s } from "@knocklabs/react-core";
+import { usePathname as a, useSearchParams as c } from "next/navigation";
+import { useEffect as o } from "react";
+import { checkForWindow as i } from "../../../core/utils.mjs";
+const l = () => {
+  const r = a(), n = c().toString(), {
+    client: t
+  } = s();
+  return o(() => {
+    t.removeLocationChangeEventListeners();
+  }, [t]), o(() => {
+    const e = i();
+    e && t.setLocation(e.location.href);
+  }, [t, r, n]), null;
+};
+export {
+  l as LocationSensorNextAppRouter
+};
+//# sourceMappingURL=NextAppRouter.mjs.map

package/dist/esm/modules/guide/components/LocationSensor/NextAppRouter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextAppRouter.mjs","sources":["../../../../../../src/modules/guide/components/LocationSensor/NextAppRouter.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGuideContext } from \"@knocklabs/react-core\";\nimport { usePathname, useSearchParams } from \"next/navigation\";\nimport { useEffect } from \"react\";\n\nimport { checkForWindow } from \"../../../core/utils\";\n\nexport const LocationSensorNextAppRouter = () => {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const queryStr = searchParams.toString();\n\n  const { client } = useGuideContext();\n\n  useEffect(() => {\n    client.removeLocationChangeEventListeners();\n  }, [client]);\n\n  useEffect(() => {\n    const win = checkForWindow();\n    if (!win) return;\n\n    client.setLocation(win.location.href);\n  }, [client, pathname, queryStr]);\n\n  return null;\n};\n"],"names":["LocationSensorNextAppRouter","pathname","usePathname","queryStr","useSearchParams","toString","client","useGuideContext","useEffect","removeLocationChangeEventListeners","win","checkForWindow","setLocation","location","href"],"mappings":";;;;;AAQO,MAAMA,IAA8BA,MAAM;AAC/C,QAAMC,IAAWC,EAAY,GAEvBC,IADeC,EAAgB,EACPC,SAAS,GAEjC;AAAA,IAAEC,QAAAA;AAAAA,MAAWC,EAAgB;AAEnCC,SAAAA,EAAU,MAAM;AACdF,IAAAA,EAAOG,mCAAmC;AAAA,EAAA,GACzC,CAACH,CAAM,CAAC,GAEXE,EAAU,MAAM;AACd,UAAME,IAAMC,EAAe;AAC3B,IAAKD,KAEEE,EAAAA,YAAYF,EAAIG,SAASC,IAAI;AAAA,EACnC,GAAA,CAACR,GAAQL,GAAUE,CAAQ,CAAC,GAExB;AACT;"}

package/dist/esm/modules/guide/components/LocationSensor/NextPagesRouter.mjs

@@ -0,0 +1,24 @@
+import { useGuideContext as i } from "@knocklabs/react-core";
+import { useRouter as s } from "next/router";
+import { useEffect as c } from "react";
+import { checkForWindow as a } from "../../../core/utils.mjs";
+const p = () => {
+  const t = s(), {
+    client: e
+  } = i();
+  return c(() => {
+    const o = a();
+    if (!o) return;
+    e.store.state.location || e.setLocation(o.location.href), e.removeLocationChangeEventListeners();
+    const n = (r) => {
+      e.setLocation(o.location.origin + r);
+    };
+    return t.events.on("routeChangeComplete", n), () => {
+      t.events.off("routeChangeComplete", n);
+    };
+  }, [e]), null;
+};
+export {
+  p as LocationSensorNextPagesRouter
+};
+//# sourceMappingURL=NextPagesRouter.mjs.map

package/dist/esm/modules/guide/components/LocationSensor/NextPagesRouter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextPagesRouter.mjs","sources":["../../../../../../src/modules/guide/components/LocationSensor/NextPagesRouter.tsx"],"sourcesContent":["import { useGuideContext } from \"@knocklabs/react-core\";\nimport { useRouter } from \"next/router\";\nimport { useEffect } from \"react\";\n\nimport { checkForWindow } from \"../../../core/utils\";\n\nexport const LocationSensorNextPagesRouter = () => {\n  const router = useRouter();\n  const { client } = useGuideContext();\n\n  useEffect(() => {\n    const win = checkForWindow();\n    if (!win) return;\n\n    // Set the initial location if not yet set.\n    if (!client.store.state.location) {\n      client.setLocation(win.location.href);\n    }\n\n    // Remove any location chagne event listeners on the window object in case\n    // they are attached.\n    client.removeLocationChangeEventListeners();\n\n    // Attach a route change event listener to the nextjs router. Note, here url\n    // is the pathname and any query parameters of the new route but does not\n    // include the domain or origin.\n    const handleRouteChangeComplete = (url: string) => {\n      client.setLocation(win.location.origin + url);\n    };\n    router.events.on(\"routeChangeComplete\", handleRouteChangeComplete);\n\n    return () => {\n      router.events.off(\"routeChangeComplete\", handleRouteChangeComplete);\n    };\n    // We want to run this effect once per client instance and `router` is not\n    // guaranteed to be referentially stable.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [client]);\n\n  return null;\n};\n"],"names":["LocationSensorNextPagesRouter","router","useRouter","client","useGuideContext","useEffect","win","checkForWindow","store","state","location","setLocation","href","removeLocationChangeEventListeners","handleRouteChangeComplete","url","origin","events","on","off"],"mappings":";;;;AAMO,MAAMA,IAAgCA,MAAM;AACjD,QAAMC,IAASC,EAAU,GACnB;AAAA,IAAEC,QAAAA;AAAAA,MAAWC,EAAgB;AAEnCC,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAMC,EAAe;AAC3B,QAAI,CAACD,EAAK;AAGV,IAAKH,EAAOK,MAAMC,MAAMC,YACfC,EAAAA,YAAYL,EAAII,SAASE,IAAI,GAKtCT,EAAOU,mCAAmC;AAKpCC,UAAAA,IAA4BA,CAACC,MAAgB;AACjDZ,MAAAA,EAAOQ,YAAYL,EAAII,SAASM,SAASD,CAAG;AAAA,IAC9C;AACOE,WAAAA,EAAAA,OAAOC,GAAG,uBAAuBJ,CAAyB,GAE1D,MAAM;AACJG,MAAAA,EAAAA,OAAOE,IAAI,uBAAuBL,CAAyB;AAAA,IACpE;AAAA,EAAA,GAIC,CAACX,CAAM,CAAC,GAEJ;AACT;"}

package/dist/esm/modules/guide/providers/KnockGuideProvider.mjs

@@ -3,12 +3,14 @@ import r from "react";
 import "../components/Banner/Banner.mjs";
 import "../components/Card/Card.mjs";
 import { GuideToolbar as i } from "../components/GuideToolbar/GuideToolbar.mjs";
+import "next/navigation";
+import "next/router";
 import "../components/Modal/Modal.mjs";
-const a = ({
-  children: e,
-  ...o
-}) => /* @__PURE__ */ r.createElement(t, { ...o }, e, /* @__PURE__ */ r.createElement(i, null));
+const f = ({
+  children: o,
+  ...e
+}) => /* @__PURE__ */ r.createElement(t, { ...e }, o, /* @__PURE__ */ r.createElement(i, null));
 export {
-  a as KnockGuideProvider
+  f as KnockGuideProvider
 };
 //# sourceMappingURL=KnockGuideProvider.mjs.map

package/dist/esm/modules/guide/providers/KnockGuideProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KnockGuideProvider.mjs","sources":["../../../../../src/modules/guide/providers/KnockGuideProvider.tsx"],"sourcesContent":["import {\n  KnockGuideProvider as KnockGuideProviderCore,\n  type KnockGuideProviderProps,\n} from \"@knocklabs/react-core\";\nimport React from \"react\";\n\nimport { GuideToolbar } from \"../components\";\n\n// Re-export the core KnockGuideProvider, so we can add React specific functionality\n// like the GuideToolbar component which shouldn't be included in other contexts (e.g. React Native).\nexport const KnockGuideProvider: React.FC<\n  React.PropsWithChildren<KnockGuideProviderProps>\n> = ({ children, ...props }) => {\n  return (\n    <KnockGuideProviderCore {...props}>\n      {children}\n      <GuideToolbar />\n    </KnockGuideProviderCore>\n  );\n};\n"],"names":["KnockGuideProvider","children","props","KnockGuideProviderCore","React","GuideToolbar"],"mappings":";;;;;;AAUO,MAAMA,IAETA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAM,sCAErBC,GAAuB,EAAA,GAAID,KACzBD,GACDG,gBAAAA,EAAA,cAACC,OAAY,CACf;"}
+{"version":3,"file":"KnockGuideProvider.mjs","sources":["../../../../../src/modules/guide/providers/KnockGuideProvider.tsx"],"sourcesContent":["import {\n  KnockGuideProvider as KnockGuideProviderCore,\n  type KnockGuideProviderProps,\n} from \"@knocklabs/react-core\";\nimport React from \"react\";\n\nimport { GuideToolbar } from \"../components\";\n\n// Re-export the core KnockGuideProvider, so we can add React specific functionality\n// like the GuideToolbar component which shouldn't be included in other contexts (e.g. React Native).\nexport const KnockGuideProvider: React.FC<\n  React.PropsWithChildren<KnockGuideProviderProps>\n> = ({ children, ...props }) => {\n  return (\n    <KnockGuideProviderCore {...props}>\n      {children}\n      <GuideToolbar />\n    </KnockGuideProviderCore>\n  );\n};\n"],"names":["KnockGuideProvider","children","props","KnockGuideProviderCore","React","GuideToolbar"],"mappings":";;;;;;;;AAUO,MAAMA,IAETA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAM,sCAErBC,GAAuB,EAAA,GAAID,KACzBD,GACDG,gBAAAA,EAAA,cAACC,OAAY,CACf;"}