@saasquatch/mint-components 1.6.2-3 → 1.6.2-6

package/dist/esm/sqm-navigation-sidebar-item.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './stencil-hooks.module-66fea7dc.js';
 import './use-callback-69ec5c5c.js';
-import { F as Fn, L } from './index.module-8e654eb1.js';
+import { F as Fn, L } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-f00f9536.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-52b5e3b9.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-7e6199c2.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = Fn();

package/dist/esm/sqm-password-field.entry.js

@@ -1,11 +1,12 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
 import { o as d, i as useState, m as h$1 } from './stencil-hooks.module-66fea7dc.js';
 import './use-callback-69ec5c5c.js';
-import { L } from './index.module-8e654eb1.js';
+import { L } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
+import { F as FORM_VALIDATION_CONTEXT, R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-699c3e59.js';
 
 var constants = {
   error: {
@@ -483,27 +484,30 @@ const vanillaStyle = `
 const sheet$1 = createStyleSheet(style$1);
 const styleString$1 = sheet$1.toString();
 function PortalResetPasswordView(props) {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const { states, callbacks } = props;
   return (h("div", { class: sheet$1.classes.InputContainer },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString$1),
-    h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, validationError: ({ value }) => {
+    h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, disabled: ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.loading) || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), validationError: ({ value }) => {
         if (!value) {
           return "Cannot be empty";
         }
-      } }, (((_a = states.validationErrors) === null || _a === void 0 ? void 0 : _a.password) ? {
+      } }, (((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.initialData) === null || _d === void 0 ? void 0 : _d.password) ? {
+      value: (_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.initialData) === null || _f === void 0 ? void 0 : _f.password,
+    }
+      : {}), (((_g = states.validationErrors) === null || _g === void 0 ? void 0 : _g.password) ? {
       class: sheet$1.classes.ErrorStyle,
-      helpText: ((_b = states.validationErrors) === null || _b === void 0 ? void 0 : _b.password) || "Cannot be empty",
+      helpText: ((_h = states.validationErrors) === null || _h === void 0 ? void 0 : _h.password) || "Cannot be empty",
     }
       : []), { onInput: (input) => states.enableValidation && callbacks.onInput(input) })),
     states.dynamicValidation));
 }
 
-const CONTEXT_NAME = "sq:validation-state";
 function usePasswordField(props) {
-  const validationState = d(CONTEXT_NAME);
+  const validationState = d(FORM_VALIDATION_CONTEXT);
+  const registrationFormState = d(REGISTRATION_FORM_STATE_CONTEXT);
   const [dynamicValidation, setDynamicValidation] = useState("");
   function onInput(input) {
     const validation = validateNewPassword(input.target.value);
@@ -513,6 +517,7 @@ function usePasswordField(props) {
     states: {
       enableValidation: props.enableValidation,
       dynamicValidation,
+      registrationFormState,
       validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
       content: {
         fieldLabel: props.fieldLabel,
@@ -567,6 +572,7 @@ function usePasswordFieldDemo(props) {
       enableValidation: true,
       dynamicValidation,
       validationErrors: ((_f = (_e = props === null || props === void 0 ? void 0 : props.demoData) === null || _e === void 0 ? void 0 : _e.states) === null || _f === void 0 ? void 0 : _f.validationErrors) || {},
+      registrationFormState: {},
       content: {
         fieldLabel: "Password",
       },

package/dist/esm/sqm-popup-container.entry.js

@@ -1,7 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { m as h$1 } from './stencil-hooks.module-66fea7dc.js';
 import './use-callback-69ec5c5c.js';
-import { J } from './index.module-8e654eb1.js';
+import { J } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import { g as getProps } from './utils-334c1e34.js';
 

package/dist/esm/{sqm-portal-email-verification-view-7dafea6c.js → sqm-portal-email-verification-view-ba08318b.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-79d68d1f.js';
+import { i as intl } from './global-1e714a4d.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { i as useState, e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
-import './global-79d68d1f.js';
+import './global-1e714a4d.js';
 import './use-callback-69ec5c5c.js';
-import { v as vn, a as ae, L } from './index.module-8e654eb1.js';
+import { v as vn, a as ae, L } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-f00f9536.js';
 import './sqm-text-span-view-0ba1484d.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-7dafea6c.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-ba08318b.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-footer-view-a857dd94.js → sqm-portal-footer-view-9bfd61b4.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-79d68d1f.js';
+import { i as intl } from './global-1e714a4d.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './stencil-hooks.module-66fea7dc.js';
-import './global-79d68d1f.js';
+import './global-1e714a4d.js';
 import './use-callback-69ec5c5c.js';
-import './index.module-8e654eb1.js';
+import './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import './JSS-f00f9536.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { P as PortalFooterView } from './sqm-portal-footer-view-a857dd94.js';
+import { P as PortalFooterView } from './sqm-portal-footer-view-9bfd61b4.js';
 
 const PortalFooter = class {
   constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { i as useState, e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
 import './use-callback-69ec5c5c.js';
-import { f as fn, L, I as In } from './index.module-8e654eb1.js';
+import { f as fn, L, I as In } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance } from './index-17b4da69.js';
 import { m as h } from './stencil-hooks.module-66fea7dc.js';
 import './use-callback-69ec5c5c.js';
-import { t as te, I as In, L } from './index.module-8e654eb1.js';
+import { t as te, I as In, L } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 
 function usePortalLogout({ nextPage }) {

package/dist/esm/{sqm-portal-profile-view-785773e9.js → sqm-portal-profile-view-0f8dd14f.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-79d68d1f.js';
+import { i as intl } from './global-1e714a4d.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
 import { P as PortalContainerView } from './sqm-portal-container-view-ca454627.js';

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { i as useState, e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
-import './global-79d68d1f.js';
+import './global-1e714a4d.js';
 import './use-callback-69ec5c5c.js';
-import { d as dist, a as ae, w as wn, j as je, L } from './index.module-8e654eb1.js';
+import { d as dist, a as ae, w as wn, $ as $e, L } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-f00f9536.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './sqm-text-span-view-0ba1484d.js';
 import './sqm-portal-container-view-ca454627.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-785773e9.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-0f8dd14f.js';
 
 const GET_USER = dist.gql `
   query {
@@ -60,7 +60,7 @@ function usePortalProfile(props) {
   const [userData, setUserData] = useState(undefined);
   const [formState, setFormState] = useState(defaultFormState);
   const userDataResponse = wn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = je(UPSERT_USER);
+  const [upsertUser, upsertUserResponse] = $e(UPSERT_USER);
   useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
 import './use-callback-69ec5c5c.js';
-import { a as ae, F as Fn, I as In, L } from './index.module-8e654eb1.js';
+import { a as ae, F as Fn, I as In, L } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {

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

@@ -1,14 +1,15 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
 import { j as useRef, e as useEffect, m as h$1 } from './stencil-hooks.module-66fea7dc.js';
 import { u as useCallback } from './use-callback-69ec5c5c.js';
-import { W as We, I as In, L } from './index.module-8e654eb1.js';
+import { d as dist, W as We, w as wn, I as In, L } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
-import { u as useValidationState, A as AsYouType } from './useValidationState-34e24357.js';
+import { A as AsYouType } from './AsYouType-46f67d0d.js';
+import { u as useRegistrationFormState, a as useValidationState } from './useRegistrationFormState-699c3e59.js';
 
 const style = {
   Wrapper: { ...AuthWrapper, "max-width": "600px" },
@@ -39,7 +40,7 @@ sqm-portal-register {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalRegistrationFormView(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
   const { states, refs, callbacks, content } = props;
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
@@ -50,10 +51,11 @@ function PortalRegistrationFormView(props) {
       styleString),
     h(TextSpanView, { type: "h3" }, content.pageLabel),
     h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
-      states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, props.states.error))),
+      ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.disabled) ? (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, states.registrationFormState.disabledMessage))) : (states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, props.states.error)))),
       content.formData,
-      !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
+      !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), required: true, validationError: ({ value }) => {
           if (!value) {
             return "Cannot be empty";
           }
@@ -61,40 +63,78 @@ function PortalRegistrationFormView(props) {
           if (!value.includes("@")) {
             return "Must be a valid email address";
           }
-        } }, (((_b = (_a = states.validationState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
+        } }, (((_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) ? {
         class: sheet.classes.ErrorStyle,
-        helpText: ((_d = (_c = states.validationState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
+        helpText: ((_k = (_j = states.validationState) === null || _j === void 0 ? void 0 : _j.validationErrors) === null || _k === void 0 ? void 0 : _k.email) ||
           "Cannot be empty",
       }
         : [])))),
       !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "enable-validation": states.enablePasswordValidation })),
       content.passwordField,
-      !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 }, (((_f = (_e = states.validationState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
+      !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) ? {
         class: sheet.classes.ErrorStyle,
-        helpText: ((_h = (_g = states.validationState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) ||
+        helpText: ((_t = (_s = states.validationState) === null || _s === void 0 ? void 0 : _s.validationErrors) === null || _t === void 0 ? void 0 : _t.confirmPassword) ||
           "Cannot be empty",
       }
         : [])))),
       content.terms,
       h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
+        h("sl-button", { submit: true, loading: states.loading, disabled: (_u = states.registrationFormState) === null || _u === void 0 ? void 0 : _u.disabled, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
         content.secondaryButton))));
 }
 
+const RegistrationFormQuery = dist.gql `
+  query RegistrationFormQuery($key: String!) {
+    form(key: $key) {
+      key
+      type
+      initialData {
+        initialData
+        isEnabled
+        isEnabledErrorMessage
+      }
+    }
+  }
+`;
 function usePortalRegistrationForm(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  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 }] = We();
+  const queryResponse = wn(RegistrationFormQuery, { key: props.formKey });
+  const formLoading = loading || queryResponse.loading;
+  useEffect(() => {
+    var _a, _b, _c;
+    const initialData = (_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData.initialData;
+    const disabled = ((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false;
+    const disabledMessage = ((_c = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _c === void 0 ? void 0 : _c.form.initialData.isEnabledErrorMessage) ||
+      "The registration form is currently disabled.";
+    const formState = {
+      loading: formLoading,
+      disabled,
+      disabledMessage,
+      initialData,
+    };
+    setRegistrationFormState(formState);
+  }, [(_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData, formLoading]);
   const submit = async (event) => {
     let formControls = event.target.getFormControls();
     let formData = {};
     let validationErrors = {};
     formControls === null || formControls === void 0 ? void 0 : formControls.forEach((control) => {
+      console.log({ control }, control.name);
       if (!control.name)
         return;
       const key = control.name;
       const value = control.value;
+      // control.value = initialData[key] || control.value;
       jsonpointer.set(formData, key, value);
       // required validation
       if (control.required && !value) {
@@ -124,14 +164,15 @@ function usePortalRegistrationForm(props) {
     delete formData.email;
     delete formData.password;
     delete formData.confirmPassword;
-    formData = { ...formData };
     const redirectPath = props.redirectPath;
     const variables = {
       key: props.formKey,
-      email,
-      password,
-      formData,
-      redirectPath,
+      formData: {
+        email,
+        password,
+        redirectPath,
+        ...formData,
+      },
     };
     try {
       await request(variables);
@@ -168,21 +209,27 @@ function usePortalRegistrationForm(props) {
     };
   }, [formRef.current]);
   let errorMessage = "";
-  if ((_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a["error"]) {
+  if (((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false) {
+    errorMessage =
+      ((_c = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _c === void 0 ? void 0 : _c.form.initialData.isEnabledErrorMessage) ||
+        "The registration form is disabled";
+  }
+  else if ((_d = errors === null || errors === void 0 ? void 0 : errors.response) === null || _d === void 0 ? void 0 : _d["error"]) {
     errorMessage = "Network request failed";
   }
-  else if ((errors === null || errors === void 0 ? void 0 : errors.message) && !((_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors.length)) {
+  else if ((errors === null || errors === void 0 ? void 0 : errors.message) && !((_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors.length)) {
     errorMessage = "Network request failed";
   }
   else {
     errorMessage =
-      formError || ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.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) || (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) || (validationState === null || validationState === void 0 ? void 0 : validationState.error);
   }
   return {
     states: {
-      loading,
+      loading: loading || queryResponse.loading,
       error: errorMessage,
       validationState,
+      registrationFormState,
       confirmPassword: props.confirmPassword,
       hideInputs: props.hideInputs,
       loginPath: props.loginPath,

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { i as useState, e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
 import './use-callback-69ec5c5c.js';
-import { K as Ke, G as Ge, I as In, L } from './index.module-8e654eb1.js';
+import { K as Ke, G as Ge, I as In, L } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { i as useState, e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
 import './use-callback-69ec5c5c.js';
-import { a as ae, c as dn, I as In, L } from './index.module-8e654eb1.js';
+import { a as ae, c as dn, I as In, L } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
@@ -20,7 +20,6 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   const urlParams = new URLSearchParams(window.location.search);
   const oobCode = urlParams.get("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
-  urlParams.delete("oobCode");
   const failed = () => {
     return In.push({
       pathname: failedPage,

package/dist/esm/sqm-qa-tabs.entry.js

@@ -1,9 +1,9 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { l, k as useMemo, e as useEffect, m as h$1 } from './stencil-hooks.module-66fea7dc.js';
 import './use-callback-69ec5c5c.js';
-import { P } from './index.module-8e654eb1.js';
+import { P } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
-import { u as useChildElements } from './useChildElements-5a1262d5.js';
+import { u as useChildElements } from './useChildElements-e1a1d3d1.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const TabsView = ({ content, placement, }) => {

package/dist/esm/sqm-referral-table_11.entry.js

@@ -1,17 +1,17 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
 import { m as h, u as useReducer, k as useMemo, e as useEffect } from './stencil-hooks.module-66fea7dc.js';
-import { i as intl } from './global-79d68d1f.js';
+import { i as intl } from './global-1e714a4d.js';
 import './use-callback-69ec5c5c.js';
-import { L } from './index.module-8e654eb1.js';
+import { L } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 import { G as GenericTableView } from './GenericTableView-59c5d47c.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-cd65b629.js';
-import { u as useChildElements } from './useChildElements-5a1262d5.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-d1b2a0de.js';
+import { u as useChildElements } from './useChildElements-e1a1d3d1.js';
 import { l as luxon } from './luxon-38ca2169.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-6c14c78f.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-68c0823f.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
 

package/dist/esm/sqm-rewards-table-customer-note-column.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { m as h } from './stencil-hooks.module-66fea7dc.js';
 import './use-callback-69ec5c5c.js';
-import './index.module-8e654eb1.js';
+import './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
-import { a as useRequestRerender } from './re-render-cd65b629.js';
+import { a as useRequestRerender } from './re-render-d1b2a0de.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -1,17 +1,17 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { b as browser, u as useReducer, e as useEffect, m as h$1, k as useMemo } from './stencil-hooks.module-66fea7dc.js';
-import { i as intl } from './global-79d68d1f.js';
+import { i as intl } from './global-1e714a4d.js';
 import './use-callback-69ec5c5c.js';
-import { d as dist, a as ae, M, O, q as qn, L } from './index.module-8e654eb1.js';
+import { d as dist, a as ae, M, O, q as qn, L } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 import { G as GenericTableView } from './GenericTableView-59c5d47c.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-cd65b629.js';
-import { u as useChildElements } from './useChildElements-5a1262d5.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-d1b2a0de.js';
+import { u as useChildElements } from './useChildElements-e1a1d3d1.js';
 import { l as luxon } from './luxon-38ca2169.js';
-import { g as generateUserError } from './useReferralTable-6c14c78f.js';
+import { g as generateUserError } from './useReferralTable-68c0823f.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
 const mockRewardData = (count = 4) => {

package/dist/esm/sqm-stencilbook.entry.js

@@ -1,14 +1,14 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { a as commonjsGlobal, k as useMemo, i as useState, e as useEffect, c as createCommonjsModule, m as h$1 } from './stencil-hooks.module-66fea7dc.js';
-import './global-79d68d1f.js';
+import './global-1e714a4d.js';
 import './use-callback-69ec5c5c.js';
-import { I as In, F as Fn, t as te$1, d as dist, e as tn, A as A$1 } from './index.module-8e654eb1.js';
+import { I as In, F as Fn, t as te$1, d as dist, e as tn, A as A$1 } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
 import './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 import { G as GenericTableView } from './GenericTableView-59c5d47c.js';
-import './useChildElements-5a1262d5.js';
+import './useChildElements-e1a1d3d1.js';
 import { l as luxon } from './luxon-38ca2169.js';
 import './utils-334c1e34.js';
 import './sqm-text-span-view-0ba1484d.js';
@@ -16,15 +16,15 @@ import { A as AssetCardView } from './sqm-asset-card-view-08e68656.js';
 import { H as HeroView } from './sqm-hero-view-93fac447.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-06d444ca.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-52b5e3b9.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-7dafea6c.js';
-import { a as PoweredByImg$1, P as PortalFooterView } from './sqm-portal-footer-view-a857dd94.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-7e6199c2.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-ba08318b.js';
+import { a as PoweredByImg$1, P as PortalFooterView } from './sqm-portal-footer-view-9bfd61b4.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-86d13eef.js';
 import { P as PortalContainerView } from './sqm-portal-container-view-ca454627.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-785773e9.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-0f8dd14f.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-213b3af6.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-c32dfd7e.js';
-import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-77643eb3.js';
+import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-7d94f9d6.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-6c249c74.js';
 
 /**
@@ -5982,6 +5982,7 @@ const Start = () => {
       initValue: "",
       states: {
         enableValidation: true,
+        registrationFormState: {},
         validationErrors: {},
         content: {
           fieldLabel: "Password",
@@ -5995,6 +5996,7 @@ const EmptyError = () => {
       states: {
         enableValidation: true,
         validationErrors: { password: "Cannot be empty" },
+        registrationFormState: {},
         content: {
           fieldLabel: "Password",
         },
@@ -6006,6 +6008,7 @@ const ValidationError = () => {
       initValue: "asdf",
       states: {
         enableValidation: true,
+        registrationFormState: {},
         validationErrors: { password: "Incomplete" },
         content: {
           fieldLabel: "Password",

package/dist/esm/sqm-tabs.entry.js

@@ -1,9 +1,9 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { l, k as useMemo, e as useEffect, m as h$1 } from './stencil-hooks.module-66fea7dc.js';
 import './use-callback-69ec5c5c.js';
-import { P } from './index.module-8e654eb1.js';
+import { P } from './index.module-9cd4623b.js';
 import './extends-c31f1eff.js';
-import { u as useChildElements } from './useChildElements-5a1262d5.js';
+import { u as useChildElements } from './useChildElements-e1a1d3d1.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const TabsView = ({ content, placement, }) => {

package/dist/esm/{useChildElements-5a1262d5.js → useChildElements-e1a1d3d1.js}

@@ -1,5 +1,5 @@
 import { i as useState, e as useEffect } from './stencil-hooks.module-66fea7dc.js';
-import { P } from './index.module-8e654eb1.js';
+import { P } from './index.module-9cd4623b.js';
 
 function useChildElements() {
   const host = P();

package/dist/esm/{useReferralTable-6c14c78f.js → useReferralTable-68c0823f.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
 import { b as browser, u as useReducer, e as useEffect } from './stencil-hooks.module-66fea7dc.js';
-import { d as dist, a as ae, M, O, w as wn, q as qn } from './index.module-8e654eb1.js';
-import { u as useRerenderListener } from './re-render-cd65b629.js';
-import { u as useChildElements } from './useChildElements-5a1262d5.js';
+import { d as dist, a as ae, M, O, w as wn, q as qn } from './index.module-9cd4623b.js';
+import { u as useRerenderListener } from './re-render-d1b2a0de.js';
+import { u as useChildElements } from './useChildElements-e1a1d3d1.js';
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/esm/useRegistrationFormState-699c3e59.js

@@ -0,0 +1,18 @@
+import { y } from './stencil-hooks.module-66fea7dc.js';
+import { P } from './index.module-9cd4623b.js';
+
+const FORM_VALIDATION_CONTEXT = "sq:validation-state";
+function useValidationState(formState) {
+  const host = P();
+  const [validationState, setValidationState] = y(host, FORM_VALIDATION_CONTEXT, formState);
+  return { validationState, setValidationState };
+}
+
+const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
+function useRegistrationFormState(formState) {
+  const host = P();
+  const [registrationFormState, setRegistrationFormState] = y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
+  return { registrationFormState, setRegistrationFormState };
+}
+
+export { FORM_VALIDATION_CONTEXT as F, REGISTRATION_FORM_STATE_CONTEXT as R, useValidationState as a, useRegistrationFormState as u };