@asgardeo/react 0.6.25 → 0.6.26

package/dist/cjs/index.js

@@ -7042,9 +7042,6 @@ var matchesSocialProvider = (actionId, eventType, buttonText, provider, authType
 };
 var createAuthComponentFromFlow = (component, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, authType, options = {}) => {
   const key = options.key || component.id;
-  if (authType === "signin") {
-    console.log("Creating sign-in component for:", component);
-  }
   switch (component.type) {
     case import_browser45.EmbeddedFlowComponentTypeV2.TextInput:
     case import_browser45.EmbeddedFlowComponentTypeV2.PasswordInput:
@@ -7078,9 +7075,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         if (options.onSubmit) {
           const formData = {};
           Object.keys(formValues).forEach((field) => {
-            if (formValues[field]) {
-              formData[field] = formValues[field];
-            }
+            formData[field] = formValues[field];
           });
           options.onSubmit(component, formData, shouldSkipValidation);
         }
@@ -7248,11 +7243,57 @@ var resolveTranslationsInArray = (items, t, properties) => {
 var resolveTranslationsInArray_default = resolveTranslationsInArray;
 
 // src/utils/v2/flowTransformer.ts
+var createInputRefMapping = (response) => {
+  const mapping = /* @__PURE__ */ new Map();
+  if (response?.data?.inputs && Array.isArray(response.data.inputs)) {
+    response.data.inputs.forEach((input) => {
+      if (input.ref && input.identifier) {
+        mapping.set(input.ref, input.identifier);
+      }
+    });
+  }
+  return mapping;
+};
+var createActionRefMapping = (response) => {
+  const mapping = /* @__PURE__ */ new Map();
+  if (response?.data?.actions && Array.isArray(response.data.actions)) {
+    response.data.actions.forEach((action) => {
+      if (action.ref && action.nextNode) {
+        mapping.set(action.ref, action.nextNode);
+      }
+    });
+  }
+  return mapping;
+};
+var applyInputRefMapping = (components, refMapping, actionMapping) => {
+  return components.map((component) => {
+    const transformedComponent = { ...component };
+    if (transformedComponent.ref && refMapping.has(transformedComponent.ref)) {
+      transformedComponent.ref = refMapping.get(transformedComponent.ref);
+    }
+    if (transformedComponent.type === "ACTION" && transformedComponent.id && actionMapping.has(transformedComponent.id)) {
+      transformedComponent.actionRef = actionMapping.get(transformedComponent.id);
+    }
+    if (transformedComponent.components && Array.isArray(transformedComponent.components)) {
+      transformedComponent.components = applyInputRefMapping(
+        transformedComponent.components,
+        refMapping,
+        actionMapping
+      );
+    }
+    return transformedComponent;
+  });
+};
 var transformComponents = (response, t, resolveTranslations = true) => {
   if (!response?.data?.meta?.components) {
     return [];
   }
-  const components = response.data.meta.components;
+  let components = response.data.meta.components;
+  const refMapping = createInputRefMapping(response);
+  const actionMapping = createActionRefMapping(response);
+  if (refMapping.size > 0 || actionMapping.size > 0) {
+    components = applyInputRefMapping(components, refMapping, actionMapping);
+  }
   return resolveTranslations ? resolveTranslationsInArray_default(components, t) : components;
 };
 var extractErrorMessage = (error, t, defaultErrorKey = "errors.flow.generic") => {
@@ -9157,8 +9198,9 @@ var BaseSignUpContent2 = ({
       const processComponents = (comps) => {
         comps.forEach((component) => {
           if (component.type === import_browser59.EmbeddedFlowComponentTypeV2.TextInput) {
+            const fieldName = component.ref || component.id;
             fields.push({
-              name: component.id,
+              name: fieldName,
               required: component.required || false,
               initialValue: "",
               validator: (value) => {
@@ -9249,7 +9291,7 @@ var BaseSignUpContent2 = ({
       const payload = {
         ...currentFlow.flowId && { flowId: currentFlow.flowId },
         flowType: currentFlow.flowType || "REGISTRATION",
-        ...component.id && { action: component.id },
+        ...component.id && { actionId: component.id },
         inputs: filteredInputs
       };
       const rawResponse = await onSubmit(payload);