@knocklabs/react-core 0.12.2 → 0.12.4

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

@@ -1,10 +1,9 @@
 import * as React from "react";
-import { PropsWithChildren } from "react";
+import { PropsWithChildren, useRef } from "react";
 
-import { useKnockClient } from "../../core";
+import { type ConnectionStatus, useKnockClient } from "../../core";
 import { msTeamsProviderKey } from "../../core/utils";
 import { useMsTeamsConnectionStatus } from "../hooks";
-import { ConnectionStatus } from "../hooks/useMsTeamsConnectionStatus";
 
 export interface KnockMsTeamsProviderState {
   knockMsTeamsChannelId: string;
@@ -15,6 +14,7 @@ export interface KnockMsTeamsProviderState {
   setErrorLabel: (label: string) => void;
   actionLabel: string | null;
   setActionLabel: (label: string | null) => void;
+  popupWindowRef: React.MutableRefObject<Window | null>;
 }
 
 const MsTeamsProviderStateContext =
@@ -29,6 +29,7 @@ export const KnockMsTeamsProvider: React.FC<
   PropsWithChildren<KnockMsTeamsProviderProps>
 > = ({ knockMsTeamsChannelId, tenantId, children }) => {
   const knock = useKnockClient();
+  const popupWindowRef = useRef<Window | null>(null);
 
   const {
     connectionStatus,
@@ -56,6 +57,7 @@ export const KnockMsTeamsProvider: React.FC<
         setActionLabel,
         knockMsTeamsChannelId,
         tenantId,
+        popupWindowRef,
       }}
     >
       {children}

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

@@ -1,15 +1,9 @@
 import Knock from "@knocklabs/client";
 import { useEffect, useState } from "react";
 
+import { type ConnectionStatus } from "../../core/types";
 import { useTranslations } from "../../i18n";
 
-export type ConnectionStatus =
-  | "connecting"
-  | "connected"
-  | "disconnected"
-  | "error"
-  | "disconnecting";
-
 type UseMsTeamsConnectionStatusOutput = {
   connectionStatus: ConnectionStatus;
   setConnectionStatus: (status: ConnectionStatus) => void;

package/src/modules/slack/context/KnockSlackProvider.tsx

@@ -1,10 +1,9 @@
 import { useSlackConnectionStatus } from "..";
 import * as React from "react";
-import { PropsWithChildren } from "react";
+import { PropsWithChildren, useRef } from "react";
 
-import { slackProviderKey } from "../../core";
+import { type ConnectionStatus, slackProviderKey } from "../../core";
 import { useKnockClient } from "../../core";
-import { ConnectionStatus } from "../hooks/useSlackConnectionStatus";
 
 export interface KnockSlackProviderState {
   knockSlackChannelId: string;
@@ -19,6 +18,7 @@ export interface KnockSlackProviderState {
   setErrorLabel: (label: string) => void;
   actionLabel: string | null;
   setActionLabel: (label: string | null) => void;
+  popupWindowRef: React.MutableRefObject<Window | null>;
 }
 
 const SlackProviderStateContext =
@@ -44,6 +44,7 @@ export const KnockSlackProvider: React.FC<
   const tenantId = "tenantId" in props ? props.tenantId : props.tenant;
 
   const knock = useKnockClient();
+  const popupWindowRef = useRef<Window | null>(null);
 
   const {
     connectionStatus,
@@ -73,6 +74,7 @@ export const KnockSlackProvider: React.FC<
         // Assign the same value to both tenant and tenantId for backwards compatibility
         tenant: tenantId,
         tenantId,
+        popupWindowRef,
       }}
     >
       {children}

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

@@ -1,15 +1,9 @@
 import Knock from "@knocklabs/client";
 import { useEffect, useState } from "react";
 
+import { type ConnectionStatus } from "../../core/types";
 import { useTranslations } from "../../i18n";
 
-export type ConnectionStatus =
-  | "connecting"
-  | "connected"
-  | "disconnected"
-  | "error"
-  | "disconnecting";
-
 type UseSlackConnectionStatusOutput = {
   connectionStatus: ConnectionStatus;
   setConnectionStatus: (status: ConnectionStatus) => void;