@asgardeo/react 0.6.23 → 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;
     }
@@ -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();
@@ -9218,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 {