@asgardeo/react 0.21.3 → 0.22.0

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 {
@@ -5335,6 +5335,16 @@ var createField = (config) => {
           autoComplete: "email"
         }
       );
+    case import_browser36.FieldType.Tel:
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        TextField_default,
+        {
+          ...commonProps,
+          type: "tel",
+          onChange: (e) => onChange(e.target.value),
+          autoComplete: "tel"
+        }
+      );
     case import_browser36.FieldType.Date:
       return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DatePicker_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
     case import_browser36.FieldType.Checkbox: {
@@ -7913,7 +7923,7 @@ var normalizeFlowResponse = (response, t, options = {}, meta) => {
   return {
     additionalData,
     components: transformComponents(response, t, resolveTranslations, meta),
-    flowId: response.flowId
+    executionId: response.executionId
   };
 };
 
@@ -8870,6 +8880,8 @@ var getFieldType = (variant) => {
   switch (variant) {
     case import_browser53.EmbeddedFlowComponentTypeV2.EmailInput:
       return import_browser53.FieldType.Email;
+    case import_browser53.EmbeddedFlowComponentTypeV2.PhoneInput:
+      return import_browser53.FieldType.Tel;
     case import_browser53.EmbeddedFlowComponentTypeV2.PasswordInput:
       return import_browser53.FieldType.Password;
     case import_browser53.EmbeddedFlowComponentTypeV2.TextInput:
@@ -8918,7 +8930,8 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
   switch (component.type) {
     case import_browser53.EmbeddedFlowComponentTypeV2.TextInput:
     case import_browser53.EmbeddedFlowComponentTypeV2.PasswordInput:
-    case import_browser53.EmbeddedFlowComponentTypeV2.EmailInput: {
+    case import_browser53.EmbeddedFlowComponentTypeV2.EmailInput:
+    case import_browser53.EmbeddedFlowComponentTypeV2.PhoneInput: {
       const identifier = component.ref;
       const value = formValues[identifier] || "";
       const isTouched = touchedFields[identifier] || false;
@@ -8938,6 +8951,25 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       });
       return (0, import_react69.cloneElement)(field, { key });
     }
+    case import_browser53.EmbeddedFlowComponentTypeV2.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: import_browser53.FieldType.Otp,
+        value
+      });
+      return (0, import_react69.cloneElement)(field, { key });
+    }
     case import_browser53.EmbeddedFlowComponentTypeV2.Action: {
       const actionId = component.id;
       const eventType = component.eventType || "";
@@ -9318,7 +9350,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: "",
@@ -9549,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,
@@ -9559,7 +9591,7 @@ function useOAuthCallback({
   onProcessingStart,
   onSubmit,
   processedRef,
-  setFlowId,
+  setExecutionId: setExecExecutionId,
   tokenValidationAttemptedRef
 }) {
   const internalRef = (0, import_react71.useRef)(false);
@@ -9572,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) {
@@ -9590,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;
     }
@@ -9603,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 }
@@ -9631,14 +9663,14 @@ function useOAuthCallback({
     })();
   }, [
     isInitialized,
-    currentFlowId,
+    currentExecutionId,
     isSubmitting,
     onSubmit,
     onComplete,
     onError,
     onFlowChange,
-    setFlowId,
-    flowIdStorageKey
+    setExecExecutionId,
+    executionIdStorageKey
   ]);
 }
 
@@ -9824,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);
@@ -9834,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);
@@ -9863,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")
     };
@@ -9888,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());
@@ -9909,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);
@@ -9925,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"
       );
@@ -9937,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({
@@ -9951,7 +9983,7 @@ var SignIn = ({
         return;
       }
       const {
-        flowId: normalizedFlowId,
+        executionId: normalizedExecutionId,
         components: normalizedComponents,
         additionalData: normalizedAdditionalData
       } = normalizeFlowResponse(
@@ -9962,8 +9994,8 @@ var SignIn = ({
         },
         meta
       );
-      if (normalizedFlowId && normalizedComponents) {
-        setFlowId(normalizedFlowId);
+      if (normalizedExecutionId && normalizedComponents) {
+        setExecutionId(normalizedExecutionId);
         setComponents(normalizedComponents);
         setAdditionalData(normalizedAdditionalData ?? {});
         setIsFlowInitialized(true);
@@ -9988,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) {
@@ -10015,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 };
@@ -10073,7 +10105,7 @@ var SignIn = ({
       setIsSubmitting(true);
       setFlowError(null);
       const response = await signIn({
-        flowId: effectiveFlowId,
+        executionId: effectiveExecutionId,
         ...payload,
         inputs: processedInputs
       });
@@ -10082,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(
@@ -10120,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) {
@@ -10136,8 +10168,8 @@ var SignIn = ({
         }
         return;
       }
-      if (normalizedFlowId && normalizedComponents) {
-        setFlowId(normalizedFlowId);
+      if (normalizedExecutionId && normalizedComponents) {
+        setExecutionId(normalizedExecutionId);
         setComponents(normalizedComponents);
         setAdditionalData(normalizedAdditionalData ?? {});
         setIsTimeoutDisabled(false);
@@ -10161,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) {
@@ -10204,7 +10236,7 @@ var SignIn = ({
         throw new Error("No passkey challenge or creation options available");
       }
       await handleSubmit({
-        flowId: passkeyState.flowId,
+        executionId: passkeyState.executionId,
         inputs
       });
     };
@@ -10214,7 +10246,7 @@ var SignIn = ({
         challenge: null,
         creationOptions: null,
         error: null,
-        flowId: null,
+        executionId: null,
         isActive: false
       });
     }).catch((error) => {
@@ -10222,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,
@@ -11514,7 +11546,7 @@ var BaseSignUpContent2 = ({
     actionId: null,
     creationOptions: null,
     error: null,
-    flowId: null,
+    executionId: null,
     isActive: false
   });
   const initializationAttemptedRef = (0, import_react75.useRef)(false);
@@ -11659,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: {
@@ -11712,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: {
@@ -11771,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
@@ -11789,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);
@@ -11812,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) {
@@ -11829,7 +11861,7 @@ var BaseSignUpContent2 = ({
       };
       const payload = {
         actionId: passkeyState.actionId || "submit",
-        flowId: passkeyState.flowId,
+        executionId: passkeyState.executionId,
         flowType: currentFlow?.flowType || "REGISTRATION",
         inputs
       };
@@ -11844,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"),
@@ -12299,7 +12331,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`;
@@ -12341,7 +12373,7 @@ var BaseInviteUser = ({
       try {
         const inputs = data || formValues;
         const payload = {
-          flowId: currentFlow.flowId,
+          executionId: currentFlow.executionId,
           inputs,
           verbose: true
         };
@@ -12472,8 +12504,8 @@ var BaseInviteUser = ({
     additionalData: currentFlow?.data?.additionalData,
     components,
     error: apiError,
+    executionId: currentFlow?.executionId,
     fieldErrors: formErrors,
-    flowId: currentFlow?.flowId,
     handleInputBlur,
     handleInputChange,
     handleSubmit,
@@ -12644,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,
@@ -12711,7 +12743,7 @@ var BaseAcceptInvite = ({
     [t, children]
   );
   useOAuthCallback({
-    currentFlowId: flowId ?? null,
+    currentExecutionId: executionId ?? null,
     isInitialized: true,
     onComplete: () => {
       setIsValidatingToken(false);
@@ -12758,7 +12790,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");
@@ -12796,7 +12828,7 @@ var BaseAcceptInvite = ({
       try {
         const inputs = data || formValues;
         const payload = {
-          flowId: currentFlow.flowId,
+          executionId: currentFlow.executionId,
           inputs,
           verbose: true
         };
@@ -12851,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;
@@ -12862,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
           },
@@ -12888,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;
@@ -12915,8 +12947,8 @@ var BaseAcceptInvite = ({
   const renderProps = {
     components,
     error: apiError,
+    executionId,
     fieldErrors: formErrors,
-    flowId,
     goToSignIn: onGoToSignIn,
     handleInputBlur,
     handleInputChange,
@@ -12997,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,
@@ -13016,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) {
@@ -13049,7 +13081,7 @@ var AcceptInvite = ({
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     BaseAcceptInvite_default,
     {
-      flowId,
+      executionId,
       inviteToken,
       onSubmit: handleSubmit,
       onComplete,