@knocklabs/react 0.12.1 → 0.13.0

package/dist/cjs/modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsAuthButton.js","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.tsx"],"sourcesContent":["import {\n  useAuthPolling,\n  useAuthPostMessageListener,\n  useKnockClient,\n  useKnockMsTeamsClient,\n  useMsTeamsAuth,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { FunctionComponent, useCallback } from \"react\";\n\nimport { openPopupWindow } from \"../../../core/utils\";\nimport \"../../theme.css\";\nimport { MsTeamsIcon } from \"../MsTeamsIcon\";\n\nimport \"./styles.css\";\n\nexport type MsTeamsAuthButtonProps = {\n  redirectUrl?: string;\n  onAuthenticationComplete?: (authenticationResp: string) => void;\n} & (\n  | {\n      /**\n       * The client ID of your Microsoft Graph API-enabled application registered with Microsoft Entra. This should\n       * match the \"Graph API client ID\" setting of your Microsoft Teams channel in the Knock dashboard.\n       */\n      graphApiClientId: string;\n    }\n  | {\n      /**\n       * @deprecated Use `graphApiClientId` instead. This field will be removed in a future release.\n       */\n      msTeamsBotId: string;\n    }\n);\n\nexport const MsTeamsAuthButton: FunctionComponent<MsTeamsAuthButtonProps> = ({\n  redirectUrl,\n  onAuthenticationComplete,\n  ...props\n}) => {\n  const graphApiClientId =\n    \"graphApiClientId\" in props ? props.graphApiClientId : props.msTeamsBotId;\n\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n\n  const {\n    setConnectionStatus,\n    connectionStatus,\n    setActionLabel,\n    actionLabel,\n    errorLabel,\n    tenantId,\n    knockMsTeamsChannelId,\n    popupWindowRef,\n  } = useKnockMsTeamsClient();\n\n  const { buildMsTeamsAuthUrl, disconnectFromMsTeams } = useMsTeamsAuth(\n    graphApiClientId,\n    redirectUrl,\n  );\n\n  useAuthPostMessageListener({\n    knockHost: knock.host,\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n  });\n\n  useAuthPolling({\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    authCheckFn: useCallback(async () => {\n      return knock.msTeams.authCheck({\n        tenant: tenantId,\n        knockChannelId: knockMsTeamsChannelId,\n      });\n    }, [knock.msTeams, tenantId, knockMsTeamsChannelId]),\n  });\n\n  const disconnectLabel = t(\"msTeamsDisconnect\") || null;\n  const reconnectLabel = t(\"msTeamsReconnect\") || null;\n\n  // Loading states\n  if (\n    connectionStatus === \"connecting\" ||\n    connectionStatus === \"disconnecting\"\n  ) {\n    return (\n      <div className=\"rtk-connect__button rtk-connect__button--loading\">\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span>\n          {connectionStatus === \"connecting\"\n            ? t(\"msTeamsConnecting\")\n            : t(\"msTeamsDisconnecting\")}\n        </span>\n      </div>\n    );\n  }\n\n  // Error state\n  if (connectionStatus === \"error\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildMsTeamsAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rtk-connect__button rtk-connect__button--error\"\n        onMouseEnter={() => setActionLabel(reconnectLabel)}\n        onMouseLeave={() => setActionLabel(null)}\n      >\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span className=\"rtk-connect__button__text--error\">\n          {actionLabel || errorLabel || t(\"msTeamsError\")}\n        </span>\n      </button>\n    );\n  }\n\n  // Disconnected state\n  if (connectionStatus === \"disconnected\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildMsTeamsAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rtk-connect__button rtk-connect__button--disconnected\"\n      >\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span>{t(\"msTeamsConnect\")}</span>\n      </button>\n    );\n  }\n\n  // Connected state\n  return (\n    <button\n      onClick={disconnectFromMsTeams}\n      className=\"rtk-connect__button rtk-connect__button--connected\"\n      onMouseEnter={() => setActionLabel(disconnectLabel)}\n      onMouseLeave={() => setActionLabel(null)}\n    >\n      <MsTeamsIcon height=\"16px\" width=\"16px\" />\n      <span className=\"rtk-connect__button__text--connected\">\n        {actionLabel || t(\"msTeamsConnected\")}\n      </span>\n    </button>\n  );\n};\n"],"names":["MsTeamsAuthButton","redirectUrl","onAuthenticationComplete","props","graphApiClientId","msTeamsBotId","t","useTranslations","knock","useKnockClient","setConnectionStatus","connectionStatus","setActionLabel","actionLabel","errorLabel","tenantId","knockMsTeamsChannelId","popupWindowRef","useKnockMsTeamsClient","buildMsTeamsAuthUrl","disconnectFromMsTeams","useMsTeamsAuth","useAuthPostMessageListener","knockHost","host","useAuthPolling","authCheckFn","useCallback","msTeams","authCheck","tenant","knockChannelId","disconnectLabel","reconnectLabel","React","MsTeamsIcon","popup","openPopupWindow","current"],"mappings":"+VAmCaA,EAA+DA,CAAC,CAC3EC,YAAAA,EACAC,yBAAAA,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EACJ,qBAAsBD,EAAQA,EAAMC,iBAAmBD,EAAME,aAEzD,CAAEC,EAAAA,GAAMC,kBAAgB,EACxBC,EAAQC,EAAAA,eAAe,EAEvB,CACJC,oBAAAA,EACAC,iBAAAA,EACAC,eAAAA,EACAC,YAAAA,EACAC,WAAAA,EACAC,SAAAA,EACAC,sBAAAA,EACAC,eAAAA,GACEC,wBAAsB,EAEpB,CAAEC,oBAAAA,EAAqBC,sBAAAA,CAAAA,EAA0BC,EACrDjB,eAAAA,EACAH,CACF,EAE2BqB,6BAAA,CACzBC,UAAWf,EAAMgB,KACjBP,eAAAA,EACAP,oBAAAA,EACAR,yBAAAA,CAAAA,CACD,EAEcuB,iBAAA,CACbR,eAAAA,EACAP,oBAAAA,EACAR,yBAAAA,EACAwB,YAAaC,cAAY,SAChBnB,EAAMoB,QAAQC,UAAU,CAC7BC,OAAQf,EACRgB,eAAgBf,CAAAA,CACjB,EACA,CAACR,EAAMoB,QAASb,EAAUC,CAAqB,CAAC,CAAA,CACpD,EAEKgB,MAAAA,EAAkB1B,EAAE,mBAAmB,GAAK,KAC5C2B,EAAiB3B,EAAE,kBAAkB,GAAK,KAI9CK,OAAAA,IAAqB,cACrBA,IAAqB,gBAGnBuB,EAAA,QAAA,cAAC,OAAI,UAAU,kDAAA,0BACZC,EAAY,YAAA,CAAA,OAAO,OAAO,MAAM,MAAM,CAAA,EACtCD,EAAAA,QAAA,cAAA,OAAA,KAEK5B,EADHK,IAAqB,aAChB,oBACA,sBADmB,CAE3B,CACF,EAKAA,IAAqB,QAErBuB,EAAA,QAAA,cAAC,SACC,CAAA,QAAS,IAAM,CACPE,MAAAA,EAAQC,kBAAgBlB,GAAqB,EACnDF,EAAeqB,QAAUF,EACzB1B,EAAoB,YAAY,CAAA,EAElC,UAAU,iDACV,aAAc,IAAME,EAAeqB,CAAc,EACjD,aAAc,IAAMrB,EAAe,IAAI,CAEvC,EAAAsB,EAAA,QAAA,cAACC,EAAY,YAAA,CAAA,OAAO,OAAO,MAAM,MAAM,CAAA,EACtCD,EAAAA,QAAA,cAAA,OAAA,CAAK,UAAU,kCAAA,EACbrB,GAAeC,GAAcR,EAAE,cAAc,CAChD,CACF,EAKAK,IAAqB,eAErBuB,EAAA,QAAA,cAAC,SACC,CAAA,QAAS,IAAM,CACPE,MAAAA,EAAQC,kBAAgBlB,GAAqB,EACnDF,EAAeqB,QAAUF,EACzB1B,EAAoB,YAAY,CAAA,EAElC,UAAU,uDAEV,EAAAwB,EAAA,QAAA,cAACC,eAAY,OAAO,OAAO,MAAM,OAAM,EACtCD,EAAA,QAAA,cAAA,OAAA,KAAM5B,EAAE,gBAAgB,CAAE,CAC7B,EAMD4B,EAAAA,QAAA,cAAA,SAAA,CACC,QAASd,EACT,UAAU,qDACV,aAAc,IAAMR,EAAeoB,CAAe,EAClD,aAAc,IAAMpB,EAAe,IAAI,GAEvCsB,EAAAA,QAAA,cAACC,EAAAA,YAAY,CAAA,OAAO,OAAO,MAAM,MAAM,CAAA,EACvCD,EAAA,QAAA,cAAC,OAAK,CAAA,UAAU,sCACbrB,EAAAA,GAAeP,EAAE,kBAAkB,CACtC,CACF,CAEJ"}
+{"version":3,"file":"MsTeamsAuthButton.js","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.tsx"],"sourcesContent":["import {\n  useAuthPolling,\n  useAuthPostMessageListener,\n  useKnockClient,\n  useKnockMsTeamsClient,\n  useMsTeamsAuth,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { FunctionComponent, useCallback } from \"react\";\n\nimport { openPopupWindow } from \"../../../core/utils\";\nimport \"../../theme.css\";\nimport { MsTeamsIcon } from \"../MsTeamsIcon\";\n\nimport \"./styles.css\";\n\nexport type MsTeamsAuthButtonProps = {\n  redirectUrl?: string;\n  onAuthenticationComplete?: (authenticationResp: string) => void;\n} & (\n  | {\n      /**\n       * The client ID of your Microsoft Graph API-enabled application registered with Microsoft Entra. This should\n       * match the \"Graph API client ID\" setting of your Microsoft Teams channel in the Knock dashboard.\n       */\n      graphApiClientId: string;\n    }\n  | {\n      /**\n       * @deprecated Use `graphApiClientId` instead. This field will be removed in a future release.\n       */\n      msTeamsBotId: string;\n    }\n);\n\nexport const MsTeamsAuthButton: FunctionComponent<MsTeamsAuthButtonProps> = ({\n  redirectUrl,\n  onAuthenticationComplete,\n  ...props\n}) => {\n  const graphApiClientId =\n    \"graphApiClientId\" in props ? props.graphApiClientId : props.msTeamsBotId;\n\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n\n  const {\n    setConnectionStatus,\n    connectionStatus,\n    setActionLabel,\n    actionLabel,\n    errorLabel,\n    tenantId,\n    knockMsTeamsChannelId,\n    popupWindowRef,\n  } = useKnockMsTeamsClient();\n\n  const { buildMsTeamsAuthUrl, disconnectFromMsTeams } = useMsTeamsAuth(\n    graphApiClientId,\n    redirectUrl,\n  );\n\n  useAuthPostMessageListener({\n    knockHost: knock.host,\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n  });\n\n  useAuthPolling({\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    authCheckFn: useCallback(async () => {\n      return knock.msTeams.authCheck({\n        tenant: tenantId,\n        knockChannelId: knockMsTeamsChannelId,\n      });\n    }, [knock.msTeams, tenantId, knockMsTeamsChannelId]),\n  });\n\n  const disconnectLabel = t(\"msTeamsDisconnect\") || null;\n  const reconnectLabel = t(\"msTeamsReconnect\") || null;\n\n  // Loading states\n  if (\n    connectionStatus === \"connecting\" ||\n    connectionStatus === \"disconnecting\"\n  ) {\n    return (\n      <div className=\"rtk-connect__button rtk-connect__button--loading\">\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span>\n          {connectionStatus === \"connecting\"\n            ? t(\"msTeamsConnecting\")\n            : t(\"msTeamsDisconnecting\")}\n        </span>\n      </div>\n    );\n  }\n\n  // Error state\n  if (connectionStatus === \"error\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildMsTeamsAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rtk-connect__button rtk-connect__button--error\"\n        onMouseEnter={() => setActionLabel(reconnectLabel)}\n        onMouseLeave={() => setActionLabel(null)}\n      >\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span className=\"rtk-connect__button__text--error\">\n          {actionLabel || errorLabel || t(\"msTeamsError\")}\n        </span>\n      </button>\n    );\n  }\n\n  // Disconnected state\n  if (connectionStatus === \"disconnected\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildMsTeamsAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rtk-connect__button rtk-connect__button--disconnected\"\n      >\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span>{t(\"msTeamsConnect\")}</span>\n      </button>\n    );\n  }\n\n  // Connected state\n  return (\n    <button\n      onClick={disconnectFromMsTeams}\n      className=\"rtk-connect__button rtk-connect__button--connected\"\n      onMouseEnter={() => setActionLabel(disconnectLabel)}\n      onMouseLeave={() => setActionLabel(null)}\n    >\n      <MsTeamsIcon height=\"16px\" width=\"16px\" />\n      <span className=\"rtk-connect__button__text--connected\">\n        {actionLabel || t(\"msTeamsConnected\")}\n      </span>\n    </button>\n  );\n};\n"],"mappings":"qRAmCA,IAAa,GAAgE,CAC3E,cACA,2BACA,GAAG,KACC,CACJ,IAAM,EACJ,qBAAsB,EAAQ,EAAM,iBAAmB,EAAM,aAEzD,CAAE,MAAA,EAAA,EAAA,gBAAA,CAAsB,EACxB,GAAA,EAAA,EAAA,eAAA,CAAuB,EAEvB,CACJ,sBACA,mBACA,iBACA,cACA,aACA,WACA,wBACA,mBAAA,EAAA,EAAA,sBAAA,CACwB,EAEpB,CAAE,sBAAqB,0BAAA,EAAA,EAAA,eAAA,CAC3B,EACA,CACF,GAEA,EAAA,EAAA,2BAAA,CAA2B,CACzB,UAAW,EAAM,KACjB,iBACA,sBACA,0BACF,CAAC,GAED,EAAA,EAAA,eAAA,CAAe,CACb,iBACA,sBACA,2BACA,aAAA,EAAA,EAAA,YAAA,CAAyB,SAChB,EAAM,QAAQ,UAAU,CAC7B,OAAQ,EACR,eAAgB,CAClB,CAAC,EACA,CAAC,EAAM,QAAS,EAAU,CAAqB,CAAC,CACrD,CAAC,EAED,IAAM,EAAkB,EAAE,mBAAmB,GAAK,KAC5C,EAAiB,EAAE,kBAAkB,GAAK,KA0DhD,OAtDE,IAAqB,cACrB,IAAqB,iBAGnB,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAD,CAAa,OAAO,OAAO,MAAM,MAAQ,CAAA,GACzC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAEM,EADH,IAAqB,aAChB,oBACA,sBAAsB,CACxB,CAAA,CACH,IAKL,IAAqB,SAErB,EAAA,EAAA,KAAA,CAAC,SAAD,CACE,YAAe,CACb,IAAM,EAAQ,EAAA,gBAAgB,EAAoB,CAAC,EACnD,EAAe,QAAU,EACzB,EAAoB,YAAY,CAClC,EACA,UAAU,iDACV,iBAAoB,EAAe,CAAc,EACjD,iBAAoB,EAAe,IAAI,WARzC,EAUE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAD,CAAa,OAAO,OAAO,MAAM,MAAQ,CAAA,GACzC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,4CACb,GAAe,GAAc,EAAE,cAAc,CAC1C,CAAA,CACA,IAKR,IAAqB,gBAErB,EAAA,EAAA,KAAA,CAAC,SAAD,CACE,YAAe,CACb,IAAM,EAAQ,EAAA,gBAAgB,EAAoB,CAAC,EACnD,EAAe,QAAU,EACzB,EAAoB,YAAY,CAClC,EACA,UAAU,iEANZ,EAQE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAD,CAAa,OAAO,OAAO,MAAM,MAAQ,CAAA,GACzC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,EAAE,gBAAgB,CAAQ,CAAA,CAC3B,KAMV,EAAA,EAAA,KAAA,CAAC,SAAD,CACE,QAAS,EACT,UAAU,qDACV,iBAAoB,EAAe,CAAe,EAClD,iBAAoB,EAAe,IAAI,WAJzC,EAME,EAAA,EAAA,IAAA,CAAC,EAAA,YAAD,CAAa,OAAO,OAAO,MAAM,MAAQ,CAAA,GACzC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,gDACb,GAAe,EAAE,kBAAkB,CAChC,CAAA,CACA,GAEZ"}

package/dist/cjs/modules/ms-teams/components/MsTeamsAuthButton/index.js

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

package/dist/cjs/modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=require("@knocklabs/react-core");;/* empty css               */const n=require("../MsTeamsIcon/MsTeamsIcon.js");;/* empty css            */const c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=c(r),i=({actionButton:e})=>{const{t:a}=s.useTranslations();return t.default.createElement("div",{className:"rtk-auth"},t.default.createElement("div",{className:"rtk-auth__header"},t.default.createElement(n.MsTeamsIcon,{height:"32px",width:"32px"}),t.default.createElement("div",null,e)),t.default.createElement("div",{className:"rtk-auth__title"},"Microsoft Teams"),t.default.createElement("div",{className:"rtk-auth__description"},a("msTeamsConnectContainerDescription")))};exports.MsTeamsAuthContainer=i;
-//# sourceMappingURL=MsTeamsAuthContainer.js.map
+"use strict";;/* empty css           */const e=require("../MsTeamsIcon/MsTeamsIcon.js");require("../MsTeamsIcon/index.js");/* empty css         */let t=require("@knocklabs/react-core"),n=require("react/jsx-runtime");var r=({actionButton:r})=>{let{t:i}=(0,t.useTranslations)();return(0,n.jsxs)(`div`,{className:`rtk-auth`,children:[(0,n.jsxs)(`div`,{className:`rtk-auth__header`,children:[(0,n.jsx)(e.MsTeamsIcon,{height:`32px`,width:`32px`}),(0,n.jsx)(`div`,{children:r})]}),(0,n.jsx)(`div`,{className:`rtk-auth__title`,children:`Microsoft Teams`}),(0,n.jsx)(`div`,{className:`rtk-auth__description`,children:i(`msTeamsConnectContainerDescription`)})]})};exports.MsTeamsAuthContainer=r;
+//# sourceMappingURL=MsTeamsAuthContainer.js.map

package/dist/cjs/modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsAuthContainer.js","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.tsx"],"sourcesContent":["import { useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { MsTeamsIcon } from \"../MsTeamsIcon\";\n\nimport \"./styles.css\";\n\nexport interface MsTeamsAuthContainerProps {\n  actionButton: React.ReactElement;\n}\n\nexport const MsTeamsAuthContainer: FunctionComponent<\n  MsTeamsAuthContainerProps\n> = ({ actionButton }) => {\n  const { t } = useTranslations();\n\n  return (\n    <div className=\"rtk-auth\">\n      <div className=\"rtk-auth__header\">\n        <MsTeamsIcon height=\"32px\" width=\"32px\" />\n        <div>{actionButton}</div>\n      </div>\n      <div className=\"rtk-auth__title\">Microsoft Teams</div>\n      <div className=\"rtk-auth__description\">\n        {t(\"msTeamsConnectContainerDescription\")}\n      </div>\n    </div>\n  );\n};\n"],"names":["MsTeamsAuthContainer","actionButton","t","useTranslations","React","MsTeamsIcon"],"mappings":"2TAYaA,EAETA,CAAC,CAAEC,aAAAA,CAAa,IAAM,CAClB,KAAA,CAAEC,EAAAA,GAAMC,kBAAgB,EAE9B,OACGC,EAAA,QAAA,cAAA,MAAA,CAAI,UAAU,oCACZ,MAAI,CAAA,UAAU,kBACb,EAAAA,UAAA,cAACC,EAAY,YAAA,CAAA,OAAO,OAAO,MAAM,OAAM,EACvCD,EAAAA,QAAA,cAAC,MAAKH,KAAAA,CAAa,CACrB,EACCG,EAAA,QAAA,cAAA,MAAA,CAAI,UAAU,iBAAkB,EAAA,iBAAe,EAChDA,EAAAA,QAAA,cAAC,OAAI,UAAU,yBACZF,EAAE,oCAAoC,CACzC,CACF,CAEJ"}
+{"version":3,"file":"MsTeamsAuthContainer.js","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.tsx"],"sourcesContent":["import { useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { MsTeamsIcon } from \"../MsTeamsIcon\";\n\nimport \"./styles.css\";\n\nexport interface MsTeamsAuthContainerProps {\n  actionButton: React.ReactElement;\n}\n\nexport const MsTeamsAuthContainer: FunctionComponent<\n  MsTeamsAuthContainerProps\n> = ({ actionButton }) => {\n  const { t } = useTranslations();\n\n  return (\n    <div className=\"rtk-auth\">\n      <div className=\"rtk-auth__header\">\n        <MsTeamsIcon height=\"32px\" width=\"32px\" />\n        <div>{actionButton}</div>\n      </div>\n      <div className=\"rtk-auth__title\">Microsoft Teams</div>\n      <div className=\"rtk-auth__description\">\n        {t(\"msTeamsConnectContainerDescription\")}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"wNAYA,IAAa,GAER,CAAE,kBAAmB,CACxB,GAAM,CAAE,MAAA,EAAA,EAAA,gBAAA,CAAsB,EAE9B,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,oBAAf,EACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,4BAAf,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAD,CAAa,OAAO,OAAO,MAAM,MAAQ,CAAA,GACzC,EAAA,EAAA,IAAA,CAAC,MAAD,CAAA,SAAM,CAAkB,CAAA,CACrB,KACL,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,2BAAkB,iBAAoB,CAAA,GACrD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,iCACZ,EAAE,oCAAoC,CACpC,CAAA,CACF,GAET"}

package/dist/cjs/modules/ms-teams/components/MsTeamsAuthContainer/index.js

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

package/dist/cjs/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("react"),C=require("@knocklabs/react-core"),f=require("@telegraph/icon"),s=require("@telegraph/layout"),l=require("@telegraph/typography"),g=require("lucide-react");;/* empty css               */const T=require("./MsTeamsChannelInTeamCombobox.js"),b=require("./MsTeamsConnectionError.js"),h=require("./MsTeamsTeamCombobox.js");;/* empty css            */const q=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=q(r),_=({msTeamsChannelsRecipientObject:e,teamQueryOptions:c,channelQueryOptions:m})=>{const[a,u]=r.useState(null),{data:o}=C.useConnectedMsTeamsChannels({msTeamsChannelsRecipientObject:e}),i=r.useCallback(d=>(o==null?void 0:o.filter(n=>n.ms_teams_team_id===d&&!!n.ms_teams_channel_id).length)??0,[o]);return t.default.createElement(s.Stack,{className:"tgph rtk-combobox__grid",gap:"3"},t.default.createElement(l.Text,{color:"gray",size:"2",as:"div"},"Team"),t.default.createElement(h.MsTeamsTeamCombobox,{team:a,onTeamChange:u,getChannelCount:i,queryOptions:c}),t.default.createElement(s.Stack,{alignItems:"center",gap:"3",minHeight:"8",style:{alignSelf:"start"}},t.default.createElement(f.Icon,{color:"gray",size:"1",icon:g.CornerDownRight,"aria-hidden":!0}),t.default.createElement(l.Text,{color:"gray",size:"2",as:"div"},"Channels")),t.default.createElement(T.MsTeamsChannelInTeamCombobox,{teamId:a==null?void 0:a.id,msTeamsChannelsRecipientObject:e,queryOptions:m}),t.default.createElement(b,null))};module.exports=_;
-//# sourceMappingURL=MsTeamsChannelCombobox.js.map
+"use strict";;/* empty css           */const e=require("./MsTeamsChannelInTeamCombobox.js"),t=require("./MsTeamsConnectionError.js"),n=require("./MsTeamsTeamCombobox.js");;/* empty css        */let r=require("@knocklabs/react-core"),i=require("react"),a=require("react/jsx-runtime"),o=require("@telegraph/icon"),s=require("@telegraph/layout"),c=require("@telegraph/typography"),l=require("lucide-react");var u=({msTeamsChannelsRecipientObject:u,teamQueryOptions:d,channelQueryOptions:f})=>{let[p,m]=(0,i.useState)(null),{data:h}=(0,r.useConnectedMsTeamsChannels)({msTeamsChannelsRecipientObject:u}),g=(0,i.useCallback)(e=>h?.filter(t=>t.ms_teams_team_id===e&&!!t.ms_teams_channel_id).length??0,[h]);return(0,a.jsxs)(s.Stack,{className:`tgph rtk-combobox__grid`,gap:`3`,children:[(0,a.jsx)(c.Text,{color:`gray`,size:`2`,as:`div`,children:`Team`}),(0,a.jsx)(n.MsTeamsTeamCombobox,{team:p,onTeamChange:m,getChannelCount:g,queryOptions:d}),(0,a.jsxs)(s.Stack,{alignItems:`center`,gap:`3`,minHeight:`8`,style:{alignSelf:`start`},children:[(0,a.jsx)(o.Icon,{color:`gray`,size:`1`,icon:l.CornerDownRight,"aria-hidden":!0}),(0,a.jsx)(c.Text,{color:`gray`,size:`2`,as:`div`,children:`Channels`})]}),(0,a.jsx)(e.MsTeamsChannelInTeamCombobox,{teamId:p?.id,msTeamsChannelsRecipientObject:u,queryOptions:f}),(0,a.jsx)(t.default,{})]})};exports.default=u;
+//# sourceMappingURL=MsTeamsChannelCombobox.js.map

package/dist/cjs/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsChannelCombobox.js","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.tsx"],"sourcesContent":["import { MsTeamsTeam } from \"@knocklabs/client\";\nimport {\n  MsTeamsChannelQueryOptions,\n  MsTeamsTeamQueryOptions,\n  RecipientObject,\n  useConnectedMsTeamsChannels,\n} from \"@knocklabs/react-core\";\nimport { Icon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { CornerDownRight } from \"lucide-react\";\nimport { FunctionComponent, useCallback, useState } from \"react\";\n\nimport \"../../theme.css\";\n\nimport { MsTeamsChannelInTeamCombobox } from \"./MsTeamsChannelInTeamCombobox\";\nimport MsTeamsConnectionError from \"./MsTeamsConnectionError\";\nimport { MsTeamsTeamCombobox } from \"./MsTeamsTeamCombobox\";\nimport \"./styles.css\";\n\ninterface Props {\n  msTeamsChannelsRecipientObject: RecipientObject;\n  teamQueryOptions?: MsTeamsTeamQueryOptions;\n  channelQueryOptions?: MsTeamsChannelQueryOptions;\n}\n\nconst MsTeamsChannelCombobox: FunctionComponent<Props> = ({\n  msTeamsChannelsRecipientObject,\n  teamQueryOptions,\n  channelQueryOptions,\n}) => {\n  const [selectedTeam, setSelectedTeam] = useState<MsTeamsTeam | null>(null);\n\n  const { data: currentConnections } = useConnectedMsTeamsChannels({\n    msTeamsChannelsRecipientObject,\n  });\n\n  const getChannelCount = useCallback(\n    (teamId: string) =>\n      currentConnections?.filter(\n        (connection) =>\n          connection.ms_teams_team_id === teamId &&\n          !!connection.ms_teams_channel_id,\n      ).length ?? 0,\n    [currentConnections],\n  );\n\n  return (\n    <Stack className=\"tgph rtk-combobox__grid\" gap=\"3\">\n      <Text color=\"gray\" size=\"2\" as=\"div\">\n        Team\n      </Text>\n      <MsTeamsTeamCombobox\n        team={selectedTeam}\n        onTeamChange={setSelectedTeam}\n        getChannelCount={getChannelCount}\n        queryOptions={teamQueryOptions}\n      />\n      <Stack\n        alignItems=\"center\"\n        gap=\"3\"\n        minHeight=\"8\"\n        style={{ alignSelf: \"start\" }}\n      >\n        <Icon color=\"gray\" size=\"1\" icon={CornerDownRight} aria-hidden />\n        <Text color=\"gray\" size=\"2\" as=\"div\">\n          Channels\n        </Text>\n      </Stack>\n      <MsTeamsChannelInTeamCombobox\n        teamId={selectedTeam?.id}\n        msTeamsChannelsRecipientObject={msTeamsChannelsRecipientObject}\n        queryOptions={channelQueryOptions}\n      />\n      <MsTeamsConnectionError />\n    </Stack>\n  );\n};\n\nexport default MsTeamsChannelCombobox;\n"],"names":["MsTeamsChannelCombobox","msTeamsChannelsRecipientObject","teamQueryOptions","channelQueryOptions","selectedTeam","setSelectedTeam","useState","data","currentConnections","useConnectedMsTeamsChannels","getChannelCount","useCallback","teamId","filter","connection","ms_teams_team_id","ms_teams_channel_id","length","React","Stack","Text","MsTeamsTeamCombobox","alignSelf","Icon","CornerDownRight","MsTeamsChannelInTeamCombobox","id","MsTeamsConnectionError"],"mappings":"ocA0BMA,EAAmDA,CAAC,CACxDC,+BAAAA,EACAC,iBAAAA,EACAC,oBAAAA,CACF,IAAM,CACJ,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAA6B,IAAI,EAEnE,CAAEC,KAAMC,GAAuBC,8BAA4B,CAC/DR,+BAAAA,CAAAA,CACD,EAEKS,EAAkBC,EAAAA,YACrBC,IACCJ,GAAAA,YAAAA,EAAoBK,UAEhBC,EAAWC,mBAAqBH,GAChC,CAAC,CAACE,EAAWE,qBACfC,SAAU,EACd,CAACT,CAAkB,CACrB,EAEA,OACGU,EAAA,QAAA,cAAAC,QAAA,CAAM,UAAU,0BAA0B,IAAI,GAC7C,EAAAD,EAAA,QAAA,cAACE,OAAK,CAAA,MAAM,OAAO,KAAK,IAAI,GAAG,OAAK,MAEpC,EACAF,EAAAA,QAAA,cAACG,EACC,oBAAA,CAAA,KAAMjB,EACN,aAAcC,EACd,gBAAAK,EACA,aAAcR,EAAiB,EAEhCgB,EAAA,QAAA,cAAAC,EAAAA,MAAA,CACC,WAAW,SACX,IAAI,IACJ,UAAU,IACV,MAAO,CAAEG,UAAW,OAAA,GAEpBJ,EAAAA,QAAA,cAACK,EAAK,KAAA,CAAA,MAAM,OAAO,KAAK,IAAI,KAAMC,EAAAA,gBAAiB,cAAW,EAAA,CAAA,EAC7DN,EAAA,QAAA,cAAAE,OAAA,CAAK,MAAM,OAAO,KAAK,IAAI,GAAG,KAAK,EAAA,UAEpC,CACF,0BACCK,+BACC,CAAA,OAAQrB,GAAAA,YAAAA,EAAcsB,GACtB,+BAAAzB,EACA,aAAcE,CAAoB,CAAA,EAEpCe,EAAAA,QAAA,cAACS,MAAsB,CACzB,CAEJ"}
+{"version":3,"file":"MsTeamsChannelCombobox.js","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.tsx"],"sourcesContent":["import { MsTeamsTeam } from \"@knocklabs/client\";\nimport {\n  MsTeamsChannelQueryOptions,\n  MsTeamsTeamQueryOptions,\n  RecipientObject,\n  useConnectedMsTeamsChannels,\n} from \"@knocklabs/react-core\";\nimport { Icon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { CornerDownRight } from \"lucide-react\";\nimport { FunctionComponent, useCallback, useState } from \"react\";\n\nimport \"../../theme.css\";\n\nimport { MsTeamsChannelInTeamCombobox } from \"./MsTeamsChannelInTeamCombobox\";\nimport MsTeamsConnectionError from \"./MsTeamsConnectionError\";\nimport { MsTeamsTeamCombobox } from \"./MsTeamsTeamCombobox\";\nimport \"./styles.css\";\n\ninterface Props {\n  msTeamsChannelsRecipientObject: RecipientObject;\n  teamQueryOptions?: MsTeamsTeamQueryOptions;\n  channelQueryOptions?: MsTeamsChannelQueryOptions;\n}\n\nconst MsTeamsChannelCombobox: FunctionComponent<Props> = ({\n  msTeamsChannelsRecipientObject,\n  teamQueryOptions,\n  channelQueryOptions,\n}) => {\n  const [selectedTeam, setSelectedTeam] = useState<MsTeamsTeam | null>(null);\n\n  const { data: currentConnections } = useConnectedMsTeamsChannels({\n    msTeamsChannelsRecipientObject,\n  });\n\n  const getChannelCount = useCallback(\n    (teamId: string) =>\n      currentConnections?.filter(\n        (connection) =>\n          connection.ms_teams_team_id === teamId &&\n          !!connection.ms_teams_channel_id,\n      ).length ?? 0,\n    [currentConnections],\n  );\n\n  return (\n    <Stack className=\"tgph rtk-combobox__grid\" gap=\"3\">\n      <Text color=\"gray\" size=\"2\" as=\"div\">\n        Team\n      </Text>\n      <MsTeamsTeamCombobox\n        team={selectedTeam}\n        onTeamChange={setSelectedTeam}\n        getChannelCount={getChannelCount}\n        queryOptions={teamQueryOptions}\n      />\n      <Stack\n        alignItems=\"center\"\n        gap=\"3\"\n        minHeight=\"8\"\n        style={{ alignSelf: \"start\" }}\n      >\n        <Icon color=\"gray\" size=\"1\" icon={CornerDownRight} aria-hidden />\n        <Text color=\"gray\" size=\"2\" as=\"div\">\n          Channels\n        </Text>\n      </Stack>\n      <MsTeamsChannelInTeamCombobox\n        teamId={selectedTeam?.id}\n        msTeamsChannelsRecipientObject={msTeamsChannelsRecipientObject}\n        queryOptions={channelQueryOptions}\n      />\n      <MsTeamsConnectionError />\n    </Stack>\n  );\n};\n\nexport default MsTeamsChannelCombobox;\n"],"mappings":"oZA0BA,IAAM,GAAoD,CACxD,iCACA,mBACA,yBACI,CACJ,GAAM,CAAC,EAAc,IAAA,EAAA,EAAA,SAAA,CAAgD,IAAI,EAEnE,CAAE,KAAM,IAAA,EAAA,EAAA,4BAAA,CAAmD,CAC/D,gCACF,CAAC,EAEK,GAAA,EAAA,EAAA,YAAA,CACH,GACC,GAAoB,OACjB,GACC,EAAW,mBAAqB,GAChC,CAAC,CAAC,EAAW,mBACjB,CAAC,CAAC,QAAU,EACd,CAAC,CAAkB,CACrB,EAEA,OACE,EAAA,EAAA,KAAA,CAAC,EAAA,MAAD,CAAO,UAAU,0BAA0B,IAAI,aAA/C,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAAM,MAAM,OAAO,KAAK,IAAI,GAAG,eAAM,MAE/B,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,EAAA,oBAAD,CACE,KAAM,EACN,aAAc,EACG,kBACjB,aAAc,CACf,CAAA,GACD,EAAA,EAAA,KAAA,CAAC,EAAA,MAAD,CACE,WAAW,SACX,IAAI,IACJ,UAAU,IACV,MAAO,CAAE,UAAW,OAAQ,WAJ9B,EAME,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAAM,MAAM,OAAO,KAAK,IAAI,KAAM,EAAA,gBAAiB,cAAA,EAAa,CAAA,GAChE,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAAM,MAAM,OAAO,KAAK,IAAI,GAAG,eAAM,UAE/B,CAAA,CACD,KACP,EAAA,EAAA,IAAA,CAAC,EAAA,6BAAD,CACE,OAAQ,GAAc,GACU,iCAChC,aAAc,CACf,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CAAyB,CAAA,CACpB,GAEX"}

package/dist/cjs/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelInTeamCombobox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),i=require("@knocklabs/react-core"),o=require("@telegraph/combobox"),E=require("@telegraph/layout"),g=require("../../utils.js"),M=require("./MsTeamsErrorMessage.js"),y=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},t=y(l),S=({teamId:a,msTeamsChannelsRecipientObject:b,queryOptions:h})=>{const{connectionStatus:s}=i.useKnockMsTeamsClient(),{data:m=[]}=i.useMsTeamsChannels({teamId:a,queryOptions:h}),C=l.useMemo(()=>g.sortByDisplayName(m),[m]),{data:n,updateConnectedChannels:_,error:c}=i.useConnectedMsTeamsChannels({msTeamsChannelsRecipientObject:b}),f=l.useMemo(()=>s==="disconnected"||s==="error"||!!c,[s,c]),p=l.useMemo(()=>s==="connecting"||s==="disconnecting",[s]),d=l.useCallback(e=>m.some(u=>u.id===e),[m]),T=l.useMemo(()=>n==null?void 0:n.filter(e=>e.ms_teams_channel_id&&d(e.ms_teams_channel_id)).map(e=>e.ms_teams_channel_id),[n,d]);return t.default.createElement(t.default.Fragment,null,t.default.createElement(E.Box,{w:"full",minW:"0"},t.default.createElement(o.Combobox.Root,{value:T,onValueChange:e=>{const u=e.map(r=>({ms_teams_team_id:a,ms_teams_channel_id:r})),x=[...(n==null?void 0:n.filter(r=>!r.ms_teams_channel_id||!d(r.ms_teams_channel_id)))??[],...u];_(x).catch(console.error)},placeholder:"Select channels",disabled:a===void 0||f||p||m.length===0,closeOnSelect:!1,layout:"wrap",modal:!1},t.default.createElement(o.Combobox.Trigger,null),t.default.createElement(o.Combobox.Content,null,t.default.createElement(o.Combobox.Search,{className:"rtk-combobox__search"}),t.default.createElement(o.Combobox.Options,{maxHeight:"36"},C.map(e=>t.default.createElement(o.Combobox.Option,{key:e.id,value:e.id},e.displayName))),t.default.createElement(o.Combobox.Empty,null)))),!!c&&t.default.createElement(M,{message:c}))};exports.MsTeamsChannelInTeamCombobox=S;
-//# sourceMappingURL=MsTeamsChannelInTeamCombobox.js.map
+"use strict";const e=require("../../utils.js"),t=require("./MsTeamsErrorMessage.js");let n=require("@knocklabs/react-core"),r=require("react"),i=require("react/jsx-runtime"),a=require("@telegraph/layout"),o=require("@telegraph/combobox");var s=({teamId:s,msTeamsChannelsRecipientObject:c,queryOptions:l})=>{let{connectionStatus:u}=(0,n.useKnockMsTeamsClient)(),{data:d=[]}=(0,n.useMsTeamsChannels)({teamId:s,queryOptions:l}),f=(0,r.useMemo)(()=>e.sortByDisplayName(d),[d]),{data:p,updateConnectedChannels:m,error:h}=(0,n.useConnectedMsTeamsChannels)({msTeamsChannelsRecipientObject:c}),g=(0,r.useMemo)(()=>u===`disconnected`||u===`error`||!!h,[u,h]),_=(0,r.useMemo)(()=>u===`connecting`||u===`disconnecting`,[u]),v=(0,r.useCallback)(e=>d.some(t=>t.id===e),[d]),y=(0,r.useMemo)(()=>p?.filter(e=>e.ms_teams_channel_id&&v(e.ms_teams_channel_id)).map(e=>e.ms_teams_channel_id),[p,v]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Box,{w:`full`,minW:`0`,children:(0,i.jsxs)(o.Combobox.Root,{value:y,onValueChange:e=>{let t=e.map(e=>({ms_teams_team_id:s,ms_teams_channel_id:e})),n=[...p?.filter(e=>!e.ms_teams_channel_id||!v(e.ms_teams_channel_id))??[],...t];m(n).catch(console.error)},placeholder:`Select channels`,disabled:s===void 0||g||_||d.length===0,closeOnSelect:!1,layout:`wrap`,modal:!1,children:[(0,i.jsx)(o.Combobox.Trigger,{}),(0,i.jsxs)(o.Combobox.Content,{children:[(0,i.jsx)(o.Combobox.Search,{className:`rtk-combobox__search`}),(0,i.jsx)(o.Combobox.Options,{maxHeight:`36`,children:f.map(e=>(0,i.jsx)(o.Combobox.Option,{value:e.id,children:e.displayName},e.id))}),(0,i.jsx)(o.Combobox.Empty,{})]})]})}),!!h&&(0,i.jsx)(t.default,{message:h})]})};exports.MsTeamsChannelInTeamCombobox=s;
+//# sourceMappingURL=MsTeamsChannelInTeamCombobox.js.map

package/dist/cjs/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelInTeamCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsChannelInTeamCombobox.js","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelInTeamCombobox.tsx"],"sourcesContent":["import { MsTeamsChannelConnection } from \"@knocklabs/client\";\nimport {\n  MsTeamsChannelQueryOptions,\n  RecipientObject,\n  useConnectedMsTeamsChannels,\n  useKnockMsTeamsClient,\n  useMsTeamsChannels,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Box } from \"@telegraph/layout\";\nimport { FunctionComponent, useCallback, useMemo } from \"react\";\n\nimport { sortByDisplayName } from \"../../utils\";\n\nimport MsTeamsErrorMessage from \"./MsTeamsErrorMessage\";\n\ninterface MsTeamsChannelInTeamComboboxProps {\n  teamId?: string;\n  msTeamsChannelsRecipientObject: RecipientObject;\n  queryOptions?: MsTeamsChannelQueryOptions;\n}\n\nexport const MsTeamsChannelInTeamCombobox: FunctionComponent<\n  MsTeamsChannelInTeamComboboxProps\n> = ({ teamId, msTeamsChannelsRecipientObject, queryOptions }) => {\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  const { data: availableChannels = [] } = useMsTeamsChannels({\n    teamId,\n    queryOptions,\n  });\n\n  const sortedChannels = useMemo(\n    () => sortByDisplayName(availableChannels),\n    [availableChannels],\n  );\n\n  const {\n    data: currentConnections,\n    updateConnectedChannels,\n    error: connectedChannelsError,\n  } = useConnectedMsTeamsChannels({ msTeamsChannelsRecipientObject });\n\n  const inErrorState = useMemo(\n    () =>\n      connectionStatus === \"disconnected\" ||\n      connectionStatus === \"error\" ||\n      !!connectedChannelsError,\n    [connectionStatus, connectedChannelsError],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" || connectionStatus === \"disconnecting\",\n    [connectionStatus],\n  );\n\n  const isChannelInThisTeam = useCallback(\n    (channelId: string) =>\n      availableChannels.some((channel) => channel.id === channelId),\n    [availableChannels],\n  );\n\n  const comboboxValue = useMemo(\n    () =>\n      currentConnections\n        ?.filter(\n          (connection) =>\n            connection.ms_teams_channel_id &&\n            isChannelInThisTeam(connection.ms_teams_channel_id),\n        )\n        .map((connection) => connection.ms_teams_channel_id),\n    [currentConnections, isChannelInThisTeam],\n  );\n\n  return (\n    <>\n      <Box w=\"full\" minW=\"0\">\n        <Combobox.Root\n          value={comboboxValue}\n          onValueChange={(channelIds) => {\n            const connectedChannelsInThisTeam =\n              channelIds.map<MsTeamsChannelConnection>((channelId) => ({\n                ms_teams_team_id: teamId,\n                ms_teams_channel_id: channelId,\n              }));\n            const connectedChannelsInOtherTeams =\n              currentConnections?.filter(\n                (connection) =>\n                  !connection.ms_teams_channel_id ||\n                  !isChannelInThisTeam(connection.ms_teams_channel_id),\n              ) ?? [];\n\n            const updatedConnections = [\n              ...connectedChannelsInOtherTeams,\n              ...connectedChannelsInThisTeam,\n            ];\n\n            updateConnectedChannels(updatedConnections).catch(console.error);\n          }}\n          placeholder=\"Select channels\"\n          disabled={\n            teamId === undefined ||\n            inErrorState ||\n            inLoadingState ||\n            availableChannels.length === 0\n          }\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 className=\"rtk-combobox__search\" />\n            <Combobox.Options maxHeight=\"36\">\n              {sortedChannels.map((channel) => (\n                <Combobox.Option key={channel.id} value={channel.id}>\n                  {channel.displayName}\n                </Combobox.Option>\n              ))}\n            </Combobox.Options>\n            <Combobox.Empty />\n          </Combobox.Content>\n        </Combobox.Root>\n      </Box>\n      {!!connectedChannelsError && (\n        <MsTeamsErrorMessage message={connectedChannelsError} />\n      )}\n    </>\n  );\n};\n"],"names":["MsTeamsChannelInTeamCombobox","teamId","msTeamsChannelsRecipientObject","queryOptions","connectionStatus","useKnockMsTeamsClient","data","availableChannels","useMsTeamsChannels","sortedChannels","useMemo","sortByDisplayName","currentConnections","updateConnectedChannels","error","connectedChannelsError","useConnectedMsTeamsChannels","inErrorState","inLoadingState","isChannelInThisTeam","useCallback","channelId","some","channel","id","comboboxValue","filter","connection","ms_teams_channel_id","map","React","Box","Combobox","channelIds","connectedChannelsInThisTeam","ms_teams_team_id","updatedConnections","catch","console","undefined","length","displayName","MsTeamsErrorMessage"],"mappings":"6UAsBaA,EAETA,CAAC,CAAEC,OAAAA,EAAQC,+BAAAA,EAAgCC,aAAAA,CAAa,IAAM,CAC1D,KAAA,CAAEC,iBAAAA,GAAqBC,wBAAsB,EAE7C,CAAEC,KAAMC,EAAoB,CAAA,GAAOC,qBAAmB,CAC1DP,OAAAA,EACAE,aAAAA,CAAAA,CACD,EAEKM,EAAiBC,EAAAA,QACrB,IAAMC,EAAAA,kBAAkBJ,CAAiB,EACzC,CAACA,CAAiB,CACpB,EAEM,CACJD,KAAMM,EACNC,wBAAAA,EACAC,MAAOC,GACLC,8BAA4B,CAAEd,+BAAAA,CAAAA,CAAgC,EAE5De,EAAeP,EAAAA,QACnB,IACEN,IAAqB,gBACrBA,IAAqB,SACrB,CAAC,CAACW,EACJ,CAACX,EAAkBW,CAAsB,CAC3C,EAEMG,EAAiBR,UACrB,IACEN,IAAqB,cAAgBA,IAAqB,gBAC5D,CAACA,CAAgB,CACnB,EAEMe,EAAsBC,EAAAA,YACzBC,GACCd,EAAkBe,KAAkBC,GAAAA,EAAQC,KAAOH,CAAS,EAC9D,CAACd,CAAiB,CACpB,EAEMkB,EAAgBf,UACpB,IACEE,GAAAA,YAAAA,EACIc,OAEEC,GAAAA,EAAWC,qBACXT,EAAoBQ,EAAWC,mBAAmB,GAErDC,IAAoBF,GAAAA,EAAWC,qBACpC,CAAChB,EAAoBO,CAAmB,CAC1C,EAEA,OAEIW,UAAA,cAAAA,EAAA,QAAA,SAAA,KAAAA,EAAA,QAAA,cAACC,EAAAA,IAAI,CAAA,EAAE,OAAO,KAAK,KAChBD,EAAAA,QAAA,cAAAE,WAAS,KAAT,CACC,MAAOP,EACP,cAA+BQ,GAAA,CACvBC,MAAAA,EACJD,EAAWJ,IAA8CR,IAAA,CACvDc,iBAAkBlC,EAClB2B,oBAAqBP,CAAAA,EACrB,EAQEe,EAAqB,CACzB,IAPAxB,GAAAA,YAAAA,EAAoBc,OACjBC,GACC,CAACA,EAAWC,qBACZ,CAACT,EAAoBQ,EAAWC,mBAAmB,KAClD,CAAE,EAIP,GAAGM,CAA2B,EAGhCrB,EAAwBuB,CAAkB,EAAEC,MAAMC,QAAQxB,KAAK,CAAA,EAEjE,YAAY,kBACZ,SACEb,IAAWsC,QACXtB,GACAC,GACAX,EAAkBiC,SAAW,EAE/B,cAAe,GACf,OAAO,OACP,MAEE,EAGF,EAAAV,EAAAA,QAAA,cAACE,EAAAA,SAAS,QAAT,IAAgB,0BAChBA,EAAAA,SAAS,QAAT,KACCF,EAAAA,QAAA,cAACE,EAAAA,SAAS,OAAT,CAAgB,UAAU,sBAAsB,CAAA,EACjDF,EAAAA,QAAA,cAACE,EAAAA,SAAS,QAAT,CAAiB,UAAU,IACzBvB,EAAAA,EAAeoB,IAAKN,GAClBO,UAAA,cAAAE,EAAAA,SAAS,OAAT,CAAgB,IAAKT,EAAQC,GAAI,MAAOD,EAAQC,EAC9CD,EAAAA,EAAQkB,WACX,CACD,CACH,EACCX,EAAAA,QAAA,cAAAE,EAAA,SAAS,MAAT,IAAc,CACjB,CACF,CACF,EACC,CAAC,CAACjB,GACAe,EAAA,QAAA,cAAAY,EAAA,CAAoB,QAAS3B,CAC/B,CAAA,CACH,CAEJ"}
+{"version":3,"file":"MsTeamsChannelInTeamCombobox.js","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelInTeamCombobox.tsx"],"sourcesContent":["import { MsTeamsChannelConnection } from \"@knocklabs/client\";\nimport {\n  MsTeamsChannelQueryOptions,\n  RecipientObject,\n  useConnectedMsTeamsChannels,\n  useKnockMsTeamsClient,\n  useMsTeamsChannels,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Box } from \"@telegraph/layout\";\nimport { FunctionComponent, useCallback, useMemo } from \"react\";\n\nimport { sortByDisplayName } from \"../../utils\";\n\nimport MsTeamsErrorMessage from \"./MsTeamsErrorMessage\";\n\ninterface MsTeamsChannelInTeamComboboxProps {\n  teamId?: string;\n  msTeamsChannelsRecipientObject: RecipientObject;\n  queryOptions?: MsTeamsChannelQueryOptions;\n}\n\nexport const MsTeamsChannelInTeamCombobox: FunctionComponent<\n  MsTeamsChannelInTeamComboboxProps\n> = ({ teamId, msTeamsChannelsRecipientObject, queryOptions }) => {\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  const { data: availableChannels = [] } = useMsTeamsChannels({\n    teamId,\n    queryOptions,\n  });\n\n  const sortedChannels = useMemo(\n    () => sortByDisplayName(availableChannels),\n    [availableChannels],\n  );\n\n  const {\n    data: currentConnections,\n    updateConnectedChannels,\n    error: connectedChannelsError,\n  } = useConnectedMsTeamsChannels({ msTeamsChannelsRecipientObject });\n\n  const inErrorState = useMemo(\n    () =>\n      connectionStatus === \"disconnected\" ||\n      connectionStatus === \"error\" ||\n      !!connectedChannelsError,\n    [connectionStatus, connectedChannelsError],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" || connectionStatus === \"disconnecting\",\n    [connectionStatus],\n  );\n\n  const isChannelInThisTeam = useCallback(\n    (channelId: string) =>\n      availableChannels.some((channel) => channel.id === channelId),\n    [availableChannels],\n  );\n\n  const comboboxValue = useMemo(\n    () =>\n      currentConnections\n        ?.filter(\n          (connection) =>\n            connection.ms_teams_channel_id &&\n            isChannelInThisTeam(connection.ms_teams_channel_id),\n        )\n        .map((connection) => connection.ms_teams_channel_id),\n    [currentConnections, isChannelInThisTeam],\n  );\n\n  return (\n    <>\n      <Box w=\"full\" minW=\"0\">\n        <Combobox.Root\n          value={comboboxValue}\n          onValueChange={(channelIds) => {\n            const connectedChannelsInThisTeam =\n              channelIds.map<MsTeamsChannelConnection>((channelId) => ({\n                ms_teams_team_id: teamId,\n                ms_teams_channel_id: channelId,\n              }));\n            const connectedChannelsInOtherTeams =\n              currentConnections?.filter(\n                (connection) =>\n                  !connection.ms_teams_channel_id ||\n                  !isChannelInThisTeam(connection.ms_teams_channel_id),\n              ) ?? [];\n\n            const updatedConnections = [\n              ...connectedChannelsInOtherTeams,\n              ...connectedChannelsInThisTeam,\n            ];\n\n            updateConnectedChannels(updatedConnections).catch(console.error);\n          }}\n          placeholder=\"Select channels\"\n          disabled={\n            teamId === undefined ||\n            inErrorState ||\n            inLoadingState ||\n            availableChannels.length === 0\n          }\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 className=\"rtk-combobox__search\" />\n            <Combobox.Options maxHeight=\"36\">\n              {sortedChannels.map((channel) => (\n                <Combobox.Option key={channel.id} value={channel.id}>\n                  {channel.displayName}\n                </Combobox.Option>\n              ))}\n            </Combobox.Options>\n            <Combobox.Empty />\n          </Combobox.Content>\n        </Combobox.Root>\n      </Box>\n      {!!connectedChannelsError && (\n        <MsTeamsErrorMessage message={connectedChannelsError} />\n      )}\n    </>\n  );\n};\n"],"mappings":"8OAsBA,IAAa,GAER,CAAE,SAAQ,iCAAgC,kBAAmB,CAChE,GAAM,CAAE,qBAAA,EAAA,EAAA,sBAAA,CAA2C,EAE7C,CAAE,KAAM,EAAoB,CAAC,IAAA,EAAA,EAAA,mBAAA,CAAyB,CAC1D,SACA,cACF,CAAC,EAEK,GAAA,EAAA,EAAA,QAAA,KACE,EAAA,kBAAkB,CAAiB,EACzC,CAAC,CAAiB,CACpB,EAEM,CACJ,KAAM,EACN,0BACA,MAAO,IAAA,EAAA,EAAA,4BAAA,CACuB,CAAE,gCAA+B,CAAC,EAE5D,GAAA,EAAA,EAAA,QAAA,KAEF,IAAqB,gBACrB,IAAqB,SACrB,CAAC,CAAC,EACJ,CAAC,EAAkB,CAAsB,CAC3C,EAEM,GAAA,EAAA,EAAA,QAAA,KAEF,IAAqB,cAAgB,IAAqB,gBAC5D,CAAC,CAAgB,CACnB,EAEM,GAAA,EAAA,EAAA,YAAA,CACH,GACC,EAAkB,KAAM,GAAY,EAAQ,KAAO,CAAS,EAC9D,CAAC,CAAiB,CACpB,EAEM,GAAA,EAAA,EAAA,QAAA,KAEF,GACI,OACC,GACC,EAAW,qBACX,EAAoB,EAAW,mBAAmB,CACtD,CAAC,CACA,IAAK,GAAe,EAAW,mBAAmB,EACvD,CAAC,EAAoB,CAAmB,CAC1C,EAEA,OACE,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,IAAD,CAAK,EAAE,OAAO,KAAK,cACjB,EAAA,EAAA,KAAA,CAAC,EAAA,SAAS,KAAV,CACE,MAAO,EACP,cAAgB,GAAe,CAC7B,IAAM,EACJ,EAAW,IAA+B,IAAe,CACvD,iBAAkB,EAClB,oBAAqB,CACvB,EAAE,EAQE,EAAqB,CACzB,GAPA,GAAoB,OACjB,GACC,CAAC,EAAW,qBACZ,CAAC,EAAoB,EAAW,mBAAmB,CACvD,GAAK,CAAC,EAIN,GAAG,CACL,EAEA,EAAwB,CAAkB,CAAC,CAAC,MAAM,QAAQ,KAAK,CACjE,EACA,YAAY,kBACZ,SACE,IAAW,IAAA,IACX,GACA,GACA,EAAkB,SAAW,EAE/B,cAAe,GACf,OAAO,OACP,MAEE,YAjCJ,EAoCE,EAAA,EAAA,IAAA,CAAC,EAAA,SAAS,QAAV,CAAmB,CAAA,GACnB,EAAA,EAAA,KAAA,CAAC,EAAA,SAAS,QAAV,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,SAAS,OAAV,CAAiB,UAAU,sBAAwB,CAAA,GACnD,EAAA,EAAA,IAAA,CAAC,EAAA,SAAS,QAAV,CAAkB,UAAU,cACzB,EAAe,IAAK,IACnB,EAAA,EAAA,IAAA,CAAC,EAAA,SAAS,OAAV,CAAkC,MAAO,EAAQ,YAC9C,EAAQ,WACM,EAFK,EAAQ,EAEb,CAClB,CACe,CAAA,GAClB,EAAA,EAAA,IAAA,CAAC,EAAA,SAAS,MAAV,CAAiB,CAAA,CACD,CAAA,CAAA,CACL,GACZ,CAAA,EACJ,CAAC,CAAC,IACD,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CAAqB,QAAS,CAAyB,CAAA,CAEzD,CAAA,CAAA,CAEN"}

package/dist/cjs/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsConnectionError.js

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

package/dist/cjs/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsConnectionError.js.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsConnectionError.js","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsConnectionError.tsx"],"sourcesContent":["import { useKnockMsTeamsClient, useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport MsTeamsErrorMessage from \"./MsTeamsErrorMessage\";\n\nconst MsTeamsConnectionError: FunctionComponent = () => {\n  const { t } = useTranslations();\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  if (connectionStatus === \"disconnected\" || connectionStatus === \"error\") {\n    return (\n      <MsTeamsErrorMessage\n        message={\n          connectionStatus === \"disconnected\"\n            ? t(\"msTeamsConnectionErrorOccurred\")\n            : t(\"msTeamsConnectionErrorExists\")\n        }\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default MsTeamsConnectionError;\n"],"names":["MsTeamsConnectionError","t","useTranslations","connectionStatus","useKnockMsTeamsClient","React","MsTeamsErrorMessage"],"mappings":"8KAKMA,EAA4CA,IAAM,CAChD,KAAA,CAAEC,EAAAA,GAAMC,kBAAgB,EACxB,CAAEC,iBAAAA,GAAqBC,wBAAsB,EAE/CD,OAAAA,IAAqB,gBAAkBA,IAAqB,QAE5DE,EAAA,QAAA,cAACC,EACC,CAAA,QAEML,EADJE,IAAqB,eACf,iCACA,8BADgC,CAGxC,CAAA,EAIC,IACT"}
+{"version":3,"file":"MsTeamsConnectionError.js","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsConnectionError.tsx"],"sourcesContent":["import { useKnockMsTeamsClient, useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport MsTeamsErrorMessage from \"./MsTeamsErrorMessage\";\n\nconst MsTeamsConnectionError: FunctionComponent = () => {\n  const { t } = useTranslations();\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  if (connectionStatus === \"disconnected\" || connectionStatus === \"error\") {\n    return (\n      <MsTeamsErrorMessage\n        message={\n          connectionStatus === \"disconnected\"\n            ? t(\"msTeamsConnectionErrorOccurred\")\n            : t(\"msTeamsConnectionErrorExists\")\n        }\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default MsTeamsConnectionError;\n"],"mappings":"+HAKA,IAAM,MAAkD,CACtD,GAAM,CAAE,MAAA,EAAA,EAAA,gBAAA,CAAsB,EACxB,CAAE,qBAAA,EAAA,EAAA,sBAAA,CAA2C,EAcnD,OAZI,IAAqB,gBAAkB,IAAqB,SAE5D,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CACE,QAEM,EADJ,IAAqB,eACf,iCACA,8BAA8B,CAEvC,CAAA,EAIE,IACT"}

package/dist/cjs/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsErrorMessage.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("react"),a=require("@telegraph/icon"),c=require("@telegraph/typography"),o=require("lucide-react"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=n(r),l=({message:e})=>t.default.createElement("div",{className:"rtk-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=l;
-//# sourceMappingURL=MsTeamsErrorMessage.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:`rtk-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=MsTeamsErrorMessage.js.map

package/dist/cjs/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsErrorMessage.js","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsErrorMessage.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 MsTeamsErrorMessage: FunctionComponent<Props> = ({ message }) => {\n  return (\n    <div className=\"rtk-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 MsTeamsErrorMessage;\n"],"names":["MsTeamsErrorMessage","message","React","Icon","Info","Text"],"mappings":"+LASMA,EAAgDA,CAAC,CAAEC,QAAAA,CAAQ,IAE7DC,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":"MsTeamsErrorMessage.js","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsErrorMessage.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 MsTeamsErrorMessage: FunctionComponent<Props> = ({ message }) => {\n  return (\n    <div className=\"rtk-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 MsTeamsErrorMessage;\n"],"mappings":"0IASA,IAAM,GAAiD,CAAE,cAErD,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/ms-teams/components/MsTeamsChannelCombobox/MsTeamsTeamCombobox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),u=require("@knocklabs/react-core"),n=require("@telegraph/combobox"),g=require("@telegraph/layout"),p=require("../../utils.js"),T=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=T(l),y=({team:e,onTeamChange:m,getChannelCount:d,queryOptions:b})=>{const{connectionStatus:a}=u.useKnockMsTeamsClient(),{data:r,isLoading:i}=u.useMsTeamsTeams({queryOptions:b}),c=l.useMemo(()=>p.sortByDisplayName(r),[r]),f=l.useMemo(()=>a==="disconnected"||a==="error",[a]),C=l.useMemo(()=>a==="connecting"||a==="disconnecting"||i,[a,i]);return o.default.createElement(g.Box,{w:"full",minW:"0"},o.default.createElement(n.Combobox.Root,{value:e==null?void 0:e.id,onValueChange:t=>{const s=c.find(x=>x.id===t);s&&m(s)},placeholder:"Select team",disabled:f||C||c.length===0,modal:!1},o.default.createElement(n.Combobox.Trigger,null),o.default.createElement(n.Combobox.Content,null,o.default.createElement(n.Combobox.Search,{className:"rtk-combobox__search"}),o.default.createElement(n.Combobox.Options,{maxHeight:"36"},c.map(t=>{const s=d(t.id);return o.default.createElement(n.Combobox.Option,{key:t.id,value:t.id},s>0?`${t.displayName} (${s})`:t.displayName)})),o.default.createElement(n.Combobox.Empty,null))))};exports.MsTeamsTeamCombobox=y;
-//# sourceMappingURL=MsTeamsTeamCombobox.js.map
+"use strict";const e=require("../../utils.js");let t=require("@knocklabs/react-core"),n=require("react"),r=require("react/jsx-runtime"),i=require("@telegraph/layout"),a=require("@telegraph/combobox");var o=({team:o,onTeamChange:s,getChannelCount:c,queryOptions:l})=>{let{connectionStatus:u}=(0,t.useKnockMsTeamsClient)(),{data:d,isLoading:f}=(0,t.useMsTeamsTeams)({queryOptions:l}),p=(0,n.useMemo)(()=>e.sortByDisplayName(d),[d]),m=(0,n.useMemo)(()=>u===`disconnected`||u===`error`,[u]),h=(0,n.useMemo)(()=>u===`connecting`||u===`disconnecting`||f,[u,f]);return(0,r.jsx)(i.Box,{w:`full`,minW:`0`,children:(0,r.jsxs)(a.Combobox.Root,{value:o?.id,onValueChange:e=>{let t=p.find(t=>t.id===e);t&&s(t)},placeholder:`Select team`,disabled:m||h||p.length===0,modal:!1,children:[(0,r.jsx)(a.Combobox.Trigger,{}),(0,r.jsxs)(a.Combobox.Content,{children:[(0,r.jsx)(a.Combobox.Search,{className:`rtk-combobox__search`}),(0,r.jsx)(a.Combobox.Options,{maxHeight:`36`,children:p.map(e=>{let t=c(e.id);return(0,r.jsx)(a.Combobox.Option,{value:e.id,children:t>0?`${e.displayName} (${t})`:e.displayName},e.id)})}),(0,r.jsx)(a.Combobox.Empty,{})]})]})})};exports.MsTeamsTeamCombobox=o;
+//# sourceMappingURL=MsTeamsTeamCombobox.js.map

package/dist/cjs/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsTeamCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsTeamCombobox.js","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsTeamCombobox.tsx"],"sourcesContent":["import { MsTeamsTeam } from \"@knocklabs/client\";\nimport {\n  MsTeamsTeamQueryOptions,\n  useKnockMsTeamsClient,\n  useMsTeamsTeams,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Box } from \"@telegraph/layout\";\nimport { FunctionComponent, useMemo } from \"react\";\n\nimport { sortByDisplayName } from \"../../utils\";\n\ninterface MsTeamsTeamComboboxProps {\n  team: MsTeamsTeam | null;\n  onTeamChange: (team: MsTeamsTeam) => void;\n  getChannelCount: (teamId: string) => number;\n  queryOptions?: MsTeamsTeamQueryOptions;\n}\n\nexport const MsTeamsTeamCombobox: FunctionComponent<\n  MsTeamsTeamComboboxProps\n> = ({ team, onTeamChange, getChannelCount, queryOptions }) => {\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  const { data: teams, isLoading: isLoadingTeams } = useMsTeamsTeams({\n    queryOptions,\n  });\n\n  const sortedTeams = useMemo(() => sortByDisplayName(teams), [teams]);\n\n  const inErrorState = useMemo(\n    () => connectionStatus === \"disconnected\" || connectionStatus === \"error\",\n    [connectionStatus],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" ||\n      connectionStatus === \"disconnecting\" ||\n      isLoadingTeams,\n    [connectionStatus, isLoadingTeams],\n  );\n\n  return (\n    <Box w=\"full\" minW=\"0\">\n      <Combobox.Root\n        value={team?.id}\n        onValueChange={(teamId) => {\n          const selectedTeam = sortedTeams.find((team) => team.id === teamId);\n          if (selectedTeam) {\n            onTeamChange(selectedTeam);\n          }\n        }}\n        placeholder=\"Select team\"\n        disabled={inErrorState || inLoadingState || sortedTeams.length === 0}\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 className=\"rtk-combobox__search\" />\n          <Combobox.Options maxHeight=\"36\">\n            {sortedTeams.map((team) => {\n              const channelCount = getChannelCount(team.id);\n              return (\n                <Combobox.Option key={team.id} value={team.id}>\n                  {channelCount > 0\n                    ? `${team.displayName} (${channelCount})`\n                    : team.displayName}\n                </Combobox.Option>\n              );\n            })}\n          </Combobox.Options>\n          <Combobox.Empty />\n        </Combobox.Content>\n      </Combobox.Root>\n    </Box>\n  );\n};\n"],"names":["MsTeamsTeamCombobox","team","onTeamChange","getChannelCount","queryOptions","connectionStatus","useKnockMsTeamsClient","data","teams","isLoading","isLoadingTeams","useMsTeamsTeams","sortedTeams","useMemo","sortByDisplayName","inErrorState","inLoadingState","React","Box","Combobox","id","teamId","selectedTeam","find","length","map","channelCount","displayName"],"mappings":"uSAmBaA,EAETA,CAAC,CAAEC,KAAAA,EAAMC,aAAAA,EAAcC,gBAAAA,EAAiBC,aAAAA,CAAa,IAAM,CACvD,KAAA,CAAEC,iBAAAA,GAAqBC,wBAAsB,EAE7C,CAAEC,KAAMC,EAAOC,UAAWC,GAAmBC,kBAAgB,CACjEP,aAAAA,CAAAA,CACD,EAEKQ,EAAcC,EAAAA,QAAQ,IAAMC,EAAAA,kBAAkBN,CAAK,EAAG,CAACA,CAAK,CAAC,EAE7DO,EAAeF,UACnB,IAAMR,IAAqB,gBAAkBA,IAAqB,QAClE,CAACA,CAAgB,CACnB,EAEMW,EAAiBH,EAAAA,QACrB,IACER,IAAqB,cACrBA,IAAqB,iBACrBK,EACF,CAACL,EAAkBK,CAAc,CACnC,EAEA,OACGO,EAAA,QAAA,cAAAC,MAAA,CAAI,EAAE,OAAO,KAAK,KACjBD,EAAAA,QAAA,cAACE,EAAS,SAAA,KAAT,CACC,MAAOlB,GAAAA,YAAAA,EAAMmB,GACb,cAA2BC,GAAA,CACzB,MAAMC,EAAeV,EAAYW,KAAMtB,GAASA,EAAKmB,KAAOC,CAAM,EAC9DC,GACFpB,EAAaoB,CAAY,CAC3B,EAEF,YAAY,cACZ,SAAUP,GAAgBC,GAAkBJ,EAAYY,SAAW,EACnE,MAEE,EAGF,EAAAP,EAAAA,QAAA,cAACE,EAAAA,SAAS,QAAT,IAAgB,0BAChBA,EAAS,SAAA,QAAT,KACCF,EAAA,QAAA,cAACE,EAAS,SAAA,OAAT,CAAgB,UAAU,sBAAA,CAAsB,EACjDF,EAAA,QAAA,cAACE,EAAS,SAAA,QAAT,CAAiB,UAAU,IACzBP,EAAAA,EAAYa,IAAKxB,GAAS,CACnByB,MAAAA,EAAevB,EAAgBF,EAAKmB,EAAE,EAC5C,+BACGD,EAAAA,SAAS,OAAT,CAAgB,IAAKlB,EAAKmB,GAAI,MAAOnB,EAAKmB,IACxCM,EAAe,EACZ,GAAGzB,EAAK0B,WAAW,KAAKD,CAAY,IACpCzB,EAAK0B,WACX,CAAA,CAEH,CACH,EACAV,EAAAA,QAAA,cAACE,WAAS,MAAT,IAAc,CACjB,CACF,CACF,CAEJ"}
+{"version":3,"file":"MsTeamsTeamCombobox.js","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsTeamCombobox.tsx"],"sourcesContent":["import { MsTeamsTeam } from \"@knocklabs/client\";\nimport {\n  MsTeamsTeamQueryOptions,\n  useKnockMsTeamsClient,\n  useMsTeamsTeams,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Box } from \"@telegraph/layout\";\nimport { FunctionComponent, useMemo } from \"react\";\n\nimport { sortByDisplayName } from \"../../utils\";\n\ninterface MsTeamsTeamComboboxProps {\n  team: MsTeamsTeam | null;\n  onTeamChange: (team: MsTeamsTeam) => void;\n  getChannelCount: (teamId: string) => number;\n  queryOptions?: MsTeamsTeamQueryOptions;\n}\n\nexport const MsTeamsTeamCombobox: FunctionComponent<\n  MsTeamsTeamComboboxProps\n> = ({ team, onTeamChange, getChannelCount, queryOptions }) => {\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  const { data: teams, isLoading: isLoadingTeams } = useMsTeamsTeams({\n    queryOptions,\n  });\n\n  const sortedTeams = useMemo(() => sortByDisplayName(teams), [teams]);\n\n  const inErrorState = useMemo(\n    () => connectionStatus === \"disconnected\" || connectionStatus === \"error\",\n    [connectionStatus],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" ||\n      connectionStatus === \"disconnecting\" ||\n      isLoadingTeams,\n    [connectionStatus, isLoadingTeams],\n  );\n\n  return (\n    <Box w=\"full\" minW=\"0\">\n      <Combobox.Root\n        value={team?.id}\n        onValueChange={(teamId) => {\n          const selectedTeam = sortedTeams.find((team) => team.id === teamId);\n          if (selectedTeam) {\n            onTeamChange(selectedTeam);\n          }\n        }}\n        placeholder=\"Select team\"\n        disabled={inErrorState || inLoadingState || sortedTeams.length === 0}\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 className=\"rtk-combobox__search\" />\n          <Combobox.Options maxHeight=\"36\">\n            {sortedTeams.map((team) => {\n              const channelCount = getChannelCount(team.id);\n              return (\n                <Combobox.Option key={team.id} value={team.id}>\n                  {channelCount > 0\n                    ? `${team.displayName} (${channelCount})`\n                    : team.displayName}\n                </Combobox.Option>\n              );\n            })}\n          </Combobox.Options>\n          <Combobox.Empty />\n        </Combobox.Content>\n      </Combobox.Root>\n    </Box>\n  );\n};\n"],"mappings":"wMAmBA,IAAa,GAER,CAAE,OAAM,eAAc,kBAAiB,kBAAmB,CAC7D,GAAM,CAAE,qBAAA,EAAA,EAAA,sBAAA,CAA2C,EAE7C,CAAE,KAAM,EAAO,UAAW,IAAA,EAAA,EAAA,gBAAA,CAAmC,CACjE,cACF,CAAC,EAEK,GAAA,EAAA,EAAA,QAAA,KAA4B,EAAA,kBAAkB,CAAK,EAAG,CAAC,CAAK,CAAC,EAE7D,GAAA,EAAA,EAAA,QAAA,KACE,IAAqB,gBAAkB,IAAqB,QAClE,CAAC,CAAgB,CACnB,EAEM,GAAA,EAAA,EAAA,QAAA,KAEF,IAAqB,cACrB,IAAqB,iBACrB,EACF,CAAC,EAAkB,CAAc,CACnC,EAEA,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,IAAD,CAAK,EAAE,OAAO,KAAK,cACjB,EAAA,EAAA,KAAA,CAAC,EAAA,SAAS,KAAV,CACE,MAAO,GAAM,GACb,cAAgB,GAAW,CACzB,IAAM,EAAe,EAAY,KAAM,GAAS,EAAK,KAAO,CAAM,EAC9D,GACF,EAAa,CAAY,CAE7B,EACA,YAAY,cACZ,SAAU,GAAgB,GAAkB,EAAY,SAAW,EACnE,MAEE,YAZJ,EAeE,EAAA,EAAA,IAAA,CAAC,EAAA,SAAS,QAAV,CAAmB,CAAA,GACnB,EAAA,EAAA,KAAA,CAAC,EAAA,SAAS,QAAV,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,SAAS,OAAV,CAAiB,UAAU,sBAAwB,CAAA,GACnD,EAAA,EAAA,IAAA,CAAC,EAAA,SAAS,QAAV,CAAkB,UAAU,cACzB,EAAY,IAAK,GAAS,CACzB,IAAM,EAAe,EAAgB,EAAK,EAAE,EAC5C,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,SAAS,OAAV,CAA+B,MAAO,EAAK,YACxC,EAAe,EACZ,GAAG,EAAK,YAAY,IAAI,EAAa,GACrC,EAAK,WACM,EAJK,EAAK,EAIV,CAErB,CAAC,CACe,CAAA,GAClB,EAAA,EAAA,IAAA,CAAC,EAAA,SAAS,MAAV,CAAiB,CAAA,CACD,CAAA,CAAA,CACL,GACZ,CAAA,CAET"}

package/dist/cjs/modules/ms-teams/components/MsTeamsChannelCombobox/index.js

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

package/dist/cjs/modules/ms-teams/components/MsTeamsIcon/MsTeamsIcon.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),l=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=l(a),r=({height:t,width:c})=>e.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",style:{height:t,width:c},viewBox:"0 0 2228.833 2073.333"},e.default.createElement("path",{fill:"#5059C9",d:"M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398 c0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971 C1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z"}),e.default.createElement("circle",{fill:"#5059C9",cx:"1943.75",cy:"440.583",r:"233.25"}),e.default.createElement("circle",{fill:"#7B83EB",cx:"1218.083",cy:"336.917",r:"336.917"}),e.default.createElement("path",{fill:"#7B83EB",d:"M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105 c-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176 C1763.579,823.431,1721.066,778.83,1667.323,777.5z"}),e.default.createElement("path",{opacity:".1",d:"M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598 c-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833 c-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z"}),e.default.createElement("path",{opacity:".2",d:"M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765 c-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833 c-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02 c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z"}),e.default.createElement("path",{opacity:".2",d:"M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z"}),e.default.createElement("path",{opacity:".2",d:"M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z"}),e.default.createElement("path",{opacity:".1",d:"M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037 c-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003 c-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z"}),e.default.createElement("path",{opacity:".2",d:"M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z"}),e.default.createElement("path",{opacity:".2",d:"M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z"}),e.default.createElement("path",{opacity:".2",d:"M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003 h138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z"}),e.default.createElement("linearGradient",{id:"a",gradientUnits:"userSpaceOnUse",x1:"198.099",y1:"1683.0726",x2:"942.2344",y2:"394.2607",gradientTransform:"matrix(1 0 0 -1 0 2075.3333)"},e.default.createElement("stop",{offset:"0",stopColor:"#5a62c3"}),e.default.createElement("stop",{offset:".5",stopColor:"#4d55bd"}),e.default.createElement("stop",{offset:"1",stopColor:"#3940ab"})),e.default.createElement("path",{fill:"url(#a)",d:"M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01 H95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z"}),e.default.createElement("path",{fill:"#FFF",d:"M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z"}));exports.MsTeamsIcon=r;
-//# sourceMappingURL=MsTeamsIcon.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 2228.833 2073.333`,children:[(0,e.jsx)(`path`,{fill:`#5059C9`,d:`M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398 c0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971 C1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z`}),(0,e.jsx)(`circle`,{fill:`#5059C9`,cx:`1943.75`,cy:`440.583`,r:`233.25`}),(0,e.jsx)(`circle`,{fill:`#7B83EB`,cx:`1218.083`,cy:`336.917`,r:`336.917`}),(0,e.jsx)(`path`,{fill:`#7B83EB`,d:`M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105 c-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176 C1763.579,823.431,1721.066,778.83,1667.323,777.5z`}),(0,e.jsx)(`path`,{opacity:`.1`,d:`M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598 c-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833 c-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z`}),(0,e.jsx)(`path`,{opacity:`.2`,d:`M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765 c-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833 c-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02 c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z`}),(0,e.jsx)(`path`,{opacity:`.2`,d:`M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z`}),(0,e.jsx)(`path`,{opacity:`.2`,d:`M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z`}),(0,e.jsx)(`path`,{opacity:`.1`,d:`M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037 c-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003 c-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z`}),(0,e.jsx)(`path`,{opacity:`.2`,d:`M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z`}),(0,e.jsx)(`path`,{opacity:`.2`,d:`M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z`}),(0,e.jsx)(`path`,{opacity:`.2`,d:`M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003 h138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z`}),(0,e.jsxs)(`linearGradient`,{id:`a`,gradientUnits:`userSpaceOnUse`,x1:`198.099`,y1:`1683.0726`,x2:`942.2344`,y2:`394.2607`,gradientTransform:`matrix(1 0 0 -1 0 2075.3333)`,children:[(0,e.jsx)(`stop`,{offset:`0`,stopColor:`#5a62c3`}),(0,e.jsx)(`stop`,{offset:`.5`,stopColor:`#4d55bd`}),(0,e.jsx)(`stop`,{offset:`1`,stopColor:`#3940ab`})]}),(0,e.jsx)(`path`,{fill:`url(#a)`,d:`M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01 H95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z`}),(0,e.jsx)(`path`,{fill:`#FFF`,d:`M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z`})]});exports.MsTeamsIcon=t;
+//# sourceMappingURL=MsTeamsIcon.js.map

package/dist/cjs/modules/ms-teams/components/MsTeamsIcon/MsTeamsIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsIcon.js","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsIcon/MsTeamsIcon.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\n\nexport interface MsTeamsIconProps {\n  height: string;\n  width: string;\n}\n\nexport const MsTeamsIcon: FunctionComponent<MsTeamsIconProps> = ({\n  height,\n  width,\n}) => {\n  return (\n    // Source: https://commons.wikimedia.org/wiki/File:Microsoft_Office_Teams_(2018%E2%80%93present).svg\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ height, width }}\n      viewBox=\"0 0 2228.833 2073.333\"\n    >\n      <path\n        fill=\"#5059C9\"\n        d=\"M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398 c0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971 C1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z\"\n      />\n      <circle fill=\"#5059C9\" cx=\"1943.75\" cy=\"440.583\" r=\"233.25\" />\n      <circle fill=\"#7B83EB\" cx=\"1218.083\" cy=\"336.917\" r=\"336.917\" />\n      <path\n        fill=\"#7B83EB\"\n        d=\"M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105 c-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176 C1763.579,823.431,1721.066,778.83,1667.323,777.5z\"\n      />\n      <path\n        opacity=\".1\"\n        d=\"M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598 c-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833 c-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765 c-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833 c-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02 c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z\"\n      />\n      <path\n        opacity=\".1\"\n        d=\"M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037 c-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003 c-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003 h138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z\"\n      />\n      <linearGradient\n        id=\"a\"\n        gradientUnits=\"userSpaceOnUse\"\n        x1=\"198.099\"\n        y1=\"1683.0726\"\n        x2=\"942.2344\"\n        y2=\"394.2607\"\n        gradientTransform=\"matrix(1 0 0 -1 0 2075.3333)\"\n      >\n        <stop offset=\"0\" stopColor=\"#5a62c3\" />\n        <stop offset=\".5\" stopColor=\"#4d55bd\" />\n        <stop offset=\"1\" stopColor=\"#3940ab\" />\n      </linearGradient>\n      <path\n        fill=\"url(#a)\"\n        d=\"M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01 H95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z\"\n      />\n      <path\n        fill=\"#FFF\"\n        d=\"M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z\"\n      />\n    </svg>\n  );\n};\n"],"names":["MsTeamsIcon","height","width","React"],"mappings":"wKAOaA,EAAmDA,CAAC,CAC/DC,OAAAA,EACAC,MAAAA,CACF,IAGKC,EAAA,QAAA,cAAA,MAAA,CACC,MAAM,6BACN,MAAO,CAAEF,OAAAA,EAAQC,MAAAA,CAAAA,EACjB,QAAQ,uBAER,EAAAC,EAAA,QAAA,cAAC,QACC,KAAK,UACL,EAAE,iRAAA,CAAiR,EAErRA,EAAAA,QAAA,cAAC,SAAO,CAAA,KAAK,UAAU,GAAG,UAAU,GAAG,UAAU,EAAE,QAAA,CAAQ,EAC3DA,EAAAA,QAAA,cAAC,UAAO,KAAK,UAAU,GAAG,WAAW,GAAG,UAAU,EAAE,SAAS,CAAA,0BAC5D,OACC,CAAA,KAAK,UACL,EAAE,+NAA8N,EAEjOA,UAAA,cAAA,OAAA,CACC,QAAQ,KACR,EAAE,2PAA0P,0BAE7P,OACC,CAAA,QAAQ,KACR,EAAE,4SAA4S,CAAA,EAEhTA,EAAA,QAAA,cAAC,OACC,CAAA,QAAQ,KACR,EAAE,gLAAgL,CAAA,0BAEnL,OACC,CAAA,QAAQ,KACR,EAAE,iLAAgL,EAEpLA,EAAAA,QAAA,cAAC,OACC,CAAA,QAAQ,KACR,EAAE,2RAAA,CAA2R,EAE/RA,UAAA,cAAC,OACC,CAAA,QAAQ,KACR,EAAE,8KAA8K,CAAA,EAElLA,EAAA,QAAA,cAAC,OACC,CAAA,QAAQ,KACR,EAAE,8KAA8K,CAAA,0BAEjL,OACC,CAAA,QAAQ,KACR,EAAE,sIAAsI,CAAA,EAEzIA,EAAAA,QAAA,cAAA,iBAAA,CACC,GAAG,IACH,cAAc,iBACd,GAAG,UACH,GAAG,YACH,GAAG,WACH,GAAG,WACH,kBAAkB,8BAElB,EAAAA,UAAA,cAAC,OAAK,CAAA,OAAO,IAAI,UAAU,UAAS,EACpCA,UAAA,cAAC,OAAK,CAAA,OAAO,KAAK,UAAU,SAAS,CAAA,EACrCA,EAAA,QAAA,cAAC,QAAK,OAAO,IAAI,UAAU,SAAS,CAAA,CACtC,EACCA,EAAAA,QAAA,cAAA,OAAA,CACC,KAAK,UACL,EAAE,wLAAuL,0BAE1L,OACC,CAAA,KAAK,OACL,EAAE,oFAAmF,CAEzF"}
+{"version":3,"file":"MsTeamsIcon.js","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsIcon/MsTeamsIcon.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\n\nexport interface MsTeamsIconProps {\n  height: string;\n  width: string;\n}\n\nexport const MsTeamsIcon: FunctionComponent<MsTeamsIconProps> = ({\n  height,\n  width,\n}) => {\n  return (\n    // Source: https://commons.wikimedia.org/wiki/File:Microsoft_Office_Teams_(2018%E2%80%93present).svg\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ height, width }}\n      viewBox=\"0 0 2228.833 2073.333\"\n    >\n      <path\n        fill=\"#5059C9\"\n        d=\"M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398 c0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971 C1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z\"\n      />\n      <circle fill=\"#5059C9\" cx=\"1943.75\" cy=\"440.583\" r=\"233.25\" />\n      <circle fill=\"#7B83EB\" cx=\"1218.083\" cy=\"336.917\" r=\"336.917\" />\n      <path\n        fill=\"#7B83EB\"\n        d=\"M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105 c-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176 C1763.579,823.431,1721.066,778.83,1667.323,777.5z\"\n      />\n      <path\n        opacity=\".1\"\n        d=\"M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598 c-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833 c-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765 c-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833 c-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02 c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z\"\n      />\n      <path\n        opacity=\".1\"\n        d=\"M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037 c-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003 c-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003 h138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z\"\n      />\n      <linearGradient\n        id=\"a\"\n        gradientUnits=\"userSpaceOnUse\"\n        x1=\"198.099\"\n        y1=\"1683.0726\"\n        x2=\"942.2344\"\n        y2=\"394.2607\"\n        gradientTransform=\"matrix(1 0 0 -1 0 2075.3333)\"\n      >\n        <stop offset=\"0\" stopColor=\"#5a62c3\" />\n        <stop offset=\".5\" stopColor=\"#4d55bd\" />\n        <stop offset=\"1\" stopColor=\"#3940ab\" />\n      </linearGradient>\n      <path\n        fill=\"url(#a)\"\n        d=\"M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01 H95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z\"\n      />\n      <path\n        fill=\"#FFF\"\n        d=\"M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z\"\n      />\n    </svg>\n  );\n};\n"],"mappings":"gDAOA,IAAa,GAAoD,CAC/D,SACA,YAIE,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,MAAM,6BACN,MAAO,CAAE,SAAQ,OAAM,EACvB,QAAQ,iCAHV,EAKE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,KAAK,UACL,EAAE,iRACH,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,UAAU,GAAG,UAAU,GAAG,UAAU,EAAE,QAAU,CAAA,GAC7D,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,UAAU,GAAG,WAAW,GAAG,UAAU,EAAE,SAAW,CAAA,GAC/D,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,KAAK,UACL,EAAE,8NACH,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,QAAQ,KACR,EAAE,0PACH,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,QAAQ,KACR,EAAE,4SACH,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,QAAQ,KACR,EAAE,gLACH,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,QAAQ,KACR,EAAE,gLACH,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,QAAQ,KACR,EAAE,2RACH,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,QAAQ,KACR,EAAE,8KACH,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,QAAQ,KACR,EAAE,8KACH,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,QAAQ,KACR,EAAE,sIACH,CAAA,GACD,EAAA,EAAA,KAAA,CAAC,iBAAD,CACE,GAAG,IACH,cAAc,iBACd,GAAG,UACH,GAAG,YACH,GAAG,WACH,GAAG,WACH,kBAAkB,wCAPpB,EASE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,OAAO,IAAI,UAAU,SAAW,CAAA,GACtC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,OAAO,KAAK,UAAU,SAAW,CAAA,GACvC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,OAAO,IAAI,UAAU,SAAW,CAAA,CACxB,KAChB,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,KAAK,UACL,EAAE,uLACH,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,KAAK,OACL,EAAE,mFACH,CAAA,CACE"}

package/dist/cjs/modules/ms-teams/components/MsTeamsIcon/index.js

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

package/dist/cjs/modules/ms-teams/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./components/MsTeamsAuthButton/MsTeamsAuthButton.js");require("./components/MsTeamsAuthButton/index.js");const t=require("./components/MsTeamsAuthContainer/MsTeamsAuthContainer.js");require("./components/MsTeamsAuthContainer/index.js");const n=require("./components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.js");require("./components/MsTeamsChannelCombobox/index.js"),exports.MsTeamsAuthButton=e.MsTeamsAuthButton,exports.MsTeamsAuthContainer=t.MsTeamsAuthContainer,exports.MsTeamsChannelCombobox=n.default;

package/dist/cjs/modules/ms-teams/utils.js

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

package/dist/cjs/modules/ms-teams/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/modules/ms-teams/utils.ts"],"sourcesContent":["export const sortByDisplayName = <T extends { displayName: string }>(\n  items: T[],\n) =>\n  items.sort((a, b) =>\n    a.displayName.toLowerCase().localeCompare(b.displayName.toLowerCase()),\n  );\n"],"names":["sortByDisplayName","items","sort","a","b","displayName","toLowerCase","localeCompare"],"mappings":"gFAAO,MAAMA,EACXC,GAEAA,EAAMC,KAAK,CAACC,EAAGC,IACbD,EAAEE,YAAYC,cAAcC,cAAcH,EAAEC,YAAYC,aAAa,CACvE"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/modules/ms-teams/utils.ts"],"sourcesContent":["export const sortByDisplayName = <T extends { displayName: string }>(\n  items: T[],\n) =>\n  items.sort((a, b) =>\n    a.displayName.toLowerCase().localeCompare(b.displayName.toLowerCase()),\n  );\n"],"mappings":"aAAA,IAAa,EACX,GAEA,EAAM,MAAM,EAAG,IACb,EAAE,YAAY,YAAY,CAAC,CAAC,cAAc,EAAE,YAAY,YAAY,CAAC,CACvE"}

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

@@ -1,2 +1,2 @@
-"use strict";const r=require("react"),C=require("@knocklabs/react-core"),m=require("../../../core/components/Spinner/Spinner.js");;/* empty css                                          */;/* empty css               */const _=require("../SlackChannelCombobox/SlackConnectionError.js"),E=require("../SlackIcon/SlackIcon.js");;/* empty css            */const S=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=S(r),q=({inErrorState:e,connectedChannels:o=[],updateConnectedChannels:i,connectedChannelsError:d,connectedChannelsUpdating:h})=>{const{t:a}=C.useTranslations(),[t,c]=r.useState(null),[l,s]=r.useState(null),f=()=>{if(!t)return;if(l&&s(null),o.find(p=>p.channel_id===t))return c(""),s(a("slackChannelAlreadyConnected")||"");const k=[...o,{channel_id:t}];i(k),c("")};return n.default.createElement("div",{className:"rsk-connect-channel"},n.default.createElement("input",{className:`rsk-connect-channel__input ${(e||!!l)&&!t&&"rsk-connect-channel__input--error"}`,tabIndex:-1,id:"slack-channel-search",type:"text",placeholder:l||d||a("slackChannelId"),onChange:u=>c(u.target.value),value:t||""}),n.default.createElement("button",{className:"rsk-connect-channel__button",onClick:f},h?n.default.createElement(m.Spinner,{size:"15px",thickness:3}):n.default.createElement(E.SlackIcon,{height:"16px",width:"16px"}),a("slackConnectChannel")),n.default.createElement(_,null))};module.exports=q;
-//# sourceMappingURL=SlackAddChannelInput.js.map
+"use strict";const e=require("../../../core/components/Spinner/Spinner.js");require("../../../core/index.js");/* empty css            */const t=require("../SlackIcon/SlackIcon.js");require("../SlackIcon/index.js");const n=require("../SlackChannelCombobox/SlackConnectionError.js");;/* empty css        */let r=require("@knocklabs/react-core"),i=require("react"),a=require("react/jsx-runtime");var o=({inErrorState:o,connectedChannels:s=[],updateConnectedChannels:c,connectedChannelsError:l,connectedChannelsUpdating:u})=>{let{t:d}=(0,r.useTranslations)(),[f,p]=(0,i.useState)(null),[m,h]=(0,i.useState)(null);return(0,a.jsxs)(`div`,{className:`rsk-connect-channel`,children:[(0,a.jsx)(`input`,{className:`rsk-connect-channel__input ${(o||!!m)&&!f&&`rsk-connect-channel__input--error`}`,tabIndex:-1,id:`slack-channel-search`,type:`text`,placeholder:m||l||d(`slackChannelId`),onChange:e=>p(e.target.value),value:f||``}),(0,a.jsxs)(`button`,{className:`rsk-connect-channel__button`,onClick:()=>{if(f){if(m&&h(null),s.find(e=>e.channel_id===f))return p(``),h(d(`slackChannelAlreadyConnected`)||``);c([...s,{channel_id:f}]),p(``)}},children:[u?(0,a.jsx)(e.Spinner,{size:`15px`,thickness:3}):(0,a.jsx)(t.SlackIcon,{height:`16px`,width:`16px`}),d(`slackConnectChannel`)]}),(0,a.jsx)(n.default,{})]})};exports.default=o;
+//# sourceMappingURL=SlackAddChannelInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SlackAddChannelInput.js","sources":["../../../../../../src/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.tsx"],"sourcesContent":["import { SlackChannelConnection } from \"@knocklabs/client\";\nimport { useTranslations } from \"@knocklabs/react-core\";\nimport { useState } from \"react\";\nimport { FunctionComponent } from \"react\";\n\nimport { Spinner } from \"../../../core\";\nimport \"../../theme.css\";\nimport ConnectionErrorInfoBoxes from \"../SlackChannelCombobox/SlackConnectionError\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAddChannelInputProps {\n  inErrorState: boolean;\n  connectedChannels: SlackChannelConnection[];\n  updateConnectedChannels: (channels: SlackChannelConnection[]) => void;\n  connectedChannelsError: string | null;\n  connectedChannelsUpdating: boolean;\n}\n\nconst SlackAddChannelInput: FunctionComponent<SlackAddChannelInputProps> = ({\n  inErrorState,\n  connectedChannels = [],\n  updateConnectedChannels,\n  connectedChannelsError,\n  connectedChannelsUpdating,\n}) => {\n  const { t } = useTranslations();\n  const [value, setValue] = useState<string | null>(null);\n  const [localError, setLocalError] = useState<string | null>(null);\n\n  const submitChannel = () => {\n    if (!value) {\n      return;\n    }\n\n    if (localError) {\n      setLocalError(null);\n    }\n\n    const alreadyConnected = connectedChannels.find(\n      (channel) => channel.channel_id === value,\n    );\n\n    if (alreadyConnected) {\n      setValue(\"\");\n      return setLocalError(t(\"slackChannelAlreadyConnected\") || \"\");\n    }\n\n    const channelsToSendToKnock = [...connectedChannels, { channel_id: value }];\n    updateConnectedChannels(channelsToSendToKnock);\n    setValue(\"\");\n  };\n\n  return (\n    <div className=\"rsk-connect-channel\">\n      <input\n        className={`rsk-connect-channel__input ${(inErrorState || !!localError) && !value && \"rsk-connect-channel__input--error\"}`}\n        tabIndex={-1}\n        id=\"slack-channel-search\"\n        type=\"text\"\n        placeholder={\n          localError || connectedChannelsError || t(\"slackChannelId\")\n        }\n        onChange={(e) => setValue(e.target.value)}\n        value={value || \"\"}\n      />\n      <button className=\"rsk-connect-channel__button\" onClick={submitChannel}>\n        {connectedChannelsUpdating ? (\n          <Spinner size=\"15px\" thickness={3} />\n        ) : (\n          <SlackIcon height=\"16px\" width=\"16px\" />\n        )}\n        {t(\"slackConnectChannel\")}\n      </button>\n      <ConnectionErrorInfoBoxes />\n    </div>\n  );\n};\n\nexport default SlackAddChannelInput;\n"],"names":["SlackAddChannelInput","inErrorState","connectedChannels","updateConnectedChannels","connectedChannelsError","connectedChannelsUpdating","t","useTranslations","value","setValue","useState","localError","setLocalError","submitChannel","find","channel","channel_id","channelsToSendToKnock","React","e","target","Spinner","SlackIcon","ConnectionErrorInfoBoxes"],"mappings":"maAoBMA,EAAqEA,CAAC,CAC1EC,aAAAA,EACAC,kBAAAA,EAAoB,CAAE,EACtBC,wBAAAA,EACAC,uBAAAA,EACAC,0BAAAA,CACF,IAAM,CACE,KAAA,CAAEC,EAAAA,GAAMC,kBAAgB,EACxB,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAwB,IAAI,EAChD,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAwB,IAAI,EAE1DG,EAAgBA,IAAM,CAC1B,GAAI,CAACL,EACH,OAWF,GARIG,GACFC,EAAc,IAAI,EAGKV,EAAkBY,KAC5BC,GAAAA,EAAQC,aAAeR,CACtC,EAGEC,OAAAA,EAAS,EAAE,EACJG,EAAcN,EAAE,8BAA8B,GAAK,EAAE,EAGxDW,MAAAA,EAAwB,CAAC,GAAGf,EAAmB,CAAEc,WAAYR,CAAAA,CAAO,EAC1EL,EAAwBc,CAAqB,EAC7CR,EAAS,EAAE,CACb,EAEA,OACGS,EAAAA,QAAA,cAAA,MAAA,CAAI,UAAU,qBAAA,EACZA,EAAAA,QAAA,cAAA,QAAA,CACC,UAAW,+BAA+BjB,GAAgB,CAAC,CAACU,IAAe,CAACH,GAAS,mCAAmC,GACxH,SAAU,GACV,GAAG,uBACH,KAAK,OACL,YACEG,GAAcP,GAA0BE,EAAE,gBAAgB,EAE5D,SAAWa,GAAMV,EAASU,EAAEC,OAAOZ,KAAK,EACxC,MAAOA,GAAS,GAAG,EAEpBU,EAAA,QAAA,cAAA,SAAA,CAAO,UAAU,8BAA8B,QAASL,CAAAA,EACtDR,EACCa,EAAAA,QAAA,cAACG,WAAQ,KAAK,OAAO,UAAW,CAAA,CAAK,EAErCH,UAAA,cAACI,EAAAA,UAAU,CAAA,OAAO,OAAO,MAAM,MAAA,CAChC,EACAhB,EAAE,qBAAqB,CAC1B,EACAY,EAAA,QAAA,cAACK,MAAwB,CAC3B,CAEJ"}
+{"version":3,"file":"SlackAddChannelInput.js","names":[],"sources":["../../../../../../src/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.tsx"],"sourcesContent":["import { SlackChannelConnection } from \"@knocklabs/client\";\nimport { useTranslations } from \"@knocklabs/react-core\";\nimport { useState } from \"react\";\nimport { FunctionComponent } from \"react\";\n\nimport { Spinner } from \"../../../core\";\nimport \"../../theme.css\";\nimport ConnectionErrorInfoBoxes from \"../SlackChannelCombobox/SlackConnectionError\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAddChannelInputProps {\n  inErrorState: boolean;\n  connectedChannels: SlackChannelConnection[];\n  updateConnectedChannels: (channels: SlackChannelConnection[]) => void;\n  connectedChannelsError: string | null;\n  connectedChannelsUpdating: boolean;\n}\n\nconst SlackAddChannelInput: FunctionComponent<SlackAddChannelInputProps> = ({\n  inErrorState,\n  connectedChannels = [],\n  updateConnectedChannels,\n  connectedChannelsError,\n  connectedChannelsUpdating,\n}) => {\n  const { t } = useTranslations();\n  const [value, setValue] = useState<string | null>(null);\n  const [localError, setLocalError] = useState<string | null>(null);\n\n  const submitChannel = () => {\n    if (!value) {\n      return;\n    }\n\n    if (localError) {\n      setLocalError(null);\n    }\n\n    const alreadyConnected = connectedChannels.find(\n      (channel) => channel.channel_id === value,\n    );\n\n    if (alreadyConnected) {\n      setValue(\"\");\n      return setLocalError(t(\"slackChannelAlreadyConnected\") || \"\");\n    }\n\n    const channelsToSendToKnock = [...connectedChannels, { channel_id: value }];\n    updateConnectedChannels(channelsToSendToKnock);\n    setValue(\"\");\n  };\n\n  return (\n    <div className=\"rsk-connect-channel\">\n      <input\n        className={`rsk-connect-channel__input ${(inErrorState || !!localError) && !value && \"rsk-connect-channel__input--error\"}`}\n        tabIndex={-1}\n        id=\"slack-channel-search\"\n        type=\"text\"\n        placeholder={\n          localError || connectedChannelsError || t(\"slackChannelId\")\n        }\n        onChange={(e) => setValue(e.target.value)}\n        value={value || \"\"}\n      />\n      <button className=\"rsk-connect-channel__button\" onClick={submitChannel}>\n        {connectedChannelsUpdating ? (\n          <Spinner size=\"15px\" thickness={3} />\n        ) : (\n          <SlackIcon height=\"16px\" width=\"16px\" />\n        )}\n        {t(\"slackConnectChannel\")}\n      </button>\n      <ConnectionErrorInfoBoxes />\n    </div>\n  );\n};\n\nexport default SlackAddChannelInput;\n"],"mappings":"yYAoBA,IAAM,GAAsE,CAC1E,eACA,oBAAoB,CAAC,EACrB,0BACA,yBACA,+BACI,CACJ,GAAM,CAAE,MAAA,EAAA,EAAA,gBAAA,CAAsB,EACxB,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAAoC,IAAI,EAChD,CAAC,EAAY,IAAA,EAAA,EAAA,SAAA,CAAyC,IAAI,EAyBhE,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,UAAW,+BAA+B,GAAgB,CAAC,CAAC,IAAe,CAAC,GAAS,sCACrF,SAAU,GACV,GAAG,uBACH,KAAK,OACL,YACE,GAAc,GAA0B,EAAE,gBAAgB,EAE5D,SAAW,GAAM,EAAS,EAAE,OAAO,KAAK,EACxC,MAAO,GAAS,EACjB,CAAA,GACD,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAU,8BAA8B,YApCxB,CACrB,KAYL,IARI,GACF,EAAc,IAAI,EAGK,EAAkB,KACxC,GAAY,EAAQ,aAAe,CAGlC,EAEF,OADA,EAAS,EAAE,EACJ,EAAc,EAAE,8BAA8B,GAAK,EAAE,EAI9D,EAAwB,CADO,GAAG,EAAmB,CAAE,WAAY,CAAM,CACjD,CAAqB,EAC7C,EAAS,EAAE,CAJX,CAKF,WAeI,CACG,GACC,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CAAS,KAAK,OAAO,UAAW,CAAI,CAAA,GAEpC,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CAAW,OAAO,OAAO,MAAM,MAAQ,CAAA,EAExC,EAAE,qBAAqB,CAClB,KACR,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CAA2B,CAAA,CACxB,GAET"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),c=require("@knocklabs/react-core"),g=require("../../../core/utils.js");;/* empty css               */const r=require("../SlackIcon/SlackIcon.js");;/* empty css            */const w=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=w(d),A=({slackClientId:t,redirectUrl:S,onAuthenticationComplete:p,scopes:_,additionalScopes:h})=>{const{t:n}=c.useTranslations(),a=c.useKnockClient(),{setConnectionStatus:l,connectionStatus:o,setActionLabel:s,actionLabel:b,errorLabel:C,tenantId:f,knockSlackChannelId:i,popupWindowRef:u}=c.useKnockSlackClient(),E=d.useMemo(()=>({scopes:_,additionalScopes:h}),[_,h]),{buildSlackAuthUrl:m,disconnectFromSlack:x}=c.useSlackAuth(t,S,E);c.useAuthPostMessageListener({knockHost:a.host,popupWindowRef:u,setConnectionStatus:l,onAuthenticationComplete:p,nonceStorageKey:c.getSlackNonceStorageKey(i,a.userId)}),c.useAuthPolling({popupWindowRef:u,setConnectionStatus:l,onAuthenticationComplete:p,authCheckFn:d.useCallback(async()=>a.slack.authCheck({tenant:f,knockChannelId:i}),[a.slack,f,i])});const I=n("slackDisconnect")||null,L=n("slackReconnect")||null;return o==="connecting"||o==="disconnecting"?e.default.createElement("div",{className:"rsk-connect__button rsk-connect__button--loading"},e.default.createElement(r.SlackIcon,{height:"16px",width:"16px"}),e.default.createElement("span",null,n(o==="connecting"?"slackConnecting":"slackDisconnecting"))):o==="error"?e.default.createElement("button",{onClick:()=>{const k=g.openPopupWindow(m());u.current=k,l("connecting")},className:"rsk-connect__button rsk-connect__button--error",onMouseEnter:()=>s(L),onMouseLeave:()=>s(null)},e.default.createElement(r.SlackIcon,{height:"16px",width:"16px"}),e.default.createElement("span",{className:"rsk-connect__button__text--error"},b||C||n("slackError"))):o==="disconnected"?e.default.createElement("button",{onClick:()=>{const k=g.openPopupWindow(m());u.current=k,l("connecting")},className:"rsk-connect__button rsk-connect__button--disconnected"},e.default.createElement(r.SlackIcon,{height:"16px",width:"16px"}),e.default.createElement("span",null,n("slackConnect"))):e.default.createElement("button",{onClick:x,className:"rsk-connect__button rsk-connect__button--connected",onMouseEnter:()=>s(I),onMouseLeave:()=>s(null)},e.default.createElement(r.SlackIcon,{height:"16px",width:"16px"}),e.default.createElement("span",{className:"rsk-connect__button__text--connected"},b||n("slackConnected")))};exports.SlackAuthButton=A;
-//# sourceMappingURL=SlackAuthButton.js.map
+"use strict";const e=require("../../../core/utils.js");;/* empty css           */const t=require("../SlackIcon/SlackIcon.js");require("../SlackIcon/index.js");/* empty css         */let n=require("@knocklabs/react-core"),r=require("react"),i=require("react/jsx-runtime");var a=({slackClientId:a,redirectUrl:o,onAuthenticationComplete:s,scopes:c,additionalScopes:l})=>{let{t:u}=(0,n.useTranslations)(),d=(0,n.useKnockClient)(),{setConnectionStatus:f,connectionStatus:p,setActionLabel:m,actionLabel:h,errorLabel:g,tenantId:_,knockSlackChannelId:v,popupWindowRef:y}=(0,n.useKnockSlackClient)(),{buildSlackAuthUrl:b,disconnectFromSlack:x}=(0,n.useSlackAuth)(a,o,(0,r.useMemo)(()=>({scopes:c,additionalScopes:l}),[c,l]));(0,n.useAuthPostMessageListener)({knockHost:d.host,popupWindowRef:y,setConnectionStatus:f,onAuthenticationComplete:s,nonceStorageKey:(0,n.getSlackNonceStorageKey)(v,d.userId)}),(0,n.useAuthPolling)({popupWindowRef:y,setConnectionStatus:f,onAuthenticationComplete:s,authCheckFn:(0,r.useCallback)(async()=>d.slack.authCheck({tenant:_,knockChannelId:v}),[d.slack,_,v])});let S=u(`slackDisconnect`)||null,C=u(`slackReconnect`)||null;return p===`connecting`||p===`disconnecting`?(0,i.jsxs)(`div`,{className:`rsk-connect__button rsk-connect__button--loading`,children:[(0,i.jsx)(t.SlackIcon,{height:`16px`,width:`16px`}),(0,i.jsx)(`span`,{children:u(p===`connecting`?`slackConnecting`:`slackDisconnecting`)})]}):p===`error`?(0,i.jsxs)(`button`,{onClick:()=>{let t=e.openPopupWindow(b());y.current=t,f(`connecting`)},className:`rsk-connect__button rsk-connect__button--error`,onMouseEnter:()=>m(C),onMouseLeave:()=>m(null),children:[(0,i.jsx)(t.SlackIcon,{height:`16px`,width:`16px`}),(0,i.jsx)(`span`,{className:`rsk-connect__button__text--error`,children:h||g||u(`slackError`)})]}):p===`disconnected`?(0,i.jsxs)(`button`,{onClick:()=>{let t=e.openPopupWindow(b());y.current=t,f(`connecting`)},className:`rsk-connect__button rsk-connect__button--disconnected`,children:[(0,i.jsx)(t.SlackIcon,{height:`16px`,width:`16px`}),(0,i.jsx)(`span`,{children:u(`slackConnect`)})]}):(0,i.jsxs)(`button`,{onClick:x,className:`rsk-connect__button rsk-connect__button--connected`,onMouseEnter:()=>m(S),onMouseLeave:()=>m(null),children:[(0,i.jsx)(t.SlackIcon,{height:`16px`,width:`16px`}),(0,i.jsx)(`span`,{className:`rsk-connect__button__text--connected`,children:h||u(`slackConnected`)})]})};exports.SlackAuthButton=a;
+//# sourceMappingURL=SlackAuthButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SlackAuthButton.js","sources":["../../../../../../src/modules/slack/components/SlackAuthButton/SlackAuthButton.tsx"],"sourcesContent":["import {\n  getSlackNonceStorageKey,\n  useAuthPolling,\n  useAuthPostMessageListener,\n  useKnockClient,\n  useKnockSlackClient,\n  useSlackAuth,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { FunctionComponent, useCallback, useMemo } from \"react\";\n\nimport { openPopupWindow } from \"../../../core/utils\";\nimport \"../../theme.css\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAuthButtonProps {\n  slackClientId: string;\n  redirectUrl?: string;\n  onAuthenticationComplete?: (authenticationResp: string) => void;\n  // When provided, the default scopes will be overridden with the provided scopes\n  scopes?: string[];\n  // Additional scopes to add to the default scopes\n  additionalScopes?: string[];\n}\n\nexport const SlackAuthButton: FunctionComponent<SlackAuthButtonProps> = ({\n  slackClientId,\n  redirectUrl,\n  onAuthenticationComplete,\n  scopes,\n  additionalScopes,\n}) => {\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n\n  const {\n    setConnectionStatus,\n    connectionStatus,\n    setActionLabel,\n    actionLabel,\n    errorLabel,\n    tenantId,\n    knockSlackChannelId,\n    popupWindowRef,\n  } = useKnockSlackClient();\n\n  const useSlackAuthOptions = useMemo(\n    () => ({\n      scopes,\n      additionalScopes,\n    }),\n    [scopes, additionalScopes],\n  );\n\n  const { buildSlackAuthUrl, disconnectFromSlack } = useSlackAuth(\n    slackClientId,\n    redirectUrl,\n    useSlackAuthOptions,\n  );\n\n  useAuthPostMessageListener({\n    knockHost: knock.host,\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    nonceStorageKey: getSlackNonceStorageKey(\n      knockSlackChannelId,\n      knock.userId!,\n    ),\n  });\n\n  useAuthPolling({\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    authCheckFn: useCallback(async () => {\n      return knock.slack.authCheck({\n        tenant: tenantId,\n        knockChannelId: knockSlackChannelId,\n      });\n    }, [knock.slack, tenantId, knockSlackChannelId]),\n  });\n\n  const disconnectLabel = t(\"slackDisconnect\") || null;\n  const reconnectLabel = t(\"slackReconnect\") || null;\n\n  // Loading states\n  if (\n    connectionStatus === \"connecting\" ||\n    connectionStatus === \"disconnecting\"\n  ) {\n    return (\n      <div className=\"rsk-connect__button rsk-connect__button--loading\">\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span>\n          {connectionStatus === \"connecting\"\n            ? t(\"slackConnecting\")\n            : t(\"slackDisconnecting\")}\n        </span>\n      </div>\n    );\n  }\n\n  // Error state\n  if (connectionStatus === \"error\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildSlackAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rsk-connect__button rsk-connect__button--error\"\n        onMouseEnter={() => setActionLabel(reconnectLabel)}\n        onMouseLeave={() => setActionLabel(null)}\n      >\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span className=\"rsk-connect__button__text--error\">\n          {actionLabel || errorLabel || t(\"slackError\")}\n        </span>\n      </button>\n    );\n  }\n\n  // Disconnected state\n  if (connectionStatus === \"disconnected\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildSlackAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rsk-connect__button rsk-connect__button--disconnected\"\n      >\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span>{t(\"slackConnect\")}</span>\n      </button>\n    );\n  }\n\n  // Connected state\n  return (\n    <button\n      onClick={disconnectFromSlack}\n      className=\"rsk-connect__button rsk-connect__button--connected\"\n      onMouseEnter={() => setActionLabel(disconnectLabel)}\n      onMouseLeave={() => setActionLabel(null)}\n    >\n      <SlackIcon height=\"16px\" width=\"16px\" />\n      <span className=\"rsk-connect__button__text--connected\">\n        {actionLabel || t(\"slackConnected\")}\n      </span>\n    </button>\n  );\n};\n"],"names":["SlackAuthButton","slackClientId","redirectUrl","onAuthenticationComplete","scopes","additionalScopes","t","useTranslations","knock","useKnockClient","setConnectionStatus","connectionStatus","setActionLabel","actionLabel","errorLabel","tenantId","knockSlackChannelId","popupWindowRef","useKnockSlackClient","useSlackAuthOptions","useMemo","buildSlackAuthUrl","disconnectFromSlack","useSlackAuth","useAuthPostMessageListener","knockHost","host","nonceStorageKey","getSlackNonceStorageKey","userId","useAuthPolling","authCheckFn","useCallback","slack","authCheck","tenant","knockChannelId","disconnectLabel","reconnectLabel","React","SlackIcon","popup","openPopupWindow","current"],"mappings":"2VA2BaA,EAA2DA,CAAC,CACvEC,cAAAA,EACAC,YAAAA,EACAC,yBAAAA,EACAC,OAAAA,EACAC,iBAAAA,CACF,IAAM,CACE,KAAA,CAAEC,EAAAA,GAAMC,kBAAgB,EACxBC,EAAQC,EAAAA,eAAe,EAEvB,CACJC,oBAAAA,EACAC,iBAAAA,EACAC,eAAAA,EACAC,YAAAA,EACAC,WAAAA,EACAC,SAAAA,EACAC,oBAAAA,EACAC,eAAAA,GACEC,sBAAoB,EAElBC,EAAsBC,EAAAA,QAC1B,KAAO,CACLhB,OAAAA,EACAC,iBAAAA,CAAAA,GAEF,CAACD,EAAQC,CAAgB,CAC3B,EAEM,CAAEgB,kBAAAA,EAAmBC,oBAAAA,CAAwBC,EAAAA,eACjDtB,EACAC,EACAiB,CACF,EAE2BK,6BAAA,CACzBC,UAAWjB,EAAMkB,KACjBT,eAAAA,EACAP,oBAAAA,EACAP,yBAAAA,EACAwB,gBAAiBC,EAAAA,wBACfZ,EACAR,EAAMqB,MACR,CAAA,CACD,EAEcC,iBAAA,CACbb,eAAAA,EACAP,oBAAAA,EACAP,yBAAAA,EACA4B,YAAaC,cAAY,SAChBxB,EAAMyB,MAAMC,UAAU,CAC3BC,OAAQpB,EACRqB,eAAgBpB,CAAAA,CACjB,EACA,CAACR,EAAMyB,MAAOlB,EAAUC,CAAmB,CAAC,CAAA,CAChD,EAEKqB,MAAAA,EAAkB/B,EAAE,iBAAiB,GAAK,KAC1CgC,EAAiBhC,EAAE,gBAAgB,GAAK,KAI5CK,OAAAA,IAAqB,cACrBA,IAAqB,gBAGnB4B,EAAA,QAAA,cAAC,OAAI,UAAU,kDAAA,0BACZC,EAAU,UAAA,CAAA,OAAO,OAAO,MAAM,MAAM,CAAA,EACpCD,EAAAA,QAAA,cAAA,OAAA,KAEKjC,EADHK,IAAqB,aAChB,kBACA,oBADiB,CAEzB,CACF,EAKAA,IAAqB,QAErB4B,EAAA,QAAA,cAAC,SACC,CAAA,QAAS,IAAM,CACPE,MAAAA,EAAQC,kBAAgBrB,GAAmB,EACjDJ,EAAe0B,QAAUF,EACzB/B,EAAoB,YAAY,CAAA,EAElC,UAAU,iDACV,aAAc,IAAME,EAAe0B,CAAc,EACjD,aAAc,IAAM1B,EAAe,IAAI,CAEvC,EAAA2B,EAAA,QAAA,cAACC,EAAU,UAAA,CAAA,OAAO,OAAO,MAAM,MAAM,CAAA,EACpCD,EAAAA,QAAA,cAAA,OAAA,CAAK,UAAU,kCAAA,EACb1B,GAAeC,GAAcR,EAAE,YAAY,CAC9C,CACF,EAKAK,IAAqB,eAErB4B,EAAA,QAAA,cAAC,SACC,CAAA,QAAS,IAAM,CACPE,MAAAA,EAAQC,kBAAgBrB,GAAmB,EACjDJ,EAAe0B,QAAUF,EACzB/B,EAAoB,YAAY,CAAA,EAElC,UAAU,uDAEV,EAAA6B,EAAA,QAAA,cAACC,aAAU,OAAO,OAAO,MAAM,OAAM,EACpCD,EAAA,QAAA,cAAA,OAAA,KAAMjC,EAAE,cAAc,CAAE,CAC3B,EAMDiC,EAAAA,QAAA,cAAA,SAAA,CACC,QAASjB,EACT,UAAU,qDACV,aAAc,IAAMV,EAAeyB,CAAe,EAClD,aAAc,IAAMzB,EAAe,IAAI,GAEvC2B,EAAAA,QAAA,cAACC,EAAAA,UAAU,CAAA,OAAO,OAAO,MAAM,MAAM,CAAA,EACrCD,EAAA,QAAA,cAAC,OAAK,CAAA,UAAU,sCACb1B,EAAAA,GAAeP,EAAE,gBAAgB,CACpC,CACF,CAEJ"}
+{"version":3,"file":"SlackAuthButton.js","names":[],"sources":["../../../../../../src/modules/slack/components/SlackAuthButton/SlackAuthButton.tsx"],"sourcesContent":["import {\n  getSlackNonceStorageKey,\n  useAuthPolling,\n  useAuthPostMessageListener,\n  useKnockClient,\n  useKnockSlackClient,\n  useSlackAuth,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { FunctionComponent, useCallback, useMemo } from \"react\";\n\nimport { openPopupWindow } from \"../../../core/utils\";\nimport \"../../theme.css\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAuthButtonProps {\n  slackClientId: string;\n  redirectUrl?: string;\n  onAuthenticationComplete?: (authenticationResp: string) => void;\n  // When provided, the default scopes will be overridden with the provided scopes\n  scopes?: string[];\n  // Additional scopes to add to the default scopes\n  additionalScopes?: string[];\n}\n\nexport const SlackAuthButton: FunctionComponent<SlackAuthButtonProps> = ({\n  slackClientId,\n  redirectUrl,\n  onAuthenticationComplete,\n  scopes,\n  additionalScopes,\n}) => {\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n\n  const {\n    setConnectionStatus,\n    connectionStatus,\n    setActionLabel,\n    actionLabel,\n    errorLabel,\n    tenantId,\n    knockSlackChannelId,\n    popupWindowRef,\n  } = useKnockSlackClient();\n\n  const useSlackAuthOptions = useMemo(\n    () => ({\n      scopes,\n      additionalScopes,\n    }),\n    [scopes, additionalScopes],\n  );\n\n  const { buildSlackAuthUrl, disconnectFromSlack } = useSlackAuth(\n    slackClientId,\n    redirectUrl,\n    useSlackAuthOptions,\n  );\n\n  useAuthPostMessageListener({\n    knockHost: knock.host,\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    nonceStorageKey: getSlackNonceStorageKey(\n      knockSlackChannelId,\n      knock.userId!,\n    ),\n  });\n\n  useAuthPolling({\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    authCheckFn: useCallback(async () => {\n      return knock.slack.authCheck({\n        tenant: tenantId,\n        knockChannelId: knockSlackChannelId,\n      });\n    }, [knock.slack, tenantId, knockSlackChannelId]),\n  });\n\n  const disconnectLabel = t(\"slackDisconnect\") || null;\n  const reconnectLabel = t(\"slackReconnect\") || null;\n\n  // Loading states\n  if (\n    connectionStatus === \"connecting\" ||\n    connectionStatus === \"disconnecting\"\n  ) {\n    return (\n      <div className=\"rsk-connect__button rsk-connect__button--loading\">\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span>\n          {connectionStatus === \"connecting\"\n            ? t(\"slackConnecting\")\n            : t(\"slackDisconnecting\")}\n        </span>\n      </div>\n    );\n  }\n\n  // Error state\n  if (connectionStatus === \"error\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildSlackAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rsk-connect__button rsk-connect__button--error\"\n        onMouseEnter={() => setActionLabel(reconnectLabel)}\n        onMouseLeave={() => setActionLabel(null)}\n      >\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span className=\"rsk-connect__button__text--error\">\n          {actionLabel || errorLabel || t(\"slackError\")}\n        </span>\n      </button>\n    );\n  }\n\n  // Disconnected state\n  if (connectionStatus === \"disconnected\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildSlackAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rsk-connect__button rsk-connect__button--disconnected\"\n      >\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span>{t(\"slackConnect\")}</span>\n      </button>\n    );\n  }\n\n  // Connected state\n  return (\n    <button\n      onClick={disconnectFromSlack}\n      className=\"rsk-connect__button rsk-connect__button--connected\"\n      onMouseEnter={() => setActionLabel(disconnectLabel)}\n      onMouseLeave={() => setActionLabel(null)}\n    >\n      <SlackIcon height=\"16px\" width=\"16px\" />\n      <span className=\"rsk-connect__button__text--connected\">\n        {actionLabel || t(\"slackConnected\")}\n      </span>\n    </button>\n  );\n};\n"],"mappings":"+QA2BA,IAAa,GAA4D,CACvE,gBACA,cACA,2BACA,SACA,sBACI,CACJ,GAAM,CAAE,MAAA,EAAA,EAAA,gBAAA,CAAsB,EACxB,GAAA,EAAA,EAAA,eAAA,CAAuB,EAEvB,CACJ,sBACA,mBACA,iBACA,cACA,aACA,WACA,sBACA,mBAAA,EAAA,EAAA,oBAAA,CACsB,EAUlB,CAAE,oBAAmB,wBAAA,EAAA,EAAA,aAAA,CACzB,EACA,GAAA,EAAA,EAAA,QAAA,MATO,CACL,SACA,kBACF,GACA,CAAC,EAAQ,CAAgB,CAMzB,CACF,GAEA,EAAA,EAAA,2BAAA,CAA2B,CACzB,UAAW,EAAM,KACjB,iBACA,sBACA,2BACA,iBAAA,EAAA,EAAA,wBAAA,CACE,EACA,EAAM,MACR,CACF,CAAC,GAED,EAAA,EAAA,eAAA,CAAe,CACb,iBACA,sBACA,2BACA,aAAA,EAAA,EAAA,YAAA,CAAyB,SAChB,EAAM,MAAM,UAAU,CAC3B,OAAQ,EACR,eAAgB,CAClB,CAAC,EACA,CAAC,EAAM,MAAO,EAAU,CAAmB,CAAC,CACjD,CAAC,EAED,IAAM,EAAkB,EAAE,iBAAiB,GAAK,KAC1C,EAAiB,EAAE,gBAAgB,GAAK,KA0D9C,OAtDE,IAAqB,cACrB,IAAqB,iBAGnB,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CAAW,OAAO,OAAO,MAAM,MAAQ,CAAA,GACvC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAEM,EADH,IAAqB,aAChB,kBACA,oBAAoB,CACtB,CAAA,CACH,IAKL,IAAqB,SAErB,EAAA,EAAA,KAAA,CAAC,SAAD,CACE,YAAe,CACb,IAAM,EAAQ,EAAA,gBAAgB,EAAkB,CAAC,EACjD,EAAe,QAAU,EACzB,EAAoB,YAAY,CAClC,EACA,UAAU,iDACV,iBAAoB,EAAe,CAAc,EACjD,iBAAoB,EAAe,IAAI,WARzC,EAUE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CAAW,OAAO,OAAO,MAAM,MAAQ,CAAA,GACvC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,4CACb,GAAe,GAAc,EAAE,YAAY,CACxC,CAAA,CACA,IAKR,IAAqB,gBAErB,EAAA,EAAA,KAAA,CAAC,SAAD,CACE,YAAe,CACb,IAAM,EAAQ,EAAA,gBAAgB,EAAkB,CAAC,EACjD,EAAe,QAAU,EACzB,EAAoB,YAAY,CAClC,EACA,UAAU,iEANZ,EAQE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CAAW,OAAO,OAAO,MAAM,MAAQ,CAAA,GACvC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,EAAE,cAAc,CAAQ,CAAA,CACzB,KAMV,EAAA,EAAA,KAAA,CAAC,SAAD,CACE,QAAS,EACT,UAAU,qDACV,iBAAoB,EAAe,CAAe,EAClD,iBAAoB,EAAe,IAAI,WAJzC,EAME,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CAAW,OAAO,OAAO,MAAM,MAAQ,CAAA,GACvC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,gDACb,GAAe,EAAE,gBAAgB,CAC9B,CAAA,CACA,GAEZ"}

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),c=require("@knocklabs/react-core");;/* empty css               */const l=require("../SlackIcon/SlackIcon.js");;/* empty css            */const n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=n(r),s=({actionButton:e})=>{const{t:a}=c.useTranslations();return t.default.createElement("div",{className:"rsk-auth"},t.default.createElement("div",{className:"rsk-auth__header"},t.default.createElement(l.SlackIcon,{height:"32px",width:"32px"}),t.default.createElement("div",null,e)),t.default.createElement("div",{className:"rsk-auth__title"},"Slack"),t.default.createElement("div",{className:"rsk-auth__description"},a("slackConnectContainerDescription")))};exports.SlackAuthContainer=s;
-//# sourceMappingURL=SlackAuthContainer.js.map
+"use strict";;/* empty css           */const e=require("../SlackIcon/SlackIcon.js");require("../SlackIcon/index.js");/* empty css         */let t=require("@knocklabs/react-core"),n=require("react/jsx-runtime");var r=({actionButton:r})=>{let{t:i}=(0,t.useTranslations)();return(0,n.jsxs)(`div`,{className:`rsk-auth`,children:[(0,n.jsxs)(`div`,{className:`rsk-auth__header`,children:[(0,n.jsx)(e.SlackIcon,{height:`32px`,width:`32px`}),(0,n.jsx)(`div`,{children:r})]}),(0,n.jsx)(`div`,{className:`rsk-auth__title`,children:`Slack`}),(0,n.jsx)(`div`,{className:`rsk-auth__description`,children:i(`slackConnectContainerDescription`)})]})};exports.SlackAuthContainer=r;
+//# sourceMappingURL=SlackAuthContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SlackAuthContainer.js","sources":["../../../../../../src/modules/slack/components/SlackAuthContainer/SlackAuthContainer.tsx"],"sourcesContent":["import { useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAuthContainerProps {\n  actionButton: React.ReactElement;\n}\n\nexport const SlackAuthContainer: FunctionComponent<SlackAuthContainerProps> = ({\n  actionButton,\n}) => {\n  const { t } = useTranslations();\n\n  return (\n    <div className=\"rsk-auth\">\n      <div className=\"rsk-auth__header\">\n        <SlackIcon height=\"32px\" width=\"32px\" />\n        <div>{actionButton}</div>\n      </div>\n      <div className=\"rsk-auth__title\">Slack</div>\n      <div className=\"rsk-auth__description\">\n        {t(\"slackConnectContainerDescription\")}\n      </div>\n    </div>\n  );\n};\n"],"names":["SlackAuthContainer","actionButton","t","useTranslations","React","SlackIcon"],"mappings":"uTAYaA,EAAiEA,CAAC,CAC7EC,aAAAA,CACF,IAAM,CACE,KAAA,CAAEC,EAAAA,GAAMC,kBAAgB,EAE9B,OACGC,EAAA,QAAA,cAAA,MAAA,CAAI,UAAU,oCACZ,MAAI,CAAA,UAAU,kBACb,EAAAA,UAAA,cAACC,EAAU,UAAA,CAAA,OAAO,OAAO,MAAM,OAAM,EACrCD,EAAAA,QAAA,cAAC,MAAKH,KAAAA,CAAa,CACrB,EACCG,EAAA,QAAA,cAAA,MAAA,CAAI,UAAU,iBAAkB,EAAA,OAAK,EACtCA,EAAAA,QAAA,cAAC,OAAI,UAAU,yBACZF,EAAE,kCAAkC,CACvC,CACF,CAEJ"}
+{"version":3,"file":"SlackAuthContainer.js","names":[],"sources":["../../../../../../src/modules/slack/components/SlackAuthContainer/SlackAuthContainer.tsx"],"sourcesContent":["import { useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAuthContainerProps {\n  actionButton: React.ReactElement;\n}\n\nexport const SlackAuthContainer: FunctionComponent<SlackAuthContainerProps> = ({\n  actionButton,\n}) => {\n  const { t } = useTranslations();\n\n  return (\n    <div className=\"rsk-auth\">\n      <div className=\"rsk-auth__header\">\n        <SlackIcon height=\"32px\" width=\"32px\" />\n        <div>{actionButton}</div>\n      </div>\n      <div className=\"rsk-auth__title\">Slack</div>\n      <div className=\"rsk-auth__description\">\n        {t(\"slackConnectContainerDescription\")}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"kNAYA,IAAa,GAAkE,CAC7E,kBACI,CACJ,GAAM,CAAE,MAAA,EAAA,EAAA,gBAAA,CAAsB,EAE9B,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,oBAAf,EACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,4BAAf,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CAAW,OAAO,OAAO,MAAM,MAAQ,CAAA,GACvC,EAAA,EAAA,IAAA,CAAC,MAAD,CAAA,SAAM,CAAkB,CAAA,CACrB,KACL,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,2BAAkB,OAAU,CAAA,GAC3C,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,iCACZ,EAAE,kCAAkC,CAClC,CAAA,CACF,GAET"}

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

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