@asgardeo/react 0.21.4 → 0.22.1

package/dist/cjs/index.js

@@ -950,7 +950,7 @@ var AsgardeoReactClient = class extends import_browser6.AsgardeoBrowserClient {
       if (isV2Platform && typeof arg1 === "object" && arg1 !== null && arg1.callOnlyOnRedirect === true) {
         return void 0;
       }
-      if (isV2Platform && typeof arg1 === "object" && arg1 !== null && !(0, import_browser6.isEmpty)(arg1) && ("flowId" in arg1 || "applicationId" in arg1)) {
+      if (isV2Platform && typeof arg1 === "object" && arg1 !== null && !(0, import_browser6.isEmpty)(arg1) && ("executionId" in arg1 || "applicationId" in arg1)) {
         const authIdFromUrl = new URL(window.location.href).searchParams.get("authId");
         const authIdFromStorage = sessionStorage.getItem("asgardeo_auth_id");
         const authId = authIdFromUrl || authIdFromStorage;
@@ -2250,7 +2250,7 @@ var AsgardeoProvider = ({
   }
   async function signIn(...args) {
     const arg1 = args[0];
-    const isV2FlowRequest = config.platform === import_browser16.Platform.AsgardeoV2 && typeof arg1 === "object" && arg1 !== null && ("flowId" in arg1 || "applicationId" in arg1);
+    const isV2FlowRequest = config.platform === import_browser16.Platform.AsgardeoV2 && typeof arg1 === "object" && arg1 !== null && ("executionId" in arg1 || "applicationId" in arg1);
     try {
       if (!isV2FlowRequest) {
         setIsUpdatingSession(true);
@@ -2312,9 +2312,9 @@ var AsgardeoProvider = ({
           if (isV2Platform) {
             const urlParams = currentUrl.searchParams;
             const code = urlParams.get("code");
-            const flowIdFromUrl = urlParams.get("flowId");
-            const storedFlowId = sessionStorage.getItem("asgardeo_flow_id");
-            if (code && !flowIdFromUrl && !storedFlowId) {
+            const executionIdFromUrl = urlParams.get("executionId");
+            const storedExecutionId = sessionStorage.getItem("asgardeo_execution_id");
+            if (code && !executionIdFromUrl && !storedExecutionId) {
               await signIn();
             }
           } else {
@@ -7923,7 +7923,7 @@ var normalizeFlowResponse = (response, t, options = {}, meta) => {
   return {
     additionalData,
     components: transformComponents(response, t, resolveTranslations, meta),
-    flowId: response.flowId
+    executionId: response.executionId
   };
 };
 
@@ -9581,8 +9581,8 @@ function cleanupUrlParams() {
   window.history.replaceState({}, "", url.toString());
 }
 function useOAuthCallback({
-  currentFlowId,
-  flowIdStorageKey = "asgardeo_flow_id",
+  currentExecutionId,
+  executionIdStorageKey = "asgardeo_execution_id",
   isInitialized,
   isSubmitting = false,
   onComplete,
@@ -9591,7 +9591,7 @@ function useOAuthCallback({
   onProcessingStart,
   onSubmit,
   processedRef,
-  setFlowId,
+  setExecutionId: setExecExecutionId,
   tokenValidationAttemptedRef
 }) {
   const internalRef = (0, import_react71.useRef)(false);
@@ -9604,7 +9604,7 @@ function useOAuthCallback({
     const code = urlParams.get("code");
     const nonce = urlParams.get("nonce");
     const state = urlParams.get("state");
-    const flowIdFromUrl = urlParams.get("flowId");
+    const executionIdFromUrl = urlParams.get("executionId");
     const error = urlParams.get("error");
     const errorDescription = urlParams.get("error_description");
     if (error) {
@@ -9622,11 +9622,11 @@ function useOAuthCallback({
     if (tokenValidationAttemptedRef?.current) {
       return;
     }
-    const storedFlowId = sessionStorage.getItem(flowIdStorageKey);
-    const flowIdToUse = currentFlowId || storedFlowId || flowIdFromUrl || state || null;
-    if (!flowIdToUse) {
+    const storedExecutionId = sessionStorage.getItem(executionIdStorageKey);
+    const executionIdToUse = currentExecutionId || storedExecutionId || executionIdFromUrl || state || null;
+    if (!executionIdToUse) {
       oauthCodeProcessedRef.current = true;
-      onError?.(new Error("Invalid flow. Missing flowId."));
+      onError?.(new Error("Invalid flow. Missing executionId."));
       cleanupUrlParams();
       return;
     }
@@ -9635,13 +9635,13 @@ function useOAuthCallback({
       tokenValidationAttemptedRef.current = true;
     }
     onProcessingStart?.();
-    if (!currentFlowId && setFlowId) {
-      setFlowId(flowIdToUse);
+    if (!currentExecutionId && setExecExecutionId) {
+      setExecExecutionId(executionIdToUse);
     }
     (async () => {
       try {
         const payload = {
-          flowId: flowIdToUse,
+          executionId: executionIdToUse,
           inputs: {
             code,
             ...nonce && { nonce }
@@ -9663,14 +9663,14 @@ function useOAuthCallback({
     })();
   }, [
     isInitialized,
-    currentFlowId,
+    currentExecutionId,
     isSubmitting,
     onSubmit,
     onComplete,
     onError,
     onFlowChange,
-    setFlowId,
-    flowIdStorageKey
+    setExecExecutionId,
+    executionIdStorageKey
   ]);
 }
 
@@ -9856,7 +9856,7 @@ var SignIn = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const [components, setComponents] = (0, import_react72.useState)([]);
   const [additionalData, setAdditionalData] = (0, import_react72.useState)({});
-  const [currentFlowId, setCurrentFlowId] = (0, import_react72.useState)(null);
+  const [currentExecutionId, setCurrentExecutionId] = (0, import_react72.useState)(null);
   const [isFlowInitialized, setIsFlowInitialized] = (0, import_react72.useState)(false);
   const [flowError, setFlowError] = (0, import_react72.useState)(null);
   const [isSubmitting, setIsSubmitting] = (0, import_react72.useState)(false);
@@ -9866,22 +9866,22 @@ var SignIn = ({
     challenge: null,
     creationOptions: null,
     error: null,
-    flowId: null,
+    executionId: null,
     isActive: false
   });
   const initializationAttemptedRef = (0, import_react72.useRef)(false);
   const oauthCodeProcessedRef = (0, import_react72.useRef)(false);
   const passkeyProcessedRef = (0, import_react72.useRef)(false);
-  const setFlowId = (flowId) => {
-    setCurrentFlowId(flowId);
-    if (flowId) {
-      sessionStorage.setItem("asgardeo_flow_id", flowId);
+  const setExecutionId = (executionId) => {
+    setCurrentExecutionId(executionId);
+    if (executionId) {
+      sessionStorage.setItem("asgardeo_execution_id", executionId);
     } else {
-      sessionStorage.removeItem("asgardeo_flow_id");
+      sessionStorage.removeItem("asgardeo_execution_id");
     }
   };
   const clearFlowState = () => {
-    setFlowId(null);
+    setExecutionId(null);
     setIsFlowInitialized(false);
     sessionStorage.removeItem("asgardeo_auth_id");
     setIsTimeoutDisabled(false);
@@ -9895,7 +9895,7 @@ var SignIn = ({
       code: urlParams.get("code"),
       error: urlParams.get("error"),
       errorDescription: urlParams.get("error_description"),
-      flowId: urlParams.get("flowId"),
+      executionId: urlParams.get("executionId"),
       nonce: urlParams.get("nonce"),
       state: urlParams.get("state")
     };
@@ -9920,7 +9920,7 @@ var SignIn = ({
   const cleanupFlowUrlParams = () => {
     if (!window?.location?.href) return;
     const url = new URL(window.location.href);
-    url.searchParams.delete("flowId");
+    url.searchParams.delete("executionId");
     url.searchParams.delete("authId");
     url.searchParams.delete("applicationId");
     window?.history?.replaceState({}, "", url.toString());
@@ -9941,8 +9941,8 @@ var SignIn = ({
     if (response.type === import_browser58.EmbeddedSignInFlowTypeV2.Redirection) {
       const redirectURL = response.data?.redirectURL || response?.redirectURL;
       if (redirectURL && window?.location) {
-        if (response.flowId) {
-          setFlowId(response.flowId);
+        if (response.executionId) {
+          setExecutionId(response.executionId);
         }
         const urlParams = getUrlParams2();
         handleAuthId(urlParams.authId);
@@ -9957,9 +9957,9 @@ var SignIn = ({
     oauthCodeProcessedRef.current = false;
     handleAuthId(urlParams.authId);
     const effectiveApplicationId = applicationId || urlParams.applicationId;
-    if (!urlParams.flowId && !effectiveApplicationId) {
+    if (!urlParams.executionId && !effectiveApplicationId) {
       const error = new import_browser58.AsgardeoRuntimeError(
-        "Either flowId or applicationId is required for authentication",
+        "Either executionId or applicationId is required for authentication",
         "SIGN_IN_ERROR",
         "react"
       );
@@ -9969,9 +9969,9 @@ var SignIn = ({
     try {
       setFlowError(null);
       let response;
-      if (urlParams.flowId) {
+      if (urlParams.executionId) {
         response = await signIn({
-          flowId: urlParams.flowId
+          executionId: urlParams.executionId
         });
       } else {
         response = await signIn({
@@ -9983,7 +9983,7 @@ var SignIn = ({
         return;
       }
       const {
-        flowId: normalizedFlowId,
+        executionId: normalizedExecutionId,
         components: normalizedComponents,
         additionalData: normalizedAdditionalData
       } = normalizeFlowResponse(
@@ -9994,8 +9994,8 @@ var SignIn = ({
         },
         meta
       );
-      if (normalizedFlowId && normalizedComponents) {
-        setFlowId(normalizedFlowId);
+      if (normalizedExecutionId && normalizedComponents) {
+        setExecutionId(normalizedExecutionId);
         setComponents(normalizedComponents);
         setAdditionalData(normalizedAdditionalData ?? {});
         setIsFlowInitialized(true);
@@ -10020,11 +10020,11 @@ var SignIn = ({
   }, []);
   (0, import_react72.useEffect)(() => {
     const currentUrlParams = getUrlParams2();
-    if (isInitialized && !isLoading && !isFlowInitialized && !initializationAttemptedRef.current && !currentFlowId && !currentUrlParams.code && !currentUrlParams.state && !isSubmitting && !oauthCodeProcessedRef.current) {
+    if (isInitialized && !isLoading && !isFlowInitialized && !initializationAttemptedRef.current && !currentExecutionId && !currentUrlParams.code && !currentUrlParams.state && !isSubmitting && !oauthCodeProcessedRef.current) {
       initializationAttemptedRef.current = true;
       initializeFlow();
     }
-  }, [isInitialized, isLoading, isFlowInitialized, currentFlowId]);
+  }, [isInitialized, isLoading, isFlowInitialized, currentExecutionId]);
   (0, import_react72.useEffect)(() => {
     const timeoutMs = Number(additionalData?.["stepTimeout"]) || 0;
     if (timeoutMs <= 0 || !isFlowInitialized) {
@@ -10047,8 +10047,8 @@ var SignIn = ({
     return () => clearTimeout(timerId);
   }, [additionalData?.["stepTimeout"], isFlowInitialized, t]);
   const handleSubmit = async (payload) => {
-    const effectiveFlowId = payload.flowId || currentFlowId;
-    if (!effectiveFlowId) {
+    const effectiveExecutionId = payload.executionId || currentExecutionId;
+    if (!effectiveExecutionId) {
       throw new Error("No active flow ID");
     }
     const processedInputs = { ...payload.inputs };
@@ -10105,7 +10105,7 @@ var SignIn = ({
       setIsSubmitting(true);
       setFlowError(null);
       const response = await signIn({
-        flowId: effectiveFlowId,
+        executionId: effectiveExecutionId,
         ...payload,
         inputs: processedInputs
       });
@@ -10114,21 +10114,21 @@ var SignIn = ({
       }
       if (response.data?.additionalData?.["passkeyChallenge"] || response.data?.additionalData?.["passkeyCreationOptions"]) {
         const { passkeyChallenge, passkeyCreationOptions } = response.data.additionalData;
-        const effectiveFlowIdForPasskey = response.flowId || effectiveFlowId;
+        const effectiveExecutionIdForPasskey = response.executionId || effectiveExecutionId;
         passkeyProcessedRef.current = false;
         setPasskeyState({
           actionId: "submit",
           challenge: passkeyChallenge,
           creationOptions: passkeyCreationOptions,
           error: null,
-          flowId: effectiveFlowIdForPasskey,
+          executionId: effectiveExecutionIdForPasskey,
           isActive: true
         });
         setIsSubmitting(false);
         return;
       }
       const {
-        flowId: normalizedFlowId,
+        executionId: normalizedExecutionId,
         components: normalizedComponents,
         additionalData: normalizedAdditionalData
       } = normalizeFlowResponse(
@@ -10152,9 +10152,9 @@ var SignIn = ({
         const redirectUrl = response?.redirectUrl || response?.redirect_uri;
         const finalRedirectUrl = redirectUrl || afterSignInUrl;
         setIsSubmitting(false);
-        setFlowId(null);
+        setExecutionId(null);
         setIsFlowInitialized(false);
-        sessionStorage.removeItem("asgardeo_flow_id");
+        sessionStorage.removeItem("asgardeo_execution_id");
         sessionStorage.removeItem("asgardeo_auth_id");
         cleanupOAuthUrlParams(true);
         if (onSuccess) {
@@ -10168,8 +10168,8 @@ var SignIn = ({
         }
         return;
       }
-      if (normalizedFlowId && normalizedComponents) {
-        setFlowId(normalizedFlowId);
+      if (normalizedExecutionId && normalizedComponents) {
+        setExecutionId(normalizedExecutionId);
         setComponents(normalizedComponents);
         setAdditionalData(normalizedAdditionalData ?? {});
         setIsTimeoutDisabled(false);
@@ -10193,19 +10193,19 @@ var SignIn = ({
     setError(error);
   };
   useOAuthCallback({
-    currentFlowId,
+    currentExecutionId,
     isInitialized: isInitialized && !isLoading,
     isSubmitting,
     onError: (err) => {
       clearFlowState();
       setError(err instanceof Error ? err : new Error(String(err)));
     },
-    onSubmit: async (payload) => handleSubmit({ flowId: payload.flowId, inputs: payload.inputs }),
+    onSubmit: async (payload) => handleSubmit({ executionId: payload.executionId, inputs: payload.inputs }),
     processedRef: oauthCodeProcessedRef,
-    setFlowId
+    setExecutionId
   });
   (0, import_react72.useEffect)(() => {
-    if (!passkeyState.isActive || !passkeyState.challenge && !passkeyState.creationOptions || !passkeyState.flowId) {
+    if (!passkeyState.isActive || !passkeyState.challenge && !passkeyState.creationOptions || !passkeyState.executionId) {
       return;
     }
     if (passkeyProcessedRef.current) {
@@ -10236,7 +10236,7 @@ var SignIn = ({
         throw new Error("No passkey challenge or creation options available");
       }
       await handleSubmit({
-        flowId: passkeyState.flowId,
+        executionId: passkeyState.executionId,
         inputs
       });
     };
@@ -10246,7 +10246,7 @@ var SignIn = ({
         challenge: null,
         creationOptions: null,
         error: null,
-        flowId: null,
+        executionId: null,
         isActive: false
       });
     }).catch((error) => {
@@ -10254,7 +10254,7 @@ var SignIn = ({
       setFlowError(error);
       onError?.(error);
     });
-  }, [passkeyState.isActive, passkeyState.challenge, passkeyState.creationOptions, passkeyState.flowId]);
+  }, [passkeyState.isActive, passkeyState.challenge, passkeyState.creationOptions, passkeyState.executionId]);
   if (children) {
     const renderProps = {
       additionalData,
@@ -11546,7 +11546,7 @@ var BaseSignUpContent2 = ({
     actionId: null,
     creationOptions: null,
     error: null,
-    flowId: null,
+    executionId: null,
     isActive: false
   });
   const initializationAttemptedRef = (0, import_react75.useRef)(false);
@@ -11691,7 +11691,7 @@ var BaseSignUpContent2 = ({
         const { code, state } = event.data;
         if (code && state) {
           const payload = {
-            ...currentFlow.flowId && { flowId: currentFlow.flowId },
+            ...currentFlow.executionId && { executionId: currentFlow.executionId },
             action: "",
             flowType: currentFlow.flowType || "REGISTRATION",
             inputs: {
@@ -11744,7 +11744,7 @@ var BaseSignUpContent2 = ({
               }
               if (code && state) {
                 const payload = {
-                  ...currentFlow.flowId && { flowId: currentFlow.flowId },
+                  ...currentFlow.executionId && { executionId: currentFlow.executionId },
                   action: "",
                   flowType: currentFlow.flowType || "REGISTRATION",
                   inputs: {
@@ -11803,7 +11803,7 @@ var BaseSignUpContent2 = ({
         });
       }
       const payload = {
-        ...currentFlow.flowId && { flowId: currentFlow.flowId },
+        ...currentFlow.executionId && { executionId: currentFlow.executionId },
         flowType: currentFlow.flowType || "REGISTRATION",
         ...component.id && { action: component.id },
         inputs: filteredInputs
@@ -11821,13 +11821,13 @@ var BaseSignUpContent2 = ({
         }
         if (response.data?.additionalData?.["passkeyCreationOptions"]) {
           const { passkeyCreationOptions } = response.data.additionalData;
-          const effectiveFlowIdForPasskey = response.flowId || currentFlow?.flowId;
+          const effectiveExecutionIdForPasskey = response.executionId || currentFlow?.executionId;
           passkeyProcessedRef.current = false;
           setPasskeyState({
             actionId: component.id || "submit",
             creationOptions: passkeyCreationOptions,
             error: null,
-            flowId: effectiveFlowIdForPasskey,
+            executionId: effectiveExecutionIdForPasskey,
             isActive: true
           });
           setIsLoading(false);
@@ -11844,7 +11844,7 @@ var BaseSignUpContent2 = ({
     }
   };
   (0, import_react75.useEffect)(() => {
-    if (!passkeyState.isActive || !passkeyState.creationOptions || !passkeyState.flowId) {
+    if (!passkeyState.isActive || !passkeyState.creationOptions || !passkeyState.executionId) {
       return;
     }
     if (passkeyProcessedRef.current) {
@@ -11861,7 +11861,7 @@ var BaseSignUpContent2 = ({
       };
       const payload = {
         actionId: passkeyState.actionId || "submit",
-        flowId: passkeyState.flowId,
+        executionId: passkeyState.executionId,
         flowType: currentFlow?.flowType || "REGISTRATION",
         inputs
       };
@@ -11876,13 +11876,13 @@ var BaseSignUpContent2 = ({
       }
     };
     performPasskeyRegistration().then(() => {
-      setPasskeyState({ actionId: null, creationOptions: null, error: null, flowId: null, isActive: false });
+      setPasskeyState({ actionId: null, creationOptions: null, error: null, executionId: null, isActive: false });
     }).catch((error) => {
       setPasskeyState((prev) => ({ ...prev, error, isActive: false }));
       handleError(error);
       onError?.(error);
     });
-  }, [passkeyState.isActive, passkeyState.creationOptions, passkeyState.flowId]);
+  }, [passkeyState.isActive, passkeyState.creationOptions, passkeyState.executionId]);
   const containerClasses = (0, import_css47.cx)(
     [
       (0, import_browser69.withVendorCSSClassPrefix)("signup"),
@@ -12373,7 +12373,7 @@ var BaseInviteUser = ({
       try {
         const inputs = data || formValues;
         const payload = {
-          flowId: currentFlow.flowId,
+          executionId: currentFlow.executionId,
           inputs,
           verbose: true
         };
@@ -12504,8 +12504,8 @@ var BaseInviteUser = ({
     additionalData: currentFlow?.data?.additionalData,
     components,
     error: apiError,
+    executionId: currentFlow?.executionId,
     fieldErrors: formErrors,
-    flowId: currentFlow?.flowId,
     handleInputBlur,
     handleInputChange,
     handleSubmit,
@@ -12676,7 +12676,7 @@ var BaseAcceptInvite_styles_default = useStyles23;
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var BaseAcceptInvite = ({
-  flowId,
+  executionId,
   inviteToken,
   onSubmit,
   onComplete,
@@ -12743,7 +12743,7 @@ var BaseAcceptInvite = ({
     [t, children]
   );
   useOAuthCallback({
-    currentFlowId: flowId ?? null,
+    currentExecutionId: executionId ?? null,
     isInitialized: true,
     onComplete: () => {
       setIsValidatingToken(false);
@@ -12828,7 +12828,7 @@ var BaseAcceptInvite = ({
       try {
         const inputs = data || formValues;
         const payload = {
-          flowId: currentFlow.flowId,
+          executionId: currentFlow.executionId,
           inputs,
           verbose: true
         };
@@ -12883,10 +12883,10 @@ var BaseAcceptInvite = ({
     if (tokenValidationAttemptedRef.current) {
       return;
     }
-    if (!flowId || !inviteToken) {
+    if (!executionId || !inviteToken) {
       setIsValidatingToken(false);
       setIsTokenInvalid(true);
-      handleError(new Error("Invalid invite link. Missing flowId or inviteToken."));
+      handleError(new Error("Invalid invite link. Missing executionId or inviteToken."));
       return;
     }
     tokenValidationAttemptedRef.current = true;
@@ -12894,11 +12894,11 @@ var BaseAcceptInvite = ({
       setIsValidatingToken(true);
       setApiError(null);
       try {
-        if (flowId) {
-          sessionStorage.setItem("asgardeo_flow_id", flowId);
+        if (executionId) {
+          sessionStorage.setItem("asgardeo_execution_id", executionId);
         }
         const payload = {
-          flowId,
+          executionId,
           inputs: {
             inviteToken
           },
@@ -12920,7 +12920,7 @@ var BaseAcceptInvite = ({
         setIsValidatingToken(false);
       }
     })();
-  }, [flowId, inviteToken, onSubmit, onFlowChange, handleError, normalizeFlowResponseLocal]);
+  }, [executionId, inviteToken, onSubmit, onFlowChange, handleError, normalizeFlowResponseLocal]);
   const extractHeadings = (0, import_react80.useCallback)((components2) => {
     let title2;
     let subtitle2;
@@ -12947,8 +12947,8 @@ var BaseAcceptInvite = ({
   const renderProps = {
     components,
     error: apiError,
+    executionId,
     fieldErrors: formErrors,
-    flowId,
     goToSignIn: onGoToSignIn,
     handleInputBlur,
     handleInputChange,
@@ -13029,13 +13029,13 @@ var getUrlParams = () => {
   }
   const params = new URLSearchParams(window.location.search);
   return {
-    flowId: params.get("flowId") || void 0,
+    executionId: params.get("executionId") || void 0,
     inviteToken: params.get("inviteToken") || void 0
   };
 };
 var AcceptInvite = ({
   baseUrl,
-  flowId: flowIdProp,
+  executionId: executionIdProp,
   inviteToken: inviteTokenProp,
   onComplete,
   onError,
@@ -13048,8 +13048,8 @@ var AcceptInvite = ({
   showTitle = true,
   showSubtitle = true
 }) => {
-  const { flowId: urlFlowId, inviteToken: urlInviteToken } = (0, import_react81.useMemo)(() => getUrlParams(), []);
-  const flowId = flowIdProp || urlFlowId;
+  const { executionId: urlExecutionId, inviteToken: urlInviteToken } = (0, import_react81.useMemo)(() => getUrlParams(), []);
+  const executionId = executionIdProp || urlExecutionId;
   const inviteToken = inviteTokenProp || urlInviteToken;
   const apiBaseUrl = (0, import_react81.useMemo)(() => {
     if (baseUrl) {
@@ -13081,7 +13081,7 @@ var AcceptInvite = ({
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     BaseAcceptInvite_default,
     {
-      flowId,
+      executionId,
       inviteToken,
       onSubmit: handleSubmit,
       onComplete,