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

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-02e50f09.js');
-const index_module = require('./index.module-df530553.js');
+const global = require('./global-c3637175.js');
+const index_module = require('./index.module-b8d9d0ba.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-1976e05e.js');
-const useChildElements = require('./useChildElements-e0d44916.js');
+const reRender = require('./re-render-5bde3d2e.js');
+const useChildElements = require('./useChildElements-410d2435.js');
 const luxon = require('./luxon-05098e19.js');
 const mockRewardData = require('./mockRewardData-4258e067.js');
-const useReferralTable = require('./useReferralTable-a76adb0d.js');
+const useReferralTable = require('./useReferralTable-824ac152.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.Q();
-  const programIdContext = index_module.H();
-  const locale = index_module.L();
+  const user = index_module.K();
+  const programIdContext = index_module.z();
+  const locale = index_module.Q();
   // 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.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; }, {
+  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; }, {
     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-02e50f09.js');
-const index_module = require('./index.module-df530553.js');
+require('./global-c3637175.js');
+const index_module = require('./index.module-b8d9d0ba.js');
 require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-80d7642e.js');
-require('./useChildElements-e0d44916.js');
+require('./useChildElements-410d2435.js');
 const luxon = require('./luxon-05098e19.js');
 require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
@@ -21,17 +21,17 @@ 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-a125ec5f.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-292b5bf4.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a2135064.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-050dbe0f.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-969c49ed.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-fde54e35.js');
-require('./utilities-cec9dd36.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-d97086bc.js');
+require('./utilities-f7de6c04.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-c3e91cee.js');
+const ShadowViewAddon = require('./ShadowViewAddon-88821c64.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-990a85a3.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-e3b03a00.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-a9133a11.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -2540,36 +2540,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (index.h("div", null,
-    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("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("hr", null),
     index.h("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (index.h("div", null,
-    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("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("hr", null),
     index.h("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.$n.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.$n.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.xn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.xn.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 +2583,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = stencilHooks_module.useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    index_module.$n.push(e.target.value);
+    index_module.xn.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2747,8 +2747,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        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")));
+        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")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2772,8 +2772,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        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")));
+        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")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -3500,7 +3500,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.Xe(EXCHANGE);
+  const [exchange, { data, errors }] = index_module.an(EXCHANGE);
   return {
     states: {
       points,
@@ -4101,16 +4101,16 @@ function DefaultTemplateView(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      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("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("br", null),
     index.h("div", { innerHTML: states.previewTemplate })));
 }

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-df530553.js');
-const reRender = require('./re-render-1976e05e.js');
+require('./index.module-b8d9d0ba.js');
+const reRender = require('./re-render-5bde3d2e.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-df530553.js');
-const reRender = require('./re-render-1976e05e.js');
-const useChildElements = require('./useChildElements-e0d44916.js');
+const index_module = require('./index.module-b8d9d0ba.js');
+const reRender = require('./re-render-5bde3d2e.js');
+const useChildElements = require('./useChildElements-410d2435.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._();
+  const host = index_module.T();
   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-e0d44916.js → useChildElements-410d2435.js}

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

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

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

package/dist/cjs/{useReferralTable-a76adb0d.js → useReferralTable-824ac152.js}

@@ -2,9 +2,9 @@
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
-const reRender = require('./re-render-1976e05e.js');
-const useChildElements = require('./useChildElements-e0d44916.js');
+const index_module = require('./index.module-b8d9d0ba.js');
+const reRender = require('./re-render-5bde3d2e.js');
+const useChildElements = require('./useChildElements-410d2435.js');
 
 const debug = stencilHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";
@@ -245,8 +245,8 @@ const GET_IMPACT_TAX = index_module.dist.gql `
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b, _c, _d;
-  const user = index_module.Q();
-  const programIdContext = index_module.H();
+  const user = index_module.K();
+  const programIdContext = index_module.z();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   // If no program ID, shows all programs
@@ -268,17 +268,17 @@ function useReferralTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const locale = index_module.L();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.yn(GET_REFERRER_DATA, {
+  const locale = index_module.Q();
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.En(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 } = index_module.yn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: taxResponse, loading: taxLoading } = index_module.En(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, } = index_module.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; }, {
+  const { envelope: referralData, states, callbacks, } = index_module.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; }, {
     limit: props.perPage,
     offset: 0,
   }, {

package/dist/cjs/{useRegistrationFormState-876ed65d.js → useRegistrationFormState-f9ce55be.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index_module = require('./index.module-b8d9d0ba.js');
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {
-  const host = index_module._();
+  const host = index_module.T();
   const [registrationFormState, setRegistrationFormState] = stencilHooks_module.y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
   return { registrationFormState, setRegistrationFormState };
 }

package/dist/cjs/{utilities-cec9dd36.js → utilities-f7de6c04.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index_module = require('./index.module-b8d9d0ba.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/collection/components/sqm-marketing-emails-checkbox/sqm-marketing-emails-checkbox.js

@@ -6,10 +6,10 @@ import { getProps } from "../../utils/utils";
 import { CheckboxFieldView, } from "../sqm-checkbox-field/sqm-checkbox-field-view";
 import { useCheckboxField } from "../sqm-checkbox-field/useCheckboxField";
 /**
- * @uiName Form Checkbox Field
+ * @uiName Marketing Emails Checkbox Field
  * @validParents ["sqm-portal-register","sqm-portal-registration-form"]
  * @exampleGroup Microsite Components
- * @example Form Checkbox Field - <sqm-marketing-emails-checkbox checkbox-label="I would like to receive marketing and promotional emails for this referral program" required="false" name="marketing-emails" ></sqm-marketing-emails-checkbox>
+ * @example Marketing Emails Checkbox - <sqm-marketing-emails-checkbox slot="emailOptIn" name="marketingEmails" checkbox-label="I would like to receive marketing and promotional emails for this referral program" required="false" name="marketing-emails" required="false" ></sqm-marketing-emails-checkbox>
  */
 export class MarketingEmailsCheckbox {
   constructor() {
@@ -19,7 +19,7 @@ export class MarketingEmailsCheckbox {
      * @uiName Checkbox name attribute
      * @required
      */
-    this.checkboxName = "marketing-emails";
+    this.checkboxName = "marketingEmails";
     /**
      * @uiName Checkbox label
      * @uiWidget textArea
@@ -65,7 +65,7 @@ export class MarketingEmailsCheckbox {
       },
       "attribute": "checkbox-name",
       "reflect": false,
-      "defaultValue": "\"marketing-emails\""
+      "defaultValue": "\"marketingEmails\""
     },
     "checkboxLabel": {
       "type": "string",

package/dist/collection/components/sqm-portal-registration-form/usePortalRegistrationForm.js

@@ -51,6 +51,7 @@ export 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) => {
@@ -96,10 +97,14 @@ export function usePortalRegistrationForm(props) {
       validationErrors: {},
     });
     const { email, password } = formData;
+    console.log("form data is ", formData);
     delete formData.email;
     delete formData.password;
     delete formData.confirmPassword;
     const redirectPath = props.redirectPath;
+    const marketingEmailOptInDate = formData.marketingEmails
+      ? Date.now()
+      : null;
     const variables = {
       key: props.formKey,
       formData: {
@@ -107,6 +112,7 @@ export function usePortalRegistrationForm(props) {
         email,
         password,
         redirectPath,
+        ...(formData.marketingEmails && { marketingEmailOptInDate }),
         ...formData,
       },
     };

package/dist/esm/{ShadowViewAddon-e012b2aa.js → ShadowViewAddon-65c8679e.js}

@@ -1,16 +1,16 @@
 import { h, c as Host, d as getAssetPath, g as getElement } from './index-17b4da69.js';
 import { k as useState, b as browser, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-04c7d3b5.js';
-import { d as dist, H, Q, y as yn, f as $e, B, a as getEnvironmentSDK, L } from './index.module-def4aec5.js';
+import { i as intl } from './global-6306a9b8.js';
+import { d as dist, z as z$1, K, E as En, c as xe, n as ne, g as getEnvironmentSDK, Q } from './index.module-6c840c4e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-67b5cff8.js';
-import { u as useChildElements } from './useChildElements-32e1bda1.js';
+import { u as useChildElements } from './useChildElements-fc84e640.js';
 import { l as luxon } from './luxon-7600be8d.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
-import { a as isValidColor, b as isMobile } from './utilities-3f5bba22.js';
+import { a as isValidColor, b as isMobile } from './utilities-443732be.js';
 import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-6c582684.js';
 
 const medium = {
@@ -446,11 +446,11 @@ const WIDGET_ENGAGEMENT_EVENT = dist.gql `
 `;
 function useShareLink(props) {
   var _a, _b;
-  const { programId = H() } = props;
-  const user = Q();
-  const engagementMedium = B();
-  const { data } = yn(MessageLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = $e(WIDGET_ENGAGEMENT_EVENT);
+  const { programId = z$1() } = props;
+  const user = K();
+  const engagementMedium = ne();
+  const { data } = En(MessageLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = xe(WIDGET_ENGAGEMENT_EVENT);
   const copyString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
@@ -535,15 +535,15 @@ function GenericShare(res, errorText) {
 function useShareButton(props) {
   var _a, _b;
   const { sharetitle, sharetext, medium } = props;
-  const programId = props.programId ? props.programId : H();
-  const user = Q();
+  const programId = props.programId ? props.programId : z$1();
+  const user = K();
   const variables = {
-    engagementMedium: B(),
+    engagementMedium: ne(),
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
   // only queries if a programId is available
-  const res = yn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const res = En(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
   const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
   const environment = getEnvironmentSDK();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
@@ -567,7 +567,7 @@ function useShareButton(props) {
 const debug = browser("sq:useBigStat");
 const LOADING = "...";
 const debugQuery = (query, variables, getStat) => {
-  const res = yn(query, variables);
+  const res = En(query, variables);
   if (!(res === null || res === void 0 ? void 0 : res.data) && !res.loading) {
     console.error("issue getting stat:", res);
   }
@@ -978,7 +978,7 @@ const rewardsRedeemedWeekQuery = (programId, locale, type, unit, global = "") =>
           locale: $locale
           formatType: UNIT_FORMATTED
         )}`;
-      const result = yn(query, {
+      const result = En(query, {
         value: redeemedTotal,
         unit,
         locale,
@@ -1037,7 +1037,7 @@ const rewardsRedeemedMonthQuery = (programId, locale, type, unit, global = "") =
           locale: $locale
           formatType: UNIT_FORMATTED
         )}`;
-      const result = yn(query, {
+      const result = En(query, {
         value: redeemedTotal,
         unit,
         locale,
@@ -1433,11 +1433,11 @@ const StatPaths = [
 const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 function useBigStat(props) {
   var _a;
-  const { statType, flexReverse, alignment, programId = H(), } = props;
+  const { statType, flexReverse, alignment, programId = z$1(), } = props;
   // triggers a re-render if the label is manually changed
   useChildElements();
-  const locale = L();
-  const userIdent = Q();
+  const locale = Q();
+  const userIdent = K();
   const re = useMemo(() => StatPatterns.find((re) => re.exec(statType)), [statType]);
   if (!(re === null || re === void 0 ? void 0 : re.exec(statType))) {
     return {

package/dist/esm/{global-04c7d3b5.js → global-6306a9b8.js}

@@ -1,5 +1,5 @@
 import { g as getAugmentedNamespace, c as createCommonjsModule, a as commonjsGlobal, b as browser, l as l$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { s as src, m as memoize, U } from './index.module-def4aec5.js';
+import { s as src, m as memoize, J } from './index.module-6c840c4e.js';
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -26635,7 +26635,7 @@ sl-input::part(label){
 
 `;
 
-U(l$1);
+J(l$1);
 const debug = browser("sq:global");
 const cache = createIntlCache();
 const intl = createIntl({