@saasquatch/mint-components 1.12.1-6 → 1.12.1-8

package/dist/esm/{sqm-portal-profile-view-2997f902.js → sqm-portal-profile-view-5a60747a.js}

@@ -1,7 +1,7 @@
-import { h } from './index-60f16d0a.js';
-import { i as intl } from './global-3611a2b7.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-d1b54710.js';
+import { h } from './index-17b4da69.js';
+import { i as intl } from './global-62554cef.js';
+import { c as createStyleSheet } from './JSS-1c144d47.js';
+import { T as TextSpanView } from './sqm-text-span-view-02ce93d8.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -1,13 +1,14 @@
-import { r as registerInstance, h as h$1 } from './index-60f16d0a.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-e20edc0b.js';
-import './global-3611a2b7.js';
-import { d as dist, K, E as En, x as xe, i as isDemo } from './index.module-f3d96fbb.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
+import './global-62554cef.js';
+import { d as dist, Q, y as yn, e as $e, i as isDemo } from './index.module-48f73e70.js';
 import { c as cjs } from './cjs-bdfb4486.js';
+import './jss-preset-default.esm-f910d30d.js';
+import './JSS-1c144d47.js';
 import { g as getProps } from './utils-334c1e34.js';
-import './JSS-67b5cff8.js';
-import './sqm-text-span-view-d1b54710.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-2997f902.js';
-import { i as isEmpty } from './utilities-33996ce7.js';
+import './sqm-text-span-view-02ce93d8.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-5a60747a.js';
+import { i as isEmpty } from './utilities-e8022681.js';
 
 const GET_USER = dist.gql `
   query {
@@ -53,12 +54,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = K();
+  const userIdent = Q();
   const [success, setSuccess] = useState(false);
   const [userData, setUserData] = useState(undefined);
   const [formState, setFormState] = useState(defaultFormState);
-  const userDataResponse = En(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = xe(UPSERT_USER);
+  const userDataResponse = yn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  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,24 +1,24 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-60f16d0a.js';
-import { f as useEffect, n as h } from './stencil-hooks.module-e20edc0b.js';
-import { K, j as jn, c as xn, i as isDemo } from './index.module-f3d96fbb.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
+import { f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { Q, S as Sn, $ as $n, i as isDemo } from './index.module-48f73e70.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = K();
+  const userIdent = Q();
   const authenticated = !!(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt);
   const emailVerified = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified;
-  const { pathname, search } = jn();
+  const { pathname, search } = Sn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   useEffect(() => {
     if (!authenticated) {
-      return xn.push({
+      return $n.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return xn.push({
+      return $n.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });

package/dist/esm/sqm-portal-registration-form-view-f967552a.js

@@ -0,0 +1,83 @@
+import { h } from './index-17b4da69.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-1c144d47.js';
+import { T as TextSpanView } from './sqm-text-span-view-02ce93d8.js';
+
+const style = {
+  Wrapper: { ...AuthWrapper, "max-width": "600px" },
+  Column: AuthColumn,
+  HostBlock: HostBlock,
+  ":host": {
+    margin: "0 auto",
+    width: "100%",
+  },
+  ButtonsContainer: AuthButtonsContainer,
+  ErrorStyle: ErrorStyles,
+};
+const vanillaStyle = `
+sqm-portal-register {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+
+:host{
+  display: block;
+}
+
+:host([hidden]) {
+  display: none;
+}
+`;
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+function PortalRegistrationFormView(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+  const { states, refs, callbacks, content } = props;
+  if (states.error) {
+    window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
+  }
+  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      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 },
+      ((_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, base: input-base", 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 content.requiredFieldErrorMessage;
+          }
+          // this matches shoelace validation, but could be better
+          if (!value.includes("@")) {
+            return content.invalidEmailErrorMessage;
+          }
+        } }, (((_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.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.registrationFormState) === null || _j === void 0 ? void 0 : _j.validationErrors) === null || _k === void 0 ? void 0 : _k.email) ||
+          content.requiredFieldErrorMessage,
+      }
+        : [])))),
+      !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": !states.enablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
+      !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.disabled), required: true }, (((_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.confirmPassword) ? {
+        value: (_q = (_p = states.registrationFormState) === null || _p === void 0 ? void 0 : _p.initialData) === null || _q === void 0 ? void 0 : _q.confirmPassword,
+      }
+        : {}), (((_s = (_r = states.registrationFormState) === null || _r === void 0 ? void 0 : _r.validationErrors) === null || _s === void 0 ? void 0 : _s.confirmPassword) ? {
+        class: sheet.classes.ErrorStyle,
+        helpText: ((_u = (_t = states.registrationFormState) === null || _t === void 0 ? void 0 : _t.validationErrors) === null || _u === void 0 ? void 0 : _u.confirmPassword) || content.requiredFieldErrorMessage,
+      }
+        : [])))),
+      content.emailOptIn,
+      content.terms,
+      h("div", { class: sheet.classes.ButtonsContainer },
+        h("sl-button", { submit: true, loading: states.loading, disabled: (_v = states.registrationFormState) === null || _v === void 0 ? void 0 : _v.disabled, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
+        content.secondaryButton))));
+}
+
+export { PortalRegistrationFormView as P };

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

@@ -1,15 +1,221 @@
-import { r as registerInstance, h as h$1 } from './index-60f16d0a.js';
-import { n as h } from './stencil-hooks.module-e20edc0b.js';
-import { i as isDemo, c as xn } from './index.module-f3d96fbb.js';
-import './jsonpointer-388a7082.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { m as useRef, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { d as dist, L, W as We, y as yn, $ as $n, u as useCallback, i as isDemo } from './index.module-48f73e70.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-d1b54710.js';
-import './useRegistrationFormState-33f9cb24.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-30ced11c.js';
-import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-a00ba140.js';
+import './mixins-f60a614c.js';
+import './jss-preset-default.esm-f910d30d.js';
+import './JSS-1c144d47.js';
+import './sqm-text-span-view-02ce93d8.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-de6b208e.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-f967552a.js';
+import { A as AsYouType } from './AsYouType-46f67d0d.js';
+
+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;
+  const formRef = useRef(null);
+  const locale = L();
+  const { registrationFormState, setRegistrationFormState } = useRegistrationFormState({});
+  const [request, { loading, errors, data, formError }] = We();
+  const queryResponse = yn(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) ||
+      props.formDisabledErrorMessage;
+    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]);
+  useEffect(() => {
+    if (!formRef.current)
+      return;
+    const form = formRef.current;
+    form.addEventListener("sl-input", inputFunction);
+    return () => {
+      form.removeEventListener("sl-input", inputFunction);
+    };
+  }, [formRef.current]);
+  const submit = async (event) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    let formControls = event.target.getFormControls();
+    console.log("Test 123");
+    let formData = {};
+    let validationErrors = {};
+    formControls === null || formControls === void 0 ? void 0 : formControls.forEach((control) => {
+      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) {
+        jsonpointer.set(validationErrors, key, props.requiredFieldErrorMessage);
+      }
+      // custom validation
+      if (typeof control.validationError === "function") {
+        const validate = control.validationError;
+        const validationError = validate({ control, key, value });
+        if (validationError)
+          jsonpointer.set(validationErrors, key, validationError);
+      }
+    });
+    if ((props.confirmPassword || formData.confirmPassword) &&
+      formData.password !== formData.confirmPassword) {
+      validationErrors = {
+        ...validationErrors,
+        confirmPassword: props.passwordMismatchErrorMessage,
+      };
+    }
+    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;
+    console.log("form data is ", formData);
+    delete formData.email;
+    delete formData.password;
+    delete formData.confirmPassword;
+    const redirectPath = props.redirectPath;
+    const variables = {
+      key: props.formKey,
+      formData: {
+        locale,
+        email,
+        password,
+        redirectPath,
+        ...formData,
+      },
+    };
+    try {
+      const result = await request(variables);
+      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) => { var _a; return ((_a = result === null || result === void 0 ? void 0 : result.formHandler) === null || _a === void 0 ? void 0 : _a.namespace) === "identity"; });
+      if (managedIdentityResponse &&
+        managedIdentityResponse.result.results.length &&
+        managedIdentityResponse.result.results[0].success &&
+        managedIdentityResponse.result.results[0].data.token) {
+        $n.push(props.nextPage);
+      }
+      else if (
+      // check for blocked email error response
+      ((_b = result.submitForm) === null || _b === void 0 ? void 0 : _b.results.length) === 1 &&
+        ((_f = (_e = (_d = (_c = result.submitForm) === null || _c === void 0 ? void 0 : _c.results[0]) === null || _d === void 0 ? void 0 : _d.result) === null || _e === void 0 ? void 0 : _e.results) === null || _f === void 0 ? void 0 : _f.length) === 1 &&
+        ((_l = (_k = (_j = (_h = (_g = result.submitForm) === null || _g === void 0 ? void 0 : _g.results[0]) === null || _h === void 0 ? void 0 : _h.result) === null || _j === void 0 ? void 0 : _j.results) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.success) ===
+          false && ((_s = (_r = (_q = (_p = (_o = (_m = result.submitForm) === null || _m === void 0 ? void 0 : _m.results[0]) === null || _o === void 0 ? void 0 : _o.result) === null || _p === void 0 ? void 0 : _p.results) === null || _q === void 0 ? void 0 : _q[0]) === null || _r === void 0 ? void 0 : _r.message) === null || _s === void 0 ? void 0 : _s.startsWith("Blocked email"))) {
+        setRegistrationFormState({
+          ...registrationFormState,
+          loading: false,
+          error: "",
+          validationErrors: {
+            email: props.invalidEmailErrorMessage,
+          },
+        });
+      }
+    }
+    catch (error) {
+      // check for invalid email
+      if ((_t = error === null || error === void 0 ? void 0 : error.message) === null || _t === void 0 ? void 0 : _t.includes("is not a valid email address")) {
+        setRegistrationFormState({
+          ...registrationFormState,
+          loading: false,
+          error: "",
+          validationErrors: { email: props.invalidEmailErrorMessage },
+        });
+      }
+      else {
+        setRegistrationFormState({
+          ...registrationFormState,
+          loading: false,
+          error: props.networkErrorMessage,
+          validationErrors: {},
+        });
+      }
+    }
+  };
+  const inputFunction = useCallback((e) => {
+    var _a, _b;
+    const name = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase();
+    if (name !== "tel")
+      return;
+    const asYouType = new AsYouType("US");
+    e.target.value = asYouType.input(e.target.value);
+  }, []);
+  let errorMessage = "";
+  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) ||
+        props.formDisabledErrorMessage;
+  }
+  else if ((_d = errors === null || errors === void 0 ? void 0 : errors.response) === null || _d === void 0 ? void 0 : _d["error"]) {
+    errorMessage = props.networkErrorMessage;
+  }
+  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 = props.networkErrorMessage;
+  }
+  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) || (registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.error);
+  }
+  return {
+    states: {
+      loading: loading || queryResponse.loading,
+      error: errorMessage,
+      registrationFormState,
+      confirmPassword: props.confirmPassword,
+      hideInputs: props.hideInputs,
+      loginPath: props.loginPath,
+      enablePasswordValidation: !props.disablePasswordValidation,
+    },
+    callbacks: {
+      submit,
+      inputFunction,
+    },
+    refs: {
+      formRef,
+    },
+  };
+}
 
 const PortalRegistrationForm = class {
   constructor(hostRef) {
@@ -63,12 +269,6 @@ const PortalRegistrationForm = class {
      * @uiName Hide default fields
      */
     this.hideInputs = false;
-    /**
-     * Hides the first name and last name fields
-     *
-     * @uiName Hide name fields
-     */
-    this.hideNameFields = true;
     /**
      * @uiName Header text
      */
@@ -148,8 +348,9 @@ const PortalRegistrationForm = class {
       : usePortalRegistrationForm(this);
     const content = {
       formData: h$1("slot", { name: "formData" }),
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => xn.push(states.loginPath) }, this.loginLabel))),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => $n.push(states.loginPath) }, this.loginLabel))),
       terms: h$1("slot", { name: "terms" }),
+      emailOptIn: h$1("slot", { name: "emailOptIn" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -177,7 +378,6 @@ function useRegisterDemo(props) {
       loading: false,
       confirmPassword: props.confirmPassword,
       hideInputs: props.hideInputs || false,
-      hideNameFields: props.hideNameFields || true,
       customPasswordField: false,
       loginPath: "/login",
     },

package/dist/esm/{sqm-portal-reset-password-view-e29f1842.js → sqm-portal-reset-password-view-17d19b2d.js}

@@ -1,7 +1,7 @@
-import { h } from './index-60f16d0a.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-d1b54710.js';
+import { h } from './index-17b4da69.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.js';
+import { c as createStyleSheet } from './JSS-1c144d47.js';
+import { T as TextSpanView } from './sqm-text-span-view-02ce93d8.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,21 +1,22 @@
-import { r as registerInstance, h as h$1 } from './index-60f16d0a.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-e20edc0b.js';
-import { X as Xe, l as Ke, c as xn, i as isDemo } from './index.module-f3d96fbb.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { h as Qe, T as Te, $ as $n, i as isDemo } from './index.module-48f73e70.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
+import './mixins-f60a614c.js';
+import './jss-preset-default.esm-f910d30d.js';
+import './JSS-1c144d47.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
-import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-d1b54710.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-e29f1842.js';
+import './sqm-text-span-view-02ce93d8.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-17d19b2d.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const [reset, setReset] = useState(false);
   const [error, setError] = useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Xe();
-  const [resetPassword, resetPasswordState] = Ke();
-  const urlParams = new URLSearchParams(xn.location.search);
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Qe();
+  const [resetPassword, resetPasswordState] = Te();
+  const urlParams = new URLSearchParams($n.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
@@ -53,10 +54,10 @@ function usePortalResetPassword(props) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
-    xn.push(url.href);
+    $n.push(url.href);
   };
   const failed = () => {
-    xn.push({
+    $n.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });

package/dist/esm/{sqm-portal-verify-email-view-d5dcf5c5.js → sqm-portal-verify-email-view-d9f26e51.js}

@@ -1,7 +1,7 @@
-import { h } from './index-60f16d0a.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-d1b54710.js';
+import { h } from './index-17b4da69.js';
+import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
+import { c as createStyleSheet } from './JSS-1c144d47.js';
+import { T as TextSpanView } from './sqm-text-span-view-02ce93d8.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,21 +1,22 @@
-import { r as registerInstance, h as h$1 } from './index-60f16d0a.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-e20edc0b.js';
-import { K, p as ln, c as xn, b as setUserIdentity, i as isDemo } from './index.module-f3d96fbb.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { Q, j as an, $ as $n, b as setUserIdentity, i as isDemo } from './index.module-48f73e70.js';
 import { c as cjs } from './cjs-bdfb4486.js';
+import './mixins-f60a614c.js';
+import './jss-preset-default.esm-f910d30d.js';
+import './JSS-1c144d47.js';
 import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
-import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import './sqm-text-span-view-d1b54710.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-d5dcf5c5.js';
+import './sqm-text-span-view-02ce93d8.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-d9f26e51.js';
 
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const [completed, setCompleted] = useState(false);
   const [successful, setSuccessful] = useState(false);
-  const userIdent = K();
-  const [request, { loading, data, errors }] = ln();
-  const urlParams = new URLSearchParams(xn.location.search);
+  const userIdent = Q();
+  const [request, { loading, data, errors }] = an();
+  const urlParams = new URLSearchParams($n.location.search);
   const oobCode = urlParams.get("oobCode");
   const oobEmail = urlParams.get("email");
   const nextPageOverride = urlParams.get("nextPage");
@@ -26,7 +27,7 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
     successful);
   const validEmail = ((_c = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _c === void 0 ? void 0 : _c.email) === oobEmail;
   const failed = () => {
-    return xn.push({
+    return $n.push({
       pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -34,7 +35,7 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || nextPage);
-    xn.push(url.href);
+    $n.push(url.href);
   };
   const logout = () => {
     setTimeout(() => {

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

@@ -1,18 +1,19 @@
-import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-60f16d0a.js';
-import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-e20edc0b.js';
-import { i as intl } from './global-3611a2b7.js';
-import { i as isDemo } from './index.module-f3d96fbb.js';
+import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
+import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
+import { i as intl } from './global-62554cef.js';
+import { i as isDemo } from './index.module-48f73e70.js';
 import { c as cjs } from './cjs-bdfb4486.js';
+import './mixins-f60a614c.js';
+import './jss-preset-default.esm-f910d30d.js';
+import { c as createStyleSheet } from './JSS-1c144d47.js';
+import { G as GenericTableView } from './GenericTableView-07d98ad0.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-cb4d43dc.js';
+import { u as useChildElements } from './useChildElements-a6b895dd.js';
+import { l as luxon } from './luxon-7600be8d.js';
+import { g as getPaypalMeta } from './mockRewardData-0eb6e778.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-6e8350db.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import { G as GenericTableView } from './GenericTableView-6aa9fac9.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-3b630de2.js';
-import { u as useChildElements } from './useChildElements-d1d3fedd.js';
-import { l as luxon } from './luxon-9b1f9912.js';
-import { g as getPaypalMeta } from './mockRewardData-8b3afd15.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-fbcfc2a7.js';
-import { T as TextSpanView } from './sqm-text-span-view-d1b54710.js';
+import { T as TextSpanView } from './sqm-text-span-view-02ce93d8.js';
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -423,8 +424,6 @@ const ReferralTableDateColumn = class {
 const ReferralTableRewardsCell = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
-    this.statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
     this.locale = "en";
   }
   render() {

package/dist/esm/sqm-referred-registration.entry.js

@@ -1,13 +1,14 @@
-import { r as registerInstance, h as h$1 } from './index-60f16d0a.js';
-import { n as h } from './stencil-hooks.module-e20edc0b.js';
-import { i as isDemo, b as setUserIdentity } from './index.module-f3d96fbb.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { i as isDemo, b as setUserIdentity } from './index.module-48f73e70.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import { E as EmailRegistrationView } from './email-registration-view-6870d230.js';
-import './useRegistrationFormState-33f9cb24.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-c5d80a2e.js';
+import './mixins-f60a614c.js';
+import './jss-preset-default.esm-f910d30d.js';
+import './JSS-1c144d47.js';
+import { E as EmailRegistrationView } from './email-registration-view-799eb599.js';
+import './useRegistrationFormState-de6b208e.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-46a98499.js';
 
 const ReferredRegistration = class {
   constructor(hostRef) {

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

@@ -1,7 +1,8 @@
-import { r as registerInstance, h as h$1 } from './index-60f16d0a.js';
-import { n as h } from './stencil-hooks.module-e20edc0b.js';
-import './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-d1b54710.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import './jss-preset-default.esm-f910d30d.js';
+import './JSS-1c144d47.js';
+import { T as TextSpanView } from './sqm-text-span-view-02ce93d8.js';
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {