@asgardeo/react 0.22.1 → 0.22.3

package/dist/contexts/Asgardeo/AsgardeoContext.d.ts

@@ -94,6 +94,10 @@ export type AsgardeoContextProps = {
      * Flag indicating whether the SDK is working in the background.
      */
     isLoading: boolean;
+    /**
+     * Flag indicating whether flow metadata is currently being fetched.
+     */
+    isMetaLoading: boolean;
     /**
      * Flag indicating whether the user is signed in or not.
      */

package/dist/index.js

@@ -37,6 +37,7 @@ var AsgardeoContext = createContext({
   instanceId: 0,
   isInitialized: false,
   isLoading: true,
+  isMetaLoading: false,
   isSignedIn: false,
   meta: null,
   organization: null,
@@ -1154,8 +1155,10 @@ var useAsgardeo = () => {
   const flowMetaContext = useContext(FlowMetaContext_default);
   const i18nContext = useContext(I18nContext_default);
   const meta = flowMetaContext?.meta ?? null;
+  const isMetaLoading = flowMetaContext?.isLoading ?? false;
   return {
     ...context,
+    isMetaLoading,
     meta,
     resolveFlowTemplateLiterals: (text) => resolveFlowTemplateLiterals(text, {
       meta,
@@ -1187,13 +1190,17 @@ var FlowMetaProvider = ({
   const { baseUrl, applicationId, platform } = useAsgardeo_default();
   const i18nContext = useI18n_default();
   const [meta, setMeta] = useState3(null);
-  const [isLoading, setIsLoading] = useState3(false);
+  const [isLoading, setIsLoading] = useState3(true);
   const [error, setError] = useState3(null);
   const [pendingLanguage, setPendingLanguage] = useState3(null);
-  const hasFetchedRef = useRef(false);
+  const lastFetchedRef = useRef(null);
   const fetchFlowMeta = useCallback3(async () => {
     if (!enabled || platform !== Platform2.AsgardeoV2) {
       setMeta(null);
+      setIsLoading(false);
+      return;
+    }
+    if (!applicationId) {
       return;
     }
     setIsLoading(true);
@@ -1249,11 +1256,10 @@ var FlowMetaProvider = ({
     }
   }, [pendingLanguage, i18nContext?.setLanguage]);
   useEffect2(() => {
-    if (!hasFetchedRef.current) {
-      hasFetchedRef.current = true;
-      fetchFlowMeta();
+    if (lastFetchedRef.current === fetchFlowMeta) {
       return;
     }
+    lastFetchedRef.current = fetchFlowMeta;
     fetchFlowMeta();
   }, [fetchFlowMeta]);
   useEffect2(() => {