@saasquatch/mint-components 1.12.1-0 → 1.12.1-10

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { S as Sn, i as isDemo } from './index.module-def4aec5.js';
+import { S as Sn, i as isDemo } from './index.module-48f73e70.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-60ef06cc.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-af40eedb.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = Sn();

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { S as Sn, H } from './index.module-def4aec5.js';
+import { S as Sn, H } from './index.module-48f73e70.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0312e073.js';
 
 const NavigationSidebar = class {

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

@@ -1,11 +1,11 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
 import { i as d, k as useState, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { i as isDemo } from './index.module-def4aec5.js';
+import { i as isDemo } from './index.module-48f73e70.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-9fc1ac80.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-de6b208e.js';
 
 var constants = {
   error: {

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

@@ -1,6 +1,6 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { B } from './index.module-def4aec5.js';
+import { B } from './index.module-48f73e70.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/sqm-portal-change-marketing.entry.js

@@ -0,0 +1,217 @@
+import { h, r as registerInstance } from './index-17b4da69.js';
+import { k as useState, f as useEffect, n as h$1 } 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 { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { g as getProps } from './utils-334c1e34.js';
+import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
+import { C as CheckboxFieldView } from './sqm-checkbox-field-view-0ef58cb3.js';
+
+function PortalProfileView(props) {
+  const { states, callbacks } = props;
+  const { text, formState } = states;
+  const { error } = formState;
+  const style = {
+    Container: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--sl-spacing-xxx-large)",
+      padding: "var(--sl-spacing-xxx-large)",
+    },
+    Error: {
+      "&::part(erroralert-base)": {
+        "margin-bottom": "15px",
+      },
+    },
+  };
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    h("style", { type: "text/css" }, styleString),
+    h(TextSpanView, Object.assign({}, { type: "h2" }), text.emailPreferencesHeader),
+    h("sl-form", { "onSl-submit": callbacks.onSubmit },
+      h(CheckboxFieldView, { states: {
+          checked: states.formState.marketingEmailOptIn,
+        }, content: {
+          checkboxLabel: text.marketingCheckboxLabel,
+          checkboxName: "marketingEmailOptIn",
+        }, callbacks: {
+          setChecked: callbacks.setChecked,
+        } }),
+      h("sl-button", { type: "primary", submit: true, loading: states.loading, disabled: states.submitDisabled }, text.submitChangeButtonText),
+      error && (h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, error))))));
+}
+
+const GET_USER = dist.gql `
+  query {
+    viewer {
+      ... on User {
+        id
+        accountId
+        marketingEmailOptIn
+      }
+    }
+  }
+`;
+const UPSERT_USER = dist.gql `
+  mutation ($userInput: UserInput!) {
+    upsertUser(userInput: $userInput) {
+      id
+      marketingEmailOptIn
+    }
+  }
+`;
+// view doesn't tolerate undefined, even when we're loading
+const defaultFormState = {
+  marketingEmailOptIn: false,
+  errors: {},
+  error: "",
+};
+function usePortalProfile(props) {
+  const userIdent = Q();
+  const [success, setSuccess] = useState(false);
+  const [userData, setUserData] = useState(undefined);
+  const [formState, setFormState] = useState(defaultFormState);
+  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;
+    if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) {
+      setFormState((state) => {
+        var _a, _b, _c;
+        return ({
+          ...state,
+          error: (_c = (_b = (_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0].message,
+        });
+      });
+    }
+    else {
+      setUserData((state) => {
+        var _a;
+        return ({
+          ...state,
+          ...(_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.data) === null || _a === void 0 ? void 0 : _a.upsertUser,
+        });
+      });
+      if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.data)
+        setSuccess(true);
+    }
+  }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading]);
+  useEffect(() => {
+    var _a, _b;
+    setUserData((data) => { var _a; return ({ ...data, ...(_a = userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer }); });
+    setFormState({
+      ...defaultFormState,
+      ...(_a = userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer,
+      ...(_b = upsertUserResponse.data) === null || _b === void 0 ? void 0 : _b.upsertUser,
+    });
+  }, [userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data]);
+  useEffect(() => {
+    var _a, _b;
+    if ((_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.message) {
+      setFormState({
+        ...(_b = userDataResponse.data) === null || _b === void 0 ? void 0 : _b.viewer,
+        error: props.networkRequestMessage,
+      });
+    }
+  }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors]);
+  const onSubmit = (event) => {
+    var _a;
+    setSuccess(false);
+    const formData = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.formData;
+    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
+      jsonpointer.set(formData, key, value);
+    });
+    upsertUser({
+      id: userIdent === null || userIdent === void 0 ? void 0 : userIdent.id,
+      accountId: userIdent === null || userIdent === void 0 ? void 0 : userIdent.accountId,
+      marketingEmailOptIn: formData.marketingEmailOptIn,
+    });
+    setFormState((s) => ({ ...s, errors: {}, error: "" }));
+    return;
+  };
+  return {
+    states: {
+      success,
+      loading: (userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.loading) || upsertUserResponse.loading,
+      submitDisabled: false,
+      formState,
+      user: userData,
+      text: {
+        emailPreferencesHeader: props.emailPreferencesHeader,
+        marketingCheckboxLabel: props.marketingCheckboxLabel,
+        submitChangeButtonText: props.submitChangeButtonText,
+      },
+    },
+    callbacks: {
+      onSubmit,
+      setChecked: (value) => setFormState({ ...formState, marketingEmailOptIn: value }),
+    },
+  };
+}
+
+const PortalChangeMarketing = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName Email preferences header
+     */
+    this.emailPreferencesHeader = "Email preferences";
+    /**
+     * @uiName Marketing checkbox label
+     */
+    this.marketingCheckboxLabel = "I want to receive marketing emails and promotions for this referral program from impact.com";
+    /**
+     * @uiName Submit changes button text
+     */
+    this.submitChangeButtonText = "Save";
+    /**
+     * @uiName Network request error message
+     * Displayed when the page fails to load due to a network error. The participant can try refreshing the page.
+     */
+    this.networkRequestMessage = "An error occurred while loading this page. Please refresh the page.";
+    h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = isDemo()
+      ? usePortalProfileDemo(getProps(this))
+      : usePortalProfile(getProps(this));
+    return h(PortalProfileView, Object.assign({}, props));
+  }
+};
+function usePortalProfileDemo(props) {
+  return cjs({
+    states: {
+      success: false,
+      loading: false,
+      submitDisabled: false,
+      user: {
+        id: "01",
+        accountId: "111100000",
+        marketingEmailOptIn: false,
+      },
+      text: {
+        emailPreferencesHeader: props.emailPreferencesHeader,
+        marketingCheckboxLabel: props.marketingCheckboxLabel,
+        submitChangeButtonText: props.submitChangeButtonText,
+      },
+      formState: {
+        marketingEmailOptIn: false,
+        errors: null,
+        error: "",
+      },
+    },
+    callbacks: {
+      onSubmit: (e) => console.log(e),
+      setChecked: () => { },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+export { PortalChangeMarketing as sqm_portal_change_marketing };

package/dist/esm/{sqm-portal-email-verification-view-4307c992.js → sqm-portal-email-verification-view-460bac1b.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-04c7d3b5.js';
+import { i as intl } from './global-62554cef.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import './global-04c7d3b5.js';
-import { l as ln, n as nn, Q, $ as $n, u as useCallback, i as isDemo } from './index.module-def4aec5.js';
+import './global-62554cef.js';
+import { l as ln, n as nn, Q, $ as $n, u as useCallback, i as isDemo } from './index.module-48f73e70.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-8d140661.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-4307c992.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-460bac1b.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { k as useState, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { e as un, $ as $n, i as isDemo } from './index.module-def4aec5.js';
+import { f as un, $ 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';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance } from './index-17b4da69.js';
 import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { b as setUserIdentity, $ as $n, i as isDemo } from './index.module-def4aec5.js';
+import { b as setUserIdentity, $ as $n, i as isDemo } from './index.module-48f73e70.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-ffe955c8.js → sqm-portal-profile-view-4caa9f28.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-04c7d3b5.js';
+import { i as intl } from './global-62554cef.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 

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

@@ -1,13 +1,13 @@
 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-04c7d3b5.js';
-import { d as dist, Q, y as yn, f as $e, i as isDemo } from './index.module-def4aec5.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-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-ffe955c8.js';
-import { i as isEmpty } from './utilities-3f5bba22.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-4caa9f28.js';
+import { i as isEmpty } from './utilities-e8022681.js';
 
 const GET_USER = dist.gql `
   query {

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

@@ -1,6 +1,6 @@
 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-def4aec5.js';
+import { Q, S as Sn, $ as $n, i as isDemo } from './index.module-48f73e70.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

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

@@ -1,12 +1,12 @@
 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-def4aec5.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 './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-8d140661.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-9fc1ac80.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-de6b208e.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-1d3066e1.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 
@@ -57,6 +57,7 @@ function usePortalRegistrationForm(props) {
   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) => {
@@ -102,6 +103,7 @@ function usePortalRegistrationForm(props) {
       validationErrors: {},
     });
     const { email, password } = formData;
+    console.log("form data is ", formData);
     delete formData.email;
     delete formData.password;
     delete formData.confirmPassword;

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

@@ -1,6 +1,6 @@
 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-def4aec5.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';

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

@@ -1,6 +1,6 @@
 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-def4aec5.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-67b5cff8.js';

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

@@ -1,16 +1,16 @@
 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-04c7d3b5.js';
-import { i as isDemo } from './index.module-def4aec5.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 { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-d59d8ab4.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-12fd274a.js';
-import { u as useChildElements } from './useChildElements-32e1bda1.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-f4de0650.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-6e8350db.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 

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

@@ -1,13 +1,13 @@
 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-def4aec5.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 './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { E as EmailRegistrationView } from './email-registration-view-a89a88bf.js';
-import './useRegistrationFormState-9fc1ac80.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-46b89952.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-column.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import './index.module-def4aec5.js';
-import { a as useRequestRerender } from './re-render-12fd274a.js';
+import './index.module-48f73e70.js';
+import { a as useRequestRerender } from './re-render-cb4d43dc.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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

@@ -1,16 +1,16 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-04c7d3b5.js';
-import { d as dist, Q, H, L, y as yn, k as kn, i as isDemo } from './index.module-def4aec5.js';
+import { i as intl } from './global-62554cef.js';
+import { d as dist, Q, H, L, y as yn, k as kn, i as isDemo } from './index.module-48f73e70.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-d59d8ab4.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-12fd274a.js';
-import { u as useChildElements } from './useChildElements-32e1bda1.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-cb4d43dc.js';
+import { u as useChildElements } from './useChildElements-a6b895dd.js';
 import { l as luxon } from './luxon-7600be8d.js';
 import { m as mockRewardData } from './mockRewardData-0eb6e778.js';
-import { g as generateUserError } from './useReferralTable-f4de0650.js';
+import { g as generateUserError } from './useReferralTable-6e8350db.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
 const debug = browser("sq:useRewardsTable");

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

@@ -1,12 +1,12 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { a as commonjsGlobal, u as useMemo, k as useState, f as useEffect, c as createCommonjsModule, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import './global-04c7d3b5.js';
-import { $ as $n, S as Sn, b as setUserIdentity, d as dist, X as Xe, o as setProgramId } from './index.module-def4aec5.js';
+import './global-62554cef.js';
+import { $ as $n, S as Sn, b as setUserIdentity, d as dist, X as Xe, o as setProgramId } from './index.module-48f73e70.js';
 import './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-d59d8ab4.js';
-import './useChildElements-32e1bda1.js';
+import './useChildElements-a6b895dd.js';
 import { l as luxon } from './luxon-7600be8d.js';
 import './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
@@ -17,17 +17,18 @@ import { E as EmailRegistrationView } from './email-registration-view-a89a88bf.j
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0312e073.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-60ef06cc.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-4307c992.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-af40eedb.js';
+import { C as CheckboxFieldView } from './sqm-checkbox-field-view-0ef58cb3.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-460bac1b.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-c2ed8fed.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-ffe955c8.js';
-import './utilities-3f5bba22.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-4caa9f28.js';
+import './utilities-e8022681.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-1d3066e1.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-79a85e02.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-d7ea2c56.js';
-import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as ProgressBar$2, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-e012b2aa.js';
+import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, D as DropdownFieldView, I as InputFieldView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as CardFeedView, K as CouponCodeView, M as ProgressBar$2, O as autoColorScaleCss, Q as ShadowViewAddon } from './ShadowViewAddon-272f75a5.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-6c582684.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-6e13a323.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-41a14ca6.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -10179,7 +10180,7 @@ const dashboardTemplate = "<sqm-portal-container direction=\"column\" padding=\"
 
 const leadSubmitTemplate = "<sqm-referral-iframe></sqm-referral-iframe>\n";
 
-const editProfileTemplate = "<sqm-portal-protected-route\n  require-email-verification=\"true\"\n  redirect-to=\"/login\"\n  redirect-to-unverified=\"/emailVerification\"\n></sqm-portal-protected-route>\n<sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n><sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n  <sqm-portal-change-password></sqm-portal-change-password>\n</sqm-portal-container>\n";
+const editProfileTemplate = "<sqm-portal-protected-route\n  require-email-verification=\"true\"\n  redirect-to=\"/login\"\n  redirect-to-unverified=\"/emailVerification\"\n></sqm-portal-protected-route>\n<sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n><sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n  <sqm-portal-change-password></sqm-portal-change-password>\n</sqm-portal-container>\n<sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n  <sqm-portal-change-marketing></sqm-portal-change-marketing>\n</sqm-portal-container>\n";
 
 const activityTemplate = "<sqm-portal-protected-route\n  require-email-verification=\"true\"\n  redirect-to=\"/login\"\n  redirect-to-unverified=\"/emailVerification\"\n></sqm-portal-protected-route>\n<sqm-portal-container direction=\"column\" padding=\"xxx-large\" gap=\"xxx-large\">\n  <sqm-text> <h1>Activity</h1></sqm-text>\n  <sqm-stat-container space=\"xxxx-large\"\n    ><sqm-big-stat\n      flex-reverse=\"true\"\n      alignment=\"left\"\n      stat-type=\"/referralsCount\"\n      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n    >\n    <sqm-big-stat\n      flex-reverse=\"true\"\n      alignment=\"left\"\n      stat-type=\"/rewardsCountFiltered/AVAILABLE\"\n      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n    >\n    <sqm-big-stat\n      flex-reverse=\"true\"\n      alignment=\"left\"\n      stat-type=\"/rewardBalance/CREDIT/CENTS\"\n      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n    >\n  </sqm-stat-container>\n  <sqm-referral-table>\n    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n    <sqm-referral-table-date-column\n      column-title=\"Referred\"\n      date-shown=\"dateReferralStarted\"\n    ></sqm-referral-table-date-column> </sqm-referral-table\n></sqm-portal-container>\n";
 
@@ -10743,7 +10744,7 @@ const defaultProps$b = {
     checked: false,
   },
   content: {
-    checkboxName: "agree",
+    checkboxName: "terms",
     checkboxLabel: "By signing up you agree to the {labelLink}",
     checkboxLabelLink: "https://example.com",
     checkboxLabelLinkText: "Terms and Conditions",
@@ -10841,7 +10842,7 @@ const CheckboxField = /*#__PURE__*/Object.freeze({
   TermsAndConditionsLongCustomLabel: TermsAndConditionsLongCustomLabel
 });
 
-const scenario$k = "@owner:zach\n@author:zach\nFeature: Marketing Emails Checkbox\n\n  A checkbox that is used to opt in for referral program marketing emails.\n\n    Background: A user is on the portal registration page\n        Given a user is viewing the \"/register\"\n        And \"/register\" contains the registration form\n        And the registration form has the following fields\n            | fields                      |\n            | first name                  |\n            | last name                   |\n            | email                       |\n            | password                    |\n            | Marketing Emails Checkbox   |\n    \n    @motivating\n    Scenario: Checkbox is optional by default\n        Given the user is filling out the registration form\n        And the name fields have valid input\n        And the email field has valid input\n        And the password field has valid input\n        And the checkbox is not checked\n        When they try to register\n        Then the form is submitted\n        And there is no error for the checkbox\n\n    Scenario: The form field name is provided by default\n        Given the customer has added a marketing emails checkbox to their registration form\n        Then the field name is automatically set to \"marketing-emails\"\n        And the name is configurable \n\n\n\n  ";
+const scenario$k = "@owner:zach\n@author:zach\nFeature: Marketing Emails Checkbox\n\n    A checkbox that is used to opt in for referral program marketing emails.\n\n    Background: A user is on the portal registration page\n        Given a user is viewing the \"/register\"\n        And \"/register\" contains the registration form\n        And the registration form has the following fields\n            | fields                    |\n            | first name                |\n            | last name                 |\n            | email                     |\n            | password                  |\n            | Marketing Emails Checkbox |\n\n    @motivating\n    Scenario: Checkbox is optional by default\n        Given the user is filling out the registration form\n        And the name fields have valid input\n        And the email field has valid input\n        And the password field has valid input\n        And the checkbox is not checked\n        When they try to register\n        Then the form is submitted\n        And there is no error for the checkbox\n\n    Scenario: The form field name is provided by default\n        Given the customer has added a marketing emails checkbox to their registration form\n        Then the field name is automatically set to \"marketingEmailOptIn\"\n        And the name is not configurable";
 
 const MarketingEmailsCheckbox_stories = {
   title: "Components/Marketing Emails Checkbox",

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

@@ -1,7 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import './index.module-def4aec5.js';
-import { a as useRequestRerender } from './re-render-12fd274a.js';
+import './index.module-48f73e70.js';
+import { a as useRequestRerender } from './re-render-cb4d43dc.js';
 
 const TabView = ({}, children) => {
   return h(Host, null, children);

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

@@ -1,8 +1,8 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { u as useMemo, f as useEffect, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { _ } from './index.module-def4aec5.js';
-import { u as useRerenderListener } from './re-render-12fd274a.js';
-import { u as useChildElements } from './useChildElements-32e1bda1.js';
+import { _ } from './index.module-48f73e70.js';
+import { u as useRerenderListener } from './re-render-cb4d43dc.js';
+import { u as useChildElements } from './useChildElements-a6b895dd.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const TabsView = ({ content, placement, }) => {

package/dist/esm/{useChildElements-32e1bda1.js → useChildElements-a6b895dd.js}

@@ -1,5 +1,5 @@
 import { k as useState, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
-import { _ } from './index.module-def4aec5.js';
+import { _ } from './index.module-48f73e70.js';
 
 function useChildElements() {
   const host = _();

package/dist/esm/{useInstantAccessRegistration-46b89952.js → useInstantAccessRegistration-46a98499.js}

@@ -1,7 +1,7 @@
 import { k as useState } from './stencil-hooks.module-ac12ca1c.js';
-import { c as mn } from './index.module-def4aec5.js';
+import { c as mn } from './index.module-48f73e70.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-9fc1ac80.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-de6b208e.js';
 
 function useInstantAccessRegistration(props) {
   const cookie = new URLSearchParams(window.location.search);

package/dist/esm/{useReferralTable-f4de0650.js → useReferralTable-6e8350db.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
 import { b as browser, j as useReducer, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { d as dist, Q, H, L, y as yn, k as kn } from './index.module-def4aec5.js';
-import { u as useRerenderListener } from './re-render-12fd274a.js';
-import { u as useChildElements } from './useChildElements-32e1bda1.js';
+import { d as dist, Q, H, L, y as yn, k as kn } from './index.module-48f73e70.js';
+import { u as useRerenderListener } from './re-render-cb4d43dc.js';
+import { u as useChildElements } from './useChildElements-a6b895dd.js';
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/esm/{useRegistrationFormState-9fc1ac80.js → useRegistrationFormState-de6b208e.js}

@@ -1,5 +1,5 @@
 import { y } from './stencil-hooks.module-ac12ca1c.js';
-import { _ } from './index.module-def4aec5.js';
+import { _ } from './index.module-48f73e70.js';
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {

package/dist/esm/{utilities-3f5bba22.js → utilities-e8022681.js}

@@ -1,5 +1,5 @@
 import { k as useState, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { u as useCallback } from './index.module-def4aec5.js';
+import { u as useCallback } from './index.module-48f73e70.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {