@knocklabs/react 0.12.1 → 0.13.0

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("@knocklabs/react-core"),d=require("@telegraph/combobox"),p=require("@telegraph/icon"),_=require("@telegraph/layout"),A=require("@telegraph/typography"),x=require("lucide-react");;/* empty css               */const T=require("../../utils.js"),v=require("../SlackAddChannelInput/SlackAddChannelInput.js"),F=require("./SlackConnectionError.js"),O=require("./SlackErrorMessage.js");;/* empty css            */const D=c=>c&&typeof c=="object"&&"default"in c?c:{default:c},n=D(u),H=1e3,R=({slackChannelsRecipientObject:c,queryOptions:q,inputMessages:o})=>{const{t:i}=h.useTranslations(),{connectionStatus:a,errorLabel:b}=h.useKnockSlackClient(),{data:S,isLoading:k}=h.useSlackChannels({queryOptions:q}),l=u.useMemo(()=>T.sortSlackChannelsAlphabetically(S),[S]),{data:m,updateConnectedChannels:f,error:s,updating:y}=h.useConnectedSlackChannels({slackChannelsRecipientObject:c}),t=u.useMemo(()=>{const e=new Map(l.map(r=>[r.id,r]));return(m==null?void 0:m.filter(r=>e.has(r.channel_id||"")))||[]},[m,l]),C=u.useMemo(()=>a==="disconnected"||a==="error"||!!s,[s,a]),E=u.useMemo(()=>a==="connecting"||a==="disconnecting"||k,[a,k]),L=u.useMemo(()=>{const e={disconnected:i("slackSearchbarDisconnected"),noChannelsConnected:i("slackSearchbarNoChannelsConnected"),noSlackChannelsFound:i("slackSearchbarNoChannelsFound"),channelsError:i("slackSearchbarChannelsError")};if(a==="disconnected")return(o==null?void 0:o.disconnected)||e.disconnected;if(a==="error")return(o==null?void 0:o.error)||b;if(!E&&l.length===0)return(o==null?void 0:o.noSlackChannelsFound)||e.noSlackChannelsFound;const r=(t==null?void 0:t.length)||0;return t&&r===0?(o==null?void 0:o.noChannelsConnected)||e.noChannelsConnected:""},[a,E,l,t,o,b,i]),N=u.useMemo(()=>t.map(e=>e.channel_id),[t]);return l.length>H?n.default.createElement(v,{inErrorState:C,connectedChannels:t||[],updateConnectedChannels:f,connectedChannelsError:s,connectedChannelsUpdating:y}):n.default.createElement(_.Stack,{className:"tgph rsk-combobox__grid",gap:"3"},n.default.createElement(A.Text,{color:"gray",size:"2",as:"div",minHeight:"8",className:"rsk-combobox__label"},"Channels"),n.default.createElement(d.Combobox.Root,{value:N,onValueChange:e=>{const r=e.map(g=>({channel_id:g}));f(r).catch(console.error)},placeholder:L??"",disabled:C||l.length===0,errored:C,closeOnSelect:!1,layout:"wrap",modal:!1},n.default.createElement(d.Combobox.Trigger,null),n.default.createElement(d.Combobox.Content,null,n.default.createElement(d.Combobox.Search,{label:i("slackSearchChannels"),className:"rsk-combobox__search"}),n.default.createElement(d.Combobox.Options,{maxHeight:"36"},l.map(e=>n.default.createElement(d.Combobox.Option,{key:e.id,value:e.id},n.default.createElement(_.Stack,{align:"center",gap:"1"},n.default.createElement(p.Icon,{icon:e.is_private?x.Lock:x.Hash,size:"0","aria-hidden":!0}),e.name)))),n.default.createElement(d.Combobox.Empty,null))),n.default.createElement(F,null),!!s&&n.default.createElement(O,{message:s}))};exports.SlackChannelCombobox=R;
-//# sourceMappingURL=SlackChannelCombobox.js.map
+"use strict";;/* empty css           */const e=require("../../utils.js"),t=require("./SlackErrorMessage.js"),n=require("./SlackConnectionError.js"),r=require("../SlackAddChannelInput/SlackAddChannelInput.js");;/* empty css        */let i=require("@knocklabs/react-core"),a=require("react"),o=require("react/jsx-runtime"),s=require("@telegraph/icon"),c=require("@telegraph/layout"),l=require("@telegraph/typography"),u=require("lucide-react"),d=require("@telegraph/combobox");var f=1e3,p=({slackChannelsRecipientObject:p,queryOptions:m,inputMessages:h})=>{let{t:g}=(0,i.useTranslations)(),{connectionStatus:_,errorLabel:v}=(0,i.useKnockSlackClient)(),{data:y,isLoading:b}=(0,i.useSlackChannels)({queryOptions:m}),x=(0,a.useMemo)(()=>e.sortSlackChannelsAlphabetically(y),[y]),{data:S,updateConnectedChannels:C,error:w,updating:T}=(0,i.useConnectedSlackChannels)({slackChannelsRecipientObject:p}),E=(0,a.useMemo)(()=>{let e=new Map(x.map(e=>[e.id,e]));return S?.filter(t=>e.has(t.channel_id||``))||[]},[S,x]),D=(0,a.useMemo)(()=>_===`disconnected`||_===`error`||!!w,[w,_]),O=(0,a.useMemo)(()=>_===`connecting`||_===`disconnecting`||b,[_,b]),k=(0,a.useMemo)(()=>{let e={disconnected:g(`slackSearchbarDisconnected`),noChannelsConnected:g(`slackSearchbarNoChannelsConnected`),noSlackChannelsFound:g(`slackSearchbarNoChannelsFound`),channelsError:g(`slackSearchbarChannelsError`)};if(_===`disconnected`)return h?.disconnected||e.disconnected;if(_===`error`)return h?.error||v;if(!O&&x.length===0)return h?.noSlackChannelsFound||e.noSlackChannelsFound;let t=E?.length||0;return E&&t===0?h?.noChannelsConnected||e.noChannelsConnected:``},[_,O,x,E,h,v,g]),A=(0,a.useMemo)(()=>E.map(e=>e.channel_id),[E]);return x.length>f?(0,o.jsx)(r.default,{inErrorState:D,connectedChannels:E||[],updateConnectedChannels:C,connectedChannelsError:w,connectedChannelsUpdating:T}):(0,o.jsxs)(c.Stack,{className:`tgph rsk-combobox__grid`,gap:`3`,children:[(0,o.jsx)(l.Text,{color:`gray`,size:`2`,as:`div`,minHeight:`8`,className:`rsk-combobox__label`,children:`Channels`}),(0,o.jsxs)(d.Combobox.Root,{value:A,onValueChange:e=>{let t=e.map(e=>({channel_id:e}));C(t).catch(console.error)},placeholder:k??``,disabled:D||x.length===0,errored:D,closeOnSelect:!1,layout:`wrap`,modal:!1,children:[(0,o.jsx)(d.Combobox.Trigger,{}),(0,o.jsxs)(d.Combobox.Content,{children:[(0,o.jsx)(d.Combobox.Search,{label:g(`slackSearchChannels`),className:`rsk-combobox__search`}),(0,o.jsx)(d.Combobox.Options,{maxHeight:`36`,children:x.map(e=>(0,o.jsx)(d.Combobox.Option,{value:e.id,children:(0,o.jsxs)(c.Stack,{align:`center`,gap:`1`,children:[(0,o.jsx)(s.Icon,{icon:e.is_private?u.Lock:u.Hash,size:`0`,"aria-hidden":!0}),e.name]})},e.id))}),(0,o.jsx)(d.Combobox.Empty,{})]})]}),(0,o.jsx)(n.default,{}),!!w&&(0,o.jsx)(t.default,{message:w})]})};exports.SlackChannelCombobox=p;
+//# sourceMappingURL=SlackChannelCombobox.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlackChannelCombobox.js","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.tsx"],"sourcesContent":["import { SlackChannelConnection } from \"@knocklabs/client\";\nimport {\n  RecipientObject,\n  SlackChannelQueryOptions,\n  useConnectedSlackChannels,\n  useKnockSlackClient,\n  useSlackChannels,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Icon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { Hash, Lock } from \"lucide-react\";\nimport { useMemo } from \"react\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { sortSlackChannelsAlphabetically } from \"../../utils\";\nimport SlackAddChannelInput from \"../SlackAddChannelInput/SlackAddChannelInput\";\n\nimport SlackConnectionError from \"./SlackConnectionError\";\nimport SlackErrorMessage from \"./SlackErrorMessage\";\nimport \"./styles.css\";\n\nconst MAX_ALLOWED_CHANNELS = 1000;\n\nexport type SlackChannelComboboxInputMessages = {\n  disconnected: string;\n  error: string;\n  noChannelsConnected: string;\n  noSlackChannelsFound: string;\n};\n\nexport interface SlackChannelComboboxProps {\n  slackChannelsRecipientObject: RecipientObject;\n  queryOptions?: SlackChannelQueryOptions;\n  inputMessages?: SlackChannelComboboxInputMessages;\n}\n\nexport const SlackChannelCombobox: FunctionComponent<\n  SlackChannelComboboxProps\n> = ({ slackChannelsRecipientObject, queryOptions, inputMessages }) => {\n  const { t } = useTranslations();\n\n  // Gather API data\n  const { connectionStatus, errorLabel: connectionErrorLabel } =\n    useKnockSlackClient();\n\n  const { data: unsortedSlackChannels, isLoading: slackChannelsLoading } =\n    useSlackChannels({ queryOptions });\n\n  const slackChannels = useMemo(\n    () => sortSlackChannelsAlphabetically(unsortedSlackChannels),\n    [unsortedSlackChannels],\n  );\n\n  const {\n    data: connectedChannels,\n    updateConnectedChannels,\n    error: connectedChannelsError,\n    updating: connectedChannelsUpdating,\n  } = useConnectedSlackChannels({ slackChannelsRecipientObject });\n\n  const currentConnectedChannels = useMemo<SlackChannelConnection[]>(() => {\n    // Used to make sure we're only showing currently available channels to select from.\n    // There are cases where a channel is \"connected\" in Knock, but it wouldn't be\n    // posting to it if the channel is private and the Slackbot doesn't belong to it,\n    // so the channel won't show up here and it won't be posted to.\n    const slackChannelsMap = new Map(\n      slackChannels.map((channel) => [channel.id, channel]),\n    );\n\n    return (\n      connectedChannels?.filter((connectedChannel) => {\n        return slackChannelsMap.has(connectedChannel.channel_id || \"\");\n      }) || []\n    );\n  }, [connectedChannels, slackChannels]);\n\n  const inErrorState = useMemo(\n    () =>\n      connectionStatus === \"disconnected\" ||\n      connectionStatus === \"error\" ||\n      !!connectedChannelsError,\n    [connectedChannelsError, connectionStatus],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" ||\n      connectionStatus === \"disconnecting\" ||\n      slackChannelsLoading,\n\n    [connectionStatus, slackChannelsLoading],\n  );\n\n  // Construct placeholder text\n  const searchPlaceholder = useMemo(() => {\n    const DEFAULT_INPUT_MESSAGES = {\n      disconnected: t(\"slackSearchbarDisconnected\"),\n      noChannelsConnected: t(\"slackSearchbarNoChannelsConnected\"),\n      noSlackChannelsFound: t(\"slackSearchbarNoChannelsFound\"),\n      channelsError: t(\"slackSearchbarChannelsError\"),\n    };\n\n    // Connection status message\n    if (connectionStatus === \"disconnected\") {\n      return inputMessages?.disconnected || DEFAULT_INPUT_MESSAGES.disconnected;\n    }\n\n    if (connectionStatus === \"error\") {\n      return inputMessages?.error || connectionErrorLabel;\n    }\n\n    // Channels status messages\n    if (!inLoadingState && slackChannels.length === 0) {\n      return (\n        inputMessages?.noSlackChannelsFound ||\n        DEFAULT_INPUT_MESSAGES.noSlackChannelsFound\n      );\n    }\n\n    const numberConnectedChannels = currentConnectedChannels?.length || 0;\n\n    if (currentConnectedChannels && numberConnectedChannels === 0) {\n      return (\n        inputMessages?.noChannelsConnected ||\n        DEFAULT_INPUT_MESSAGES.noChannelsConnected\n      );\n    }\n\n    return \"\";\n  }, [\n    connectionStatus,\n    inLoadingState,\n    slackChannels,\n    currentConnectedChannels,\n    inputMessages,\n    connectionErrorLabel,\n    t,\n  ]);\n\n  const comboboxValue = useMemo(\n    () => currentConnectedChannels.map((connection) => connection.channel_id),\n    [currentConnectedChannels],\n  );\n\n  if (slackChannels.length > MAX_ALLOWED_CHANNELS) {\n    return (\n      <SlackAddChannelInput\n        inErrorState={inErrorState}\n        connectedChannels={currentConnectedChannels || []}\n        updateConnectedChannels={updateConnectedChannels}\n        connectedChannelsError={connectedChannelsError}\n        connectedChannelsUpdating={connectedChannelsUpdating}\n      />\n    );\n  }\n\n  return (\n    <Stack className=\"tgph rsk-combobox__grid\" gap=\"3\">\n      <Text\n        color=\"gray\"\n        size=\"2\"\n        as=\"div\"\n        minHeight=\"8\"\n        className=\"rsk-combobox__label\"\n      >\n        Channels\n      </Text>\n      <Combobox.Root\n        value={comboboxValue}\n        onValueChange={(channelIds) => {\n          const updatedConnections = channelIds.map<SlackChannelConnection>(\n            (channelId) => ({\n              channel_id: channelId,\n            }),\n          );\n\n          updateConnectedChannels(updatedConnections).catch(console.error);\n        }}\n        placeholder={searchPlaceholder ?? \"\"}\n        disabled={inErrorState || slackChannels.length === 0}\n        errored={inErrorState}\n        closeOnSelect={false}\n        layout=\"wrap\"\n        modal={\n          // Modal comboboxes cause page layout to shift when body has padding. See KNO-7854.\n          false\n        }\n      >\n        <Combobox.Trigger />\n        <Combobox.Content>\n          <Combobox.Search\n            label={t(\"slackSearchChannels\")}\n            className=\"rsk-combobox__search\"\n          />\n          <Combobox.Options maxHeight=\"36\">\n            {slackChannels.map((channel) => (\n              <Combobox.Option key={channel.id} value={channel.id}>\n                <Stack align=\"center\" gap=\"1\">\n                  <Icon\n                    icon={channel.is_private ? Lock : Hash}\n                    size=\"0\"\n                    aria-hidden\n                  />\n                  {channel.name}\n                </Stack>\n              </Combobox.Option>\n            ))}\n          </Combobox.Options>\n          <Combobox.Empty />\n        </Combobox.Content>\n      </Combobox.Root>\n      <SlackConnectionError />\n      {!!connectedChannelsError && (\n        <SlackErrorMessage message={connectedChannelsError} />\n      )}\n    </Stack>\n  );\n};\n"],"names":["MAX_ALLOWED_CHANNELS","SlackChannelCombobox","slackChannelsRecipientObject","queryOptions","inputMessages","t","useTranslations","connectionStatus","errorLabel","connectionErrorLabel","useKnockSlackClient","data","unsortedSlackChannels","isLoading","slackChannelsLoading","useSlackChannels","slackChannels","useMemo","sortSlackChannelsAlphabetically","connectedChannels","updateConnectedChannels","error","connectedChannelsError","updating","connectedChannelsUpdating","useConnectedSlackChannels","currentConnectedChannels","slackChannelsMap","Map","map","channel","id","filter","connectedChannel","has","channel_id","inErrorState","inLoadingState","searchPlaceholder","DEFAULT_INPUT_MESSAGES","disconnected","noChannelsConnected","noSlackChannelsFound","channelsError","length","numberConnectedChannels","comboboxValue","connection","React","SlackAddChannelInput","Stack","Text","Combobox","channelIds","updatedConnections","channelId","catch","console","Icon","is_private","Lock","Hash","name","SlackConnectionError","SlackErrorMessage"],"mappings":"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"}
+{"version":3,"file":"SlackChannelCombobox.js","names":[],"sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.tsx"],"sourcesContent":["import { SlackChannelConnection } from \"@knocklabs/client\";\nimport {\n  RecipientObject,\n  SlackChannelQueryOptions,\n  useConnectedSlackChannels,\n  useKnockSlackClient,\n  useSlackChannels,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Icon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { Hash, Lock } from \"lucide-react\";\nimport { useMemo } from \"react\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { sortSlackChannelsAlphabetically } from \"../../utils\";\nimport SlackAddChannelInput from \"../SlackAddChannelInput/SlackAddChannelInput\";\n\nimport SlackConnectionError from \"./SlackConnectionError\";\nimport SlackErrorMessage from \"./SlackErrorMessage\";\nimport \"./styles.css\";\n\nconst MAX_ALLOWED_CHANNELS = 1000;\n\nexport type SlackChannelComboboxInputMessages = {\n  disconnected: string;\n  error: string;\n  noChannelsConnected: string;\n  noSlackChannelsFound: string;\n};\n\nexport interface SlackChannelComboboxProps {\n  slackChannelsRecipientObject: RecipientObject;\n  queryOptions?: SlackChannelQueryOptions;\n  inputMessages?: SlackChannelComboboxInputMessages;\n}\n\nexport const SlackChannelCombobox: FunctionComponent<\n  SlackChannelComboboxProps\n> = ({ slackChannelsRecipientObject, queryOptions, inputMessages }) => {\n  const { t } = useTranslations();\n\n  // Gather API data\n  const { connectionStatus, errorLabel: connectionErrorLabel } =\n    useKnockSlackClient();\n\n  const { data: unsortedSlackChannels, isLoading: slackChannelsLoading } =\n    useSlackChannels({ queryOptions });\n\n  const slackChannels = useMemo(\n    () => sortSlackChannelsAlphabetically(unsortedSlackChannels),\n    [unsortedSlackChannels],\n  );\n\n  const {\n    data: connectedChannels,\n    updateConnectedChannels,\n    error: connectedChannelsError,\n    updating: connectedChannelsUpdating,\n  } = useConnectedSlackChannels({ slackChannelsRecipientObject });\n\n  const currentConnectedChannels = useMemo<SlackChannelConnection[]>(() => {\n    // Used to make sure we're only showing currently available channels to select from.\n    // There are cases where a channel is \"connected\" in Knock, but it wouldn't be\n    // posting to it if the channel is private and the Slackbot doesn't belong to it,\n    // so the channel won't show up here and it won't be posted to.\n    const slackChannelsMap = new Map(\n      slackChannels.map((channel) => [channel.id, channel]),\n    );\n\n    return (\n      connectedChannels?.filter((connectedChannel) => {\n        return slackChannelsMap.has(connectedChannel.channel_id || \"\");\n      }) || []\n    );\n  }, [connectedChannels, slackChannels]);\n\n  const inErrorState = useMemo(\n    () =>\n      connectionStatus === \"disconnected\" ||\n      connectionStatus === \"error\" ||\n      !!connectedChannelsError,\n    [connectedChannelsError, connectionStatus],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" ||\n      connectionStatus === \"disconnecting\" ||\n      slackChannelsLoading,\n\n    [connectionStatus, slackChannelsLoading],\n  );\n\n  // Construct placeholder text\n  const searchPlaceholder = useMemo(() => {\n    const DEFAULT_INPUT_MESSAGES = {\n      disconnected: t(\"slackSearchbarDisconnected\"),\n      noChannelsConnected: t(\"slackSearchbarNoChannelsConnected\"),\n      noSlackChannelsFound: t(\"slackSearchbarNoChannelsFound\"),\n      channelsError: t(\"slackSearchbarChannelsError\"),\n    };\n\n    // Connection status message\n    if (connectionStatus === \"disconnected\") {\n      return inputMessages?.disconnected || DEFAULT_INPUT_MESSAGES.disconnected;\n    }\n\n    if (connectionStatus === \"error\") {\n      return inputMessages?.error || connectionErrorLabel;\n    }\n\n    // Channels status messages\n    if (!inLoadingState && slackChannels.length === 0) {\n      return (\n        inputMessages?.noSlackChannelsFound ||\n        DEFAULT_INPUT_MESSAGES.noSlackChannelsFound\n      );\n    }\n\n    const numberConnectedChannels = currentConnectedChannels?.length || 0;\n\n    if (currentConnectedChannels && numberConnectedChannels === 0) {\n      return (\n        inputMessages?.noChannelsConnected ||\n        DEFAULT_INPUT_MESSAGES.noChannelsConnected\n      );\n    }\n\n    return \"\";\n  }, [\n    connectionStatus,\n    inLoadingState,\n    slackChannels,\n    currentConnectedChannels,\n    inputMessages,\n    connectionErrorLabel,\n    t,\n  ]);\n\n  const comboboxValue = useMemo(\n    () => currentConnectedChannels.map((connection) => connection.channel_id),\n    [currentConnectedChannels],\n  );\n\n  if (slackChannels.length > MAX_ALLOWED_CHANNELS) {\n    return (\n      <SlackAddChannelInput\n        inErrorState={inErrorState}\n        connectedChannels={currentConnectedChannels || []}\n        updateConnectedChannels={updateConnectedChannels}\n        connectedChannelsError={connectedChannelsError}\n        connectedChannelsUpdating={connectedChannelsUpdating}\n      />\n    );\n  }\n\n  return (\n    <Stack className=\"tgph rsk-combobox__grid\" gap=\"3\">\n      <Text\n        color=\"gray\"\n        size=\"2\"\n        as=\"div\"\n        minHeight=\"8\"\n        className=\"rsk-combobox__label\"\n      >\n        Channels\n      </Text>\n      <Combobox.Root\n        value={comboboxValue}\n        onValueChange={(channelIds) => {\n          const updatedConnections = channelIds.map<SlackChannelConnection>(\n            (channelId) => ({\n              channel_id: channelId,\n            }),\n          );\n\n          updateConnectedChannels(updatedConnections).catch(console.error);\n        }}\n        placeholder={searchPlaceholder ?? \"\"}\n        disabled={inErrorState || slackChannels.length === 0}\n        errored={inErrorState}\n        closeOnSelect={false}\n        layout=\"wrap\"\n        modal={\n          // Modal comboboxes cause page layout to shift when body has padding. See KNO-7854.\n          false\n        }\n      >\n        <Combobox.Trigger />\n        <Combobox.Content>\n          <Combobox.Search\n            label={t(\"slackSearchChannels\")}\n            className=\"rsk-combobox__search\"\n          />\n          <Combobox.Options maxHeight=\"36\">\n            {slackChannels.map((channel) => (\n              <Combobox.Option key={channel.id} value={channel.id}>\n                <Stack align=\"center\" gap=\"1\">\n                  <Icon\n                    icon={channel.is_private ? Lock : Hash}\n                    size=\"0\"\n                    aria-hidden\n                  />\n                  {channel.name}\n                </Stack>\n              </Combobox.Option>\n            ))}\n          </Combobox.Options>\n          <Combobox.Empty />\n        </Combobox.Content>\n      </Combobox.Root>\n      <SlackConnectionError />\n      {!!connectedChannelsError && (\n        <SlackErrorMessage message={connectedChannelsError} />\n      )}\n    </Stack>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackConnectionError.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("react"),n=require("@knocklabs/react-core"),c=require("./SlackErrorMessage.js"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=o(r),a=()=>{const{t:e}=n.useTranslations(),{connectionStatus:t}=n.useKnockSlackClient();return t==="disconnected"||t==="error"?s.default.createElement(c,{message:e(t==="disconnected"?"slackConnectionErrorOccurred":"slackConnectionErrorExists")}):null};module.exports=a;
-//# sourceMappingURL=SlackConnectionError.js.map
+"use strict";const e=require("./SlackErrorMessage.js");let t=require("@knocklabs/react-core"),n=require("react/jsx-runtime");var r=()=>{let{t:r}=(0,t.useTranslations)(),{connectionStatus:i}=(0,t.useKnockSlackClient)();return i===`disconnected`||i===`error`?(0,n.jsx)(e.default,{message:r(i===`disconnected`?`slackConnectionErrorOccurred`:`slackConnectionErrorExists`)}):null};exports.default=r;
+//# sourceMappingURL=SlackConnectionError.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackConnectionError.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlackConnectionError.js","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackConnectionError.tsx"],"sourcesContent":["import { useKnockSlackClient, useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport SlackErrorMessage from \"./SlackErrorMessage\";\n\nconst SlackConnectionError: FunctionComponent = () => {\n  const { t } = useTranslations();\n  const { connectionStatus } = useKnockSlackClient();\n\n  if (connectionStatus === \"disconnected\" || connectionStatus === \"error\") {\n    return (\n      <SlackErrorMessage\n        message={\n          connectionStatus === \"disconnected\"\n            ? t(\"slackConnectionErrorOccurred\")\n            : t(\"slackConnectionErrorExists\")\n        }\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default SlackConnectionError;\n"],"names":["SlackConnectionError","t","useTranslations","connectionStatus","useKnockSlackClient","React","SlackErrorMessage"],"mappings":"4KAKMA,EAA0CA,IAAM,CAC9C,KAAA,CAAEC,EAAAA,GAAMC,kBAAgB,EACxB,CAAEC,iBAAAA,GAAqBC,sBAAoB,EAE7CD,OAAAA,IAAqB,gBAAkBA,IAAqB,QAE5DE,EAAA,QAAA,cAACC,EACC,CAAA,QAEML,EADJE,IAAqB,eACf,+BACA,4BAD8B,CAGtC,CAAA,EAIC,IACT"}
+{"version":3,"file":"SlackConnectionError.js","names":[],"sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackConnectionError.tsx"],"sourcesContent":["import { useKnockSlackClient, useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport SlackErrorMessage from \"./SlackErrorMessage\";\n\nconst SlackConnectionError: FunctionComponent = () => {\n  const { t } = useTranslations();\n  const { connectionStatus } = useKnockSlackClient();\n\n  if (connectionStatus === \"disconnected\" || connectionStatus === \"error\") {\n    return (\n      <SlackErrorMessage\n        message={\n          connectionStatus === \"disconnected\"\n            ? t(\"slackConnectionErrorOccurred\")\n            : t(\"slackConnectionErrorExists\")\n        }\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default SlackConnectionError;\n"],"mappings":"6HAKA,IAAM,MAAgD,CACpD,GAAM,CAAE,MAAA,EAAA,EAAA,gBAAA,CAAsB,EACxB,CAAE,qBAAA,EAAA,EAAA,oBAAA,CAAyC,EAcjD,OAZI,IAAqB,gBAAkB,IAAqB,SAE5D,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CACE,QAEM,EADJ,IAAqB,eACf,+BACA,4BAA4B,CAErC,CAAA,EAIE,IACT"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackErrorMessage.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("react"),a=require("@telegraph/icon"),c=require("@telegraph/typography"),o=require("lucide-react"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=l(r),n=({message:e})=>t.default.createElement("div",{className:"rsk-combobox__error"},t.default.createElement("span",null,t.default.createElement(a.Icon,{icon:o.Info,color:"black",size:"1","aria-hidden":!0})),t.default.createElement(c.Text,{as:"div",color:"black",size:"1"},e));module.exports=n;
-//# sourceMappingURL=SlackErrorMessage.js.map
+"use strict";let e=require("react/jsx-runtime"),t=require("@telegraph/icon"),n=require("@telegraph/typography"),r=require("lucide-react");var i=({message:i})=>(0,e.jsxs)(`div`,{className:`rsk-combobox__error`,children:[(0,e.jsx)(`span`,{children:(0,e.jsx)(t.Icon,{icon:r.Info,color:`black`,size:`1`,"aria-hidden":!0})}),(0,e.jsx)(n.Text,{as:`div`,color:`black`,size:`1`,children:i})]});exports.default=i;
+//# sourceMappingURL=SlackErrorMessage.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlackErrorMessage.js","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackErrorMessage.tsx"],"sourcesContent":["import { Icon } from \"@telegraph/icon\";\nimport { Text } from \"@telegraph/typography\";\nimport { Info } from \"lucide-react\";\nimport { FunctionComponent } from \"react\";\n\ninterface Props {\n  message?: string;\n}\n\nconst SlackErrorMessage: FunctionComponent<Props> = ({ message }) => {\n  return (\n    <div className=\"rsk-combobox__error\">\n      <span>\n        <Icon icon={Info} color=\"black\" size=\"1\" aria-hidden />\n      </span>\n      <Text as=\"div\" color=\"black\" size=\"1\">\n        {message}\n      </Text>\n    </div>\n  );\n};\n\nexport default SlackErrorMessage;\n"],"names":["SlackErrorMessage","message","React","Icon","Info","Text"],"mappings":"+LASMA,EAA8CA,CAAC,CAAEC,QAAAA,CAAQ,IAE3DC,EAAAA,QAAA,cAAC,MAAI,CAAA,UAAU,qBACb,EAAAA,UAAA,cAAC,OACC,KAAAA,EAAAA,QAAA,cAACC,EAAK,KAAA,CAAA,KAAMC,EAAAA,KAAM,MAAM,QAAQ,KAAK,IAAI,cAAW,EAAA,CAAA,CACtD,EACAF,EAAA,QAAA,cAACG,EAAAA,KAAK,CAAA,GAAG,MAAM,MAAM,QAAQ,KAAK,GAC/BJ,EAAAA,CACH,CACF"}
+{"version":3,"file":"SlackErrorMessage.js","names":[],"sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackErrorMessage.tsx"],"sourcesContent":["import { Icon } from \"@telegraph/icon\";\nimport { Text } from \"@telegraph/typography\";\nimport { Info } from \"lucide-react\";\nimport { FunctionComponent } from \"react\";\n\ninterface Props {\n  message?: string;\n}\n\nconst SlackErrorMessage: FunctionComponent<Props> = ({ message }) => {\n  return (\n    <div className=\"rsk-combobox__error\">\n      <span>\n        <Icon icon={Info} color=\"black\" size=\"1\" aria-hidden />\n      </span>\n      <Text as=\"div\" color=\"black\" size=\"1\">\n        {message}\n      </Text>\n    </div>\n  );\n};\n\nexport default SlackErrorMessage;\n"],"mappings":"0IASA,IAAM,GAA+C,CAAE,cAEnD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAAM,KAAM,EAAA,KAAM,MAAM,QAAQ,KAAK,IAAI,cAAA,EAAa,CAAA,CAClD,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAAM,GAAG,MAAM,MAAM,QAAQ,KAAK,aAC/B,CACG,CAAA,CACH"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./SlackChannelCombobox.js");exports.SlackChannelCombobox=e.SlackChannelCombobox;

package/dist/cjs/modules/slack/components/SlackIcon/SlackIcon.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(l),s=({height:e,width:c})=>t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",style:{height:e,width:c},viewBox:"0 0 122.8 122.8"},t.default.createElement("path",{d:"M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z",fill:"#e01e5a"}),t.default.createElement("path",{d:"M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z",fill:"#36c5f0"}),t.default.createElement("path",{d:"M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z",fill:"#2eb67d"}),t.default.createElement("path",{d:"M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z",fill:"#ecb22e"}));exports.SlackIcon=s;
-//# sourceMappingURL=SlackIcon.js.map
+"use strict";let e=require("react/jsx-runtime");var t=({height:t,width:n})=>(0,e.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,style:{height:t,width:n},viewBox:`0 0 122.8 122.8`,children:[(0,e.jsx)(`path`,{d:`M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z`,fill:`#e01e5a`}),(0,e.jsx)(`path`,{d:`M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z`,fill:`#36c5f0`}),(0,e.jsx)(`path`,{d:`M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z`,fill:`#2eb67d`}),(0,e.jsx)(`path`,{d:`M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z`,fill:`#ecb22e`})]});exports.SlackIcon=t;
+//# sourceMappingURL=SlackIcon.js.map

package/dist/cjs/modules/slack/components/SlackIcon/SlackIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlackIcon.js","sources":["../../../../../../src/modules/slack/components/SlackIcon/SlackIcon.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\n\nexport interface SlackIconProps {\n  height: string;\n  width: string;\n}\n\nexport const SlackIcon: FunctionComponent<SlackIconProps> = ({\n  height,\n  width,\n}) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ height, width }}\n      viewBox=\"0 0 122.8 122.8\"\n    >\n      <path\n        d=\"M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z\"\n        fill=\"#e01e5a\"\n      ></path>\n      <path\n        d=\"M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z\"\n        fill=\"#36c5f0\"\n      ></path>\n      <path\n        d=\"M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z\"\n        fill=\"#2eb67d\"\n      ></path>\n      <path\n        d=\"M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z\"\n        fill=\"#ecb22e\"\n      ></path>\n    </svg>\n  );\n};\n"],"names":["SlackIcon","height","width","React"],"mappings":"wKAOaA,EAA+CA,CAAC,CAC3DC,OAAAA,EACAC,MAAAA,CACF,IAEKC,EAAAA,QAAA,cAAA,MAAA,CACC,MAAM,6BACN,MAAO,CAAEF,OAAAA,EAAQC,MAAAA,CAAAA,EACjB,QAAQ,mBAERC,EAAAA,QAAA,cAAC,OACC,CAAA,EAAE,4LACF,KAAK,SACN,CAAA,EACAA,UAAA,cAAA,OAAA,CACC,EAAE,2LACF,KAAK,SACN,CAAA,EACAA,EAAA,QAAA,cAAA,OAAA,CACC,EAAE,4LACF,KAAK,SAAA,CACN,EACDA,UAAA,cAAC,OACC,CAAA,EAAE,+LACF,KAAK,UACN,CACH"}
+{"version":3,"file":"SlackIcon.js","names":[],"sources":["../../../../../../src/modules/slack/components/SlackIcon/SlackIcon.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\n\nexport interface SlackIconProps {\n  height: string;\n  width: string;\n}\n\nexport const SlackIcon: FunctionComponent<SlackIconProps> = ({\n  height,\n  width,\n}) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ height, width }}\n      viewBox=\"0 0 122.8 122.8\"\n    >\n      <path\n        d=\"M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z\"\n        fill=\"#e01e5a\"\n      ></path>\n      <path\n        d=\"M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z\"\n        fill=\"#36c5f0\"\n      ></path>\n      <path\n        d=\"M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z\"\n        fill=\"#2eb67d\"\n      ></path>\n      <path\n        d=\"M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z\"\n        fill=\"#ecb22e\"\n      ></path>\n    </svg>\n  );\n};\n"],"mappings":"gDAOA,IAAa,GAAgD,CAC3D,SACA,YAGE,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,MAAM,6BACN,MAAO,CAAE,SAAQ,OAAM,EACvB,QAAQ,2BAHV,EAKE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,4LACF,KAAK,SACA,CAAA,GACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,2LACF,KAAK,SACA,CAAA,GACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,4LACF,KAAK,SACA,CAAA,GACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,+LACF,KAAK,SACA,CAAA,CACJ"}

package/dist/cjs/modules/slack/components/SlackIcon/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./SlackIcon.js");exports.SlackIcon=e.SlackIcon;

package/dist/cjs/modules/slack/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./components/SlackAuthButton/SlackAuthButton.js");require("./components/SlackAuthButton/index.js");const t=require("./components/SlackAuthContainer/SlackAuthContainer.js");require("./components/SlackAuthContainer/index.js");const n=require("./components/SlackChannelCombobox/SlackChannelCombobox.js");require("./components/SlackChannelCombobox/index.js"),exports.SlackAuthButton=e.SlackAuthButton,exports.SlackAuthContainer=t.SlackAuthContainer,exports.SlackChannelCombobox=n.SlackChannelCombobox;

package/dist/cjs/modules/slack/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=e=>[...e].sort((a,l)=>a.name.toLowerCase().localeCompare(l.name.toLowerCase()));exports.sortSlackChannelsAlphabetically=o;
-//# sourceMappingURL=utils.js.map
+"use strict";var e=e=>[...e].sort((e,t)=>e.name.toLowerCase().localeCompare(t.name.toLowerCase()));exports.sortSlackChannelsAlphabetically=e;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/modules/slack/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/modules/slack/utils.ts"],"sourcesContent":["import { SlackChannel } from \"@knocklabs/client\";\n\nexport const sortSlackChannelsAlphabetically = (\n  channels: readonly SlackChannel[],\n) =>\n  [...channels].sort((channel1, channel2) =>\n    channel1.name.toLowerCase().localeCompare(channel2.name.toLowerCase()),\n  );\n"],"names":["sortSlackChannelsAlphabetically","channels","sort","channel1","channel2","name","toLowerCase","localeCompare"],"mappings":"gFAEaA,MAAAA,EACXC,GAEA,CAAC,GAAGA,CAAQ,EAAEC,KAAK,CAACC,EAAUC,IAC5BD,EAASE,KAAKC,cAAcC,cAAcH,EAASC,KAAKC,aAAa,CACvE"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/modules/slack/utils.ts"],"sourcesContent":["import { SlackChannel } from \"@knocklabs/client\";\n\nexport const sortSlackChannelsAlphabetically = (\n  channels: readonly SlackChannel[],\n) =>\n  [...channels].sort((channel1, channel2) =>\n    channel1.name.toLowerCase().localeCompare(channel2.name.toLowerCase()),\n  );\n"],"mappings":"aAEA,IAAa,EACX,GAEA,CAAC,GAAG,CAAQ,CAAC,CAAC,MAAM,EAAU,IAC5B,EAAS,KAAK,YAAY,CAAC,CAAC,cAAc,EAAS,KAAK,YAAY,CAAC,CACvE"}

package/dist/cjs/next/KnockGuideLocationSensor.js

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@knocklabs/react-core"),c=require("next/navigation.js"),i=require("next/router.js"),l=require("react"),u=require("../modules/core/utils.js"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=f(l),d=()=>{const e=i.useRouter(),{client:o}=a.useGuideContext();return s.default.useEffect(()=>{const n=u.checkForWindow();if(!n)return;o.store.state.location||o.setLocation(n.location.href),o.removeLocationChangeEventListeners();const t=r=>{o.setLocation(n.location.origin+r)};return e.events.on("routeChangeComplete",t),()=>{e.events.off("routeChangeComplete",t)}},[o]),null},h=()=>{const e=c.usePathname(),n=c.useSearchParams().toString(),{client:t}=a.useGuideContext();return s.default.useEffect(()=>{t.removeLocationChangeEventListeners()},[t]),s.default.useEffect(()=>{const r=u.checkForWindow();r&&t.setLocation(r.location.href)},[t,e,n]),null},m={PagesRouter:d,AppRouter:h};exports.KnockGuideLocationSensor=m;
-//# sourceMappingURL=KnockGuideLocationSensor.js.map
+"use client";"use strict";const e=require("../_virtual/_rolldown/runtime.js"),t=require("../modules/core/utils.js");let n=require("@knocklabs/react-core"),r=require("react");r=e.__toESM(r);let i=require("next/navigation.js"),a=require("next/router.js");var o={PagesRouter:()=>{let e=(0,a.useRouter)(),{client:i}=(0,n.useGuideContext)();return r.default.useEffect(()=>{let n=t.checkForWindow();if(!n)return;i.store.state.location||i.setLocation(n.location.href),i.removeLocationChangeEventListeners();let r=e=>{i.setLocation(n.location.origin+e)};return e.events.on(`routeChangeComplete`,r),()=>{e.events.off(`routeChangeComplete`,r)}},[i]),null},AppRouter:()=>{let e=(0,i.usePathname)(),a=(0,i.useSearchParams)().toString(),{client:o}=(0,n.useGuideContext)();return r.default.useEffect(()=>{o.removeLocationChangeEventListeners()},[o]),r.default.useEffect(()=>{let e=t.checkForWindow();e&&o.setLocation(e.location.href)},[o,e,a]),null}};exports.KnockGuideLocationSensor=o;
+//# sourceMappingURL=KnockGuideLocationSensor.js.map

package/dist/cjs/next/KnockGuideLocationSensor.js.map

@@ -1 +1 @@
-{"version":3,"file":"KnockGuideLocationSensor.js","sources":["../../../src/next/KnockGuideLocationSensor.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGuideContext } from \"@knocklabs/react-core\";\n// Note the .js suffix for Next 15 ESM friendliness:\nimport { usePathname, useSearchParams } from \"next/navigation.js\";\nimport { useRouter } from \"next/router.js\";\nimport React from \"react\";\n\nimport { checkForWindow } from \"../modules/core/utils\";\n\nconst PagesRouter: React.FC = () => {\n  const router = useRouter();\n  const { client } = useGuideContext();\n\n  React.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    // If you are using this helper module, then that means we are detecting\n    // route changes from next's router rather than from the global history\n    // object which the guide client does by default, so ensure we don't have\n    // any event listeners hanging around unnecessarily.\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\nconst AppRouter: React.FC = () => {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const queryStr = searchParams.toString();\n\n  const { client } = useGuideContext();\n\n  React.useEffect(() => {\n    // Same here, remove any location change event listeners on the window\n    // object in case they are attached.\n    client.removeLocationChangeEventListeners();\n  }, [client]);\n\n  React.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\nexport const KnockGuideLocationSensor = {\n  PagesRouter,\n  AppRouter,\n};\n"],"names":["PagesRouter","router","useRouter","client","useGuideContext","React","useEffect","win","checkForWindow","store","state","location","setLocation","href","removeLocationChangeEventListeners","handleRouteChangeComplete","url","origin","events","on","off","AppRouter","pathname","usePathname","queryStr","useSearchParams","toString","KnockGuideLocationSensor"],"mappings":"0TAUMA,EAAwBA,IAAM,CAClC,MAAMC,EAASC,EAAAA,UAAU,EACnB,CAAEC,OAAAA,GAAWC,kBAAgB,EAEnCC,OAAAA,EAAAA,QAAMC,UAAU,IAAM,CACpB,MAAMC,EAAMC,EAAAA,eAAe,EAC3B,GAAI,CAACD,EAAK,OAGLJ,EAAOM,MAAMC,MAAMC,UACfC,EAAAA,YAAYL,EAAII,SAASE,IAAI,EAOtCV,EAAOW,mCAAmC,EAKpCC,MAAAA,EAA6BC,GAAgB,CACjDb,EAAOS,YAAYL,EAAII,SAASM,OAASD,CAAG,CAC9C,EACOE,OAAAA,EAAAA,OAAOC,GAAG,sBAAuBJ,CAAyB,EAE1D,IAAM,CACJG,EAAAA,OAAOE,IAAI,sBAAuBL,CAAyB,CACpE,CAAA,EAIC,CAACZ,CAAM,CAAC,EAEJ,IACT,EAEMkB,EAAsBA,IAAM,CAChC,MAAMC,EAAWC,EAAAA,YAAY,EAEvBC,EADeC,EAAAA,gBAAgB,EACPC,SAAS,EAEjC,CAAEvB,OAAAA,GAAWC,kBAAgB,EAEnCC,OAAAA,EAAAA,QAAMC,UAAU,IAAM,CAGpBH,EAAOW,mCAAmC,CAAA,EACzC,CAACX,CAAM,CAAC,EAEXE,EAAAA,QAAMC,UAAU,IAAM,CACpB,MAAMC,EAAMC,EAAAA,eAAe,EACtBD,GAEEK,EAAAA,YAAYL,EAAII,SAASE,IAAI,CACnC,EAAA,CAACV,EAAQmB,EAAUE,CAAQ,CAAC,EAExB,IACT,EAEaG,EAA2B,CACtC3B,YAAAA,EACAqB,UAAAA,CACF"}
+{"version":3,"file":"KnockGuideLocationSensor.js","names":[],"sources":["../../../src/next/KnockGuideLocationSensor.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGuideContext } from \"@knocklabs/react-core\";\n// Note the .js suffix for Next 15 ESM friendliness:\nimport { usePathname, useSearchParams } from \"next/navigation.js\";\nimport { useRouter } from \"next/router.js\";\nimport React from \"react\";\n\nimport { checkForWindow } from \"../modules/core/utils\";\n\nconst PagesRouter: React.FC = () => {\n  const router = useRouter();\n  const { client } = useGuideContext();\n\n  React.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    // If you are using this helper module, then that means we are detecting\n    // route changes from next's router rather than from the global history\n    // object which the guide client does by default, so ensure we don't have\n    // any event listeners hanging around unnecessarily.\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\nconst AppRouter: React.FC = () => {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const queryStr = searchParams.toString();\n\n  const { client } = useGuideContext();\n\n  React.useEffect(() => {\n    // Same here, remove any location change event listeners on the window\n    // object in case they are attached.\n    client.removeLocationChangeEventListeners();\n  }, [client]);\n\n  React.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\nexport const KnockGuideLocationSensor = {\n  PagesRouter,\n  AppRouter,\n};\n"],"mappings":"6PAuEA,IAAa,EAA2B,CACtC,gBA9DkC,CAClC,IAAM,GAAA,EAAA,EAAA,UAAA,CAAmB,EACnB,CAAE,WAAA,EAAA,EAAA,gBAAA,CAA2B,EAiCnC,OA/BA,EAAA,QAAM,cAAgB,CACpB,IAAM,EAAM,EAAA,eAAe,EAC3B,GAAI,CAAC,EAAK,OAGL,EAAO,MAAM,MAAM,UACtB,EAAO,YAAY,EAAI,SAAS,IAAI,EAOtC,EAAO,mCAAmC,EAK1C,IAAM,EAA6B,GAAgB,CACjD,EAAO,YAAY,EAAI,SAAS,OAAS,CAAG,CAC9C,EAGA,OAFA,EAAO,OAAO,GAAG,sBAAuB,CAAyB,MAEpD,CACX,EAAO,OAAO,IAAI,sBAAuB,CAAyB,CACpE,CAIF,EAAG,CAAC,CAAM,CAAC,EAEJ,IACT,EA2BE,cAzBgC,CAChC,IAAM,GAAA,EAAA,EAAA,YAAA,CAAuB,EAEvB,GAAA,EAAA,EAAA,gBAAA,CAAW,CAAA,CAAa,SAAS,EAEjC,CAAE,WAAA,EAAA,EAAA,gBAAA,CAA2B,EAenC,OAbA,EAAA,QAAM,cAAgB,CAGpB,EAAO,mCAAmC,CAC5C,EAAG,CAAC,CAAM,CAAC,EAEX,EAAA,QAAM,cAAgB,CACpB,IAAM,EAAM,EAAA,eAAe,EACtB,GAEL,EAAO,YAAY,EAAI,SAAS,IAAI,CACtC,EAAG,CAAC,EAAQ,EAAU,CAAQ,CAAC,EAExB,IACT,CAKA"}

package/dist/cjs/next.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./next/KnockGuideLocationSensor.js");exports.KnockGuideLocationSensor=o.KnockGuideLocationSensor;
-//# sourceMappingURL=next.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./next/KnockGuideLocationSensor.js");exports.KnockGuideLocationSensor=e.KnockGuideLocationSensor;

package/dist/cjs/tanstack/KnockGuideLocationSensor.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@knocklabs/react-core"),r=require("@tanstack/react-router"),i=require("react"),u=require("../modules/core/utils.js"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=s(i),a=()=>{const{href:e}=r.useLocation(),{client:t}=c.useGuideContext();return n.default.useEffect(()=>{t.removeLocationChangeEventListeners()},[t]),n.default.useEffect(()=>{const o=u.checkForWindow();o&&t.setLocation(o.location.origin+e)},[t,e]),null};exports.KnockGuideLocationSensor=a;
-//# sourceMappingURL=KnockGuideLocationSensor.js.map
+"use strict";const e=require("../_virtual/_rolldown/runtime.js"),t=require("../modules/core/utils.js");let n=require("@knocklabs/react-core"),r=require("react");r=e.__toESM(r);let i=require("@tanstack/react-router");var a=()=>{let{href:e}=(0,i.useLocation)(),{client:a}=(0,n.useGuideContext)();return r.default.useEffect(()=>{a.removeLocationChangeEventListeners()},[a]),r.default.useEffect(()=>{let n=t.checkForWindow();n&&a.setLocation(n.location.origin+e)},[a,e]),null};exports.KnockGuideLocationSensor=a;
+//# sourceMappingURL=KnockGuideLocationSensor.js.map

package/dist/cjs/tanstack/KnockGuideLocationSensor.js.map

@@ -1 +1 @@
-{"version":3,"file":"KnockGuideLocationSensor.js","sources":["../../../src/tanstack/KnockGuideLocationSensor.tsx"],"sourcesContent":["import { useGuideContext } from \"@knocklabs/react-core\";\nimport { useLocation } from \"@tanstack/react-router\";\nimport React from \"react\";\n\nimport { checkForWindow } from \"../modules/core/utils\";\n\nexport const KnockGuideLocationSensor: React.FC = () => {\n  const { href } = useLocation();\n  const { client } = useGuideContext();\n\n  React.useEffect(() => {\n    client.removeLocationChangeEventListeners();\n  }, [client]);\n\n  React.useEffect(() => {\n    const win = checkForWindow();\n    if (!win) return;\n\n    // href here is the full path of the location, including pathname, search,\n    // and hash but does not include the origin.\n    client.setLocation(win.location.origin + href);\n  }, [client, href]);\n\n  return null;\n};\n"],"names":["KnockGuideLocationSensor","href","useLocation","client","useGuideContext","React","useEffect","removeLocationChangeEventListeners","win","checkForWindow","setLocation","location","origin"],"mappings":"qRAMaA,EAAqCA,IAAM,CAChD,KAAA,CAAEC,KAAAA,GAASC,cAAY,EACvB,CAAEC,OAAAA,GAAWC,kBAAgB,EAEnCC,OAAAA,EAAAA,QAAMC,UAAU,IAAM,CACpBH,EAAOI,mCAAmC,CAAA,EACzC,CAACJ,CAAM,CAAC,EAEXE,EAAAA,QAAMC,UAAU,IAAM,CACpB,MAAME,EAAMC,EAAAA,eAAe,EACtBD,GAILL,EAAOO,YAAYF,EAAIG,SAASC,OAASX,CAAI,CAAA,EAC5C,CAACE,EAAQF,CAAI,CAAC,EAEV,IACT"}
+{"version":3,"file":"KnockGuideLocationSensor.js","names":[],"sources":["../../../src/tanstack/KnockGuideLocationSensor.tsx"],"sourcesContent":["import { useGuideContext } from \"@knocklabs/react-core\";\nimport { useLocation } from \"@tanstack/react-router\";\nimport React from \"react\";\n\nimport { checkForWindow } from \"../modules/core/utils\";\n\nexport const KnockGuideLocationSensor: React.FC = () => {\n  const { href } = useLocation();\n  const { client } = useGuideContext();\n\n  React.useEffect(() => {\n    client.removeLocationChangeEventListeners();\n  }, [client]);\n\n  React.useEffect(() => {\n    const win = checkForWindow();\n    if (!win) return;\n\n    // href here is the full path of the location, including pathname, search,\n    // and hash but does not include the origin.\n    client.setLocation(win.location.origin + href);\n  }, [client, href]);\n\n  return null;\n};\n"],"mappings":"wNAMA,IAAa,MAA2C,CACtD,GAAM,CAAE,SAAA,EAAA,EAAA,YAAA,CAAqB,EACvB,CAAE,WAAA,EAAA,EAAA,gBAAA,CAA2B,EAenC,OAbA,EAAA,QAAM,cAAgB,CACpB,EAAO,mCAAmC,CAC5C,EAAG,CAAC,CAAM,CAAC,EAEX,EAAA,QAAM,cAAgB,CACpB,IAAM,EAAM,EAAA,eAAe,EACtB,GAIL,EAAO,YAAY,EAAI,SAAS,OAAS,CAAI,CAC/C,EAAG,CAAC,EAAQ,CAAI,CAAC,EAEV,IACT"}

package/dist/cjs/tanstack.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./tanstack/KnockGuideLocationSensor.js");exports.KnockGuideLocationSensor=o.KnockGuideLocationSensor;
-//# sourceMappingURL=tanstack.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./tanstack/KnockGuideLocationSensor.js");exports.KnockGuideLocationSensor=e.KnockGuideLocationSensor;

package/dist/esm/index.mjs

@@ -1,119 +1,37 @@
 "use client";
-/* empty css           */
-import { Button as x } from "./modules/core/components/Button/Button.mjs";
-import { ButtonGroup as k } from "./modules/core/components/Button/ButtonGroup.mjs";
-import { BellIcon as h } from "./modules/core/components/Icons/Bell.mjs";
-import { CheckmarkCircle as T } from "./modules/core/components/Icons/CheckmarkCircle.mjs";
-import { ChevronDown as v } from "./modules/core/components/Icons/ChevronDown.mjs";
-import { CloseCircle as A } from "./modules/core/components/Icons/CloseCircle.mjs";
-import { Spinner as F } from "./modules/core/components/Spinner/Spinner.mjs";
-import { default as b } from "./modules/core/hooks/useOnBottomScroll.mjs";
-import { EmptyFeed as g } from "./modules/feed/components/EmptyFeed/EmptyFeed.mjs";
-import { NotificationCell as y } from "./modules/feed/components/NotificationCell/NotificationCell.mjs";
-import { Avatar as O } from "./modules/feed/components/NotificationCell/Avatar.mjs";
-import { NotificationFeed as D } from "./modules/feed/components/NotificationFeed/NotificationFeed.mjs";
-import { NotificationFeedHeader as H } from "./modules/feed/components/NotificationFeed/NotificationFeedHeader.mjs";
-import { MarkAsRead as R } from "./modules/feed/components/NotificationFeed/MarkAsRead.mjs";
-import { NotificationFeedContainer as j } from "./modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.mjs";
-import { NotificationFeedPopover as z } from "./modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.mjs";
-import { NotificationIconButton as Q } from "./modules/feed/components/NotificationIconButton/NotificationIconButton.mjs";
-import { UnseenBadge as X } from "./modules/feed/components/UnseenBadge/UnseenBadge.mjs";
-import { Banner as Z, BannerView as _ } from "./modules/guide/components/Banner/Banner.mjs";
-import { Card as ee, CardView as oe } from "./modules/guide/components/Card/Card.mjs";
-import "@knocklabs/client";
-import { FilterStatus as re, I18nContext as ne, KnockFeedProvider as ae, KnockGuideContext as ie, KnockI18nProvider as se, KnockMsTeamsProvider as me, KnockProvider as ue, KnockSlackProvider as ce, feedProviderKey as pe, formatBadgeCount as fe, formatTimestamp as le, getBadgeAriaLabel as de, locales as xe, msTeamsProviderKey as Ce, renderNodeOrFallback as ke, slackProviderKey as Se, toSentenceCase as he, useAuthenticatedKnockClient as Ke, useConnectedMsTeamsChannels as Te, useConnectedSlackChannels as Me, useCreateNotificationStore as ve, useFeedSettings as Be, useGuide as Ae, useGuideContext as Pe, useGuides as Fe, useKnockAuthState as Ne, useKnockClient as be, useKnockFeed as Ge, useKnockMsTeamsClient as ge, useKnockSlackClient as we, useMsTeamsAuth as ye, useMsTeamsChannels as Ie, useMsTeamsConnectionStatus as Oe, useMsTeamsTeams as Ve, useNotificationStore as De, useNotifications as Ee, usePreferences as He, useSlackAuth as Le, useSlackChannels as Re, useSlackConnectionStatus as Ue, useStableOptions as je, useTranslations as qe } from "@knocklabs/react-core";
-import "@telegraph/button";
-import "@telegraph/icon";
-import "@telegraph/layout";
-import "@telegraph/segmented-control";
-import "@telegraph/tooltip";
-import "@telegraph/typography";
-import "lucide-react";
-import "react";
-/* empty css                                             */
-import "@telegraph/tag";
-import "@telegraph/toggle";
-import { Modal as Je, ModalView as Qe } from "./modules/guide/components/Modal/Modal.mjs";
-import { KnockGuideProvider as Xe } from "./modules/guide/providers/KnockGuideProvider.mjs";
-import { MsTeamsAuthButton as Ze } from "./modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.mjs";
-import { MsTeamsAuthContainer as $e } from "./modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.mjs";
-import { default as oo } from "./modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.mjs";
-import { SlackAuthButton as ro } from "./modules/slack/components/SlackAuthButton/SlackAuthButton.mjs";
-import { SlackAuthContainer as ao } from "./modules/slack/components/SlackAuthContainer/SlackAuthContainer.mjs";
-import { SlackChannelCombobox as so } from "./modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.mjs";
-export {
-  O as Avatar,
-  Z as Banner,
-  _ as BannerView,
-  h as BellIcon,
-  x as Button,
-  k as ButtonGroup,
-  ee as Card,
-  oe as CardView,
-  T as CheckmarkCircle,
-  v as ChevronDown,
-  A as CloseCircle,
-  g as EmptyFeed,
-  re as FilterStatus,
-  ne as I18nContext,
-  ae as KnockFeedProvider,
-  ie as KnockGuideContext,
-  Xe as KnockGuideProvider,
-  se as KnockI18nProvider,
-  me as KnockMsTeamsProvider,
-  ue as KnockProvider,
-  ce as KnockSlackProvider,
-  R as MarkAsRead,
-  Je as Modal,
-  Qe as ModalView,
-  Ze as MsTeamsAuthButton,
-  $e as MsTeamsAuthContainer,
-  oo as MsTeamsChannelCombobox,
-  y as NotificationCell,
-  D as NotificationFeed,
-  j as NotificationFeedContainer,
-  H as NotificationFeedHeader,
-  z as NotificationFeedPopover,
-  Q as NotificationIconButton,
-  ro as SlackAuthButton,
-  ao as SlackAuthContainer,
-  so as SlackChannelCombobox,
-  F as Spinner,
-  X as UnseenBadge,
-  pe as feedProviderKey,
-  fe as formatBadgeCount,
-  le as formatTimestamp,
-  de as getBadgeAriaLabel,
-  xe as locales,
-  Ce as msTeamsProviderKey,
-  ke as renderNodeOrFallback,
-  Se as slackProviderKey,
-  he as toSentenceCase,
-  Ke as useAuthenticatedKnockClient,
-  Te as useConnectedMsTeamsChannels,
-  Me as useConnectedSlackChannels,
-  ve as useCreateNotificationStore,
-  Be as useFeedSettings,
-  Ae as useGuide,
-  Pe as useGuideContext,
-  Fe as useGuides,
-  Ne as useKnockAuthState,
-  be as useKnockClient,
-  Ge as useKnockFeed,
-  ge as useKnockMsTeamsClient,
-  we as useKnockSlackClient,
-  ye as useMsTeamsAuth,
-  Ie as useMsTeamsChannels,
-  Oe as useMsTeamsConnectionStatus,
-  Ve as useMsTeamsTeams,
-  De as useNotificationStore,
-  Ee as useNotifications,
-  b as useOnBottomScroll,
-  He as usePreferences,
-  Le as useSlackAuth,
-  Re as useSlackChannels,
-  Ue as useSlackConnectionStatus,
-  je as useStableOptions,
-  qe as useTranslations
-};
-//# sourceMappingURL=index.mjs.map
+/* empty css       */
+import { Spinner as e } from "./modules/core/components/Spinner/Spinner.mjs";
+import { Button as t } from "./modules/core/components/Button/Button.mjs";
+import { ButtonGroup as n } from "./modules/core/components/Button/ButtonGroup.mjs";
+import { BellIcon as r } from "./modules/core/components/Icons/Bell.mjs";
+import { CheckmarkCircle as i } from "./modules/core/components/Icons/CheckmarkCircle.mjs";
+import { ChevronDown as a } from "./modules/core/components/Icons/ChevronDown.mjs";
+import { CloseCircle as o } from "./modules/core/components/Icons/CloseCircle.mjs";
+import s from "./modules/core/hooks/useOnBottomScroll.mjs";
+import "./modules/core/index.mjs";
+import { EmptyFeed as c } from "./modules/feed/components/EmptyFeed/EmptyFeed.mjs";
+import { Avatar as l } from "./modules/feed/components/NotificationCell/Avatar.mjs";
+import { NotificationCell as u } from "./modules/feed/components/NotificationCell/NotificationCell.mjs";
+import { MarkAsRead as d } from "./modules/feed/components/NotificationFeed/MarkAsRead.mjs";
+import { NotificationFeedHeader as f } from "./modules/feed/components/NotificationFeed/NotificationFeedHeader.mjs";
+import { NotificationFeed as p } from "./modules/feed/components/NotificationFeed/NotificationFeed.mjs";
+import { NotificationFeedContainer as m } from "./modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.mjs";
+import { NotificationFeedPopover as h } from "./modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.mjs";
+import { UnseenBadge as g } from "./modules/feed/components/UnseenBadge/UnseenBadge.mjs";
+import { NotificationIconButton as _ } from "./modules/feed/components/NotificationIconButton/NotificationIconButton.mjs";
+import "./modules/feed/index.mjs";
+import { Banner as v, BannerView as y } from "./modules/guide/components/Banner/Banner.mjs";
+import { Card as b, CardView as x } from "./modules/guide/components/Card/Card.mjs";
+import { Modal as S, ModalView as C } from "./modules/guide/components/Modal/Modal.mjs";
+import { KnockGuideProvider as w } from "./modules/guide/providers/KnockGuideProvider.mjs";
+import "./modules/guide/index.mjs";
+import { MsTeamsAuthButton as T } from "./modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.mjs";
+import { MsTeamsAuthContainer as E } from "./modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.mjs";
+import D from "./modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.mjs";
+import "./modules/ms-teams/index.mjs";
+import { SlackAuthButton as O } from "./modules/slack/components/SlackAuthButton/SlackAuthButton.mjs";
+import { SlackAuthContainer as k } from "./modules/slack/components/SlackAuthContainer/SlackAuthContainer.mjs";
+import { SlackChannelCombobox as A } from "./modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.mjs";
+import "./modules/slack/index.mjs";
+import { FilterStatus as j, I18nContext as M, KnockFeedProvider as N, KnockGuideContext as P, KnockI18nProvider as F, KnockMsTeamsProvider as I, KnockProvider as L, KnockSlackProvider as R, feedProviderKey as z, formatBadgeCount as B, formatTimestamp as V, getBadgeAriaLabel as H, locales as U, msTeamsProviderKey as W, renderNodeOrFallback as G, slackProviderKey as K, toSentenceCase as q, useAuthenticatedKnockClient as J, useConnectedMsTeamsChannels as Y, useConnectedSlackChannels as X, useCreateNotificationStore as Z, useFeedSettings as Q, useGuide as $, useGuideContext as ee, useGuides as te, useKnockAuthState as ne, useKnockClient as re, useKnockFeed as ie, useKnockMsTeamsClient as ae, useKnockSlackClient as oe, useMsTeamsAuth as se, useMsTeamsChannels as ce, useMsTeamsConnectionStatus as le, useMsTeamsTeams as ue, useNotificationStore as de, useNotifications as fe, usePreferences as pe, useSlackAuth as me, useSlackChannels as he, useSlackConnectionStatus as ge, useStableOptions as _e, useTranslations as ve } from "@knocklabs/react-core";
+export { l as Avatar, v as Banner, y as BannerView, r as BellIcon, t as Button, n as ButtonGroup, b as Card, x as CardView, i as CheckmarkCircle, a as ChevronDown, o as CloseCircle, c as EmptyFeed, j as FilterStatus, M as I18nContext, N as KnockFeedProvider, P as KnockGuideContext, w as KnockGuideProvider, F as KnockI18nProvider, I as KnockMsTeamsProvider, L as KnockProvider, R as KnockSlackProvider, d as MarkAsRead, S as Modal, C as ModalView, T as MsTeamsAuthButton, E as MsTeamsAuthContainer, D as MsTeamsChannelCombobox, u as NotificationCell, p as NotificationFeed, m as NotificationFeedContainer, f as NotificationFeedHeader, h as NotificationFeedPopover, _ as NotificationIconButton, O as SlackAuthButton, k as SlackAuthContainer, A as SlackChannelCombobox, e as Spinner, g as UnseenBadge, z as feedProviderKey, B as formatBadgeCount, V as formatTimestamp, H as getBadgeAriaLabel, U as locales, W as msTeamsProviderKey, G as renderNodeOrFallback, K as slackProviderKey, q as toSentenceCase, J as useAuthenticatedKnockClient, Y as useConnectedMsTeamsChannels, X as useConnectedSlackChannels, Z as useCreateNotificationStore, Q as useFeedSettings, $ as useGuide, ee as useGuideContext, te as useGuides, ne as useKnockAuthState, re as useKnockClient, ie as useKnockFeed, ae as useKnockMsTeamsClient, oe as useKnockSlackClient, se as useMsTeamsAuth, ce as useMsTeamsChannels, le as useMsTeamsConnectionStatus, ue as useMsTeamsTeams, de as useNotificationStore, fe as useNotifications, s as useOnBottomScroll, pe as usePreferences, me as useSlackAuth, he as useSlackChannels, ge as useSlackConnectionStatus, _e as useStableOptions, ve as useTranslations };

package/dist/esm/modules/core/components/Button/Button.mjs

@@ -1,22 +1,29 @@
-import { useKnockFeed as c } from "@knocklabs/react-core";
-import e from "react";
-import { ButtonSpinner as b } from "./ButtonSpinner.mjs";
-/* empty css            */
-const _ = ({
-  variant: r = "primary",
-  loadingText: n,
-  isLoading: t = !1,
-  isDisabled: a = !1,
-  isFullWidth: s = !1,
-  onClick: l,
-  children: o
-}) => {
-  const {
-    colorMode: u
-  } = c(), f = ["rnf-button", `rnf-button--${r}`, s ? "rnf-button--full-width" : "", t ? "rnf-button--is-loading" : "", `rnf-button--${u}`].join(" "), m = n || /* @__PURE__ */ e.createElement("span", { className: "rnf-button__button-text-hidden" }, o);
-  return /* @__PURE__ */ e.createElement("button", { onClick: l, className: f, disabled: t || a, type: "button" }, t && /* @__PURE__ */ e.createElement(b, { hasLabel: !!n }), t ? m : o);
+/* empty css        */
+import { ButtonSpinner as e } from "./ButtonSpinner.mjs";
+import { useKnockFeed as t } from "@knocklabs/react-core";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/modules/core/components/Button/Button.tsx
+var i = ({ variant: i = "primary", loadingText: a, isLoading: o = !1, isDisabled: s = !1, isFullWidth: c = !1, onClick: l, children: u }) => {
+	let { colorMode: d } = t();
+	return /* @__PURE__ */ r("button", {
+		onClick: l,
+		className: [
+			"rnf-button",
+			`rnf-button--${i}`,
+			c ? "rnf-button--full-width" : "",
+			o ? "rnf-button--is-loading" : "",
+			`rnf-button--${d}`
+		].join(" "),
+		disabled: o || s,
+		type: "button",
+		children: [o && /* @__PURE__ */ n(e, { hasLabel: !!a }), o ? a || /* @__PURE__ */ n("span", {
+			className: "rnf-button__button-text-hidden",
+			children: u
+		}) : u]
+	});
 };
-export {
-  _ as Button
-};
-//# sourceMappingURL=Button.mjs.map
+//#endregion
+export { i as Button };
+
+//# sourceMappingURL=Button.mjs.map

package/dist/esm/modules/core/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../../../../src/modules/core/components/Button/Button.tsx"],"sourcesContent":["import { useKnockFeed } from \"@knocklabs/react-core\";\nimport React, { PropsWithChildren } from \"react\";\nimport { FunctionComponent } from \"react\";\n\nimport { ButtonSpinner } from \"./ButtonSpinner\";\nimport \"./styles.css\";\n\nexport type ButtonProps = {\n  variant: \"primary\" | \"secondary\";\n  loadingText?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  onClick: (e: React.MouseEvent) => void;\n};\n\nexport const Button: FunctionComponent<PropsWithChildren<ButtonProps>> = ({\n  variant = \"primary\",\n  loadingText,\n  isLoading = false,\n  isDisabled = false,\n  isFullWidth = false,\n  onClick,\n  children,\n}) => {\n  const { colorMode } = useKnockFeed();\n\n  const classNames = [\n    \"rnf-button\",\n    `rnf-button--${variant}`,\n    isFullWidth ? \"rnf-button--full-width\" : \"\",\n    isLoading ? \"rnf-button--is-loading\" : \"\",\n    `rnf-button--${colorMode}`,\n  ].join(\" \");\n\n  // In this case when there's no loading text, we still want to display the original\n  // content of the button, but make it hidden. That allows us to keep the button width\n  // consistent and show the spinner in the middle, meaning no layout shift.\n  const textToShowWhileLoading = loadingText || (\n    <span className=\"rnf-button__button-text-hidden\">{children}</span>\n  );\n\n  return (\n    <button\n      onClick={onClick}\n      className={classNames}\n      disabled={isLoading || isDisabled}\n      type=\"button\"\n    >\n      {isLoading && <ButtonSpinner hasLabel={!!loadingText} />}\n      {isLoading ? textToShowWhileLoading : children}\n    </button>\n  );\n};\n"],"names":["Button","variant","loadingText","isLoading","isDisabled","isFullWidth","onClick","children","colorMode","useKnockFeed","classNames","join","textToShowWhileLoading","React","ButtonSpinner"],"mappings":";;;;AAgBO,MAAMA,IAA4DA,CAAC;AAAA,EACxEC,SAAAA,IAAU;AAAA,EACVC,aAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,YAAAA,IAAa;AAAA,EACbC,aAAAA,IAAc;AAAA,EACdC,SAAAA;AAAAA,EACAC,UAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,WAAAA;AAAAA,MAAcC,EAAa,GAE7BC,IAAa,CACjB,cACA,eAAeT,CAAO,IACtBI,IAAc,2BAA2B,IACzCF,IAAY,2BAA2B,IACvC,eAAeK,CAAS,EAAE,EAC1BG,KAAK,GAAG,GAKJC,IAAyBV,KAC7BW,gBAAAA,EAAA,cAAC,QAAK,EAAA,WAAU,oCAAkCN,CAAS;AAI3D,SAAAM,gBAAAA,EAAA,cAAC,YACC,SAAAP,GACA,WAAWI,GACX,UAAUP,KAAaC,GACvB,MAAK,YAEJD,KAAcU,gBAAAA,EAAA,cAAAC,GAAA,EAAc,UAAU,CAAC,CAACZ,GAAe,GACvDC,IAAYS,IAAyBL,CACxC;AAEJ;"}
+{"version":3,"file":"Button.mjs","names":[],"sources":["../../../../../../src/modules/core/components/Button/Button.tsx"],"sourcesContent":["import { useKnockFeed } from \"@knocklabs/react-core\";\nimport React, { PropsWithChildren } from \"react\";\nimport { FunctionComponent } from \"react\";\n\nimport { ButtonSpinner } from \"./ButtonSpinner\";\nimport \"./styles.css\";\n\nexport type ButtonProps = {\n  variant: \"primary\" | \"secondary\";\n  loadingText?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  onClick: (e: React.MouseEvent) => void;\n};\n\nexport const Button: FunctionComponent<PropsWithChildren<ButtonProps>> = ({\n  variant = \"primary\",\n  loadingText,\n  isLoading = false,\n  isDisabled = false,\n  isFullWidth = false,\n  onClick,\n  children,\n}) => {\n  const { colorMode } = useKnockFeed();\n\n  const classNames = [\n    \"rnf-button\",\n    `rnf-button--${variant}`,\n    isFullWidth ? \"rnf-button--full-width\" : \"\",\n    isLoading ? \"rnf-button--is-loading\" : \"\",\n    `rnf-button--${colorMode}`,\n  ].join(\" \");\n\n  // In this case when there's no loading text, we still want to display the original\n  // content of the button, but make it hidden. That allows us to keep the button width\n  // consistent and show the spinner in the middle, meaning no layout shift.\n  const textToShowWhileLoading = loadingText || (\n    <span className=\"rnf-button__button-text-hidden\">{children}</span>\n  );\n\n  return (\n    <button\n      onClick={onClick}\n      className={classNames}\n      disabled={isLoading || isDisabled}\n      type=\"button\"\n    >\n      {isLoading && <ButtonSpinner hasLabel={!!loadingText} />}\n      {isLoading ? textToShowWhileLoading : children}\n    </button>\n  );\n};\n"],"mappings":";;;;;;AAgBA,IAAa,KAA6D,EACxE,aAAU,WACV,gBACA,eAAY,IACZ,gBAAa,IACb,iBAAc,IACd,YACA,kBACI;CACJ,IAAM,EAAE,iBAAc,EAAa;CAiBnC,OACE,kBAAC,UAAD;EACW;EACT,WAlBe;GACjB;GACA,eAAe;GACf,IAAc,2BAA2B;GACzC,IAAY,2BAA2B;GACvC,eAAe;EACjB,CAAC,CAAC,KAAK,GAYQ;EACX,UAAU,KAAa;EACvB,MAAK;YAJP,CAMG,KAAa,kBAAC,GAAD,EAAe,UAAU,CAAC,CAAC,EAAc,CAAA,GACtD,IAZ0B,KAC7B,kBAAC,QAAD;GAAM,WAAU;GAAkC;EAAe,CAAA,IAWzB,CAChC;;AAEZ"}

package/dist/esm/modules/core/components/Button/ButtonGroup.mjs

@@ -1,9 +1,11 @@
-import o from "react";
-/* empty css            */
-const a = ({
-  children: t
-}) => /* @__PURE__ */ o.createElement("div", { className: "rnf-button-group" }, t);
-export {
-  a as ButtonGroup
-};
-//# sourceMappingURL=ButtonGroup.mjs.map
+/* empty css        */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/modules/core/components/Button/ButtonGroup.tsx
+var t = ({ children: t }) => /* @__PURE__ */ e("div", {
+	className: "rnf-button-group",
+	children: t
+});
+//#endregion
+export { t as ButtonGroup };
+
+//# sourceMappingURL=ButtonGroup.mjs.map

package/dist/esm/modules/core/components/Button/ButtonGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.mjs","sources":["../../../../../../src/modules/core/components/Button/ButtonGroup.tsx"],"sourcesContent":["import { FunctionComponent, ReactNode } from \"react\";\n\nimport \"./styles.css\";\n\nexport const ButtonGroup: FunctionComponent<{\n  children?: ReactNode | undefined;\n}> = ({ children }) => <div className=\"rnf-button-group\">{children}</div>;\n"],"names":["ButtonGroup","children","React"],"mappings":";;AAIO,MAAMA,IAERA,CAAC;AAAA,EAAEC,UAAAA;AAAS,MAAOC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mBAAA,GAAoBD,CAAS;"}
+{"version":3,"file":"ButtonGroup.mjs","names":[],"sources":["../../../../../../src/modules/core/components/Button/ButtonGroup.tsx"],"sourcesContent":["import { FunctionComponent, ReactNode } from \"react\";\n\nimport \"./styles.css\";\n\nexport const ButtonGroup: FunctionComponent<{\n  children?: ReactNode | undefined;\n}> = ({ children }) => <div className=\"rnf-button-group\">{children}</div>;\n"],"mappings":";;;AAIA,IAAa,KAEP,EAAE,kBAAe,kBAAC,OAAD;CAAK,WAAU;CAAoB;AAAc,CAAA"}

package/dist/esm/modules/core/components/Button/ButtonSpinner.mjs

@@ -1,10 +1,13 @@
-import t from "react";
-import { Spinner as n } from "../Spinner/Spinner.mjs";
-/* empty css            */
-const l = ({
-  hasLabel: e
-}) => /* @__PURE__ */ t.createElement("div", { className: `rnf-button-spinner rnf-button-spinner--${e ? "with-label" : "without-label"}` }, /* @__PURE__ */ t.createElement(n, null));
-export {
-  l as ButtonSpinner
-};
-//# sourceMappingURL=ButtonSpinner.mjs.map
+import { Spinner as e } from "../Spinner/Spinner.mjs";
+import "../Spinner/index.mjs";
+/* empty css        */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/modules/core/components/Button/ButtonSpinner.tsx
+var n = ({ hasLabel: n }) => /* @__PURE__ */ t("div", {
+	className: `rnf-button-spinner rnf-button-spinner--${n ? "with-label" : "without-label"}`,
+	children: /* @__PURE__ */ t(e, {})
+});
+//#endregion
+export { n as ButtonSpinner };
+
+//# sourceMappingURL=ButtonSpinner.mjs.map

package/dist/esm/modules/core/components/Button/ButtonSpinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSpinner.mjs","sources":["../../../../../../src/modules/core/components/Button/ButtonSpinner.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\n\nimport { Spinner } from \"../Spinner\";\n\nimport \"./styles.css\";\n\ntype ButtonSpinnerProps = {\n  hasLabel: boolean;\n};\n\nexport const ButtonSpinner: FunctionComponent<ButtonSpinnerProps> = ({\n  hasLabel,\n}) => (\n  <div\n    className={`rnf-button-spinner rnf-button-spinner--${\n      hasLabel ? \"with-label\" : \"without-label\"\n    }`}\n  >\n    <Spinner />\n  </div>\n);\n"],"names":["ButtonSpinner","hasLabel","React","Spinner"],"mappings":";;;AAUO,MAAMA,IAAuDA,CAAC;AAAA,EACnEC,UAAAA;AACF,MACEC,gBAAAA,EAAA,cAAC,OACC,EAAA,WAAW,0CACTD,IAAW,eAAe,eAAe,GAAA,GAG1CC,gBAAAA,EAAA,cAAAC,GAAA,IAAO,CACV;"}
+{"version":3,"file":"ButtonSpinner.mjs","names":[],"sources":["../../../../../../src/modules/core/components/Button/ButtonSpinner.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\n\nimport { Spinner } from \"../Spinner\";\n\nimport \"./styles.css\";\n\ntype ButtonSpinnerProps = {\n  hasLabel: boolean;\n};\n\nexport const ButtonSpinner: FunctionComponent<ButtonSpinnerProps> = ({\n  hasLabel,\n}) => (\n  <div\n    className={`rnf-button-spinner rnf-button-spinner--${\n      hasLabel ? \"with-label\" : \"without-label\"\n    }`}\n  >\n    <Spinner />\n  </div>\n);\n"],"mappings":";;;;;AAUA,IAAa,KAAwD,EACnE,kBAEA,kBAAC,OAAD;CACE,WAAW,0CACT,IAAW,eAAe;WAG5B,kBAAC,GAAD,CAAU,CAAA;AACP,CAAA"}

package/dist/esm/modules/core/components/Button/index.mjs

@@ -0,0 +1,3 @@
+import { Button as e } from "./Button.mjs";
+import { ButtonGroup as t } from "./ButtonGroup.mjs";
+export { e as Button, t as ButtonGroup };