@asgardeo/react 0.6.22 → 0.6.24

package/dist/cjs/index.js

@@ -7029,9 +7029,12 @@ var getTypographyVariant = (variant) => {
   };
   return variantMap[variant] || "h3";
 };
-var matchesSocialProvider = (actionId, eventType, buttonText, provider, authType) => {
+var matchesSocialProvider = (actionId, eventType, buttonText, provider, authType, componentVariant) => {
   const providerId = `${provider}_auth`;
   const providerMatches = actionId === providerId || eventType === providerId;
+  if (componentVariant?.toUpperCase() === import_browser45.EmbeddedFlowActionVariantV2.Social) {
+    return buttonText.toLowerCase().includes(provider);
+  }
   if (authType === "signup") {
     return providerMatches || buttonText.toLowerCase().includes(provider);
   }
@@ -7066,6 +7069,11 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       return import_react57.default.cloneElement(field, { key });
     }
     case import_browser45.EmbeddedFlowComponentTypeV2.Action: {
+      const actionId = component.id;
+      const eventType = component.eventType || "";
+      const buttonText = component.label || "";
+      const componentVariant = component.variant || "";
+      const shouldSkipValidation = eventType.toUpperCase() === import_browser45.EmbeddedFlowEventTypeV2.Trigger;
       const handleClick = () => {
         if (options.onSubmit) {
           const formData = {};
@@ -7074,28 +7082,25 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
               formData[field] = formValues[field];
             }
           });
-          options.onSubmit(component, formData);
+          options.onSubmit(component, formData, shouldSkipValidation);
         }
       };
-      const actionId = component.id;
-      const eventType = component.eventType || "";
-      const buttonText = component.label || "";
-      if (matchesSocialProvider(actionId, eventType, buttonText, "google", authType)) {
+      if (matchesSocialProvider(actionId, eventType, buttonText, "google", authType, componentVariant)) {
         return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
-      if (matchesSocialProvider(actionId, eventType, buttonText, "github", authType)) {
+      if (matchesSocialProvider(actionId, eventType, buttonText, "github", authType, componentVariant)) {
         return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GitHubButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
-      if (matchesSocialProvider(actionId, eventType, buttonText, "facebook", authType)) {
+      if (matchesSocialProvider(actionId, eventType, buttonText, "facebook", authType, componentVariant)) {
         return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FacebookButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
-      if (matchesSocialProvider(actionId, eventType, buttonText, "microsoft", authType)) {
+      if (matchesSocialProvider(actionId, eventType, buttonText, "microsoft", authType, componentVariant)) {
         return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(MicrosoftButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
-      if (matchesSocialProvider(actionId, eventType, buttonText, "linkedin", authType)) {
+      if (matchesSocialProvider(actionId, eventType, buttonText, "linkedin", authType, componentVariant)) {
         return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(LinkedInButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
-      if (matchesSocialProvider(actionId, eventType, buttonText, "ethereum", authType)) {
+      if (matchesSocialProvider(actionId, eventType, buttonText, "ethereum", authType, componentVariant)) {
         return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SignInWithEthereumButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (actionId === "prompt_mobile" || eventType === "prompt_mobile") {
@@ -7119,6 +7124,9 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       const variant = getTypographyVariant(component.variant);
       return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typography_default, { variant, children: component.label || "" }, key);
     }
+    case import_browser45.EmbeddedFlowComponentTypeV2.Divider: {
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Divider_default, { children: component.label || "" }, key);
+    }
     case import_browser45.EmbeddedFlowComponentTypeV2.Block: {
       if (component.components && component.components.length > 0) {
         const blockComponents = component.components.map(
@@ -7137,7 +7145,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
             }
           )
         ).filter(Boolean);
-        return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { children: blockComponents }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("form", { id: component.id, children: blockComponents }, key);
       }
       return null;
     }
@@ -7244,12 +7252,12 @@ var resolveTranslationsInArray = (items, t, properties) => {
 var resolveTranslationsInArray_default = resolveTranslationsInArray;
 
 // src/utils/v2/flowTransformer.ts
-var transformComponents = (response, t) => {
+var transformComponents = (response, t, resolveTranslations = true) => {
   if (!response?.data?.meta?.components) {
     return [];
   }
   const components = response.data.meta.components;
-  return resolveTranslationsInArray_default(components, t);
+  return resolveTranslations ? resolveTranslationsInArray_default(components, t) : components;
 };
 var extractErrorMessage = (error, t, defaultErrorKey = "errors.flow.generic") => {
   if (error && typeof error === "object" && error.failureReason) {
@@ -7264,14 +7272,14 @@ var checkForErrorResponse = (response, t, defaultErrorKey = "errors.flow.generic
   return null;
 };
 var normalizeFlowResponse = (response, t, options = {}) => {
-  const { throwOnError = true, defaultErrorKey = "errors.flow.generic" } = options;
+  const { throwOnError = true, defaultErrorKey = "errors.flow.generic", resolveTranslations = true } = options;
   const errorMessage = checkForErrorResponse(response, t, defaultErrorKey);
   if (errorMessage && throwOnError) {
     throw response;
   }
   return {
     flowId: response.flowId,
-    components: transformComponents(response, t)
+    components: transformComponents(response, t, resolveTranslations)
   };
 };
 
@@ -7433,11 +7441,13 @@ var BaseSignInContent2 = ({
   const handleInputBlur = (name) => {
     setFormTouched(name, true);
   };
-  const handleSubmit = async (component, data) => {
-    touchAllFields();
-    const validation = validateForm();
-    if (!validation.isValid) {
-      return;
+  const handleSubmit = async (component, data, skipValidation) => {
+    if (!skipValidation) {
+      touchAllFields();
+      const validation = validateForm();
+      if (!validation.isValid) {
+        return;
+      }
     }
     setIsSubmitting(true);
     clearMessages();
@@ -7732,7 +7742,9 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
       if (handleRedirection(response)) {
         return;
       }
-      const { flowId, components: components2 } = normalizeFlowResponse(response, t);
+      const { flowId, components: components2 } = normalizeFlowResponse(response, t, {
+        resolveTranslations: !children
+      });
       if (flowId && components2) {
         setFlowId(flowId);
         setComponents(components2);
@@ -7768,7 +7780,9 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
       if (handleRedirection(response)) {
         return;
       }
-      const { flowId, components: components2 } = normalizeFlowResponse(response, t);
+      const { flowId, components: components2 } = normalizeFlowResponse(response, t, {
+        resolveTranslations: !children
+      });
       if (response.flowStatus === import_browser48.EmbeddedSignInFlowStatusV2.Error) {
         console.error("[SignIn] Flow returned Error status, clearing flow state");
         clearFlowState();
@@ -9123,7 +9137,8 @@ var BaseSignUpContent2 = ({
       if (response?.data) {
         try {
           const { components } = normalizeFlowResponse(response, t, {
-            defaultErrorKey: "components.signUp.errors.generic"
+            defaultErrorKey: "components.signUp.errors.generic",
+            resolveTranslations: !children
           });
           return {
             ...response,
@@ -9138,7 +9153,7 @@ var BaseSignUpContent2 = ({
       }
       return response;
     },
-    [t]
+    [t, children]
   );
   const extractFormFields = (0, import_react62.useCallback)(
     (components) => {
@@ -9213,10 +9228,17 @@ var BaseSignUpContent2 = ({
     setFormValue(name, value);
     setFormTouched(name, true);
   };
-  const handleSubmit = async (component, data) => {
+  const handleSubmit = async (component, data, skipValidation) => {
     if (!currentFlow) {
       return;
     }
+    if (!skipValidation) {
+      touchAllFields();
+      const validation = validateForm();
+      if (!validation.isValid) {
+        return;
+      }
+    }
     setIsLoading(true);
     clearMessages();
     try {