@embedreach/components 0.1.98 → 0.1.100

package/dist/chunks/index.js

@@ -13050,7 +13050,7 @@ const authListeners = [
     }
   }
 ];
-const { Provider: Provider$3 } = createDataContext(
+const { Context: Context$2, Provider: Provider$3 } = createDataContext(
   authReducer,
   {
     handleReauth
@@ -13620,6 +13620,44 @@ const ThemeInitializer = ({ initialTheme, children: children2 }) => {
 const Provider$2 = ({ initialTheme, children: children2 }) => {
   return /* @__PURE__ */ jsx(BaseProvider, { children: /* @__PURE__ */ jsx(ThemeInitializer, { initialTheme, children: children2 }) });
 };
+const useAuthContext = (reauthCallback) => {
+  const context2 = useContext$1(Context$2);
+  const hasTriedReauth = useRef(false);
+  const callbackRef = useRef(reauthCallback);
+  useEffect(() => {
+    callbackRef.current = reauthCallback;
+  }, [reauthCallback]);
+  if (context2 === void 0) {
+    throw new Error("useAuthContext must be used within an AuthProvider");
+  }
+  const { state, handleReauth: handleReauth2 } = context2;
+  useEffect(() => {
+    if (!state.isAuthenticated && state.reauthing && !hasTriedReauth.current) {
+      hasTriedReauth.current = true;
+      if (callbackRef.current) {
+        handleReauth2(callbackRef.current);
+      } else {
+        console.error("No reauth callback available");
+      }
+      const timeout = setTimeout(() => {
+        hasTriedReauth.current = false;
+      }, 1e4);
+      return () => clearTimeout(timeout);
+    }
+  }, [state.isAuthenticated, state.reauthing, handleReauth2]);
+  useEffect(() => {
+    if (state.isAuthenticated && hasTriedReauth.current) {
+      hasTriedReauth.current = false;
+    }
+  }, [state.isAuthenticated]);
+  return context2;
+};
+const AuthCallbackHandler = ({ reauthCallback }) => {
+  console.log(`>>>HERE`, reauthCallback);
+  useAuthContext(reauthCallback);
+  console.log(`>>>HERE2`, reauthCallback);
+  return null;
+};
 const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
 const htmlEntities = {
   "&": "&",
@@ -35684,7 +35722,8 @@ const ReachProvider = ({
   language,
   children: children2,
   theme: theme2,
-  debug
+  debug,
+  callbacks
 }) => {
   const [queryClient] = React__default.useState(() => {
     if (authToken2) {
@@ -35728,6 +35767,12 @@ const ReachProvider = ({
               language,
               initialLanguage: language?.default,
               children: /* @__PURE__ */ jsx(Provider$2, { initialTheme: theme2, children: /* @__PURE__ */ jsxs(Provider$3, { children: [
+                /* @__PURE__ */ jsx(
+                  AuthCallbackHandler,
+                  {
+                    reauthCallback: callbacks?.onReauthRequested
+                  }
+                ),
                 children2,
                 /* @__PURE__ */ jsx(Toaster, {})
               ] }) })