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

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-require('./global-c3637175.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+require('./global-02e50f09.js');
+const index_module = require('./index.module-df530553.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-d97086bc.js');
-const utilities = require('./utilities-f7de6c04.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-fde54e35.js');
+const utilities = require('./utilities-cec9dd36.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -57,12 +57,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = index_module.K();
+  const userIdent = index_module.Q();
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [userData, setUserData] = stencilHooks_module.useState(undefined);
   const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
-  const userDataResponse = index_module.En(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.xe(UPSERT_USER);
+  const userDataResponse = index_module.yn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = index_module.$e(UPSERT_USER);
   stencilHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;

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

@@ -4,25 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+const index_module = require('./index.module-df530553.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = index_module.K();
+  const userIdent = index_module.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 } = index_module.jn();
+  const { pathname, search } = index_module.Sn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   stencilHooks_module.useEffect(() => {
     if (!authenticated) {
-      return index_module.xn.push({
+      return index_module.$n.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return index_module.xn.push({
+      return index_module.$n.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+const index_module = require('./index.module-df530553.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const useRegistrationFormState = require('./useRegistrationFormState-f9ce55be.js');
+const useRegistrationFormState = require('./useRegistrationFormState-876ed65d.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-621348a6.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 
@@ -30,10 +30,10 @@ const RegistrationFormQuery = index_module.dist.gql `
 function usePortalRegistrationForm(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const formRef = stencilHooks_module.useRef(null);
-  const locale = index_module.Q();
+  const locale = index_module.L();
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
-  const [request, { loading, errors, data, formError }] = index_module.Te();
-  const queryResponse = index_module.En(RegistrationFormQuery, { key: props.formKey });
+  const [request, { loading, errors, data, formError }] = index_module.We();
+  const queryResponse = index_module.yn(RegistrationFormQuery, { key: props.formKey });
   const formLoading = loading || queryResponse.loading;
   stencilHooks_module.useEffect(() => {
     var _a, _b, _c;
@@ -112,9 +112,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: {
@@ -122,7 +119,6 @@ function usePortalRegistrationForm(props) {
         email,
         password,
         redirectPath,
-        ...(formData.marketingEmails && { marketingEmailOptInDate }),
         ...formData,
       },
     };
@@ -142,7 +138,7 @@ function usePortalRegistrationForm(props) {
         managedIdentityResponse.result.results.length &&
         managedIdentityResponse.result.results[0].success &&
         managedIdentityResponse.result.results[0].data.token) {
-        index_module.xn.push(props.nextPage);
+        index_module.$n.push(props.nextPage);
       }
       else if (
       // check for blocked email error response
@@ -355,7 +351,7 @@ const PortalRegistrationForm = class {
       : usePortalRegistrationForm(this);
     const content = {
       formData: index.h("slot", { name: "formData" }),
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.xn.push(states.loginPath) }, this.loginLabel))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.$n.push(states.loginPath) }, this.loginLabel))),
       terms: index.h("slot", { name: "terms" }),
       emailOptIn: index.h("slot", { name: "emailOptIn" }),
       emailLabel: this.emailLabel,

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+const index_module = require('./index.module-df530553.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
@@ -17,9 +17,9 @@ function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const [reset, setReset] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module.Xe();
-  const [resetPassword, resetPasswordState] = index_module.Ke();
-  const urlParams = new URLSearchParams(index_module.xn.location.search);
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module.Qe();
+  const [resetPassword, resetPasswordState] = index_module.Te();
+  const urlParams = new URLSearchParams(index_module.$n.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
@@ -57,10 +57,10 @@ function usePortalResetPassword(props) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
-    index_module.xn.push(url.href);
+    index_module.$n.push(url.href);
   };
   const failed = () => {
-    index_module.xn.push({
+    index_module.$n.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+const index_module = require('./index.module-df530553.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
@@ -17,9 +17,9 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const [completed, setCompleted] = stencilHooks_module.useState(false);
   const [successful, setSuccessful] = stencilHooks_module.useState(false);
-  const userIdent = index_module.K();
-  const [request, { loading, data, errors }] = index_module.ln();
-  const urlParams = new URLSearchParams(index_module.xn.location.search);
+  const userIdent = index_module.Q();
+  const [request, { loading, data, errors }] = index_module.an();
+  const urlParams = new URLSearchParams(index_module.$n.location.search);
   const oobCode = urlParams.get("oobCode");
   const oobEmail = urlParams.get("email");
   const nextPageOverride = urlParams.get("nextPage");
@@ -30,7 +30,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 index_module.xn.push({
+    return index_module.$n.push({
       pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -38,7 +38,7 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = utils.sanitizeUrlPath(nextPageOverride || nextPage);
-    index_module.xn.push(url.href);
+    index_module.$n.push(url.href);
   };
   const logout = () => {
     setTimeout(() => {

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const global = require('./global-c3637175.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+const global = require('./global-02e50f09.js');
+const index_module = require('./index.module-df530553.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-80d7642e.js');
-const reRender = require('./re-render-5bde3d2e.js');
-const useChildElements = require('./useChildElements-410d2435.js');
+const reRender = require('./re-render-1976e05e.js');
+const useChildElements = require('./useChildElements-e0d44916.js');
 const luxon = require('./luxon-05098e19.js');
 const mockRewardData = require('./mockRewardData-4258e067.js');
-const useReferralTable = require('./useReferralTable-824ac152.js');
+const useReferralTable = require('./useReferralTable-a76adb0d.js');
 const utils = require('./utils-6847bc06.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+const index_module = require('./index.module-df530553.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 const emailRegistrationView = require('./email-registration-view-248652bb.js');
-require('./useRegistrationFormState-f9ce55be.js');
-const useInstantAccessRegistration = require('./useInstantAccessRegistration-ccf81eae.js');
+require('./useRegistrationFormState-876ed65d.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-bbe746d1.js');
 
 const ReferredRegistration = class {
   constructor(hostRef) {

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-require('./index.module-b8d9d0ba.js');
-const reRender = require('./re-render-5bde3d2e.js');
+require('./index.module-df530553.js');
+const reRender = require('./re-render-1976e05e.js');
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const global = require('./global-c3637175.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+const global = require('./global-02e50f09.js');
+const index_module = require('./index.module-df530553.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-80d7642e.js');
-const reRender = require('./re-render-5bde3d2e.js');
-const useChildElements = require('./useChildElements-410d2435.js');
+const reRender = require('./re-render-1976e05e.js');
+const useChildElements = require('./useChildElements-e0d44916.js');
 const luxon = require('./luxon-05098e19.js');
 const mockRewardData = require('./mockRewardData-4258e067.js');
-const useReferralTable = require('./useReferralTable-824ac152.js');
+const useReferralTable = require('./useReferralTable-a76adb0d.js');
 const utils = require('./utils-6847bc06.js');
 
 const debug = stencilHooks_module.browser("sq:useRewardsTable");
@@ -166,9 +166,9 @@ const GET_IMPACT_TAX = index_module.dist.gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b, _c;
-  const user = index_module.K();
-  const programIdContext = index_module.z();
-  const locale = index_module.Q();
+  const user = index_module.Q();
+  const programIdContext = index_module.H();
+  const locale = index_module.L();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   const rewardFilter = {
@@ -190,8 +190,8 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { data: impactTaxData, loading: taxLoading } = index_module.En(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const { envelope: rewardsData, states, callbacks, } = index_module.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 } = index_module.yn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { envelope: rewardsData, states, callbacks, } = index_module.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/cjs/sqm-stencilbook.cjs.entry.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-require('./global-c3637175.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+require('./global-02e50f09.js');
+const index_module = require('./index.module-df530553.js');
 require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-80d7642e.js');
-require('./useChildElements-410d2435.js');
+require('./useChildElements-e0d44916.js');
 const luxon = require('./luxon-05098e19.js');
 require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
@@ -21,17 +21,18 @@ const emailRegistrationView = require('./email-registration-view-248652bb.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-c9f18d96.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-921704fb.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a2135064.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-050dbe0f.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a125ec5f.js');
+const sqmCheckboxFieldView = require('./sqm-checkbox-field-view-e0a31f2a.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-292b5bf4.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-969c49ed.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-d97086bc.js');
-require('./utilities-f7de6c04.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-fde54e35.js');
+require('./utilities-cec9dd36.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-621348a6.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-96f329ed.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7ffcc0d4.js');
-const ShadowViewAddon = require('./ShadowViewAddon-88821c64.js');
+const ShadowViewAddon = require('./ShadowViewAddon-63b78308.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-990a85a3.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-a9133a11.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-e3b03a00.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -2540,36 +2541,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.xn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.xn.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.xn.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.xn.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.xn.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.xn.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.$n.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.$n.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.$n.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.$n.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.$n.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.$n.forward() }, "Forward"),
     index.h("hr", null),
     index.h("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.xn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.xn.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.xn.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.xn.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.xn.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.xn.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.$n.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.$n.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.$n.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.$n.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.$n.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.$n.forward() }, "Forward"),
     index.h("hr", null),
     index.h("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.xn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.xn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.$n.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.$n.push("/foo") }, "/foo"),
     index.h("hr", null),
     index.h("div", { style: { display: "flex", justifyContent: "space-around" } },
       index.h("sqm-router", { innerHTML: `<template path="/">
@@ -2583,7 +2584,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = stencilHooks_module.useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    index_module.xn.push(e.target.value);
+    index_module.$n.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2747,8 +2748,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.jn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.xn.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.Sn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.$n.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2772,8 +2773,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.jn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.xn.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.Sn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.$n.back }, "Go Back")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -3500,7 +3501,7 @@ function useExchangeButton() {
   const { id, accountId } = setupGraphQL$6();
   const [points, setPoints] = stencilHooks_module.useState(10);
   const [rate, setRate] = stencilHooks_module.useState(100);
-  const [exchange, { data, errors }] = index_module.an(EXCHANGE);
+  const [exchange, { data, errors }] = index_module.Xe(EXCHANGE);
   return {
     states: {
       points,
@@ -4101,16 +4102,16 @@ function DefaultTemplateView(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      index.h("button", { onClick: () => index_module.xn.push("/") }, "Dashboard"),
-      props.leadSubmit && (index.h("button", { onClick: () => index_module.xn.push("/refer") }, "Submit a Referral")),
-      index.h("button", { onClick: () => index_module.xn.push("/activity") }, "Activity"),
-      index.h("button", { onClick: () => index_module.xn.push("/editProfile") }, "Edit Profile"),
-      index.h("button", { onClick: () => index_module.xn.push("/login") }, "Login"),
-      index.h("button", { onClick: () => index_module.xn.push("/register") }, "Register"),
-      index.h("button", { onClick: () => index_module.xn.push("/emailVerification") }, "Email Verification"),
-      index.h("button", { onClick: () => index_module.xn.push("/verifyEmail") }, "Verify Email"),
-      index.h("button", { onClick: () => index_module.xn.push("/forgotPassword") }, "Forgot Password"),
-      index.h("button", { onClick: () => index_module.xn.push("/resetPassword") }, "Reset Password")),
+      index.h("button", { onClick: () => index_module.$n.push("/") }, "Dashboard"),
+      props.leadSubmit && (index.h("button", { onClick: () => index_module.$n.push("/refer") }, "Submit a Referral")),
+      index.h("button", { onClick: () => index_module.$n.push("/activity") }, "Activity"),
+      index.h("button", { onClick: () => index_module.$n.push("/editProfile") }, "Edit Profile"),
+      index.h("button", { onClick: () => index_module.$n.push("/login") }, "Login"),
+      index.h("button", { onClick: () => index_module.$n.push("/register") }, "Register"),
+      index.h("button", { onClick: () => index_module.$n.push("/emailVerification") }, "Email Verification"),
+      index.h("button", { onClick: () => index_module.$n.push("/verifyEmail") }, "Verify Email"),
+      index.h("button", { onClick: () => index_module.$n.push("/forgotPassword") }, "Forgot Password"),
+      index.h("button", { onClick: () => index_module.$n.push("/resetPassword") }, "Reset Password")),
     index.h("br", null),
     index.h("div", { innerHTML: states.previewTemplate })));
 }
@@ -10183,7 +10184,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";
 
@@ -10747,7 +10748,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",
@@ -10780,16 +10781,16 @@ const defaultRegisterProps = {
     invalidEmailErrorMessage: "Must be a valid email address",
   },
 };
-const Default$c = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$b))));
-const DefaultChecked = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
+const Default$c = createHookStory(() => (index.h(sqmCheckboxFieldView.CheckboxFieldView, Object.assign({}, defaultProps$b))));
+const DefaultChecked = createHookStory(() => (index.h(sqmCheckboxFieldView.CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
     ...defaultProps$b.states,
     checked: true,
   } }))));
-const CustomLabel = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$b, { content: {
+const CustomLabel = createHookStory(() => (index.h(sqmCheckboxFieldView.CheckboxFieldView, Object.assign({}, defaultProps$b, { content: {
     ...defaultProps$b.content,
     checkboxLabel: "I Agree",
   } }))));
-const Error$4 = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
+const Error$4 = createHookStory(() => (index.h(sqmCheckboxFieldView.CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
     ...defaultProps$b.states,
     registrationFormState: {
       validationErrors: {
@@ -10797,7 +10798,7 @@ const Error$4 = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView
       },
     },
   } }))));
-const CustomError = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
+const CustomError = createHookStory(() => (index.h(sqmCheckboxFieldView.CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
     ...defaultProps$b.states,
     registrationFormState: {
       validationErrors: {
@@ -10845,7 +10846,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/cjs/sqm-tab.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-require('./index.module-b8d9d0ba.js');
-const reRender = require('./re-render-5bde3d2e.js');
+require('./index.module-df530553.js');
+const reRender = require('./re-render-1976e05e.js');
 
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
-const reRender = require('./re-render-5bde3d2e.js');
-const useChildElements = require('./useChildElements-410d2435.js');
+const index_module = require('./index.module-df530553.js');
+const reRender = require('./re-render-1976e05e.js');
+const useChildElements = require('./useChildElements-e0d44916.js');
 const utils = require('./utils-6847bc06.js');
 
 const TabsView = ({ content, placement, }) => {
@@ -41,7 +41,7 @@ const TabsView = ({ content, placement, }) => {
 const REVEAL_EVENT = "sq:reveal";
 function useTabs() {
   const rawTabs = useChildElements.useChildElements();
-  const host = index_module.T();
+  const host = index_module._();
   const tick = reRender.useRerenderListener();
   const tabs = stencilHooks_module.useMemo(() => rawTabs
     .filter((tab) => tab.tagName === "SQM-TAB" || tab.tagName === "RAISINS-PLOP-TARGET")

package/dist/cjs/{useChildElements-410d2435.js → useChildElements-e0d44916.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+const index_module = require('./index.module-df530553.js');
 
 function useChildElements() {
-  const host = index_module.T();
+  const host = index_module._();
   const initialState = host.children.length
     ? Array.from(host.children)
     : [];

package/dist/cjs/{useInstantAccessRegistration-ccf81eae.js → useInstantAccessRegistration-bbe746d1.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+const index_module = require('./index.module-df530553.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-f9ce55be.js');
+const useRegistrationFormState = require('./useRegistrationFormState-876ed65d.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.useRegistrationFormState();
-  const [request, { loading, errors, data }] = index_module.Cn();
+  const [request, { loading, errors, data }] = index_module.mn();
   const [error, setError] = stencilHooks_module.useState("");
   const submit = async (event) => {
     var _a;