@knocklabs/react-core 0.3.0-rc.0 → 0.3.0

package/dist/types/modules/ms-teams/context/KnockMsTeamsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnockMsTeamsProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/ms-teams/context/KnockMsTeamsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAEvE,MAAM,WAAW,yBAAyB;IACxC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,mBAAmB,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,MAAM,WAAW,yBAAyB;IACxC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC,iBAAiB,CAAC,yBAAyB,CAAC,CAmC7C,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAO,yBAQxC,CAAC"}

package/dist/types/modules/ms-teams/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './KnockMsTeamsProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/ms-teams/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/ms-teams/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/types/modules/ms-teams/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useMsTeamsConnectionStatus } from './useMsTeamsConnectionStatus';
+export { default as useMsTeamsAuth } from './useMsTeamsAuth';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/ms-teams/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/ms-teams/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/types/modules/ms-teams/hooks/useMsTeamsAuth.d.ts

@@ -0,0 +1,7 @@
+interface UseMsTeamsAuthOutput {
+    buildMsTeamsAuthUrl: () => string;
+    disconnectFromMsTeams: () => void;
+}
+declare function useMsTeamsAuth(msTeamsBotId: string, redirectUrl?: string): UseMsTeamsAuthOutput;
+export default useMsTeamsAuth;
+//# sourceMappingURL=useMsTeamsAuth.d.ts.map

package/dist/types/modules/ms-teams/hooks/useMsTeamsAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMsTeamsAuth.d.ts","sourceRoot":"","sources":["../../../../../src/modules/ms-teams/hooks/useMsTeamsAuth.ts"],"names":[],"mappings":"AAWA,UAAU,oBAAoB;IAC5B,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAClC,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC;AAED,iBAAS,cAAc,CACrB,YAAY,EAAE,MAAM,EACpB,WAAW,CAAC,EAAE,MAAM,GACnB,oBAAoB,CA8DtB;AAED,eAAe,cAAc,CAAC"}

package/dist/types/modules/ms-teams/hooks/useMsTeamsConnectionStatus.d.ts

@@ -0,0 +1,13 @@
+import { default as Knock } from '@knocklabs/client';
+export type ConnectionStatus = "connecting" | "connected" | "disconnected" | "error" | "disconnecting";
+type UseMsTeamsConnectionStatusOutput = {
+    connectionStatus: ConnectionStatus;
+    setConnectionStatus: (status: ConnectionStatus) => void;
+    errorLabel: string | null;
+    setErrorLabel: (errorLabel: string) => void;
+    actionLabel: string | null;
+    setActionLabel: (actionLabel: string | null) => void;
+};
+declare function useMsTeamsConnectionStatus(knock: Knock, knockMsTeamsChannelId: string, tenantId: string): UseMsTeamsConnectionStatusOutput;
+export default useMsTeamsConnectionStatus;
+//# sourceMappingURL=useMsTeamsConnectionStatus.d.ts.map

package/dist/types/modules/ms-teams/hooks/useMsTeamsConnectionStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMsTeamsConnectionStatus.d.ts","sourceRoot":"","sources":["../../../../../src/modules/ms-teams/hooks/useMsTeamsConnectionStatus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAKtC,MAAM,MAAM,gBAAgB,GACxB,YAAY,GACZ,WAAW,GACX,cAAc,GACd,OAAO,GACP,eAAe,CAAC;AAEpB,KAAK,gCAAgC,GAAG;IACtC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,mBAAmB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,iBAAS,0BAA0B,CACjC,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,MAAM,EAC7B,QAAQ,EAAE,MAAM,GACf,gCAAgC,CAsDlC;AAED,eAAe,0BAA0B,CAAC"}

package/dist/types/modules/ms-teams/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/ms-teams/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/types/modules/slack/hooks/useConnectedSlackChannels.d.ts

@@ -1,6 +1,5 @@
 import { ContainerObject } from '..';
 import { SlackChannelConnection } from '@knocklabs/client';
-
 type UseSlackChannelsProps = {
     slackChannelsRecipientObject: ContainerObject;
 };

package/dist/types/modules/slack/hooks/useSlackChannels.d.ts

@@ -1,6 +1,5 @@
 import { SlackChannelQueryOptions } from '..';
 import { SlackChannel } from '@knocklabs/client';
-
 type UseSlackChannelsProps = {
     queryOptions?: SlackChannelQueryOptions;
 };

package/dist/types/modules/slack/hooks/useSlackConnectionStatus.d.ts

@@ -1,5 +1,4 @@
 import { default as Knock } from '@knocklabs/client';
-
 export type ConnectionStatus = "connecting" | "connected" | "disconnected" | "error" | "disconnecting";
 type UseSlackConnectionStatusOutput = {
     connectionStatus: ConnectionStatus;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@knocklabs/react-core",
   "description": "A set of React components to build notification experiences powered by Knock",
   "author": "@knocklabs",
-  "version": "0.3.0-rc.0",
+  "version": "0.3.0",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
@@ -49,8 +49,7 @@
     "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@knocklabs/client": "^0.11.0-rc.0",
-    "@tanstack/react-store": "^0.5.5",
+    "@knocklabs/client": "^0.11.0",
     "date-fns": "^4.0.0",
     "swr": "^2.2.5",
     "zustand": "^3.7.2"
@@ -58,21 +57,21 @@
   "devDependencies": {
     "@testing-library/react": "^14.2.0",
     "@types/react": "^18.3.6",
-    "@typescript-eslint/eslint-plugin": "^6.20.0",
-    "@typescript-eslint/parser": "^8.8.1",
-    "@vitejs/plugin-react": "^4.3.2",
+    "@typescript-eslint/eslint-plugin": "^8.19.1",
+    "@typescript-eslint/parser": "^8.16.0",
+    "@vitejs/plugin-react": "^4.3.4",
     "babel-plugin-react-require": "^4.0.3",
     "eslint": "^8.56.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.4",
-    "jsdom": "^24.0.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "jsdom": "^25.0.1",
     "react": "^18.2.0",
     "rimraf": "^6.0.1",
     "rollup-plugin-execute": "^1.1.1",
-    "typescript": "^5.6.2",
+    "typescript": "^5.6.3",
     "vite": "^5.0.0",
-    "vite-plugin-dts": "^3.6.3",
+    "vite-plugin-dts": "^4.3.0",
     "vite-plugin-no-bundle": "^4.0.0",
-    "vitest": "^2.0.5"
+    "vitest": "^2.1.4"
   }
 }

package/src/index.ts

@@ -1,5 +1,5 @@
 export * from "./modules/core";
 export * from "./modules/feed";
-export * from "./modules/in-app-messages";
+export * from "./modules/ms-teams";
 export * from "./modules/slack";
 export * from "./modules/i18n";

package/src/modules/core/context/KnockProvider.tsx

@@ -9,7 +9,9 @@ export interface KnockProviderState {
   knock: Knock;
 }
 
-const KnockContext = React.createContext<KnockProviderState | null>(null);
+const ProviderStateContext = React.createContext<KnockProviderState | null>(
+  null,
+);
 
 export interface KnockProviderProps {
   // Knock client props
@@ -57,20 +59,20 @@ export const KnockProvider: React.FC<PropsWithChildren<KnockProviderProps>> = ({
   );
 
   return (
-    <KnockContext.Provider
+    <ProviderStateContext.Provider
       value={{
         knock,
       }}
     >
       <KnockI18nProvider i18n={i18n}>{children}</KnockI18nProvider>
-    </KnockContext.Provider>
+    </ProviderStateContext.Provider>
   );
 };
 
 export const useKnockClient = (): Knock => {
-  const context = React.useContext(KnockContext);
-  if (!context) {
-    throw new Error("useKnockClient must be used within a KnockProvider");
+  const context = React.useContext(ProviderStateContext) as KnockProviderState;
+  if (context === undefined) {
+    throw new Error("useKnock must be used within a KnockProvider");
   }
   return context.knock;
 };

package/src/modules/core/utils.ts

@@ -21,7 +21,7 @@ export function formatTimestamp(
     });
 
     return formatted;
-  } catch (e) {
+  } catch (_e) {
     return ts;
   }
 }
@@ -74,3 +74,23 @@ export function slackProviderKey({
     .filter((f) => f !== null && f !== undefined)
     .join("-");
 }
+
+/*
+  Used to build a consistent key for the KnockMsTeamsProvider so that React knows when
+  to trigger a re-render of the context when a key property changes.
+*/
+export function msTeamsProviderKey({
+  knockMsTeamsChannelId,
+  tenantId,
+  connectionStatus,
+  errorLabel,
+}: {
+  knockMsTeamsChannelId: string;
+  tenantId: string;
+  connectionStatus: string;
+  errorLabel: string | null;
+}) {
+  return [knockMsTeamsChannelId, tenantId, connectionStatus, errorLabel]
+    .filter((f) => f !== null && f !== undefined)
+    .join("-");
+}

package/src/modules/feed/context/KnockFeedProvider.tsx

@@ -20,7 +20,7 @@ export interface KnockFeedProviderState {
   colorMode: ColorMode;
 }
 
-const KnockFeedContext = React.createContext<
+const FeedStateContext = React.createContext<
   KnockFeedProviderState | undefined
 >(undefined);
 
@@ -38,18 +38,12 @@ export interface KnockFeedProviderProps {
 export const KnockFeedProvider: React.FC<
   PropsWithChildren<KnockFeedProviderProps>
 > = ({ feedId, children, defaultFeedOptions = {}, colorMode = "light" }) => {
-  let knock: Knock;
-  try {
-    knock = useKnockClient();
-  } catch (error) {
-    throw new Error("KnockFeedProvider must be used within a KnockProvider.");
-  }
-
+  const knock = useKnockClient();
   const feedClient = useNotifications(knock, feedId, defaultFeedOptions);
   const useFeedStore = useCreateNotificationStore(feedClient);
 
   return (
-    <KnockFeedContext.Provider
+    <FeedStateContext.Provider
       key={feedProviderKey(knock.userId, feedId, defaultFeedOptions)}
       value={{
         knock,
@@ -59,12 +53,13 @@ export const KnockFeedProvider: React.FC<
       }}
     >
       {children}
-    </KnockFeedContext.Provider>
+    </FeedStateContext.Provider>
   );
 };
 
 export const useKnockFeed = (): KnockFeedProviderState => {
-  const context = React.useContext(KnockFeedContext);
+  const context = React.useContext(FeedStateContext);
+
   if (!context) {
     throw new Error("useKnockFeed must be used within a KnockFeedProvider");
   }

package/src/modules/i18n/languages/en.ts

@@ -12,6 +12,16 @@ const en: I18nContent = {
     unread: "Unread",
     read: "Read",
     unseen: "Unseen",
+    msTeamsConnect: "Connect to Microsoft Teams",
+    msTeamsConnected: "Connected",
+    msTeamsConnecting: "Connecting to Microsoft Teams…",
+    msTeamsConnectContainerDescription:
+      "Connect to get notifications in Microsoft Teams",
+    msTeamsDisconnect: "Disconnect",
+    msTeamsDisconnecting: "Disconnecting from Microsoft Teams…",
+    msTeamsError: "Error",
+    msTeamsReconnect: "Reconnect",
+    msTeamsTenantIdNotSet: "Microsoft Teams tenant ID not set.",
     slackConnectChannel: "Connect channel",
     slackChannelId: "Slack channel ID",
     slackConnecting: "Connecting to Slack...",

package/src/modules/i18n/languages/index.ts

@@ -13,6 +13,15 @@ export interface Translations {
   readonly unread: string;
   readonly read: string;
   readonly unseen: string;
+  readonly msTeamsConnect: string;
+  readonly msTeamsConnected: string;
+  readonly msTeamsConnecting: string;
+  readonly msTeamsConnectContainerDescription: string;
+  readonly msTeamsDisconnect: string;
+  readonly msTeamsDisconnecting: string;
+  readonly msTeamsError: string;
+  readonly msTeamsReconnect: string;
+  readonly msTeamsTenantIdNotSet: string;
   readonly slackConnectChannel: string;
   readonly slackChannelId: string;
   readonly slackConnecting: string;

package/src/modules/ms-teams/context/KnockMsTeamsProvider.tsx

@@ -0,0 +1,74 @@
+import * as React from "react";
+import { PropsWithChildren } from "react";
+
+import { useKnockClient } from "../../core";
+import { msTeamsProviderKey } from "../../core/utils";
+import { useMsTeamsConnectionStatus } from "../hooks";
+import { ConnectionStatus } from "../hooks/useMsTeamsConnectionStatus";
+
+export interface KnockMsTeamsProviderState {
+  knockMsTeamsChannelId: string;
+  tenantId: string;
+  connectionStatus: ConnectionStatus;
+  setConnectionStatus: (connectionStatus: ConnectionStatus) => void;
+  errorLabel: string | null;
+  setErrorLabel: (label: string) => void;
+  actionLabel: string | null;
+  setActionLabel: (label: string | null) => void;
+}
+
+const MsTeamsProviderStateContext =
+  React.createContext<KnockMsTeamsProviderState | null>(null);
+
+export interface KnockMsTeamsProviderProps {
+  knockMsTeamsChannelId: string;
+  tenantId: string;
+}
+
+export const KnockMsTeamsProvider: React.FC<
+  PropsWithChildren<KnockMsTeamsProviderProps>
+> = ({ knockMsTeamsChannelId, tenantId, children }) => {
+  const knock = useKnockClient();
+
+  const {
+    connectionStatus,
+    setConnectionStatus,
+    errorLabel,
+    setErrorLabel,
+    actionLabel,
+    setActionLabel,
+  } = useMsTeamsConnectionStatus(knock, knockMsTeamsChannelId, tenantId);
+
+  return (
+    <MsTeamsProviderStateContext.Provider
+      key={msTeamsProviderKey({
+        knockMsTeamsChannelId,
+        tenantId,
+        connectionStatus,
+        errorLabel,
+      })}
+      value={{
+        connectionStatus,
+        setConnectionStatus,
+        errorLabel,
+        setErrorLabel,
+        actionLabel,
+        setActionLabel,
+        knockMsTeamsChannelId,
+        tenantId,
+      }}
+    >
+      {children}
+    </MsTeamsProviderStateContext.Provider>
+  );
+};
+
+export const useKnockMsTeamsClient = (): KnockMsTeamsProviderState => {
+  const context = React.useContext(MsTeamsProviderStateContext);
+  if (!context) {
+    throw new Error(
+      "useKnockMsTeamsClient must be used within a KnockMsTeamsProvider",
+    );
+  }
+  return context;
+};

package/src/modules/ms-teams/context/index.ts

@@ -0,0 +1 @@
+export * from "./KnockMsTeamsProvider";

package/src/modules/ms-teams/hooks/index.ts

@@ -0,0 +1,2 @@
+export { default as useMsTeamsConnectionStatus } from "./useMsTeamsConnectionStatus";
+export { default as useMsTeamsAuth } from "./useMsTeamsAuth";

package/src/modules/ms-teams/hooks/useMsTeamsAuth.ts

@@ -0,0 +1,84 @@
+import { useKnockMsTeamsClient } from "..";
+import { TENANT_OBJECT_COLLECTION } from "@knocklabs/client";
+import { useCallback, useMemo } from "react";
+
+import { useKnockClient } from "../../core";
+
+const MS_TEAMS_ADMINCONSENT_URL =
+  "https://login.microsoftonline.com/organizations/adminconsent";
+
+const AUTH_REDIRECT_PATH = "/providers/ms-teams/authenticate";
+
+interface UseMsTeamsAuthOutput {
+  buildMsTeamsAuthUrl: () => string;
+  disconnectFromMsTeams: () => void;
+}
+
+function useMsTeamsAuth(
+  msTeamsBotId: string,
+  redirectUrl?: string,
+): UseMsTeamsAuthOutput {
+  const knock = useKnockClient();
+  const {
+    setConnectionStatus,
+    knockMsTeamsChannelId,
+    tenantId,
+    setActionLabel,
+  } = useKnockMsTeamsClient();
+
+  const authRedirectUri = useMemo(
+    () => knock.host + AUTH_REDIRECT_PATH,
+    [knock.host],
+  );
+
+  const buildMsTeamsAuthUrl = useCallback(() => {
+    const rawParams = {
+      state: JSON.stringify({
+        redirect_url: redirectUrl,
+        ms_teams_tenant_object: {
+          object_id: tenantId,
+          collection: TENANT_OBJECT_COLLECTION,
+        },
+        channel_id: knockMsTeamsChannelId,
+        public_key: knock.apiKey,
+        user_token: knock.userToken,
+      }),
+      client_id: msTeamsBotId,
+      redirect_uri: authRedirectUri,
+    };
+    return `${MS_TEAMS_ADMINCONSENT_URL}?${new URLSearchParams(rawParams)}`;
+  }, [
+    redirectUrl,
+    tenantId,
+    knockMsTeamsChannelId,
+    knock.apiKey,
+    knock.userToken,
+    msTeamsBotId,
+    authRedirectUri,
+  ]);
+
+  const disconnectFromMsTeams = useCallback(async () => {
+    setActionLabel(null);
+    setConnectionStatus("disconnecting");
+    try {
+      const revokeResult = await knock.msTeams.revokeAccessToken({
+        tenant: tenantId,
+        knockChannelId: knockMsTeamsChannelId,
+      });
+
+      setConnectionStatus(revokeResult === "ok" ? "disconnected" : "error");
+    } catch (_error) {
+      setConnectionStatus("error");
+    }
+  }, [
+    setConnectionStatus,
+    knock.msTeams,
+    tenantId,
+    knockMsTeamsChannelId,
+    setActionLabel,
+  ]);
+
+  return { buildMsTeamsAuthUrl, disconnectFromMsTeams };
+}
+
+export default useMsTeamsAuth;

package/src/modules/ms-teams/hooks/useMsTeamsConnectionStatus.ts

@@ -0,0 +1,82 @@
+import Knock from "@knocklabs/client";
+import { useEffect, useState } from "react";
+
+import { useTranslations } from "../../i18n";
+
+export type ConnectionStatus =
+  | "connecting"
+  | "connected"
+  | "disconnected"
+  | "error"
+  | "disconnecting";
+
+type UseMsTeamsConnectionStatusOutput = {
+  connectionStatus: ConnectionStatus;
+  setConnectionStatus: (status: ConnectionStatus) => void;
+  errorLabel: string | null;
+  setErrorLabel: (errorLabel: string) => void;
+  actionLabel: string | null;
+  setActionLabel: (actionLabel: string | null) => void;
+};
+
+function useMsTeamsConnectionStatus(
+  knock: Knock,
+  knockMsTeamsChannelId: string,
+  tenantId: string,
+): UseMsTeamsConnectionStatusOutput {
+  const { t } = useTranslations();
+
+  const [connectionStatus, setConnectionStatus] =
+    useState<ConnectionStatus>("connecting");
+  const [errorLabel, setErrorLabel] = useState<string | null>(null);
+  const [actionLabel, setActionLabel] = useState<string | null>(null);
+
+  useEffect(() => {
+    const checkAuthStatus = async () => {
+      if (connectionStatus !== "connecting") return;
+
+      try {
+        const authRes = await knock.msTeams.authCheck({
+          tenant: tenantId,
+          knockChannelId: knockMsTeamsChannelId,
+        });
+
+        if (authRes.connection?.ok === true) {
+          return setConnectionStatus("connected");
+        }
+
+        if (authRes.connection?.ok === false) {
+          return setConnectionStatus("disconnected");
+        }
+
+        // This is a normal response for a tenant that doesn't have
+        // ms_teams_tenant_id set on it, meaning it's not connected to MS Teams,
+        // so we give it a "disconnected" status instead of an error status.
+        if (
+          authRes.code === "ERR_BAD_REQUEST" &&
+          authRes.response?.data?.message === t("msTeamsTenantIdNotSet")
+        ) {
+          return setConnectionStatus("disconnected");
+        }
+
+        // This is for any Knock errors that would require a reconnect.
+        setConnectionStatus("error");
+      } catch (_error) {
+        setConnectionStatus("error");
+      }
+    };
+
+    checkAuthStatus();
+  }, [connectionStatus, tenantId, knockMsTeamsChannelId, knock.msTeams, t]);
+
+  return {
+    connectionStatus,
+    setConnectionStatus,
+    errorLabel,
+    setErrorLabel,
+    actionLabel,
+    setActionLabel,
+  };
+}
+
+export default useMsTeamsConnectionStatus;

package/src/modules/ms-teams/index.ts

@@ -0,0 +1,2 @@
+export * from "./context";
+export * from "./hooks";

package/src/modules/slack/hooks/useConnectedSlackChannels.ts

@@ -87,7 +87,7 @@ function useConnectedSlackChannels({
         data: { connections: channelsToSendToKnock },
       });
       fetchAndSetConnectedChannels();
-    } catch (error) {
+    } catch (_error) {
       setError(t("slackChannelSetError") || "");
     }
     setIsUpdating(false);

package/src/modules/slack/hooks/useSlackAuth.ts

@@ -45,7 +45,7 @@ function useSlackAuth(
       } else {
         setConnectionStatus("error");
       }
-    } catch (error) {
+    } catch (_error) {
       setConnectionStatus("error");
     }
   }, [

package/src/modules/slack/hooks/useSlackConnectionStatus.ts

@@ -81,7 +81,7 @@ function useSlackConnectionStatus(
         // This is for any Knock errors that would require a reconnect.
 
         setConnectionStatus("error");
-      } catch (error) {
+      } catch (_error) {
         setConnectionStatus("error");
       }
     };

package/dist/cjs/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@knocklabs/client"),p=require("react"),l=require("../../core/context/KnockProvider.js"),g=require("../../core/hooks/useStableOptions.js");require("date-fns");function d(e){if(e&&typeof e=="object"&&"default"in e)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const s=d(p),c=s.createContext(void 0),C=({children:e,channelId:n,colorMode:t="light",defaultOptions:r})=>{let o;try{o=l.useKnockClient()}catch{throw new Error("KnockInAppMessagesChannelProvider must be used within a KnockProvider.")}const a=g(r),i=s.useMemo(()=>new u.InAppMessagesChannelClient(o,n,a),[o,n,a]);return s.createElement(c.Provider,{value:{inAppMessagesChannelClient:i,colorMode:t}},e)},h=()=>{const e=s.useContext(c);if(!e)throw new Error("useInAppMessagesChannel must be used within a KnockInAppMessagesChannelProvider");return e};exports.KnockInAppMessagesChannelProvider=C;exports.useInAppMessagesChannel=h;
-//# sourceMappingURL=KnockInAppMessagesChannelProvider.js.map

package/dist/cjs/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KnockInAppMessagesChannelProvider.js","sources":["../../../../../src/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.tsx"],"sourcesContent":["import Knock, {\n  InAppMessagesChannelClient,\n  InAppMessagesClientOptions,\n} from \"@knocklabs/client\";\nimport * as React from \"react\";\n\nimport { useKnockClient, useStableOptions } from \"../../core\";\nimport { ColorMode } from \"../../core/constants\";\n\nexport interface KnockInAppMessagesChannelProviderState {\n  inAppMessagesChannelClient: InAppMessagesChannelClient;\n  colorMode: ColorMode;\n}\n\nexport interface KnockInAppMessagesChannelProviderProps {\n  // In-App Message props\n  channelId: string;\n  defaultOptions?: InAppMessagesClientOptions;\n\n  // Extra options\n  colorMode?: ColorMode;\n}\n\nconst KnockInAppMessagesContext = React.createContext<\n  KnockInAppMessagesChannelProviderState | undefined\n>(undefined);\n\nexport const KnockInAppMessagesChannelProvider: React.FC<\n  React.PropsWithChildren<KnockInAppMessagesChannelProviderProps>\n> = ({ children, channelId, colorMode = \"light\", defaultOptions }) => {\n  let knock: Knock;\n  try {\n    knock = useKnockClient();\n  } catch (error) {\n    throw new Error(\n      \"KnockInAppMessagesChannelProvider must be used within a KnockProvider.\",\n    );\n  }\n\n  const stableOptions = useStableOptions(defaultOptions);\n\n  const inAppMessagesChannelClient = React.useMemo(() => {\n    return new InAppMessagesChannelClient(knock, channelId, stableOptions);\n  }, [knock, channelId, stableOptions]);\n\n  return (\n    <KnockInAppMessagesContext.Provider\n      value={{\n        inAppMessagesChannelClient,\n        colorMode,\n      }}\n    >\n      {children}\n    </KnockInAppMessagesContext.Provider>\n  );\n};\n\nexport const useInAppMessagesChannel =\n  (): KnockInAppMessagesChannelProviderState => {\n    const context = React.useContext(KnockInAppMessagesContext);\n    if (!context) {\n      throw new Error(\n        \"useInAppMessagesChannel must be used within a KnockInAppMessagesChannelProvider\",\n      );\n    }\n\n    return context;\n  };\n"],"names":["KnockInAppMessagesContext","React","createContext","undefined","KnockInAppMessagesChannelProvider","children","channelId","colorMode","defaultOptions","knock","useKnockClient","Error","stableOptions","useStableOptions","inAppMessagesChannelClient","useMemo","InAppMessagesChannelClient","useInAppMessagesChannel","context","useContext"],"mappings":"0kBAuBMA,EAA4BC,EAAMC,cAEtCC,MAAS,EAEEC,EAETA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,UAAAA,EAAY,QAASC,eAAAA,CAAe,IAAM,CAChEC,IAAAA,EACA,GAAA,CACFA,EAAQC,EAAe,eAAA,OACT,CACR,MAAA,IAAIC,MACR,wEACF,CACF,CAEMC,MAAAA,EAAgBC,EAAiBL,CAAc,EAE/CM,EAA6Bb,EAAMc,QAAQ,IACxC,IAAIC,EAAAA,2BAA2BP,EAAOH,EAAWM,CAAa,EACpE,CAACH,EAAOH,EAAWM,CAAa,CAAC,EAEpC,OACGX,EAAA,cAAAD,EAA0B,SAA1B,CACC,MAAO,CACLc,2BAAAA,EACAP,UAAAA,CAAAA,GAGDF,CACH,CAEJ,EAEaY,EACXA,IAA8C,CACtCC,MAAAA,EAAUjB,EAAMkB,WAAWnB,CAAyB,EAC1D,GAAI,CAACkB,EACG,MAAA,IAAIP,MACR,iFACF,EAGKO,OAAAA,CACT"}

package/dist/cjs/modules/in-app-messages/hooks/useInAppMessages.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@knocklabs/client"),l=require("@tanstack/react-store"),o=require("react");require("../../core/context/KnockProvider.js");const M=require("../../core/hooks/useStableOptions.js");require("date-fns");const A=require("../context/KnockInAppMessagesChannelProvider.js"),u=(n,r={})=>{const{inAppMessagesChannelClient:e}=A.useInAppMessagesChannel(),t=M(r),s=o.useMemo(()=>new g.InAppMessagesClient(e,n,t),[e,n,t]),{messages:a,networkStatus:c,loading:i}=l.useStore(e.store,p=>s.getQueryInfoSelector(p));return o.useEffect(()=>(s.subscribe(),s.fetch(),()=>{s.unsubscribe()}),[]),{messages:a,networkStatus:c,loading:i,inAppMessagesClient:s}},b=(n,r={})=>{const{messages:e,...t}=u(n,{...r,page_size:1});return{message:e[0],...t}};exports.useInAppMessage=b;exports.useInAppMessages=u;
-//# sourceMappingURL=useInAppMessages.js.map

package/dist/cjs/modules/in-app-messages/hooks/useInAppMessages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInAppMessages.js","sources":["../../../../../src/modules/in-app-messages/hooks/useInAppMessages.ts"],"sourcesContent":["import {\n  InAppMessage,\n  InAppMessagesClient,\n  InAppMessagesClientOptions,\n  NetworkStatus,\n} from \"@knocklabs/client\";\nimport { GenericData } from \"@knocklabs/types\";\nimport { useStore } from \"@tanstack/react-store\";\nimport { useEffect, useMemo } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\nimport { useInAppMessagesChannel } from \"../context\";\n\nexport interface UseInAppMessagesOptions extends InAppMessagesClientOptions {}\n\nexport interface UseInAppMessagesResponse<\n  TContent extends GenericData,\n  TData extends GenericData,\n> {\n  messages: InAppMessage<TContent, TData>[];\n  networkStatus: NetworkStatus;\n  loading: boolean;\n  inAppMessagesClient: InAppMessagesClient;\n}\n\nexport const useInAppMessages = <\n  TContent extends GenericData = GenericData,\n  TData extends GenericData = GenericData,\n>(\n  messageType: string,\n  options: UseInAppMessagesOptions = {},\n): UseInAppMessagesResponse<TContent, TData> => {\n  const { inAppMessagesChannelClient } = useInAppMessagesChannel();\n\n  const stableOptions = useStableOptions(options);\n\n  const inAppMessagesClient = useMemo(() => {\n    return new InAppMessagesClient(\n      inAppMessagesChannelClient,\n      messageType,\n      stableOptions,\n    );\n  }, [inAppMessagesChannelClient, messageType, stableOptions]);\n\n  const { messages, networkStatus, loading } = useStore(\n    inAppMessagesChannelClient.store,\n    (state) => inAppMessagesClient.getQueryInfoSelector<TContent, TData>(state),\n  );\n\n  useEffect(() => {\n    inAppMessagesClient.subscribe();\n    inAppMessagesClient.fetch();\n\n    return () => {\n      inAppMessagesClient.unsubscribe();\n    };\n    // Run only once at mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return { messages, networkStatus, loading, inAppMessagesClient };\n};\n\nexport type UseInAppMessageOptions = Omit<UseInAppMessagesOptions, \"page_size\">;\n\nexport interface UseInAppMessageResponse<\n  TContent extends GenericData,\n  TData extends GenericData,\n> extends GenericData {\n  message?: InAppMessage<TContent, TData>;\n  networkStatus: NetworkStatus;\n  loading: boolean;\n  inAppMessagesClient: InAppMessagesClient;\n}\n\nexport const useInAppMessage = <\n  TContent extends GenericData = GenericData,\n  TData extends GenericData = GenericData,\n>(\n  messageType: string,\n  options: UseInAppMessageOptions = {},\n): UseInAppMessageResponse<TContent, TData> => {\n  const { messages, ...rest } = useInAppMessages<TContent, TData>(messageType, {\n    ...options,\n    page_size: 1,\n  });\n\n  return { message: messages[0], ...rest };\n};\n"],"names":["useInAppMessages","messageType","options","inAppMessagesChannelClient","useInAppMessagesChannel","stableOptions","useStableOptions","inAppMessagesClient","useMemo","InAppMessagesClient","messages","networkStatus","loading","useStore","store","getQueryInfoSelector","state","useEffect","subscribe","fetch","unsubscribe","useInAppMessage","rest","page_size","message"],"mappings":"yWAyBaA,EAAmB,CAI9BC,EACAC,EAAmC,KACW,CACxC,KAAA,CAAEC,2BAAAA,GAA+BC,EAAwB,wBAAA,EAEzDC,EAAgBC,EAAiBJ,CAAO,EAExCK,EAAsBC,EAAAA,QAAQ,IAC3B,IAAIC,EAAAA,oBACTN,EACAF,EACAI,CACF,EACC,CAACF,EAA4BF,EAAaI,CAAa,CAAC,EAErD,CAAEK,SAAAA,EAAUC,cAAAA,EAAeC,QAAAA,CAAAA,EAAYC,WAC3CV,EAA2BW,SAChBP,EAAoBQ,qBAAsCC,CAAK,CAC5E,EAEAC,OAAAA,EAAAA,UAAU,KACRV,EAAoBW,UAAU,EAC9BX,EAAoBY,MAAM,EAEnB,IAAM,CACXZ,EAAoBa,YAAY,CAAA,GAIjC,CAAE,CAAA,EAEE,CAAEV,SAAAA,EAAUC,cAAAA,EAAeC,QAAAA,EAASL,oBAAAA,CAAAA,CAC7C,EAcac,EAAkB,CAI7BpB,EACAC,EAAkC,KACW,CACvC,KAAA,CAAEQ,SAAAA,EAAU,GAAGY,CAAAA,EAAStB,EAAkCC,EAAa,CAC3E,GAAGC,EACHqB,UAAW,CAAA,CACZ,EAEM,MAAA,CAAEC,QAASd,EAAS,CAAC,EAAG,GAAGY,CAAAA,CACpC"}

package/dist/esm/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.mjs

@@ -1,33 +0,0 @@
-import { InAppMessagesChannelClient as c } from "@knocklabs/client";
-import * as n from "react";
-import { useKnockClient as l } from "../../core/context/KnockProvider.mjs";
-import u from "../../core/hooks/useStableOptions.mjs";
-import "date-fns";
-const r = n.createContext(void 0), k = ({
-  children: e,
-  channelId: t,
-  colorMode: a = "light",
-  defaultOptions: p
-}) => {
-  let s;
-  try {
-    s = l();
-  } catch {
-    throw new Error("KnockInAppMessagesChannelProvider must be used within a KnockProvider.");
-  }
-  const o = u(p), i = n.useMemo(() => new c(s, t, o), [s, t, o]);
-  return /* @__PURE__ */ n.createElement(r.Provider, { value: {
-    inAppMessagesChannelClient: i,
-    colorMode: a
-  } }, e);
-}, A = () => {
-  const e = n.useContext(r);
-  if (!e)
-    throw new Error("useInAppMessagesChannel must be used within a KnockInAppMessagesChannelProvider");
-  return e;
-};
-export {
-  k as KnockInAppMessagesChannelProvider,
-  A as useInAppMessagesChannel
-};
-//# sourceMappingURL=KnockInAppMessagesChannelProvider.mjs.map

package/dist/esm/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"KnockInAppMessagesChannelProvider.mjs","sources":["../../../../../src/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.tsx"],"sourcesContent":["import Knock, {\n  InAppMessagesChannelClient,\n  InAppMessagesClientOptions,\n} from \"@knocklabs/client\";\nimport * as React from \"react\";\n\nimport { useKnockClient, useStableOptions } from \"../../core\";\nimport { ColorMode } from \"../../core/constants\";\n\nexport interface KnockInAppMessagesChannelProviderState {\n  inAppMessagesChannelClient: InAppMessagesChannelClient;\n  colorMode: ColorMode;\n}\n\nexport interface KnockInAppMessagesChannelProviderProps {\n  // In-App Message props\n  channelId: string;\n  defaultOptions?: InAppMessagesClientOptions;\n\n  // Extra options\n  colorMode?: ColorMode;\n}\n\nconst KnockInAppMessagesContext = React.createContext<\n  KnockInAppMessagesChannelProviderState | undefined\n>(undefined);\n\nexport const KnockInAppMessagesChannelProvider: React.FC<\n  React.PropsWithChildren<KnockInAppMessagesChannelProviderProps>\n> = ({ children, channelId, colorMode = \"light\", defaultOptions }) => {\n  let knock: Knock;\n  try {\n    knock = useKnockClient();\n  } catch (error) {\n    throw new Error(\n      \"KnockInAppMessagesChannelProvider must be used within a KnockProvider.\",\n    );\n  }\n\n  const stableOptions = useStableOptions(defaultOptions);\n\n  const inAppMessagesChannelClient = React.useMemo(() => {\n    return new InAppMessagesChannelClient(knock, channelId, stableOptions);\n  }, [knock, channelId, stableOptions]);\n\n  return (\n    <KnockInAppMessagesContext.Provider\n      value={{\n        inAppMessagesChannelClient,\n        colorMode,\n      }}\n    >\n      {children}\n    </KnockInAppMessagesContext.Provider>\n  );\n};\n\nexport const useInAppMessagesChannel =\n  (): KnockInAppMessagesChannelProviderState => {\n    const context = React.useContext(KnockInAppMessagesContext);\n    if (!context) {\n      throw new Error(\n        \"useInAppMessagesChannel must be used within a KnockInAppMessagesChannelProvider\",\n      );\n    }\n\n    return context;\n  };\n"],"names":["KnockInAppMessagesContext","React","createContext","undefined","KnockInAppMessagesChannelProvider","children","channelId","colorMode","defaultOptions","knock","useKnockClient","Error","stableOptions","useStableOptions","inAppMessagesChannelClient","useMemo","InAppMessagesChannelClient","useInAppMessagesChannel","context","useContext"],"mappings":";;;;;AAuBA,MAAMA,IAA4BC,EAAMC,cAEtCC,MAAS,GAEEC,IAETA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,WAAAA,IAAY;AAAA,EAASC,gBAAAA;AAAe,MAAM;AAChEC,MAAAA;AACA,MAAA;AACFA,IAAAA,IAAQC,EAAe;AAAA,UACT;AACR,UAAA,IAAIC,MACR,wEACF;AAAA,EACF;AAEMC,QAAAA,IAAgBC,EAAiBL,CAAc,GAE/CM,IAA6Bb,EAAMc,QAAQ,MACxC,IAAIC,EAA2BP,GAAOH,GAAWM,CAAa,GACpE,CAACH,GAAOH,GAAWM,CAAa,CAAC;AAEpC,SACG,gBAAAX,EAAA,cAAAD,EAA0B,UAA1B,EACC,OAAO;AAAA,IACLc,4BAAAA;AAAAA,IACAP,WAAAA;AAAAA,EAAAA,KAGDF,CACH;AAEJ,GAEaY,IACXA,MAA8C;AACtCC,QAAAA,IAAUjB,EAAMkB,WAAWnB,CAAyB;AAC1D,MAAI,CAACkB;AACG,UAAA,IAAIP,MACR,iFACF;AAGKO,SAAAA;AACT;"}