@asgardeo/react 0.21.3 → 0.22.0

package/dist/index.js

@@ -819,7 +819,7 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
       if (isV2Platform && typeof arg1 === "object" && arg1 !== null && arg1.callOnlyOnRedirect === true) {
         return void 0;
       }
-      if (isV2Platform && typeof arg1 === "object" && arg1 !== null && !isEmpty(arg1) && ("flowId" in arg1 || "applicationId" in arg1)) {
+      if (isV2Platform && typeof arg1 === "object" && arg1 !== null && !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;
@@ -2134,7 +2134,7 @@ var AsgardeoProvider = ({
   }
   async function signIn(...args) {
     const arg1 = args[0];
-    const isV2FlowRequest = config.platform === Platform4.AsgardeoV2 && typeof arg1 === "object" && arg1 !== null && ("flowId" in arg1 || "applicationId" in arg1);
+    const isV2FlowRequest = config.platform === Platform4.AsgardeoV2 && typeof arg1 === "object" && arg1 !== null && ("executionId" in arg1 || "applicationId" in arg1);
     try {
       if (!isV2FlowRequest) {
         setIsUpdatingSession(true);
@@ -2196,9 +2196,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 {
@@ -5241,6 +5241,16 @@ var createField = (config) => {
           autoComplete: "email"
         }
       );
+    case FieldType.Tel:
+      return /* @__PURE__ */ jsx35(
+        TextField_default,
+        {
+          ...commonProps,
+          type: "tel",
+          onChange: (e) => onChange(e.target.value),
+          autoComplete: "tel"
+        }
+      );
     case FieldType.Date:
       return /* @__PURE__ */ jsx35(DatePicker_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
     case FieldType.Checkbox: {
@@ -7827,7 +7837,7 @@ var normalizeFlowResponse = (response, t, options = {}, meta) => {
   return {
     additionalData,
     components: transformComponents(response, t, resolveTranslations, meta),
-    flowId: response.flowId
+    executionId: response.executionId
   };
 };
 
@@ -8791,6 +8801,8 @@ var getFieldType = (variant) => {
   switch (variant) {
     case EmbeddedFlowComponentType.EmailInput:
       return FieldType7.Email;
+    case EmbeddedFlowComponentType.PhoneInput:
+      return FieldType7.Tel;
     case EmbeddedFlowComponentType.PasswordInput:
       return FieldType7.Password;
     case EmbeddedFlowComponentType.TextInput:
@@ -8839,7 +8851,8 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
   switch (component.type) {
     case EmbeddedFlowComponentType.TextInput:
     case EmbeddedFlowComponentType.PasswordInput:
-    case EmbeddedFlowComponentType.EmailInput: {
+    case EmbeddedFlowComponentType.EmailInput:
+    case EmbeddedFlowComponentType.PhoneInput: {
       const identifier = component.ref;
       const value = formValues[identifier] || "";
       const isTouched = touchedFields[identifier] || false;
@@ -8859,6 +8872,25 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       });
       return cloneElement(field, { key });
     }
+    case EmbeddedFlowComponentType.OtpInput: {
+      const identifier = component.ref;
+      const value = formValues[identifier] || "";
+      const isTouched = touchedFields[identifier] || false;
+      const error = isTouched ? formErrors[identifier] : void 0;
+      const field = createField({
+        className: options.inputClassName,
+        error,
+        label: resolve(component.label) || "",
+        name: identifier,
+        onBlur: () => options.onInputBlur?.(identifier),
+        onChange: (newValue) => onInputChange(identifier, newValue),
+        placeholder: resolve(component.placeholder) || "",
+        required: component.required || false,
+        type: FieldType7.Otp,
+        value
+      });
+      return cloneElement(field, { key });
+    }
     case EmbeddedFlowComponentType.Action: {
       const actionId = component.id;
       const eventType = component.eventType || "";
@@ -9239,7 +9271,7 @@ var BaseSignInContent2 = ({
       const fields = [];
       const processComponents = (comps) => {
         comps.forEach((component) => {
-          if (component.type === "TEXT_INPUT" || component.type === "PASSWORD_INPUT" || component.type === "EMAIL_INPUT") {
+          if (component.type === "TEXT_INPUT" || component.type === "PASSWORD_INPUT" || component.type === "EMAIL_INPUT" || component.type === "PHONE_INPUT" || component.type === "OTP_INPUT") {
             const identifier = component.ref;
             fields.push({
               initialValue: "",
@@ -9477,8 +9509,8 @@ function cleanupUrlParams() {
   window.history.replaceState({}, "", url.toString());
 }
 function useOAuthCallback({
-  currentFlowId,
-  flowIdStorageKey = "asgardeo_flow_id",
+  currentExecutionId,
+  executionIdStorageKey = "asgardeo_execution_id",
   isInitialized,
   isSubmitting = false,
   onComplete,
@@ -9487,7 +9519,7 @@ function useOAuthCallback({
   onProcessingStart,
   onSubmit,
   processedRef,
-  setFlowId,
+  setExecutionId: setExecExecutionId,
   tokenValidationAttemptedRef
 }) {
   const internalRef = useRef6(false);
@@ -9500,7 +9532,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) {
@@ -9518,11 +9550,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;
     }
@@ -9531,13 +9563,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 }
@@ -9559,14 +9591,14 @@ function useOAuthCallback({
     })();
   }, [
     isInitialized,
-    currentFlowId,
+    currentExecutionId,
     isSubmitting,
     onSubmit,
     onComplete,
     onError,
     onFlowChange,
-    setFlowId,
-    flowIdStorageKey
+    setExecExecutionId,
+    executionIdStorageKey
   ]);
 }
 
@@ -9752,7 +9784,7 @@ var SignIn = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const [components, setComponents] = useState20([]);
   const [additionalData, setAdditionalData] = useState20({});
-  const [currentFlowId, setCurrentFlowId] = useState20(null);
+  const [currentExecutionId, setCurrentExecutionId] = useState20(null);
   const [isFlowInitialized, setIsFlowInitialized] = useState20(false);
   const [flowError, setFlowError] = useState20(null);
   const [isSubmitting, setIsSubmitting] = useState20(false);
@@ -9762,22 +9794,22 @@ var SignIn = ({
     challenge: null,
     creationOptions: null,
     error: null,
-    flowId: null,
+    executionId: null,
     isActive: false
   });
   const initializationAttemptedRef = useRef7(false);
   const oauthCodeProcessedRef = useRef7(false);
   const passkeyProcessedRef = useRef7(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);
@@ -9791,7 +9823,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")
     };
@@ -9816,7 +9848,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());
@@ -9837,8 +9869,8 @@ var SignIn = ({
     if (response.type === 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);
@@ -9853,9 +9885,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 AsgardeoRuntimeError8(
-        "Either flowId or applicationId is required for authentication",
+        "Either executionId or applicationId is required for authentication",
         "SIGN_IN_ERROR",
         "react"
       );
@@ -9865,9 +9897,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({
@@ -9879,7 +9911,7 @@ var SignIn = ({
         return;
       }
       const {
-        flowId: normalizedFlowId,
+        executionId: normalizedExecutionId,
         components: normalizedComponents,
         additionalData: normalizedAdditionalData
       } = normalizeFlowResponse(
@@ -9890,8 +9922,8 @@ var SignIn = ({
         },
         meta
       );
-      if (normalizedFlowId && normalizedComponents) {
-        setFlowId(normalizedFlowId);
+      if (normalizedExecutionId && normalizedComponents) {
+        setExecutionId(normalizedExecutionId);
         setComponents(normalizedComponents);
         setAdditionalData(normalizedAdditionalData ?? {});
         setIsFlowInitialized(true);
@@ -9916,11 +9948,11 @@ var SignIn = ({
   }, []);
   useEffect18(() => {
     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]);
   useEffect18(() => {
     const timeoutMs = Number(additionalData?.["stepTimeout"]) || 0;
     if (timeoutMs <= 0 || !isFlowInitialized) {
@@ -9943,8 +9975,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 };
@@ -10001,7 +10033,7 @@ var SignIn = ({
       setIsSubmitting(true);
       setFlowError(null);
       const response = await signIn({
-        flowId: effectiveFlowId,
+        executionId: effectiveExecutionId,
         ...payload,
         inputs: processedInputs
       });
@@ -10010,21 +10042,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(
@@ -10048,9 +10080,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) {
@@ -10064,8 +10096,8 @@ var SignIn = ({
         }
         return;
       }
-      if (normalizedFlowId && normalizedComponents) {
-        setFlowId(normalizedFlowId);
+      if (normalizedExecutionId && normalizedComponents) {
+        setExecutionId(normalizedExecutionId);
         setComponents(normalizedComponents);
         setAdditionalData(normalizedAdditionalData ?? {});
         setIsTimeoutDisabled(false);
@@ -10089,19 +10121,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
   });
   useEffect18(() => {
-    if (!passkeyState.isActive || !passkeyState.challenge && !passkeyState.creationOptions || !passkeyState.flowId) {
+    if (!passkeyState.isActive || !passkeyState.challenge && !passkeyState.creationOptions || !passkeyState.executionId) {
       return;
     }
     if (passkeyProcessedRef.current) {
@@ -10132,7 +10164,7 @@ var SignIn = ({
         throw new Error("No passkey challenge or creation options available");
       }
       await handleSubmit({
-        flowId: passkeyState.flowId,
+        executionId: passkeyState.executionId,
         inputs
       });
     };
@@ -10142,7 +10174,7 @@ var SignIn = ({
         challenge: null,
         creationOptions: null,
         error: null,
-        flowId: null,
+        executionId: null,
         isActive: false
       });
     }).catch((error) => {
@@ -10150,7 +10182,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,
@@ -11454,7 +11486,7 @@ var BaseSignUpContent2 = ({
     actionId: null,
     creationOptions: null,
     error: null,
-    flowId: null,
+    executionId: null,
     isActive: false
   });
   const initializationAttemptedRef = useRef9(false);
@@ -11599,7 +11631,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: {
@@ -11652,7 +11684,7 @@ var BaseSignUpContent2 = ({
               }
               if (code && state) {
                 const payload = {
-                  ...currentFlow.flowId && { flowId: currentFlow.flowId },
+                  ...currentFlow.executionId && { executionId: currentFlow.executionId },
                   action: "",
                   flowType: currentFlow.flowType || "REGISTRATION",
                   inputs: {
@@ -11711,7 +11743,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
@@ -11729,13 +11761,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);
@@ -11752,7 +11784,7 @@ var BaseSignUpContent2 = ({
     }
   };
   useEffect20(() => {
-    if (!passkeyState.isActive || !passkeyState.creationOptions || !passkeyState.flowId) {
+    if (!passkeyState.isActive || !passkeyState.creationOptions || !passkeyState.executionId) {
       return;
     }
     if (passkeyProcessedRef.current) {
@@ -11769,7 +11801,7 @@ var BaseSignUpContent2 = ({
       };
       const payload = {
         actionId: passkeyState.actionId || "submit",
-        flowId: passkeyState.flowId,
+        executionId: passkeyState.executionId,
         flowType: currentFlow?.flowType || "REGISTRATION",
         inputs
       };
@@ -11784,13 +11816,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 = cx25(
     [
       withVendorCSSClassPrefix24("signup"),
@@ -12245,7 +12277,7 @@ var BaseInviteUser = ({
       const errors = {};
       const validateComponents = (comps) => {
         comps.forEach((comp) => {
-          if ((comp.type === "TEXT_INPUT" || comp.type === "EMAIL_INPUT" || comp.type === "SELECT") && comp.required && comp.ref) {
+          if ((comp.type === "TEXT_INPUT" || comp.type === "EMAIL_INPUT" || comp.type === "SELECT" || comp.type === "PHONE_INPUT" || comp.type === "OTP_INPUT") && comp.required && comp.ref) {
             const value = formValues[comp.ref];
             if (!value || value.trim() === "") {
               errors[comp.ref] = `${comp.label || comp.ref} is required`;
@@ -12287,7 +12319,7 @@ var BaseInviteUser = ({
       try {
         const inputs = data || formValues;
         const payload = {
-          flowId: currentFlow.flowId,
+          executionId: currentFlow.executionId,
           inputs,
           verbose: true
         };
@@ -12418,8 +12450,8 @@ var BaseInviteUser = ({
     additionalData: currentFlow?.data?.additionalData,
     components,
     error: apiError,
+    executionId: currentFlow?.executionId,
     fieldErrors: formErrors,
-    flowId: currentFlow?.flowId,
     handleInputBlur,
     handleInputChange,
     handleSubmit,
@@ -12590,7 +12622,7 @@ var BaseAcceptInvite_styles_default = useStyles23;
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx
 import { jsx as jsx88, jsxs as jsxs38 } from "react/jsx-runtime";
 var BaseAcceptInvite = ({
-  flowId,
+  executionId,
   inviteToken,
   onSubmit,
   onComplete,
@@ -12657,7 +12689,7 @@ var BaseAcceptInvite = ({
     [t, children]
   );
   useOAuthCallback({
-    currentFlowId: flowId ?? null,
+    currentExecutionId: executionId ?? null,
     isInitialized: true,
     onComplete: () => {
       setIsValidatingToken(false);
@@ -12704,7 +12736,7 @@ var BaseAcceptInvite = ({
       const errors = {};
       const validateComponents = (comps) => {
         comps.forEach((comp) => {
-          if ((comp.type === "PASSWORD_INPUT" || comp.type === "TEXT_INPUT" || comp.type === "EMAIL_INPUT") && comp.required && comp.ref) {
+          if ((comp.type === "PASSWORD_INPUT" || comp.type === "TEXT_INPUT" || comp.type === "EMAIL_INPUT" || comp.type === "PHONE_INPUT" || comp.type === "OTP_INPUT") && comp.required && comp.ref) {
             const value = formValues[comp.ref];
             if (!value || value.trim() === "") {
               errors[comp.ref] = t("validations.required.field.error");
@@ -12742,7 +12774,7 @@ var BaseAcceptInvite = ({
       try {
         const inputs = data || formValues;
         const payload = {
-          flowId: currentFlow.flowId,
+          executionId: currentFlow.executionId,
           inputs,
           verbose: true
         };
@@ -12797,10 +12829,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;
@@ -12808,11 +12840,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
           },
@@ -12834,7 +12866,7 @@ var BaseAcceptInvite = ({
         setIsValidatingToken(false);
       }
     })();
-  }, [flowId, inviteToken, onSubmit, onFlowChange, handleError, normalizeFlowResponseLocal]);
+  }, [executionId, inviteToken, onSubmit, onFlowChange, handleError, normalizeFlowResponseLocal]);
   const extractHeadings = useCallback18((components2) => {
     let title2;
     let subtitle2;
@@ -12861,8 +12893,8 @@ var BaseAcceptInvite = ({
   const renderProps = {
     components,
     error: apiError,
+    executionId,
     fieldErrors: formErrors,
-    flowId,
     goToSignIn: onGoToSignIn,
     handleInputBlur,
     handleInputChange,
@@ -12943,13 +12975,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,
@@ -12962,8 +12994,8 @@ var AcceptInvite = ({
   showTitle = true,
   showSubtitle = true
 }) => {
-  const { flowId: urlFlowId, inviteToken: urlInviteToken } = useMemo32(() => getUrlParams(), []);
-  const flowId = flowIdProp || urlFlowId;
+  const { executionId: urlExecutionId, inviteToken: urlInviteToken } = useMemo32(() => getUrlParams(), []);
+  const executionId = executionIdProp || urlExecutionId;
   const inviteToken = inviteTokenProp || urlInviteToken;
   const apiBaseUrl = useMemo32(() => {
     if (baseUrl) {
@@ -12995,7 +13027,7 @@ var AcceptInvite = ({
   return /* @__PURE__ */ jsx89(
     BaseAcceptInvite_default,
     {
-      flowId,
+      executionId,
       inviteToken,
       onSubmit: handleSubmit,
       onComplete,