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

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-17b4da69.js';
 import { f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { K, j as jn, x as xn, i as isDemo } from './index.module-6c840c4e.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.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, Q, e as Te, E as En, x as xn, b as useCallback, i as isDemo } from './index.module-6c840c4e.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-849e27f7.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';
 
@@ -26,10 +26,10 @@ const RegistrationFormQuery = dist.gql `
 function usePortalRegistrationForm(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const formRef = useRef(null);
-  const locale = Q();
+  const locale = L();
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState({});
-  const [request, { loading, errors, data, formError }] = Te();
-  const queryResponse = En(RegistrationFormQuery, { key: props.formKey });
+  const [request, { loading, errors, data, formError }] = We();
+  const queryResponse = yn(RegistrationFormQuery, { key: props.formKey });
   const formLoading = loading || queryResponse.loading;
   useEffect(() => {
     var _a, _b, _c;
@@ -108,9 +108,6 @@ function usePortalRegistrationForm(props) {
     delete formData.password;
     delete formData.confirmPassword;
     const redirectPath = props.redirectPath;
-    const marketingEmailOptInDate = formData.marketingEmails
-      ? Date.now()
-      : null;
     const variables = {
       key: props.formKey,
       formData: {
@@ -118,7 +115,6 @@ function usePortalRegistrationForm(props) {
         email,
         password,
         redirectPath,
-        ...(formData.marketingEmails && { marketingEmailOptInDate }),
         ...formData,
       },
     };
@@ -138,7 +134,7 @@ function usePortalRegistrationForm(props) {
         managedIdentityResponse.result.results.length &&
         managedIdentityResponse.result.results[0].success &&
         managedIdentityResponse.result.results[0].data.token) {
-        xn.push(props.nextPage);
+        $n.push(props.nextPage);
       }
       else if (
       // check for blocked email error response
@@ -351,7 +347,7 @@ 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,

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 { X as Xe, f as Ke, x as xn, i as isDemo } from './index.module-6c840c4e.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';
@@ -13,9 +13,9 @@ 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 +53,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.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 { K, l as ln, x as xn, a as setUserIdentity, i as isDemo } from './index.module-6c840c4e.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';
@@ -13,9 +13,9 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
   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 +26,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 +34,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,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-6306a9b8.js';
-import { i as isDemo } from './index.module-6c840c4e.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-1bcfd0de.js';
-import { u as useChildElements } from './useChildElements-fc84e640.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-f6ffa103.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, a as setUserIdentity } from './index.module-6c840c4e.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-849e27f7.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-8b0a4556.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-6c840c4e.js';
-import { a as useRequestRerender } from './re-render-1bcfd0de.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-6306a9b8.js';
-import { d as dist, K, z, Q, E as En, O as On, i as isDemo } from './index.module-6c840c4e.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-1bcfd0de.js';
-import { u as useChildElements } from './useChildElements-fc84e640.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-f6ffa103.js';
+import { g as generateUserError } from './useReferralTable-6e8350db.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
 const debug = browser("sq:useRewardsTable");
@@ -162,9 +162,9 @@ const GET_IMPACT_TAX = dist.gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b, _c;
-  const user = K();
-  const programIdContext = z();
-  const locale = Q();
+  const user = Q();
+  const programIdContext = H();
+  const locale = L();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   const rewardFilter = {
@@ -186,8 +186,8 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { data: impactTaxData, loading: taxLoading } = En(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const { envelope: rewardsData, states, callbacks, } = On(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
+  const { data: impactTaxData, loading: taxLoading } = yn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { envelope: rewardsData, states, callbacks, } = kn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
     limit: props.perPage,
     offset: 0,
   }, {

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-6306a9b8.js';
-import { x as xn, j as jn, a as setUserIdentity, d as dist, o as an, p as setProgramId } from './index.module-6c840c4e.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-fc84e640.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-f8e78810.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-c6ac5430.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-15ddbec8.js';
-import './utilities-443732be.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-65c8679e.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-71915a5e.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-41a14ca6.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -2536,36 +2537,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => xn.push("/") }, "/"),
-    h("button", { onClick: () => xn.push("/foo") }, "/foo"),
-    h("button", { onClick: () => xn.push("/bar") }, "/bar"),
-    h("button", { onClick: () => xn.push("/baz/bang") }, "/baz/bang"),
-    h("button", { onClick: () => xn.push("/refer") }, "/refer"),
-    h("button", { onClick: () => xn.push("/refer/1") }, "/refer/1"),
-    h("button", { onClick: () => xn.push("/refer/2") }, "/refer/2"),
-    h("button", { onClick: () => xn.back() }, "Back"),
-    h("button", { onClick: () => xn.forward() }, "Forward"),
+    h("button", { onClick: () => $n.push("/") }, "/"),
+    h("button", { onClick: () => $n.push("/foo") }, "/foo"),
+    h("button", { onClick: () => $n.push("/bar") }, "/bar"),
+    h("button", { onClick: () => $n.push("/baz/bang") }, "/baz/bang"),
+    h("button", { onClick: () => $n.push("/refer") }, "/refer"),
+    h("button", { onClick: () => $n.push("/refer/1") }, "/refer/1"),
+    h("button", { onClick: () => $n.push("/refer/2") }, "/refer/2"),
+    h("button", { onClick: () => $n.back() }, "Back"),
+    h("button", { onClick: () => $n.forward() }, "Forward"),
     h("hr", null),
     h("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => xn.push("/") }, "/"),
-    h("button", { onClick: () => xn.push("/foo") }, "/foo"),
-    h("button", { onClick: () => xn.push("/bar") }, "/bar"),
-    h("button", { onClick: () => xn.push("/baz/bang") }, "/baz/bang"),
-    h("button", { onClick: () => xn.push("/refer") }, "/refer"),
-    h("button", { onClick: () => xn.push("/refer/1") }, "/refer/1"),
-    h("button", { onClick: () => xn.push("/refer/2") }, "/refer/2"),
-    h("button", { onClick: () => xn.back() }, "Back"),
-    h("button", { onClick: () => xn.forward() }, "Forward"),
+    h("button", { onClick: () => $n.push("/") }, "/"),
+    h("button", { onClick: () => $n.push("/foo") }, "/foo"),
+    h("button", { onClick: () => $n.push("/bar") }, "/bar"),
+    h("button", { onClick: () => $n.push("/baz/bang") }, "/baz/bang"),
+    h("button", { onClick: () => $n.push("/refer") }, "/refer"),
+    h("button", { onClick: () => $n.push("/refer/1") }, "/refer/1"),
+    h("button", { onClick: () => $n.push("/refer/2") }, "/refer/2"),
+    h("button", { onClick: () => $n.back() }, "Back"),
+    h("button", { onClick: () => $n.forward() }, "Forward"),
     h("hr", null),
     h("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => xn.push("/") }, "/"),
-    h("button", { onClick: () => xn.push("/foo") }, "/foo"),
+    h("button", { onClick: () => $n.push("/") }, "/"),
+    h("button", { onClick: () => $n.push("/foo") }, "/foo"),
     h("hr", null),
     h("div", { style: { display: "flex", justifyContent: "space-around" } },
       h("sqm-router", { innerHTML: `<template path="/">
@@ -2579,7 +2580,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    xn.push(e.target.value);
+    $n.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2743,8 +2744,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       h("code", null,
-        h("strong", null, (_a = jn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h("button", { onClick: xn.back }, "Go Back")));
+        h("strong", null, (_a = Sn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h("button", { onClick: $n.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2768,8 +2769,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       h("code", null,
-        h("strong", null, (_a = jn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h("button", { onClick: xn.back }, "Go Back")));
+        h("strong", null, (_a = Sn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h("button", { onClick: $n.back }, "Go Back")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -3496,7 +3497,7 @@ function useExchangeButton() {
   const { id, accountId } = setupGraphQL$6();
   const [points, setPoints] = useState(10);
   const [rate, setRate] = useState(100);
-  const [exchange, { data, errors }] = an(EXCHANGE);
+  const [exchange, { data, errors }] = Xe(EXCHANGE);
   return {
     states: {
       points,
@@ -4097,16 +4098,16 @@ function DefaultTemplateView(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      h("button", { onClick: () => xn.push("/") }, "Dashboard"),
-      props.leadSubmit && (h("button", { onClick: () => xn.push("/refer") }, "Submit a Referral")),
-      h("button", { onClick: () => xn.push("/activity") }, "Activity"),
-      h("button", { onClick: () => xn.push("/editProfile") }, "Edit Profile"),
-      h("button", { onClick: () => xn.push("/login") }, "Login"),
-      h("button", { onClick: () => xn.push("/register") }, "Register"),
-      h("button", { onClick: () => xn.push("/emailVerification") }, "Email Verification"),
-      h("button", { onClick: () => xn.push("/verifyEmail") }, "Verify Email"),
-      h("button", { onClick: () => xn.push("/forgotPassword") }, "Forgot Password"),
-      h("button", { onClick: () => xn.push("/resetPassword") }, "Reset Password")),
+      h("button", { onClick: () => $n.push("/") }, "Dashboard"),
+      props.leadSubmit && (h("button", { onClick: () => $n.push("/refer") }, "Submit a Referral")),
+      h("button", { onClick: () => $n.push("/activity") }, "Activity"),
+      h("button", { onClick: () => $n.push("/editProfile") }, "Edit Profile"),
+      h("button", { onClick: () => $n.push("/login") }, "Login"),
+      h("button", { onClick: () => $n.push("/register") }, "Register"),
+      h("button", { onClick: () => $n.push("/emailVerification") }, "Email Verification"),
+      h("button", { onClick: () => $n.push("/verifyEmail") }, "Verify Email"),
+      h("button", { onClick: () => $n.push("/forgotPassword") }, "Forgot Password"),
+      h("button", { onClick: () => $n.push("/resetPassword") }, "Reset Password")),
     h("br", null),
     h("div", { innerHTML: states.previewTemplate })));
 }
@@ -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-6c840c4e.js';
-import { a as useRequestRerender } from './re-render-1bcfd0de.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 { T } from './index.module-6c840c4e.js';
-import { u as useRerenderListener } from './re-render-1bcfd0de.js';
-import { u as useChildElements } from './useChildElements-fc84e640.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, }) => {
@@ -37,7 +37,7 @@ const TabsView = ({ content, placement, }) => {
 const REVEAL_EVENT = "sq:reveal";
 function useTabs() {
   const rawTabs = useChildElements();
-  const host = T();
+  const host = _();
   const tick = useRerenderListener();
   const tabs = useMemo(() => rawTabs
     .filter((tab) => tab.tagName === "SQM-TAB" || tab.tagName === "RAISINS-PLOP-TARGET")

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

@@ -1,8 +1,8 @@
 import { k as useState, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
-import { T } from './index.module-6c840c4e.js';
+import { _ } from './index.module-48f73e70.js';
 
 function useChildElements() {
-  const host = T();
+  const host = _();
   const initialState = host.children.length
     ? Array.from(host.children)
     : [];

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

@@ -1,13 +1,13 @@
 import { k as useState } from './stencil-hooks.module-ac12ca1c.js';
-import { C as Cn } from './index.module-6c840c4e.js';
+import { c as mn } from './index.module-48f73e70.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-849e27f7.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-de6b208e.js';
 
 function useInstantAccessRegistration(props) {
   const cookie = new URLSearchParams(window.location.search);
   const cookies = cookie === null || cookie === void 0 ? void 0 : cookie.get("_saasquatch");
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState();
-  const [request, { loading, errors, data }] = Cn();
+  const [request, { loading, errors, data }] = mn();
   const [error, setError] = useState("");
   const submit = async (event) => {
     var _a;

package/dist/esm/{useReferralTable-f6ffa103.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, K, z, Q, E as En, O as On } from './index.module-6c840c4e.js';
-import { u as useRerenderListener } from './re-render-1bcfd0de.js';
-import { u as useChildElements } from './useChildElements-fc84e640.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";
@@ -243,8 +243,8 @@ const GET_IMPACT_TAX = dist.gql `
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b, _c, _d;
-  const user = K();
-  const programIdContext = z();
+  const user = Q();
+  const programIdContext = H();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   // If no program ID, shows all programs
@@ -266,17 +266,17 @@ function useReferralTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const locale = Q();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = En(GET_REFERRER_DATA, {
+  const locale = L();
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = yn(GET_REFERRER_DATA, {
     programId: programId === "classic" ? null : programId,
     rewardFilter,
     locale,
   }, !props.showReferrer || !(user === null || user === void 0 ? void 0 : user.jwt));
   const referrerData = (_b = referrerResponse === null || referrerResponse === void 0 ? void 0 : referrerResponse.viewer) === null || _b === void 0 ? void 0 : _b.referredByReferral;
   const showReferrerRow = props.showReferrer && !!(referrerData === null || referrerData === void 0 ? void 0 : referrerData.dateReferralStarted);
-  const { data: taxResponse, loading: taxLoading } = En(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: taxResponse, loading: taxLoading } = yn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
   const taxConnection = (_c = taxResponse === null || taxResponse === void 0 ? void 0 : taxResponse.viewer) === null || _c === void 0 ? void 0 : _c.impactConnection;
-  const { envelope: referralData, states, callbacks, } = On(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
+  const { envelope: referralData, states, callbacks, } = kn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
     limit: props.perPage,
     offset: 0,
   }, {

package/dist/esm/{useRegistrationFormState-849e27f7.js → useRegistrationFormState-de6b208e.js}

@@ -1,9 +1,9 @@
 import { y } from './stencil-hooks.module-ac12ca1c.js';
-import { T } from './index.module-6c840c4e.js';
+import { _ } from './index.module-48f73e70.js';
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {
-  const host = T();
+  const host = _();
   const [registrationFormState, setRegistrationFormState] = y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
   return { registrationFormState, setRegistrationFormState };
 }

package/dist/esm/{utilities-443732be.js → utilities-e8022681.js}

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