@jokkoo/sdk-react 0.1.0 → 1.0.8

package/dist/index.js

@@ -518,7 +518,15 @@ function JokkooProvider({
   }
   const queryClient = externalQueryClient ?? internalQueryClientRef.current;
   const translations = (0, import_react2.useMemo)(() => (0, import_sdk_web3.getTranslations)(locale), [locale]);
-  const apiClient = (0, import_react2.useMemo)(() => {
+  const configKey = [
+    clientToken,
+    baseUrl ?? "",
+    locale ?? "",
+    String(debug ?? false),
+    String(tokenRefreshBufferSeconds ?? "")
+  ].join("\0");
+  const clientsRef = (0, import_react2.useRef)(null);
+  if (clientsRef.current?.configKey !== configKey || !import_sdk_web3.Jokkoo.isInitialized()) {
     import_sdk_web3.Jokkoo.init({
       clientToken,
       baseUrl,
@@ -527,10 +535,15 @@ function JokkooProvider({
       tokenRefreshBufferSeconds,
       userTokenProvider: () => tokenProviderRef.current()
     });
-    void import_sdk_web3.Jokkoo.getRealtimeClient().connect();
-    return new import_sdk_web3.JokkooApiClient(import_sdk_web3.Jokkoo.getConfig(), import_sdk_web3.Jokkoo.getTokenManager());
-  }, [clientToken, baseUrl, locale, debug, tokenRefreshBufferSeconds]);
-  const realtimeClient = (0, import_react2.useMemo)(() => import_sdk_web3.Jokkoo.getRealtimeClient(), [apiClient]);
+    const realtimeClient2 = import_sdk_web3.Jokkoo.getRealtimeClient();
+    void realtimeClient2.connect();
+    clientsRef.current = {
+      configKey,
+      apiClient: new import_sdk_web3.JokkooApiClient(import_sdk_web3.Jokkoo.getConfig(), import_sdk_web3.Jokkoo.getTokenManager()),
+      realtimeClient: realtimeClient2
+    };
+  }
+  const { apiClient, realtimeClient } = clientsRef.current;
   const { unreadCount, markConversationRead, isConversationUnread } = useGlobalRealtimeListener({
     apiClient,
     realtimeClient,
@@ -540,9 +553,10 @@ function JokkooProvider({
   });
   (0, import_react2.useEffect)(() => {
     return () => {
+      clientsRef.current = null;
       import_sdk_web3.Jokkoo.destroy();
     };
-  }, []);
+  }, [configKey]);
   const resetNavigation = (0, import_react2.useCallback)(() => {
     setCurrentScreen(initialScreen);
     setIsExpanded(false);