@saasquatch/mint-components 1.6.2-21 → 1.6.2-22

package/dist/esm/sqm-portal-logout.entry.js

@@ -13,7 +13,7 @@ const PortalLogout = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Redirect participants to this page when they log out.
+     * Redirect participants to this path when they log out
      *
      * @uiName Logout Redirect Path
      * @uiWidget pageSelect

package/dist/esm/sqm-portal-profile.entry.js

@@ -190,6 +190,8 @@ const PortalProfile = class {
      */
     this.submitChangeButtonText = "Submit Changes";
     /**
+     * Show or hide the country field.
+     *
      * @uiName Hide Country Field
      */
     this.hideCountry = false;

package/dist/esm/sqm-portal-protected-route.entry.js

@@ -33,7 +33,7 @@ const PortalProtectedRoute = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Redirect participants to this page they are not logged in.
+     * Redirect participants to this path they are not logged in.
      *
      * @uiName Redirect Path
      */
@@ -43,7 +43,7 @@ const PortalProtectedRoute = class {
      */
     this.requireEmailVerification = false;
     /**
-     * Redirect participants to this page when email verification is required but they have not verified their email.
+     * Redirect participants to this path when email verification is required but they have not verified their email.
      *
      * @uiName Unverified Participant Redirect Path
      */

package/dist/esm/sqm-portal-registration-form.entry.js

@@ -8,7 +8,7 @@ import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsCont
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8b194920.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
-import { u as useRegistrationFormState, a as useValidationState } from './useRegistrationFormState-e94eec81.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-3cdf2939.js';
 
 const style = {
   Wrapper: { ...AuthWrapper, "max-width": "600px" },
@@ -65,9 +65,9 @@ function PortalRegistrationFormView(props) {
         } }, (((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.initialData) === null || _d === void 0 ? void 0 : _d.email) ? {
         value: (_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.initialData) === null || _f === void 0 ? void 0 : _f.email,
       }
-        : {}), (((_h = (_g = states.validationState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.email) ? {
+        : {}), (((_h = (_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.email) ? {
         class: sheet.classes.ErrorStyle,
-        helpText: ((_k = (_j = states.validationState) === null || _j === void 0 ? void 0 : _j.validationErrors) === null || _k === void 0 ? void 0 : _k.email) ||
+        helpText: ((_k = (_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.validationErrors) === null || _k === void 0 ? void 0 : _k.email) ||
           "Cannot be empty",
       }
         : [])))),
@@ -76,10 +76,9 @@ function PortalRegistrationFormView(props) {
       !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_m = (_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.initialData) === null || _m === void 0 ? void 0 : _m.confirmPassword) ? {
         value: (_p = (_o = states.registrationFormState) === null || _o === void 0 ? void 0 : _o.initialData) === null || _p === void 0 ? void 0 : _p.confirmPassword,
       }
-        : {}), (((_r = (_q = states.validationState) === null || _q === void 0 ? void 0 : _q.validationErrors) === null || _r === void 0 ? void 0 : _r.confirmPassword) ? {
+        : {}), (((_r = (_q = states.registrationFormState) === null || _q === void 0 ? void 0 : _q.validationErrors) === null || _r === void 0 ? void 0 : _r.confirmPassword) ? {
         class: sheet.classes.ErrorStyle,
-        helpText: ((_t = (_s = states.validationState) === null || _s === void 0 ? void 0 : _s.validationErrors) === null || _t === void 0 ? void 0 : _t.confirmPassword) ||
-          "Cannot be empty",
+        helpText: ((_t = (_s = states.registrationFormState) === null || _s === void 0 ? void 0 : _s.validationErrors) === null || _t === void 0 ? void 0 : _t.confirmPassword) || "Cannot be empty",
       }
         : [])))),
       content.terms,
@@ -105,7 +104,6 @@ function usePortalRegistrationForm(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
   const formRef = useRef(null);
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState({});
-  const { validationState, setValidationState } = useValidationState({});
   const [request, { loading, errors, data, formError }] = qe();
   const queryResponse = dn(RegistrationFormQuery, { key: props.formKey });
   const formLoading = loading || queryResponse.loading;
@@ -163,11 +161,22 @@ function usePortalRegistrationForm(props) {
         confirmPassword: "Passwords do not match.",
       };
     }
-    setValidationState({ error: "", validationErrors });
     if (Object.keys(validationErrors).length) {
       // early return for validation errors
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "",
+        validationErrors,
+      });
       return;
     }
+    setRegistrationFormState({
+      ...registrationFormState,
+      loading: true,
+      error: "",
+      validationErrors: {},
+    });
     const { email, password } = formData;
     delete formData.email;
     delete formData.password;
@@ -187,6 +196,12 @@ function usePortalRegistrationForm(props) {
       if (result instanceof Error) {
         throw result;
       }
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "",
+        validationErrors: {},
+      });
       const managedIdentityResponse = (_a = result.submitForm) === null || _a === void 0 ? void 0 : _a.results.find((result) => result.formHandler.namespace === "identity");
       if (managedIdentityResponse &&
         managedIdentityResponse.result.results.length &&
@@ -196,7 +211,11 @@ function usePortalRegistrationForm(props) {
       }
     }
     catch (error) {
-      setValidationState({ error: "Network request failed." });
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "Network request failed.",
+      });
     }
   };
   const inputFunction = useCallback((e) => {
@@ -221,13 +240,12 @@ function usePortalRegistrationForm(props) {
   }
   else {
     errorMessage =
-      formError || ((_j = (_h = (_g = (_f = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.errors) === null || _f === void 0 ? void 0 : _f.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) || ((_o = (_m = (_l = (_k = errors === null || errors === void 0 ? void 0 : errors.response) === null || _k === void 0 ? void 0 : _k.errors) === null || _l === void 0 ? void 0 : _l[0]) === null || _m === void 0 ? void 0 : _m.extensions) === null || _o === void 0 ? void 0 : _o.message) || ((_r = (_q = (_p = errors === null || errors === void 0 ? void 0 : errors.response) === null || _p === void 0 ? void 0 : _p.errors) === null || _q === void 0 ? void 0 : _q[0]) === null || _r === void 0 ? void 0 : _r.message) || (validationState === null || validationState === void 0 ? void 0 : validationState.error);
+      formError || ((_j = (_h = (_g = (_f = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.errors) === null || _f === void 0 ? void 0 : _f.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) || ((_o = (_m = (_l = (_k = errors === null || errors === void 0 ? void 0 : errors.response) === null || _k === void 0 ? void 0 : _k.errors) === null || _l === void 0 ? void 0 : _l[0]) === null || _m === void 0 ? void 0 : _m.extensions) === null || _o === void 0 ? void 0 : _o.message) || ((_r = (_q = (_p = errors === null || errors === void 0 ? void 0 : errors.response) === null || _p === void 0 ? void 0 : _p.errors) === null || _q === void 0 ? void 0 : _q[0]) === null || _r === void 0 ? void 0 : _r.message) || (registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.error);
   }
   return {
     states: {
       loading: loading || queryResponse.loading,
       error: errorMessage,
-      validationState,
       registrationFormState,
       confirmPassword: props.confirmPassword,
       hideInputs: props.hideInputs,
@@ -249,16 +267,16 @@ const PortalRegistrationForm = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Redirect participants to this page after they successfully register.
+     * Page participants are navigated to after registration.
      *
-     * @uiName Registration Redirect
+     * @uiName Registration Redirect Path
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * Redirect participants to this page from their verification email
+     * The page that participants are redirected to from the verification email.
      *
-     * @uiName Email Verification Redirect
+     * @uiName Email Redirection Path
      * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
@@ -279,10 +297,12 @@ const PortalRegistrationForm = class {
      */
     this.loginLabel = "Sign in";
     /**
-     * @uiName Confirm Password Field Label
+     * @uiName Confirm Password Label
      */
     this.confirmPasswordLabel = "Confirm Password";
     /**
+     * Show or hide the confirm password input.
+     *
      * @uiName Show Confirm Password Field
      */
     this.confirmPassword = false;
@@ -291,9 +311,9 @@ const PortalRegistrationForm = class {
      */
     this.disablePasswordValidation = false;
     /**
-     * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+     * Hide default input fields to use custom fields.
      *
-     * @uiName Hide Default Fields
+     * @uiName Hide Default Inputs
      */
     this.hideInputs = false;
     /**
@@ -301,9 +321,9 @@ const PortalRegistrationForm = class {
      */
     this.pageLabel = "Register";
     /**
-     * Redirect participants to this page after clicking the login button.
+     * Login button redirection path.
      *
-     * @uiName Login Redirect
+     * @uiName Login Redirect Path
      * @uiWidget pageSelect
      */
     this.loginPath = "/login";

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -89,21 +89,23 @@ const PortalResetPassword = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Redirect participants to this page when they successfully reset their password.
+     * The page that participants are redirected to when the password reset succeeds.
      *
-     * @uiName Successful Reset Redirect
+     * @uiName Reset Successful Redirect Path
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * Redirect participants to this page if password reset fails due to an outdated reset attempt.
+     * The page that participants are redirected to if the reset fails due to outdated password reset attempt.
      *
-     * @uiName Failed Reset Redirect
+     * @uiName Reset Failed Redirect Path
      * @uiWidget pageSelect
      */
     this.failedPage = "/";
     /**
-     * @uiName Show Confirm Password Field
+     * Show or hide confirm password field.
+     *
+     * @uiName Show Confirm Password
      */
     this.confirmPassword = false;
     /**
@@ -128,11 +130,11 @@ const PortalResetPassword = class {
      */
     this.continueButtonText = "Continue";
     /**
-     * @uiName Password Confirmation Field Label
+     * @uiName Password Comfirmation Label
      */
     this.confirmPasswordFieldLabel = "Confirm Password";
     /**
-     * @uiName Password Field Label
+     * @uiName Password Label
      */
     this.passwordFieldLabel = "New Password";
     h(this);

package/dist/esm/sqm-portal-verify-email.entry.js

@@ -72,16 +72,16 @@ const PortalVerifyEmail = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Redirect participants to this page when they successfully verify their email.
+     * The page that participants are redirected to when the verification succeeds.
      *
-     * @uiName Successful Verification Redirect
+     * @uiName Verification Redirect Path
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * Redirect participants to this page if verification fails due to an outdated verification attempt.
+     * The page that participants are redirected to if verification fails due to outdated verification attempt.
      *
-     * @uiName Failed Verification Redirect
+     * @uiName Verification Failed Redirect Path
      * @uiWidget pageSelect
      */
     this.failedPage = "/";