@asgardeo/react 0.15.0 → 0.15.2

package/dist/cjs/index.js

@@ -12137,6 +12137,7 @@ var BaseAcceptInvite = ({
       delete newErrors[name];
       return newErrors;
     });
+    setIsFormValid(true);
   }, []);
   const handleInputBlur = (0, import_react73.useCallback)((name) => {
     setTouchedFields((prev) => ({ ...prev, [name]: true }));
@@ -12149,7 +12150,7 @@ var BaseAcceptInvite = ({
           if ((comp.type === "PASSWORD_INPUT" || comp.type === "TEXT_INPUT" || comp.type === "EMAIL_INPUT") && comp.required && comp.ref) {
             const value = formValues[comp.ref];
             if (!value || value.trim() === "") {
-              errors[comp.ref] = `${comp.label || comp.ref} is required`;
+              errors[comp.ref] = t("validations.required.field.error");
             }
           }
           if (comp.components && Array.isArray(comp.components)) {
@@ -12160,7 +12161,7 @@ var BaseAcceptInvite = ({
       validateComponents(components2);
       return { errors, isValid: Object.keys(errors).length === 0 };
     },
-    [formValues]
+    [formValues, t]
   );
   const handleSubmit = (0, import_react73.useCallback)(
     async (component, data) => {
@@ -12170,8 +12171,8 @@ var BaseAcceptInvite = ({
       const components2 = currentFlow.data?.components || [];
       const validation = validateForm(components2);
       if (!validation.isValid) {
-        setFormErrors(validation.errors);
         setIsFormValid(false);
+        setFormErrors(validation.errors);
         const touched = {};
         Object.keys(validation.errors).forEach((key) => {
           touched[key] = true;
@@ -12181,7 +12182,6 @@ var BaseAcceptInvite = ({
       }
       setIsLoading(true);
       setApiError(null);
-      setIsFormValid(true);
       try {
         const inputs = data || formValues;
         const payload = {
@@ -12221,7 +12221,6 @@ var BaseAcceptInvite = ({
           return;
         }
         setCurrentFlow(response);
-        setFormValues({});
         setFormErrors({});
         setTouchedFields({});
       } catch (err) {
@@ -12303,35 +12302,6 @@ var BaseAcceptInvite = ({
     ),
     []
   );
-  const renderComponents = (0, import_react73.useCallback)(
-    (components2) => renderInviteUserComponents(
-      components2,
-      formValues,
-      touchedFields,
-      formErrors,
-      isLoading,
-      isFormValid,
-      handleInputChange,
-      {
-        onInputBlur: handleInputBlur,
-        onSubmit: handleSubmit,
-        size,
-        variant
-      }
-    ),
-    [
-      formValues,
-      touchedFields,
-      formErrors,
-      isLoading,
-      isFormValid,
-      handleInputChange,
-      handleInputBlur,
-      handleSubmit,
-      size,
-      variant
-    ]
-  );
   const components = currentFlow?.data?.components || currentFlow?.data?.meta?.components || [];
   const { title, subtitle } = extractHeadings(components);
   const componentsWithoutHeadings = filterHeadings(components);
@@ -12395,7 +12365,21 @@ var BaseAcceptInvite = ({
     /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Card_default.Content, { children: [
       apiError && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Alert_default, { variant: "error", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Alert_default.Description, { children: apiError.message }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
-        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderInviteUserComponents(
+          componentsWithoutHeadings,
+          formValues,
+          touchedFields,
+          formErrors,
+          isLoading,
+          isFormValid,
+          handleInputChange,
+          {
+            onInputBlur: handleInputBlur,
+            onSubmit: handleSubmit,
+            size,
+            variant
+          }
+        ) : !isLoading && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography_default, { variant: "body1", children: "No form components available" }) }),
         isLoading && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Spinner_default, { size: "small" }) })
       ] }),
       onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Typography_default, { variant: "body2", children: [