@knocklabs/react 0.8.3 → 0.8.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.8.4
+
+### Patch Changes
+
+- 74366b3: export useStore from react-core to include in use client directive
+- Updated dependencies [74366b3]
+  - @knocklabs/react-core@0.10.1
+  - @knocklabs/client@0.18.1
+
 ## 0.8.3
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css           */const o=require("./modules/core/components/Button/Button.js"),i=require("./modules/core/components/Button/ButtonGroup.js"),u=require("./modules/core/components/Icons/Bell.js"),a=require("./modules/core/components/Icons/CheckmarkCircle.js"),c=require("./modules/core/components/Icons/ChevronDown.js"),s=require("./modules/core/components/Icons/CloseCircle.js"),l=require("./modules/core/components/Spinner/Spinner.js"),d=require("./modules/core/hooks/useOnBottomScroll.js"),b=require("./modules/feed/components/EmptyFeed/EmptyFeed.js"),m=require("./modules/feed/components/NotificationCell/NotificationCell.js"),C=require("./modules/feed/components/NotificationCell/Avatar.js"),f=require("./modules/feed/components/NotificationFeed/NotificationFeed.js"),P=require("./modules/feed/components/NotificationFeed/NotificationFeedHeader.js"),k=require("./modules/feed/components/NotificationFeed/MarkAsRead.js"),p=require("./modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.js"),y=require("./modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.js"),g=require("./modules/feed/components/NotificationIconButton/NotificationIconButton.js"),O=require("./modules/feed/components/UnseenBadge/UnseenBadge.js"),t=require("./modules/guide/components/Banner/Banner.js"),r=require("./modules/guide/components/Card/Card.js");require("react");require("@knocklabs/client");const e=require("@knocklabs/react-core");require("@tanstack/react-store");require("@telegraph/button");require("@telegraph/layout");require("@telegraph/tag");require("@telegraph/typography");require("lucide-react");;/* empty css                                                  */const n=require("./modules/guide/components/Modal/Modal.js"),S=require("./modules/guide/providers/KnockGuideProvider.js"),j=require("./modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.js"),q=require("./modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.js"),h=require("./modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.js"),K=require("./modules/slack/components/SlackAuthButton/SlackAuthButton.js"),M=require("./modules/slack/components/SlackAuthContainer/SlackAuthContainer.js"),T=require("./modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.js");exports.Button=o.Button;exports.ButtonGroup=i.ButtonGroup;exports.BellIcon=u.BellIcon;exports.CheckmarkCircle=a.CheckmarkCircle;exports.ChevronDown=c.ChevronDown;exports.CloseCircle=s.CloseCircle;exports.Spinner=l.Spinner;exports.useOnBottomScroll=d;exports.EmptyFeed=b.EmptyFeed;exports.NotificationCell=m.NotificationCell;exports.Avatar=C.Avatar;exports.NotificationFeed=f.NotificationFeed;exports.NotificationFeedHeader=P.NotificationFeedHeader;exports.MarkAsRead=k.MarkAsRead;exports.NotificationFeedContainer=p.NotificationFeedContainer;exports.NotificationFeedPopover=y.NotificationFeedPopover;exports.NotificationIconButton=g.NotificationIconButton;exports.UnseenBadge=O.UnseenBadge;exports.Banner=t.Banner;exports.BannerView=t.BannerView;exports.Card=r.Card;exports.CardView=r.CardView;Object.defineProperty(exports,"FilterStatus",{enumerable:!0,get:()=>e.FilterStatus});Object.defineProperty(exports,"I18nContext",{enumerable:!0,get:()=>e.I18nContext});Object.defineProperty(exports,"KnockFeedProvider",{enumerable:!0,get:()=>e.KnockFeedProvider});Object.defineProperty(exports,"KnockGuideContext",{enumerable:!0,get:()=>e.KnockGuideContext});Object.defineProperty(exports,"KnockI18nProvider",{enumerable:!0,get:()=>e.KnockI18nProvider});Object.defineProperty(exports,"KnockMsTeamsProvider",{enumerable:!0,get:()=>e.KnockMsTeamsProvider});Object.defineProperty(exports,"KnockProvider",{enumerable:!0,get:()=>e.KnockProvider});Object.defineProperty(exports,"KnockSlackProvider",{enumerable:!0,get:()=>e.KnockSlackProvider});Object.defineProperty(exports,"feedProviderKey",{enumerable:!0,get:()=>e.feedProviderKey});Object.defineProperty(exports,"formatBadgeCount",{enumerable:!0,get:()=>e.formatBadgeCount});Object.defineProperty(exports,"formatTimestamp",{enumerable:!0,get:()=>e.formatTimestamp});Object.defineProperty(exports,"locales",{enumerable:!0,get:()=>e.locales});Object.defineProperty(exports,"msTeamsProviderKey",{enumerable:!0,get:()=>e.msTeamsProviderKey});Object.defineProperty(exports,"renderNodeOrFallback",{enumerable:!0,get:()=>e.renderNodeOrFallback});Object.defineProperty(exports,"slackProviderKey",{enumerable:!0,get:()=>e.slackProviderKey});Object.defineProperty(exports,"toSentenceCase",{enumerable:!0,get:()=>e.toSentenceCase});Object.defineProperty(exports,"useAuthenticatedKnockClient",{enumerable:!0,get:()=>e.useAuthenticatedKnockClient});Object.defineProperty(exports,"useConnectedMsTeamsChannels",{enumerable:!0,get:()=>e.useConnectedMsTeamsChannels});Object.defineProperty(exports,"useConnectedSlackChannels",{enumerable:!0,get:()=>e.useConnectedSlackChannels});Object.defineProperty(exports,"useCreateNotificationStore",{enumerable:!0,get:()=>e.useCreateNotificationStore});Object.defineProperty(exports,"useFeedSettings",{enumerable:!0,get:()=>e.useFeedSettings});Object.defineProperty(exports,"useGuide",{enumerable:!0,get:()=>e.useGuide});Object.defineProperty(exports,"useGuideContext",{enumerable:!0,get:()=>e.useGuideContext});Object.defineProperty(exports,"useGuides",{enumerable:!0,get:()=>e.useGuides});Object.defineProperty(exports,"useKnockClient",{enumerable:!0,get:()=>e.useKnockClient});Object.defineProperty(exports,"useKnockFeed",{enumerable:!0,get:()=>e.useKnockFeed});Object.defineProperty(exports,"useKnockMsTeamsClient",{enumerable:!0,get:()=>e.useKnockMsTeamsClient});Object.defineProperty(exports,"useKnockSlackClient",{enumerable:!0,get:()=>e.useKnockSlackClient});Object.defineProperty(exports,"useMsTeamsAuth",{enumerable:!0,get:()=>e.useMsTeamsAuth});Object.defineProperty(exports,"useMsTeamsChannels",{enumerable:!0,get:()=>e.useMsTeamsChannels});Object.defineProperty(exports,"useMsTeamsConnectionStatus",{enumerable:!0,get:()=>e.useMsTeamsConnectionStatus});Object.defineProperty(exports,"useMsTeamsTeams",{enumerable:!0,get:()=>e.useMsTeamsTeams});Object.defineProperty(exports,"useNotificationStore",{enumerable:!0,get:()=>e.useNotificationStore});Object.defineProperty(exports,"useNotifications",{enumerable:!0,get:()=>e.useNotifications});Object.defineProperty(exports,"usePreferences",{enumerable:!0,get:()=>e.usePreferences});Object.defineProperty(exports,"useSlackAuth",{enumerable:!0,get:()=>e.useSlackAuth});Object.defineProperty(exports,"useSlackChannels",{enumerable:!0,get:()=>e.useSlackChannels});Object.defineProperty(exports,"useSlackConnectionStatus",{enumerable:!0,get:()=>e.useSlackConnectionStatus});Object.defineProperty(exports,"useStableOptions",{enumerable:!0,get:()=>e.useStableOptions});Object.defineProperty(exports,"useTranslations",{enumerable:!0,get:()=>e.useTranslations});exports.Modal=n.Modal;exports.ModalView=n.ModalView;exports.KnockGuideProvider=S.KnockGuideProvider;exports.MsTeamsAuthButton=j.MsTeamsAuthButton;exports.MsTeamsAuthContainer=q.MsTeamsAuthContainer;exports.MsTeamsChannelCombobox=h;exports.SlackAuthButton=K.SlackAuthButton;exports.SlackAuthContainer=M.SlackAuthContainer;exports.SlackChannelCombobox=T.SlackChannelCombobox;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css           */const o=require("./modules/core/components/Button/Button.js"),i=require("./modules/core/components/Button/ButtonGroup.js"),u=require("./modules/core/components/Icons/Bell.js"),a=require("./modules/core/components/Icons/CheckmarkCircle.js"),c=require("./modules/core/components/Icons/ChevronDown.js"),s=require("./modules/core/components/Icons/CloseCircle.js"),l=require("./modules/core/components/Spinner/Spinner.js"),d=require("./modules/core/hooks/useOnBottomScroll.js"),b=require("./modules/feed/components/EmptyFeed/EmptyFeed.js"),m=require("./modules/feed/components/NotificationCell/NotificationCell.js"),C=require("./modules/feed/components/NotificationCell/Avatar.js"),f=require("./modules/feed/components/NotificationFeed/NotificationFeed.js"),P=require("./modules/feed/components/NotificationFeed/NotificationFeedHeader.js"),k=require("./modules/feed/components/NotificationFeed/MarkAsRead.js"),p=require("./modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.js"),y=require("./modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.js"),g=require("./modules/feed/components/NotificationIconButton/NotificationIconButton.js"),O=require("./modules/feed/components/UnseenBadge/UnseenBadge.js"),t=require("./modules/guide/components/Banner/Banner.js"),r=require("./modules/guide/components/Card/Card.js"),S=require("./modules/guide/components/GuideToolbar/GuideToolbar.js"),n=require("./modules/guide/components/Modal/Modal.js"),j=require("./modules/guide/providers/KnockGuideProvider.js"),h=require("./modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.js"),T=require("./modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.js"),K=require("./modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.js"),q=require("./modules/slack/components/SlackAuthButton/SlackAuthButton.js"),M=require("./modules/slack/components/SlackAuthContainer/SlackAuthContainer.js"),B=require("./modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.js"),e=require("@knocklabs/react-core");exports.Button=o.Button;exports.ButtonGroup=i.ButtonGroup;exports.BellIcon=u.BellIcon;exports.CheckmarkCircle=a.CheckmarkCircle;exports.ChevronDown=c.ChevronDown;exports.CloseCircle=s.CloseCircle;exports.Spinner=l.Spinner;exports.useOnBottomScroll=d;exports.EmptyFeed=b.EmptyFeed;exports.NotificationCell=m.NotificationCell;exports.Avatar=C.Avatar;exports.NotificationFeed=f.NotificationFeed;exports.NotificationFeedHeader=P.NotificationFeedHeader;exports.MarkAsRead=k.MarkAsRead;exports.NotificationFeedContainer=p.NotificationFeedContainer;exports.NotificationFeedPopover=y.NotificationFeedPopover;exports.NotificationIconButton=g.NotificationIconButton;exports.UnseenBadge=O.UnseenBadge;exports.Banner=t.Banner;exports.BannerView=t.BannerView;exports.Card=r.Card;exports.CardView=r.CardView;exports.KnockGuideToolbar=S.GuideToolbar;exports.Modal=n.Modal;exports.ModalView=n.ModalView;exports.KnockGuideProvider=j.KnockGuideProvider;exports.MsTeamsAuthButton=h.MsTeamsAuthButton;exports.MsTeamsAuthContainer=T.MsTeamsAuthContainer;exports.MsTeamsChannelCombobox=K;exports.SlackAuthButton=q.SlackAuthButton;exports.SlackAuthContainer=M.SlackAuthContainer;exports.SlackChannelCombobox=B.SlackChannelCombobox;Object.defineProperty(exports,"FilterStatus",{enumerable:!0,get:()=>e.FilterStatus});Object.defineProperty(exports,"I18nContext",{enumerable:!0,get:()=>e.I18nContext});Object.defineProperty(exports,"KnockFeedProvider",{enumerable:!0,get:()=>e.KnockFeedProvider});Object.defineProperty(exports,"KnockGuideContext",{enumerable:!0,get:()=>e.KnockGuideContext});Object.defineProperty(exports,"KnockI18nProvider",{enumerable:!0,get:()=>e.KnockI18nProvider});Object.defineProperty(exports,"KnockMsTeamsProvider",{enumerable:!0,get:()=>e.KnockMsTeamsProvider});Object.defineProperty(exports,"KnockProvider",{enumerable:!0,get:()=>e.KnockProvider});Object.defineProperty(exports,"KnockSlackProvider",{enumerable:!0,get:()=>e.KnockSlackProvider});Object.defineProperty(exports,"feedProviderKey",{enumerable:!0,get:()=>e.feedProviderKey});Object.defineProperty(exports,"formatBadgeCount",{enumerable:!0,get:()=>e.formatBadgeCount});Object.defineProperty(exports,"formatTimestamp",{enumerable:!0,get:()=>e.formatTimestamp});Object.defineProperty(exports,"locales",{enumerable:!0,get:()=>e.locales});Object.defineProperty(exports,"msTeamsProviderKey",{enumerable:!0,get:()=>e.msTeamsProviderKey});Object.defineProperty(exports,"renderNodeOrFallback",{enumerable:!0,get:()=>e.renderNodeOrFallback});Object.defineProperty(exports,"slackProviderKey",{enumerable:!0,get:()=>e.slackProviderKey});Object.defineProperty(exports,"toSentenceCase",{enumerable:!0,get:()=>e.toSentenceCase});Object.defineProperty(exports,"useAuthenticatedKnockClient",{enumerable:!0,get:()=>e.useAuthenticatedKnockClient});Object.defineProperty(exports,"useConnectedMsTeamsChannels",{enumerable:!0,get:()=>e.useConnectedMsTeamsChannels});Object.defineProperty(exports,"useConnectedSlackChannels",{enumerable:!0,get:()=>e.useConnectedSlackChannels});Object.defineProperty(exports,"useCreateNotificationStore",{enumerable:!0,get:()=>e.useCreateNotificationStore});Object.defineProperty(exports,"useFeedSettings",{enumerable:!0,get:()=>e.useFeedSettings});Object.defineProperty(exports,"useGuide",{enumerable:!0,get:()=>e.useGuide});Object.defineProperty(exports,"useGuideContext",{enumerable:!0,get:()=>e.useGuideContext});Object.defineProperty(exports,"useGuides",{enumerable:!0,get:()=>e.useGuides});Object.defineProperty(exports,"useKnockClient",{enumerable:!0,get:()=>e.useKnockClient});Object.defineProperty(exports,"useKnockFeed",{enumerable:!0,get:()=>e.useKnockFeed});Object.defineProperty(exports,"useKnockMsTeamsClient",{enumerable:!0,get:()=>e.useKnockMsTeamsClient});Object.defineProperty(exports,"useKnockSlackClient",{enumerable:!0,get:()=>e.useKnockSlackClient});Object.defineProperty(exports,"useMsTeamsAuth",{enumerable:!0,get:()=>e.useMsTeamsAuth});Object.defineProperty(exports,"useMsTeamsChannels",{enumerable:!0,get:()=>e.useMsTeamsChannels});Object.defineProperty(exports,"useMsTeamsConnectionStatus",{enumerable:!0,get:()=>e.useMsTeamsConnectionStatus});Object.defineProperty(exports,"useMsTeamsTeams",{enumerable:!0,get:()=>e.useMsTeamsTeams});Object.defineProperty(exports,"useNotificationStore",{enumerable:!0,get:()=>e.useNotificationStore});Object.defineProperty(exports,"useNotifications",{enumerable:!0,get:()=>e.useNotifications});Object.defineProperty(exports,"usePreferences",{enumerable:!0,get:()=>e.usePreferences});Object.defineProperty(exports,"useSlackAuth",{enumerable:!0,get:()=>e.useSlackAuth});Object.defineProperty(exports,"useSlackChannels",{enumerable:!0,get:()=>e.useSlackChannels});Object.defineProperty(exports,"useSlackConnectionStatus",{enumerable:!0,get:()=>e.useSlackConnectionStatus});Object.defineProperty(exports,"useStableOptions",{enumerable:!0,get:()=>e.useStableOptions});Object.defineProperty(exports,"useTranslations",{enumerable:!0,get:()=>e.useTranslations});
 //# sourceMappingURL=index.js.map

package/dist/cjs/modules/guide/components/GuideToolbar/GuideToolbar.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),c=require("@knocklabs/client"),h=require("@knocklabs/react-core"),E=require("@tanstack/react-store"),n=require("@telegraph/button"),s=require("@telegraph/layout"),m=require("@telegraph/tag"),w=require("@telegraph/typography"),i=require("lucide-react");;/* empty css                                          */require("lodash.debounce");const C=require("../../../core/utils.js");;/* empty css            */const b=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=b(d),u=2147483647,x=()=>{const[t,f]=d.useState(!1),{client:p}=h.useGuideContext(),r=E.useStore(p.store,a=>a.debug);if(!(r!=null&&r.forcedGuideKey))return null;const g=()=>{const a=C.checkForWindow();if(!a)return;const o=new URL(a.location.href);o.searchParams.delete(c.DEBUG_QUERY_PARAMS.GUIDE_KEY),o.searchParams.delete(c.DEBUG_QUERY_PARAMS.PREVIEW_SESSION_ID),a.location.href=o.toString()},l=()=>{f(!t)};return t?e.default.createElement(n.Button,{onClick:l,position:"fixed",top:"4",right:"4",bg:"surface-2",shadow:"3",rounded:"3",w:"10",h:"10",variant:"soft","data-tgph-appearance":"dark","aria-label":"Expand guide toolbar",style:{zIndex:u}},e.default.createElement("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}},e.default.createElement("path",{d:"M11.6001 32.4V7.59998H16.6365V21.8219H16.7774L22.3067 14.8525H27.9418L21.8138 22.0696L28.4001 32.4H22.7996L18.8555 25.572L16.6365 28.0839V32.4H11.6001Z",fill:"#EDEEEF"}),e.default.createElement("path",{d:"M28.4 10.4C28.4 11.9464 27.1467 13.2 25.6 13.2C24.0534 13.2 22.8 11.9464 22.8 10.4C22.8 8.85358 24.0534 7.59998 25.6 7.59998C27.1467 7.59998 28.4 8.85358 28.4 10.4Z",fill:"#FF573A"}))):e.default.createElement(s.Stack,{gap:"2",align:"center",position:"fixed",top:"4",right:"4",backgroundColor:"surface-2",bg:"surface-2",shadow:"3",rounded:"3",py:"2",px:"3","data-tgph-appearance":"dark",style:{zIndex:u}},e.default.createElement(s.Stack,{gap:"2",align:"center",direction:"row"},e.default.createElement(m.Tag,{color:"green",variant:"soft",icon:{icon:i.Wrench,"aria-hidden":!0}},"Debug"),e.default.createElement(w.Text,{as:"div",size:"1",weight:"medium",w:"full",maxWidth:"40",style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},r.forcedGuideKey),e.default.createElement(n.Button,{onClick:g,size:"1",variant:"soft",trailingIcon:{icon:i.Undo2,"aria-hidden":!0}},"Exit"),e.default.createElement(n.Button,{onClick:l,size:"1",variant:"soft",leadingIcon:{icon:i.Minimize2,alt:"Collapse guide toolbar"}})))};exports.GuideToolbar=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),c=require("@knocklabs/client"),s=require("@knocklabs/react-core"),n=require("@telegraph/button"),d=require("@telegraph/layout"),E=require("@telegraph/tag"),m=require("@telegraph/typography"),i=require("lucide-react");;/* empty css                                          */require("lodash.debounce");const w=require("../../../core/utils.js");;/* empty css            */const C=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=C(f),u=2147483647,b=()=>{const[t,p]=f.useState(!1),{client:g}=s.useGuideContext(),o=s.useStore(g.store,a=>a.debug);if(!(o!=null&&o.forcedGuideKey))return null;const h=()=>{const a=w.checkForWindow();if(!a)return;const r=new URL(a.location.href);r.searchParams.delete(c.DEBUG_QUERY_PARAMS.GUIDE_KEY),r.searchParams.delete(c.DEBUG_QUERY_PARAMS.PREVIEW_SESSION_ID),a.location.href=r.toString()},l=()=>{p(!t)};return t?e.default.createElement(n.Button,{onClick:l,position:"fixed",top:"4",right:"4",bg:"surface-2",shadow:"3",rounded:"3",w:"10",h:"10",variant:"soft","data-tgph-appearance":"dark","aria-label":"Expand guide toolbar",style:{zIndex:u}},e.default.createElement("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}},e.default.createElement("path",{d:"M11.6001 32.4V7.59998H16.6365V21.8219H16.7774L22.3067 14.8525H27.9418L21.8138 22.0696L28.4001 32.4H22.7996L18.8555 25.572L16.6365 28.0839V32.4H11.6001Z",fill:"#EDEEEF"}),e.default.createElement("path",{d:"M28.4 10.4C28.4 11.9464 27.1467 13.2 25.6 13.2C24.0534 13.2 22.8 11.9464 22.8 10.4C22.8 8.85358 24.0534 7.59998 25.6 7.59998C27.1467 7.59998 28.4 8.85358 28.4 10.4Z",fill:"#FF573A"}))):e.default.createElement(d.Stack,{gap:"2",align:"center",position:"fixed",top:"4",right:"4",backgroundColor:"surface-2",bg:"surface-2",shadow:"3",rounded:"3",py:"2",px:"3","data-tgph-appearance":"dark",style:{zIndex:u}},e.default.createElement(d.Stack,{gap:"2",align:"center",direction:"row"},e.default.createElement(E.Tag,{color:"green",variant:"soft",icon:{icon:i.Wrench,"aria-hidden":!0}},"Debug"),e.default.createElement(m.Text,{as:"div",size:"1",weight:"medium",w:"full",maxWidth:"40",style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},o.forcedGuideKey),e.default.createElement(n.Button,{onClick:h,size:"1",variant:"soft",trailingIcon:{icon:i.Undo2,"aria-hidden":!0}},"Exit"),e.default.createElement(n.Button,{onClick:l,size:"1",variant:"soft",leadingIcon:{icon:i.Minimize2,alt:"Collapse guide toolbar"}})))};exports.GuideToolbar=b;
 //# sourceMappingURL=GuideToolbar.js.map

package/dist/cjs/modules/guide/components/GuideToolbar/GuideToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuideToolbar.js","sources":["../../../../../../src/modules/guide/components/GuideToolbar/GuideToolbar.tsx"],"sourcesContent":["import { DEBUG_QUERY_PARAMS } from \"@knocklabs/client\";\nimport { useGuideContext } from \"@knocklabs/react-core\";\nimport { useStore } from \"@tanstack/react-store\";\nimport { Button } from \"@telegraph/button\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Tag } from \"@telegraph/tag\";\nimport { Text } from \"@telegraph/typography\";\nimport { Minimize2, Undo2, Wrench } from \"lucide-react\";\nimport { useState } from \"react\";\n\nimport { checkForWindow } from \"../../../core\";\n\nimport \"./styles.css\";\n\n// 'max' z index based on max value of a signed 32-bit int\n// Ref: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index/25461690#25461690\nconst MAX_Z_INDEX = 2147483647;\n\nexport const GuideToolbar = () => {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const { client } = useGuideContext();\n  const debugState = useStore(client.store, (state) => state.debug);\n\n  if (!debugState?.forcedGuideKey) {\n    return null;\n  }\n\n  const handleExit = () => {\n    const window = checkForWindow();\n    if (!window) {\n      return;\n    }\n\n    const url = new URL(window.location.href);\n    url.searchParams.delete(DEBUG_QUERY_PARAMS.GUIDE_KEY);\n    url.searchParams.delete(DEBUG_QUERY_PARAMS.PREVIEW_SESSION_ID);\n    window.location.href = url.toString();\n  };\n\n  const handleToggleCollapse = () => {\n    setIsCollapsed(!isCollapsed);\n  };\n\n  if (isCollapsed) {\n    return (\n      <Button\n        onClick={handleToggleCollapse}\n        position=\"fixed\"\n        top=\"4\"\n        right=\"4\"\n        bg=\"surface-2\"\n        shadow=\"3\"\n        rounded=\"3\"\n        w=\"10\"\n        h=\"10\"\n        variant=\"soft\"\n        data-tgph-appearance=\"dark\"\n        aria-label=\"Expand guide toolbar\"\n        style={{ zIndex: MAX_Z_INDEX }}\n      >\n        <svg\n          width=\"40\"\n          height=\"40\"\n          viewBox=\"0 0 40 40\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          style={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <path\n            d=\"M11.6001 32.4V7.59998H16.6365V21.8219H16.7774L22.3067 14.8525H27.9418L21.8138 22.0696L28.4001 32.4H22.7996L18.8555 25.572L16.6365 28.0839V32.4H11.6001Z\"\n            fill=\"#EDEEEF\"\n          />\n          <path\n            d=\"M28.4 10.4C28.4 11.9464 27.1467 13.2 25.6 13.2C24.0534 13.2 22.8 11.9464 22.8 10.4C22.8 8.85358 24.0534 7.59998 25.6 7.59998C27.1467 7.59998 28.4 8.85358 28.4 10.4Z\"\n            fill=\"#FF573A\"\n          />\n        </svg>\n      </Button>\n    );\n  }\n\n  return (\n    <Stack\n      gap=\"2\"\n      align=\"center\"\n      position=\"fixed\"\n      top=\"4\"\n      right=\"4\"\n      backgroundColor=\"surface-2\"\n      bg=\"surface-2\"\n      shadow=\"3\"\n      rounded=\"3\"\n      py=\"2\"\n      px=\"3\"\n      data-tgph-appearance=\"dark\"\n      style={{ zIndex: MAX_Z_INDEX }}\n    >\n      <Stack gap=\"2\" align=\"center\" direction=\"row\">\n        <Tag\n          color=\"green\"\n          variant=\"soft\"\n          icon={{ icon: Wrench, \"aria-hidden\": true }}\n        >\n          Debug\n        </Tag>\n\n        <Text\n          as=\"div\"\n          size=\"1\"\n          weight=\"medium\"\n          w=\"full\"\n          maxWidth=\"40\"\n          style={{\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }}\n        >\n          {debugState.forcedGuideKey}\n        </Text>\n\n        <Button\n          onClick={handleExit}\n          size=\"1\"\n          variant=\"soft\"\n          trailingIcon={{ icon: Undo2, \"aria-hidden\": true }}\n        >\n          Exit\n        </Button>\n\n        <Button\n          onClick={handleToggleCollapse}\n          size=\"1\"\n          variant=\"soft\"\n          leadingIcon={{ icon: Minimize2, alt: \"Collapse guide toolbar\" }}\n        />\n      </Stack>\n    </Stack>\n  );\n};\n"],"names":["MAX_Z_INDEX","GuideToolbar","isCollapsed","setIsCollapsed","useState","client","useGuideContext","debugState","useStore","store","state","debug","forcedGuideKey","handleExit","window","checkForWindow","url","URL","location","href","searchParams","delete","DEBUG_QUERY_PARAMS","GUIDE_KEY","PREVIEW_SESSION_ID","toString","handleToggleCollapse","React","Button","zIndex","position","top","left","transform","Stack","Tag","icon","Wrench","Text","overflow","textOverflow","whiteSpace","Undo2","Minimize2","alt"],"mappings":"mkBAgBMA,EAAc,WAEPC,EAAeA,IAAM,CAChC,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAE9C,CAAEC,OAAAA,GAAWC,kBAAgB,EAC7BC,EAAaC,EAAAA,SAASH,EAAOI,MAAQC,GAAUA,EAAMC,KAAK,EAE5D,GAAA,EAACJ,GAAAA,MAAAA,EAAYK,gBACR,OAAA,KAGT,MAAMC,EAAaA,IAAM,CACvB,MAAMC,EAASC,EAAAA,eAAe,EAC9B,GAAI,CAACD,EACH,OAGF,MAAME,EAAM,IAAIC,IAAIH,EAAOI,SAASC,IAAI,EACpCC,EAAAA,aAAaC,OAAOC,EAAAA,mBAAmBC,SAAS,EAChDH,EAAAA,aAAaC,OAAOC,EAAAA,mBAAmBE,kBAAkB,EACtDN,EAAAA,SAASC,KAAOH,EAAIS,SAAS,CACtC,EAEMC,EAAuBA,IAAM,CACjCvB,EAAe,CAACD,CAAW,CAC7B,EAEA,OAAIA,EAEAyB,EAAA,QAAA,cAACC,EACC,OAAA,CAAA,QAASF,EACT,SAAS,QACT,IAAI,IACJ,MAAM,IACN,GAAG,YACH,OAAO,IACP,QAAQ,IACR,EAAE,KACF,EAAE,KACF,QAAQ,OACR,uBAAqB,OACrB,aAAW,uBACX,MAAO,CAAEG,OAAQ7B,CAAAA,CAEjB,EAAA2B,EAAA,QAAA,cAAC,MACC,CAAA,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAO,CACLG,SAAU,WACVC,IAAK,MACLC,KAAM,MACNC,UAAW,uBAAA,GAGbN,EAAAA,QAAA,cAAC,OACC,CAAA,EAAE,0JACF,KAAK,SAAS,CAAA,EAEhBA,EAAAA,QAAA,cAAC,QACC,EAAE,uKACF,KAAK,SAAS,CAAA,CAElB,CACF,EAKFA,EAAA,QAAA,cAACO,EACC,MAAA,CAAA,IAAI,IACJ,MAAM,SACN,SAAS,QACT,IAAI,IACJ,MAAM,IACN,gBAAgB,YAChB,GAAG,YACH,OAAO,IACP,QAAQ,IACR,GAAG,IACH,GAAG,IACH,uBAAqB,OACrB,MAAO,CAAEL,OAAQ7B,CAAAA,GAEjB2B,EAAAA,QAAA,cAACO,EAAM,MAAA,CAAA,IAAI,IAAI,MAAM,SAAS,UAAU,KAAA,0BACrCC,MACC,CAAA,MAAM,QACN,QAAQ,OACR,KAAM,CAAEC,KAAMC,EAAAA,OAAQ,cAAe,EAAA,CAAO,EAAA,OAG9C,EAEAV,EAAA,QAAA,cAACW,QACC,GAAG,MACH,KAAK,IACL,OAAO,SACP,EAAE,OACF,SAAS,KACT,MAAO,CACLC,SAAU,SACVC,aAAc,WACdC,WAAY,QAGblC,CAAAA,EAAAA,EAAWK,cACd,EAECe,EAAA,QAAA,cAAAC,EAAA,OAAA,CACC,QAASf,EACT,KAAK,IACL,QAAQ,OACR,aAAc,CAAEuB,KAAMM,EAAAA,MAAO,cAAe,EAAK,CAAA,EAAE,MAGrD,EAECf,UAAA,cAAAC,EAAAA,OAAA,CACC,QAASF,EACT,KAAK,IACL,QAAQ,OACR,YAAa,CAAEU,KAAMO,EAAAA,UAAWC,IAAK,wBAAyB,CAAA,CAAE,CAEpE,CACF,CAEJ"}
+{"version":3,"file":"GuideToolbar.js","sources":["../../../../../../src/modules/guide/components/GuideToolbar/GuideToolbar.tsx"],"sourcesContent":["import { DEBUG_QUERY_PARAMS } from \"@knocklabs/client\";\nimport { useGuideContext, useStore } from \"@knocklabs/react-core\";\nimport { Button } from \"@telegraph/button\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Tag } from \"@telegraph/tag\";\nimport { Text } from \"@telegraph/typography\";\nimport { Minimize2, Undo2, Wrench } from \"lucide-react\";\nimport { useState } from \"react\";\n\nimport { checkForWindow } from \"../../../core\";\n\nimport \"./styles.css\";\n\n// 'max' z index based on max value of a signed 32-bit int\n// Ref: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index/25461690#25461690\nconst MAX_Z_INDEX = 2147483647;\n\nexport const GuideToolbar = () => {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const { client } = useGuideContext();\n  const debugState = useStore(client.store, (state) => state.debug);\n\n  if (!debugState?.forcedGuideKey) {\n    return null;\n  }\n\n  const handleExit = () => {\n    const window = checkForWindow();\n    if (!window) {\n      return;\n    }\n\n    const url = new URL(window.location.href);\n    url.searchParams.delete(DEBUG_QUERY_PARAMS.GUIDE_KEY);\n    url.searchParams.delete(DEBUG_QUERY_PARAMS.PREVIEW_SESSION_ID);\n    window.location.href = url.toString();\n  };\n\n  const handleToggleCollapse = () => {\n    setIsCollapsed(!isCollapsed);\n  };\n\n  if (isCollapsed) {\n    return (\n      <Button\n        onClick={handleToggleCollapse}\n        position=\"fixed\"\n        top=\"4\"\n        right=\"4\"\n        bg=\"surface-2\"\n        shadow=\"3\"\n        rounded=\"3\"\n        w=\"10\"\n        h=\"10\"\n        variant=\"soft\"\n        data-tgph-appearance=\"dark\"\n        aria-label=\"Expand guide toolbar\"\n        style={{ zIndex: MAX_Z_INDEX }}\n      >\n        <svg\n          width=\"40\"\n          height=\"40\"\n          viewBox=\"0 0 40 40\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          style={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <path\n            d=\"M11.6001 32.4V7.59998H16.6365V21.8219H16.7774L22.3067 14.8525H27.9418L21.8138 22.0696L28.4001 32.4H22.7996L18.8555 25.572L16.6365 28.0839V32.4H11.6001Z\"\n            fill=\"#EDEEEF\"\n          />\n          <path\n            d=\"M28.4 10.4C28.4 11.9464 27.1467 13.2 25.6 13.2C24.0534 13.2 22.8 11.9464 22.8 10.4C22.8 8.85358 24.0534 7.59998 25.6 7.59998C27.1467 7.59998 28.4 8.85358 28.4 10.4Z\"\n            fill=\"#FF573A\"\n          />\n        </svg>\n      </Button>\n    );\n  }\n\n  return (\n    <Stack\n      gap=\"2\"\n      align=\"center\"\n      position=\"fixed\"\n      top=\"4\"\n      right=\"4\"\n      backgroundColor=\"surface-2\"\n      bg=\"surface-2\"\n      shadow=\"3\"\n      rounded=\"3\"\n      py=\"2\"\n      px=\"3\"\n      data-tgph-appearance=\"dark\"\n      style={{ zIndex: MAX_Z_INDEX }}\n    >\n      <Stack gap=\"2\" align=\"center\" direction=\"row\">\n        <Tag\n          color=\"green\"\n          variant=\"soft\"\n          icon={{ icon: Wrench, \"aria-hidden\": true }}\n        >\n          Debug\n        </Tag>\n\n        <Text\n          as=\"div\"\n          size=\"1\"\n          weight=\"medium\"\n          w=\"full\"\n          maxWidth=\"40\"\n          style={{\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }}\n        >\n          {debugState.forcedGuideKey}\n        </Text>\n\n        <Button\n          onClick={handleExit}\n          size=\"1\"\n          variant=\"soft\"\n          trailingIcon={{ icon: Undo2, \"aria-hidden\": true }}\n        >\n          Exit\n        </Button>\n\n        <Button\n          onClick={handleToggleCollapse}\n          size=\"1\"\n          variant=\"soft\"\n          leadingIcon={{ icon: Minimize2, alt: \"Collapse guide toolbar\" }}\n        />\n      </Stack>\n    </Stack>\n  );\n};\n"],"names":["MAX_Z_INDEX","GuideToolbar","isCollapsed","setIsCollapsed","useState","client","useGuideContext","debugState","useStore","store","state","debug","forcedGuideKey","handleExit","window","checkForWindow","url","URL","location","href","searchParams","delete","DEBUG_QUERY_PARAMS","GUIDE_KEY","PREVIEW_SESSION_ID","toString","handleToggleCollapse","React","Button","zIndex","position","top","left","transform","Stack","Tag","icon","Wrench","Text","overflow","textOverflow","whiteSpace","Undo2","Minimize2","alt"],"mappings":"giBAeMA,EAAc,WAEPC,EAAeA,IAAM,CAChC,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAE9C,CAAEC,OAAAA,GAAWC,kBAAgB,EAC7BC,EAAaC,EAAAA,SAASH,EAAOI,MAAQC,GAAUA,EAAMC,KAAK,EAE5D,GAAA,EAACJ,GAAAA,MAAAA,EAAYK,gBACR,OAAA,KAGT,MAAMC,EAAaA,IAAM,CACvB,MAAMC,EAASC,EAAAA,eAAe,EAC9B,GAAI,CAACD,EACH,OAGF,MAAME,EAAM,IAAIC,IAAIH,EAAOI,SAASC,IAAI,EACpCC,EAAAA,aAAaC,OAAOC,EAAAA,mBAAmBC,SAAS,EAChDH,EAAAA,aAAaC,OAAOC,EAAAA,mBAAmBE,kBAAkB,EACtDN,EAAAA,SAASC,KAAOH,EAAIS,SAAS,CACtC,EAEMC,EAAuBA,IAAM,CACjCvB,EAAe,CAACD,CAAW,CAC7B,EAEA,OAAIA,EAEAyB,EAAA,QAAA,cAACC,EACC,OAAA,CAAA,QAASF,EACT,SAAS,QACT,IAAI,IACJ,MAAM,IACN,GAAG,YACH,OAAO,IACP,QAAQ,IACR,EAAE,KACF,EAAE,KACF,QAAQ,OACR,uBAAqB,OACrB,aAAW,uBACX,MAAO,CAAEG,OAAQ7B,CAAAA,CAEjB,EAAA2B,EAAA,QAAA,cAAC,MACC,CAAA,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAO,CACLG,SAAU,WACVC,IAAK,MACLC,KAAM,MACNC,UAAW,uBAAA,GAGbN,EAAAA,QAAA,cAAC,OACC,CAAA,EAAE,0JACF,KAAK,SAAS,CAAA,EAEhBA,EAAAA,QAAA,cAAC,QACC,EAAE,uKACF,KAAK,SAAS,CAAA,CAElB,CACF,EAKFA,EAAA,QAAA,cAACO,EACC,MAAA,CAAA,IAAI,IACJ,MAAM,SACN,SAAS,QACT,IAAI,IACJ,MAAM,IACN,gBAAgB,YAChB,GAAG,YACH,OAAO,IACP,QAAQ,IACR,GAAG,IACH,GAAG,IACH,uBAAqB,OACrB,MAAO,CAAEL,OAAQ7B,CAAAA,GAEjB2B,EAAAA,QAAA,cAACO,EAAM,MAAA,CAAA,IAAI,IAAI,MAAM,SAAS,UAAU,KAAA,0BACrCC,MACC,CAAA,MAAM,QACN,QAAQ,OACR,KAAM,CAAEC,KAAMC,EAAAA,OAAQ,cAAe,EAAA,CAAO,EAAA,OAG9C,EAEAV,EAAA,QAAA,cAACW,QACC,GAAG,MACH,KAAK,IACL,OAAO,SACP,EAAE,OACF,SAAS,KACT,MAAO,CACLC,SAAU,SACVC,aAAc,WACdC,WAAY,QAGblC,CAAAA,EAAAA,EAAWK,cACd,EAECe,EAAA,QAAA,cAAAC,EAAA,OAAA,CACC,QAASf,EACT,KAAK,IACL,QAAQ,OACR,aAAc,CAAEuB,KAAMM,EAAAA,MAAO,cAAe,EAAK,CAAA,EAAE,MAGrD,EAECf,UAAA,cAAAC,EAAAA,OAAA,CACC,QAASF,EACT,KAAK,IACL,QAAQ,OACR,YAAa,CAAEU,KAAMO,EAAAA,UAAWC,IAAK,wBAAyB,CAAA,CAAE,CAEpE,CACF,CAEJ"}

package/dist/esm/index.mjs

@@ -1,114 +1,107 @@
 "use client";
 /* empty css           */
-import { Button as f } from "./modules/core/components/Button/Button.mjs";
-import { ButtonGroup as d } from "./modules/core/components/Button/ButtonGroup.mjs";
-import { BellIcon as C } from "./modules/core/components/Icons/Bell.mjs";
-import { CheckmarkCircle as S } from "./modules/core/components/Icons/CheckmarkCircle.mjs";
-import { ChevronDown as K } from "./modules/core/components/Icons/ChevronDown.mjs";
-import { CloseCircle as M } from "./modules/core/components/Icons/CloseCircle.mjs";
-import { Spinner as B } from "./modules/core/components/Spinner/Spinner.mjs";
-import { default as F } from "./modules/core/hooks/useOnBottomScroll.mjs";
-import { EmptyFeed as A } from "./modules/feed/components/EmptyFeed/EmptyFeed.mjs";
-import { NotificationCell as G } from "./modules/feed/components/NotificationCell/NotificationCell.mjs";
-import { Avatar as y } from "./modules/feed/components/NotificationCell/Avatar.mjs";
-import { NotificationFeed as g } from "./modules/feed/components/NotificationFeed/NotificationFeed.mjs";
-import { NotificationFeedHeader as V } from "./modules/feed/components/NotificationFeed/NotificationFeedHeader.mjs";
-import { MarkAsRead as E } from "./modules/feed/components/NotificationFeed/MarkAsRead.mjs";
-import { NotificationFeedContainer as R } from "./modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.mjs";
-import { NotificationFeedPopover as j } from "./modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.mjs";
-import { NotificationIconButton as z } from "./modules/feed/components/NotificationIconButton/NotificationIconButton.mjs";
-import { UnseenBadge as L } from "./modules/feed/components/UnseenBadge/UnseenBadge.mjs";
-import { Banner as W, BannerView as X } from "./modules/guide/components/Banner/Banner.mjs";
-import { Card as Z, CardView as _ } from "./modules/guide/components/Card/Card.mjs";
-import "react";
-import "@knocklabs/client";
-import { FilterStatus as ee, I18nContext as oe, KnockFeedProvider as te, KnockGuideContext as re, KnockI18nProvider as ne, KnockMsTeamsProvider as ae, KnockProvider as ie, KnockSlackProvider as se, feedProviderKey as me, formatBadgeCount as ue, formatTimestamp as ce, locales as pe, msTeamsProviderKey as fe, renderNodeOrFallback as le, slackProviderKey as de, toSentenceCase as xe, useAuthenticatedKnockClient as Ce, useConnectedMsTeamsChannels as ke, useConnectedSlackChannels as Se, useCreateNotificationStore as he, useFeedSettings as Ke, useGuide as Te, useGuideContext as Me, useGuides as ve, useKnockClient as Be, useKnockFeed as Pe, useKnockMsTeamsClient as Fe, useKnockSlackClient as Ne, useMsTeamsAuth as Ae, useMsTeamsChannels as be, useMsTeamsConnectionStatus as Ge, useMsTeamsTeams as we, useNotificationStore as ye, useNotifications as Ie, usePreferences as ge, useSlackAuth as Oe, useSlackChannels as Ve, useSlackConnectionStatus as De, useStableOptions as Ee, useTranslations as He } from "@knocklabs/react-core";
-import "@tanstack/react-store";
-import "@telegraph/button";
-import "@telegraph/layout";
-import "@telegraph/tag";
-import "@telegraph/typography";
-import "lucide-react";
-/* empty css                                                  */
-import { Modal as Ue, ModalView as je } from "./modules/guide/components/Modal/Modal.mjs";
-import { KnockGuideProvider as ze } from "./modules/guide/providers/KnockGuideProvider.mjs";
-import { MsTeamsAuthButton as Le } from "./modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.mjs";
-import { MsTeamsAuthContainer as We } from "./modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.mjs";
-import { default as Ye } from "./modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.mjs";
-import { SlackAuthButton as _e } from "./modules/slack/components/SlackAuthButton/SlackAuthButton.mjs";
-import { SlackAuthContainer as eo } from "./modules/slack/components/SlackAuthContainer/SlackAuthContainer.mjs";
-import { SlackChannelCombobox as to } from "./modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.mjs";
+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 { ChevronDown as f } from "./modules/core/components/Icons/ChevronDown.mjs";
+import { CloseCircle as d } 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";
 export {
-  y as Avatar,
-  W as Banner,
-  X as BannerView,
-  C as BellIcon,
-  f as Button,
-  d as ButtonGroup,
-  Z as Card,
-  _ as CardView,
-  S as CheckmarkCircle,
-  K as ChevronDown,
-  M as CloseCircle,
-  A as EmptyFeed,
-  ee as FilterStatus,
-  oe as I18nContext,
-  te as KnockFeedProvider,
-  re as KnockGuideContext,
-  ze as KnockGuideProvider,
-  ne as KnockI18nProvider,
-  ae as KnockMsTeamsProvider,
-  ie as KnockProvider,
-  se as KnockSlackProvider,
-  E as MarkAsRead,
-  Ue as Modal,
-  je as ModalView,
-  Le as MsTeamsAuthButton,
-  We as MsTeamsAuthContainer,
-  Ye as MsTeamsChannelCombobox,
-  G as NotificationCell,
-  g as NotificationFeed,
-  R as NotificationFeedContainer,
-  V as NotificationFeedHeader,
-  j as NotificationFeedPopover,
-  z as NotificationIconButton,
-  _e as SlackAuthButton,
-  eo as SlackAuthContainer,
-  to as SlackChannelCombobox,
-  B as Spinner,
-  L as UnseenBadge,
-  me as feedProviderKey,
-  ue as formatBadgeCount,
-  ce as formatTimestamp,
-  pe as locales,
-  fe as msTeamsProviderKey,
-  le as renderNodeOrFallback,
-  de as slackProviderKey,
-  xe as toSentenceCase,
-  Ce as useAuthenticatedKnockClient,
-  ke as useConnectedMsTeamsChannels,
-  Se as useConnectedSlackChannels,
-  he as useCreateNotificationStore,
-  Ke as useFeedSettings,
-  Te as useGuide,
-  Me as useGuideContext,
-  ve as useGuides,
-  Be as useKnockClient,
-  Pe as useKnockFeed,
-  Fe as useKnockMsTeamsClient,
-  Ne as useKnockSlackClient,
-  Ae as useMsTeamsAuth,
-  be as useMsTeamsChannels,
-  Ge as useMsTeamsConnectionStatus,
-  we as useMsTeamsTeams,
-  ye as useNotificationStore,
-  Ie as useNotifications,
-  F as useOnBottomScroll,
-  ge as usePreferences,
-  Oe as useSlackAuth,
-  Ve as useSlackChannels,
-  De as useSlackConnectionStatus,
-  Ee as useStableOptions,
-  He as useTranslations
+  v as Avatar,
+  H as Banner,
+  R as BannerView,
+  i as BellIcon,
+  r as Button,
+  a as ButtonGroup,
+  j as Card,
+  q as CardView,
+  u as CheckmarkCircle,
+  f as ChevronDown,
+  d 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,
+  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,
+  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,
+  k as useOnBottomScroll,
+  ze as usePreferences,
+  Je as useSlackAuth,
+  Le as useSlackChannels,
+  Qe as useSlackConnectionStatus,
+  We as useStableOptions,
+  Xe 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/guide/components/GuideToolbar/GuideToolbar.mjs

@@ -1,8 +1,7 @@
 import e, { useState as f } from "react";
 import { DEBUG_QUERY_PARAMS as l } from "@knocklabs/client";
-import { useGuideContext as u } from "@knocklabs/react-core";
-import { useStore as h } from "@tanstack/react-store";
-import { Button as i } from "@telegraph/button";
+import { useGuideContext as u, useStore as h } from "@knocklabs/react-core";
+import { Button as a } from "@telegraph/button";
 import { Stack as s } from "@telegraph/layout";
 import { Tag as g } from "@telegraph/tag";
 import { Text as E } from "@telegraph/typography";
@@ -11,22 +10,22 @@ import { Wrench as w, Undo2 as x, Minimize2 as C } from "lucide-react";
 import "lodash.debounce";
 import { checkForWindow as v } from "../../../core/utils.mjs";
 /* empty css            */
-const c = 2147483647, U = () => {
-  const [a, d] = f(!1), {
-    client: m
-  } = u(), o = h(m.store, (t) => t.debug);
+const c = 2147483647, R = () => {
+  const [i, d] = f(!1), {
+    client: p
+  } = u(), o = h(p.store, (t) => t.debug);
   if (!(o != null && o.forcedGuideKey))
     return null;
-  const p = () => {
+  const m = () => {
     const t = v();
     if (!t)
       return;
     const r = new URL(t.location.href);
     r.searchParams.delete(l.GUIDE_KEY), r.searchParams.delete(l.PREVIEW_SESSION_ID), t.location.href = r.toString();
   }, n = () => {
-    d(!a);
+    d(!i);
   };
-  return a ? /* @__PURE__ */ e.createElement(i, { onClick: n, position: "fixed", top: "4", right: "4", bg: "surface-2", shadow: "3", rounded: "3", w: "10", h: "10", variant: "soft", "data-tgph-appearance": "dark", "aria-label": "Expand guide toolbar", style: {
+  return i ? /* @__PURE__ */ e.createElement(a, { onClick: n, position: "fixed", top: "4", right: "4", bg: "surface-2", shadow: "3", rounded: "3", w: "10", h: "10", variant: "soft", "data-tgph-appearance": "dark", "aria-label": "Expand guide toolbar", style: {
     zIndex: c
   } }, /* @__PURE__ */ e.createElement("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: {
     position: "absolute",
@@ -42,15 +41,15 @@ const c = 2147483647, U = () => {
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap"
-  } }, o.forcedGuideKey), /* @__PURE__ */ e.createElement(i, { onClick: p, size: "1", variant: "soft", trailingIcon: {
+  } }, o.forcedGuideKey), /* @__PURE__ */ e.createElement(a, { onClick: m, size: "1", variant: "soft", trailingIcon: {
     icon: x,
     "aria-hidden": !0
-  } }, "Exit"), /* @__PURE__ */ e.createElement(i, { onClick: n, size: "1", variant: "soft", leadingIcon: {
+  } }, "Exit"), /* @__PURE__ */ e.createElement(a, { onClick: n, size: "1", variant: "soft", leadingIcon: {
     icon: C,
     alt: "Collapse guide toolbar"
   } })));
 };
 export {
-  U as GuideToolbar
+  R as GuideToolbar
 };
 //# sourceMappingURL=GuideToolbar.mjs.map

package/dist/esm/modules/guide/components/GuideToolbar/GuideToolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GuideToolbar.mjs","sources":["../../../../../../src/modules/guide/components/GuideToolbar/GuideToolbar.tsx"],"sourcesContent":["import { DEBUG_QUERY_PARAMS } from \"@knocklabs/client\";\nimport { useGuideContext } from \"@knocklabs/react-core\";\nimport { useStore } from \"@tanstack/react-store\";\nimport { Button } from \"@telegraph/button\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Tag } from \"@telegraph/tag\";\nimport { Text } from \"@telegraph/typography\";\nimport { Minimize2, Undo2, Wrench } from \"lucide-react\";\nimport { useState } from \"react\";\n\nimport { checkForWindow } from \"../../../core\";\n\nimport \"./styles.css\";\n\n// 'max' z index based on max value of a signed 32-bit int\n// Ref: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index/25461690#25461690\nconst MAX_Z_INDEX = 2147483647;\n\nexport const GuideToolbar = () => {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const { client } = useGuideContext();\n  const debugState = useStore(client.store, (state) => state.debug);\n\n  if (!debugState?.forcedGuideKey) {\n    return null;\n  }\n\n  const handleExit = () => {\n    const window = checkForWindow();\n    if (!window) {\n      return;\n    }\n\n    const url = new URL(window.location.href);\n    url.searchParams.delete(DEBUG_QUERY_PARAMS.GUIDE_KEY);\n    url.searchParams.delete(DEBUG_QUERY_PARAMS.PREVIEW_SESSION_ID);\n    window.location.href = url.toString();\n  };\n\n  const handleToggleCollapse = () => {\n    setIsCollapsed(!isCollapsed);\n  };\n\n  if (isCollapsed) {\n    return (\n      <Button\n        onClick={handleToggleCollapse}\n        position=\"fixed\"\n        top=\"4\"\n        right=\"4\"\n        bg=\"surface-2\"\n        shadow=\"3\"\n        rounded=\"3\"\n        w=\"10\"\n        h=\"10\"\n        variant=\"soft\"\n        data-tgph-appearance=\"dark\"\n        aria-label=\"Expand guide toolbar\"\n        style={{ zIndex: MAX_Z_INDEX }}\n      >\n        <svg\n          width=\"40\"\n          height=\"40\"\n          viewBox=\"0 0 40 40\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          style={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <path\n            d=\"M11.6001 32.4V7.59998H16.6365V21.8219H16.7774L22.3067 14.8525H27.9418L21.8138 22.0696L28.4001 32.4H22.7996L18.8555 25.572L16.6365 28.0839V32.4H11.6001Z\"\n            fill=\"#EDEEEF\"\n          />\n          <path\n            d=\"M28.4 10.4C28.4 11.9464 27.1467 13.2 25.6 13.2C24.0534 13.2 22.8 11.9464 22.8 10.4C22.8 8.85358 24.0534 7.59998 25.6 7.59998C27.1467 7.59998 28.4 8.85358 28.4 10.4Z\"\n            fill=\"#FF573A\"\n          />\n        </svg>\n      </Button>\n    );\n  }\n\n  return (\n    <Stack\n      gap=\"2\"\n      align=\"center\"\n      position=\"fixed\"\n      top=\"4\"\n      right=\"4\"\n      backgroundColor=\"surface-2\"\n      bg=\"surface-2\"\n      shadow=\"3\"\n      rounded=\"3\"\n      py=\"2\"\n      px=\"3\"\n      data-tgph-appearance=\"dark\"\n      style={{ zIndex: MAX_Z_INDEX }}\n    >\n      <Stack gap=\"2\" align=\"center\" direction=\"row\">\n        <Tag\n          color=\"green\"\n          variant=\"soft\"\n          icon={{ icon: Wrench, \"aria-hidden\": true }}\n        >\n          Debug\n        </Tag>\n\n        <Text\n          as=\"div\"\n          size=\"1\"\n          weight=\"medium\"\n          w=\"full\"\n          maxWidth=\"40\"\n          style={{\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }}\n        >\n          {debugState.forcedGuideKey}\n        </Text>\n\n        <Button\n          onClick={handleExit}\n          size=\"1\"\n          variant=\"soft\"\n          trailingIcon={{ icon: Undo2, \"aria-hidden\": true }}\n        >\n          Exit\n        </Button>\n\n        <Button\n          onClick={handleToggleCollapse}\n          size=\"1\"\n          variant=\"soft\"\n          leadingIcon={{ icon: Minimize2, alt: \"Collapse guide toolbar\" }}\n        />\n      </Stack>\n    </Stack>\n  );\n};\n"],"names":["MAX_Z_INDEX","GuideToolbar","isCollapsed","setIsCollapsed","useState","client","useGuideContext","debugState","useStore","store","state","debug","forcedGuideKey","handleExit","window","checkForWindow","url","URL","location","href","searchParams","delete","DEBUG_QUERY_PARAMS","GUIDE_KEY","PREVIEW_SESSION_ID","toString","handleToggleCollapse","React","Button","zIndex","position","top","left","transform","Stack","Tag","icon","Wrench","Text","overflow","textOverflow","whiteSpace","Undo2","Minimize2","alt"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,IAAc,YAEPC,IAAeA,MAAM;AAChC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9C;AAAA,IAAEC,QAAAA;AAAAA,MAAWC,EAAgB,GAC7BC,IAAaC,EAASH,EAAOI,OAAQC,CAAAA,MAAUA,EAAMC,KAAK;AAE5D,MAAA,EAACJ,KAAAA,QAAAA,EAAYK;AACR,WAAA;AAGT,QAAMC,IAAaA,MAAM;AACvB,UAAMC,IAASC,EAAe;AAC9B,QAAI,CAACD;AACH;AAGF,UAAME,IAAM,IAAIC,IAAIH,EAAOI,SAASC,IAAI;AACpCC,IAAAA,EAAAA,aAAaC,OAAOC,EAAmBC,SAAS,GAChDH,EAAAA,aAAaC,OAAOC,EAAmBE,kBAAkB,GACtDN,EAAAA,SAASC,OAAOH,EAAIS,SAAS;AAAA,EACtC,GAEMC,IAAuBA,MAAM;AACjCvB,IAAAA,EAAe,CAACD,CAAW;AAAA,EAC7B;AAEA,SAAIA,IAEAyB,gBAAAA,EAAA,cAACC,GACC,EAAA,SAASF,GACT,UAAS,SACT,KAAI,KACJ,OAAM,KACN,IAAG,aACH,QAAO,KACP,SAAQ,KACR,GAAE,MACF,GAAE,MACF,SAAQ,QACR,wBAAqB,QACrB,cAAW,wBACX,OAAO;AAAA,IAAEG,QAAQ7B;AAAAA,EAAAA,EAEjB,GAAA2B,gBAAAA,EAAA,cAAC,OACC,EAAA,OAAM,MACN,QAAO,MACP,SAAQ,aACR,MAAK,QACL,OAAM,8BACN,OAAO;AAAA,IACLG,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,WAAW;AAAA,EAAA,KAGbN,gBAAAA,EAAA,cAAC,QACC,EAAA,GAAE,2JACF,MAAK,UAAS,CAAA,GAEhBA,gBAAAA,EAAA,cAAC,UACC,GAAE,wKACF,MAAK,UAAS,CAAA,CAElB,CACF,IAKFA,gBAAAA,EAAA,cAACO,GACC,EAAA,KAAI,KACJ,OAAM,UACN,UAAS,SACT,KAAI,KACJ,OAAM,KACN,iBAAgB,aAChB,IAAG,aACH,QAAO,KACP,SAAQ,KACR,IAAG,KACH,IAAG,KACH,wBAAqB,QACrB,OAAO;AAAA,IAAEL,QAAQ7B;AAAAA,EAAAA,KAEjB2B,gBAAAA,EAAA,cAACO,GAAM,EAAA,KAAI,KAAI,OAAM,UAAS,WAAU,MAAA,mCACrCC,GACC,EAAA,OAAM,SACN,SAAQ,QACR,MAAM;AAAA,IAAEC,MAAMC;AAAAA,IAAQ,eAAe;AAAA,EAAA,EAAO,GAAA,OAG9C,GAEAV,gBAAAA,EAAA,cAACW,KACC,IAAG,OACH,MAAK,KACL,QAAO,UACP,GAAE,QACF,UAAS,MACT,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EAGblC,EAAAA,GAAAA,EAAWK,cACd,GAECe,gBAAAA,EAAA,cAAAC,GAAA,EACC,SAASf,GACT,MAAK,KACL,SAAQ,QACR,cAAc;AAAA,IAAEuB,MAAMM;AAAAA,IAAO,eAAe;AAAA,EAAK,EAAA,GAAE,MAGrD,GAECf,gBAAAA,EAAA,cAAAC,GAAA,EACC,SAASF,GACT,MAAK,KACL,SAAQ,QACR,aAAa;AAAA,IAAEU,MAAMO;AAAAA,IAAWC,KAAK;AAAA,EAAyB,EAAA,CAAE,CAEpE,CACF;AAEJ;"}
+{"version":3,"file":"GuideToolbar.mjs","sources":["../../../../../../src/modules/guide/components/GuideToolbar/GuideToolbar.tsx"],"sourcesContent":["import { DEBUG_QUERY_PARAMS } from \"@knocklabs/client\";\nimport { useGuideContext, useStore } from \"@knocklabs/react-core\";\nimport { Button } from \"@telegraph/button\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Tag } from \"@telegraph/tag\";\nimport { Text } from \"@telegraph/typography\";\nimport { Minimize2, Undo2, Wrench } from \"lucide-react\";\nimport { useState } from \"react\";\n\nimport { checkForWindow } from \"../../../core\";\n\nimport \"./styles.css\";\n\n// 'max' z index based on max value of a signed 32-bit int\n// Ref: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index/25461690#25461690\nconst MAX_Z_INDEX = 2147483647;\n\nexport const GuideToolbar = () => {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const { client } = useGuideContext();\n  const debugState = useStore(client.store, (state) => state.debug);\n\n  if (!debugState?.forcedGuideKey) {\n    return null;\n  }\n\n  const handleExit = () => {\n    const window = checkForWindow();\n    if (!window) {\n      return;\n    }\n\n    const url = new URL(window.location.href);\n    url.searchParams.delete(DEBUG_QUERY_PARAMS.GUIDE_KEY);\n    url.searchParams.delete(DEBUG_QUERY_PARAMS.PREVIEW_SESSION_ID);\n    window.location.href = url.toString();\n  };\n\n  const handleToggleCollapse = () => {\n    setIsCollapsed(!isCollapsed);\n  };\n\n  if (isCollapsed) {\n    return (\n      <Button\n        onClick={handleToggleCollapse}\n        position=\"fixed\"\n        top=\"4\"\n        right=\"4\"\n        bg=\"surface-2\"\n        shadow=\"3\"\n        rounded=\"3\"\n        w=\"10\"\n        h=\"10\"\n        variant=\"soft\"\n        data-tgph-appearance=\"dark\"\n        aria-label=\"Expand guide toolbar\"\n        style={{ zIndex: MAX_Z_INDEX }}\n      >\n        <svg\n          width=\"40\"\n          height=\"40\"\n          viewBox=\"0 0 40 40\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          style={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <path\n            d=\"M11.6001 32.4V7.59998H16.6365V21.8219H16.7774L22.3067 14.8525H27.9418L21.8138 22.0696L28.4001 32.4H22.7996L18.8555 25.572L16.6365 28.0839V32.4H11.6001Z\"\n            fill=\"#EDEEEF\"\n          />\n          <path\n            d=\"M28.4 10.4C28.4 11.9464 27.1467 13.2 25.6 13.2C24.0534 13.2 22.8 11.9464 22.8 10.4C22.8 8.85358 24.0534 7.59998 25.6 7.59998C27.1467 7.59998 28.4 8.85358 28.4 10.4Z\"\n            fill=\"#FF573A\"\n          />\n        </svg>\n      </Button>\n    );\n  }\n\n  return (\n    <Stack\n      gap=\"2\"\n      align=\"center\"\n      position=\"fixed\"\n      top=\"4\"\n      right=\"4\"\n      backgroundColor=\"surface-2\"\n      bg=\"surface-2\"\n      shadow=\"3\"\n      rounded=\"3\"\n      py=\"2\"\n      px=\"3\"\n      data-tgph-appearance=\"dark\"\n      style={{ zIndex: MAX_Z_INDEX }}\n    >\n      <Stack gap=\"2\" align=\"center\" direction=\"row\">\n        <Tag\n          color=\"green\"\n          variant=\"soft\"\n          icon={{ icon: Wrench, \"aria-hidden\": true }}\n        >\n          Debug\n        </Tag>\n\n        <Text\n          as=\"div\"\n          size=\"1\"\n          weight=\"medium\"\n          w=\"full\"\n          maxWidth=\"40\"\n          style={{\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }}\n        >\n          {debugState.forcedGuideKey}\n        </Text>\n\n        <Button\n          onClick={handleExit}\n          size=\"1\"\n          variant=\"soft\"\n          trailingIcon={{ icon: Undo2, \"aria-hidden\": true }}\n        >\n          Exit\n        </Button>\n\n        <Button\n          onClick={handleToggleCollapse}\n          size=\"1\"\n          variant=\"soft\"\n          leadingIcon={{ icon: Minimize2, alt: \"Collapse guide toolbar\" }}\n        />\n      </Stack>\n    </Stack>\n  );\n};\n"],"names":["MAX_Z_INDEX","GuideToolbar","isCollapsed","setIsCollapsed","useState","client","useGuideContext","debugState","useStore","store","state","debug","forcedGuideKey","handleExit","window","checkForWindow","url","URL","location","href","searchParams","delete","DEBUG_QUERY_PARAMS","GUIDE_KEY","PREVIEW_SESSION_ID","toString","handleToggleCollapse","React","Button","zIndex","position","top","left","transform","Stack","Tag","icon","Wrench","Text","overflow","textOverflow","whiteSpace","Undo2","Minimize2","alt"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAc,YAEPC,IAAeA,MAAM;AAChC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9C;AAAA,IAAEC,QAAAA;AAAAA,MAAWC,EAAgB,GAC7BC,IAAaC,EAASH,EAAOI,OAAQC,CAAAA,MAAUA,EAAMC,KAAK;AAE5D,MAAA,EAACJ,KAAAA,QAAAA,EAAYK;AACR,WAAA;AAGT,QAAMC,IAAaA,MAAM;AACvB,UAAMC,IAASC,EAAe;AAC9B,QAAI,CAACD;AACH;AAGF,UAAME,IAAM,IAAIC,IAAIH,EAAOI,SAASC,IAAI;AACpCC,IAAAA,EAAAA,aAAaC,OAAOC,EAAmBC,SAAS,GAChDH,EAAAA,aAAaC,OAAOC,EAAmBE,kBAAkB,GACtDN,EAAAA,SAASC,OAAOH,EAAIS,SAAS;AAAA,EACtC,GAEMC,IAAuBA,MAAM;AACjCvB,IAAAA,EAAe,CAACD,CAAW;AAAA,EAC7B;AAEA,SAAIA,IAEAyB,gBAAAA,EAAA,cAACC,GACC,EAAA,SAASF,GACT,UAAS,SACT,KAAI,KACJ,OAAM,KACN,IAAG,aACH,QAAO,KACP,SAAQ,KACR,GAAE,MACF,GAAE,MACF,SAAQ,QACR,wBAAqB,QACrB,cAAW,wBACX,OAAO;AAAA,IAAEG,QAAQ7B;AAAAA,EAAAA,EAEjB,GAAA2B,gBAAAA,EAAA,cAAC,OACC,EAAA,OAAM,MACN,QAAO,MACP,SAAQ,aACR,MAAK,QACL,OAAM,8BACN,OAAO;AAAA,IACLG,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,WAAW;AAAA,EAAA,KAGbN,gBAAAA,EAAA,cAAC,QACC,EAAA,GAAE,2JACF,MAAK,UAAS,CAAA,GAEhBA,gBAAAA,EAAA,cAAC,UACC,GAAE,wKACF,MAAK,UAAS,CAAA,CAElB,CACF,IAKFA,gBAAAA,EAAA,cAACO,GACC,EAAA,KAAI,KACJ,OAAM,UACN,UAAS,SACT,KAAI,KACJ,OAAM,KACN,iBAAgB,aAChB,IAAG,aACH,QAAO,KACP,SAAQ,KACR,IAAG,KACH,IAAG,KACH,wBAAqB,QACrB,OAAO;AAAA,IAAEL,QAAQ7B;AAAAA,EAAAA,KAEjB2B,gBAAAA,EAAA,cAACO,GAAM,EAAA,KAAI,KAAI,OAAM,UAAS,WAAU,MAAA,mCACrCC,GACC,EAAA,OAAM,SACN,SAAQ,QACR,MAAM;AAAA,IAAEC,MAAMC;AAAAA,IAAQ,eAAe;AAAA,EAAA,EAAO,GAAA,OAG9C,GAEAV,gBAAAA,EAAA,cAACW,KACC,IAAG,OACH,MAAK,KACL,QAAO,UACP,GAAE,QACF,UAAS,MACT,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EAGblC,EAAAA,GAAAA,EAAWK,cACd,GAECe,gBAAAA,EAAA,cAAAC,GAAA,EACC,SAASf,GACT,MAAK,KACL,SAAQ,QACR,cAAc;AAAA,IAAEuB,MAAMM;AAAAA,IAAO,eAAe;AAAA,EAAK,EAAA,GAAE,MAGrD,GAECf,gBAAAA,EAAA,cAAAC,GAAA,EACC,SAASF,GACT,MAAK,KACL,SAAQ,QACR,aAAa;AAAA,IAAEU,MAAMO;AAAAA,IAAWC,KAAK;AAAA,EAAyB,EAAA,CAAE,CAEpE,CACF;AAEJ;"}

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 export { BellIcon, Button, ButtonGroup, CheckmarkCircle, ChevronDown, CloseCircle, Spinner, useOnBottomScroll, type ButtonProps, type SpinnerProps, } from './modules/core';
 export { Avatar, EmptyFeed, MarkAsRead, NotificationCell, NotificationFeed, NotificationFeedContainer, NotificationFeedHeader, NotificationFeedPopover, NotificationIconButton, UnseenBadge, type AvatarProps, type BadgeCountType, type MarkAsReadProps, type NotificationCellProps, type NotificationFeedHeaderProps, type NotificationFeedPopoverProps, type NotificationFeedProps, type NotificationIconButtonProps, type RenderItem, type RenderItemProps, type UnseenBadgeProps, } from './modules/feed';
-export { Banner, BannerView, Card, CardView, KnockGuideProvider, Modal, ModalView, } from './modules/guide';
+export { Banner, BannerView, Card, CardView, KnockGuideProvider, GuideToolbar as KnockGuideToolbar, Modal, ModalView, } from './modules/guide';
 export { MsTeamsAuthButton, MsTeamsAuthContainer, MsTeamsChannelCombobox, type MsTeamsAuthButtonProps, type MsTeamsAuthContainerProps, } from './modules/ms-teams';
 export { SlackAuthButton, SlackAuthContainer, SlackChannelCombobox, type SlackAuthButtonProps, type SlackAuthContainerProps, type SlackChannelComboboxInputMessages, type SlackChannelComboboxProps, } from './modules/slack';
 export { FilterStatus, KnockProvider, feedProviderKey, formatBadgeCount, formatTimestamp, msTeamsProviderKey, renderNodeOrFallback, slackProviderKey, toSentenceCase, type ColorMode, type KnockProviderProps, type KnockProviderState, useAuthenticatedKnockClient, useKnockClient, useStableOptions, KnockFeedProvider, type KnockFeedProviderProps, type KnockFeedProviderState, type Selector, useCreateNotificationStore, useFeedSettings, useKnockFeed, useNotificationStore, useNotifications, KnockGuideContext, useGuide, useGuides, useGuideContext, type MsTeamsChannelQueryOptions, type MsTeamsTeamQueryOptions, KnockMsTeamsProvider, type KnockMsTeamsProviderProps, type KnockMsTeamsProviderState, useConnectedMsTeamsChannels, useKnockMsTeamsClient, useMsTeamsAuth, useMsTeamsChannels, useMsTeamsConnectionStatus, useMsTeamsTeams, KnockSlackProvider, type ContainerObject, type KnockSlackProviderProps, type KnockSlackProviderState, type SlackChannelQueryOptions, useConnectedSlackChannels, useKnockSlackClient, useSlackAuth, useSlackChannels, useSlackConnectionStatus, I18nContext, KnockI18nProvider, locales, type I18nContent, type KnockI18nProviderProps, type Translations, useTranslations, type RecipientObject, usePreferences, } from '@knocklabs/react-core';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AAErB,OAAO,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,eAAe,EACf,WAAW,EACX,WAAW,EACX,OAAO,EACP,iBAAiB,EACjB,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,MAAM,EACN,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,yBAAyB,EACzB,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,4BAA4B,EACjC,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAClB,KAAK,EACL,SAAS,GACV,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,KAAK,sBAAsB,EAC3B,KAAK,yBAAyB,GAC/B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,iCAAiC,EACtC,KAAK,yBAAyB,GAC/B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,KAAK,SAAS,EACd,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,2BAA2B,EAC3B,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,QAAQ,EACb,0BAA0B,EAC1B,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,eAAe,EACf,KAAK,0BAA0B,EAC/B,KAAK,uBAAuB,EAC5B,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,2BAA2B,EAC3B,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,0BAA0B,EAC1B,eAAe,EACf,kBAAkB,EAClB,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,yBAAyB,EACzB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,eAAe,EACf,KAAK,eAAe,EACpB,cAAc,GACf,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AAErB,OAAO,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,eAAe,EACf,WAAW,EACX,WAAW,EACX,OAAO,EACP,iBAAiB,EACjB,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,MAAM,EACN,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,yBAAyB,EACzB,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,4BAA4B,EACjC,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAClB,YAAY,IAAI,iBAAiB,EACjC,KAAK,EACL,SAAS,GACV,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,KAAK,sBAAsB,EAC3B,KAAK,yBAAyB,GAC/B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,iCAAiC,EACtC,KAAK,yBAAyB,GAC/B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,KAAK,SAAS,EACd,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,2BAA2B,EAC3B,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,QAAQ,EACb,0BAA0B,EAC1B,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,eAAe,EACf,KAAK,0BAA0B,EAC/B,KAAK,uBAAuB,EAC5B,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,2BAA2B,EAC3B,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,0BAA0B,EAC1B,eAAe,EACf,kBAAkB,EAClB,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,yBAAyB,EACzB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,eAAe,EACf,KAAK,eAAe,EACpB,cAAc,GACf,MAAM,uBAAuB,CAAC"}

package/dist/types/modules/guide/components/GuideToolbar/GuideToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuideToolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/guide/components/GuideToolbar/GuideToolbar.tsx"],"names":[],"mappings":"AAYA,OAAO,cAAc,CAAC;AAMtB,eAAO,MAAM,YAAY,sDA+HxB,CAAC"}
+{"version":3,"file":"GuideToolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/guide/components/GuideToolbar/GuideToolbar.tsx"],"names":[],"mappings":"AAWA,OAAO,cAAc,CAAC;AAMtB,eAAO,MAAM,YAAY,sDA+HxB,CAAC"}

package/dist/types/modules/guide/index.d.ts

@@ -1,3 +1,3 @@
-export { Banner, BannerView, Card, CardView, Modal, ModalView, } from './components';
+export { Banner, BannerView, Card, CardView, Modal, ModalView, GuideToolbar, } from './components';
 export { KnockGuideProvider } from './providers';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/guide/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,YAAY,GACb,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@knocklabs/react",
   "description": "A set of React components to build notification experiences powered by Knock",
   "author": "@knocklabs",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
@@ -50,8 +50,8 @@
     "react-dom": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@knocklabs/client": "^0.18.0",
-    "@knocklabs/react-core": "^0.10.0",
+    "@knocklabs/client": "^0.18.1",
+    "@knocklabs/react-core": "^0.10.1",
     "@popperjs/core": "^2.11.8",
     "@radix-ui/react-dialog": "^1.1.14",
     "@telegraph/combobox": "^0.1.5",