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

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,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-a2135064.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-050dbe0f.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a125ec5f.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-fa205e28.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 +2540,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 +2583,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 +2747,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 +2772,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 +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.an(EXCHANGE);
+  const [exchange, { data, errors }] = index_module.Xe(EXCHANGE);
   return {
     states: {
       points,
@@ -4101,16 +4101,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 })));
 }
@@ -10747,7 +10747,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",

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;

package/dist/cjs/{useReferralTable-824ac152.js → useReferralTable-a76adb0d.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-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 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.K();
-  const programIdContext = index_module.z();
+  const user = index_module.Q();
+  const programIdContext = index_module.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
@@ -268,17 +268,17 @@ function useReferralTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const locale = index_module.Q();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.En(GET_REFERRER_DATA, {
+  const locale = index_module.L();
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.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 } = index_module.En(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: taxResponse, loading: taxLoading } = index_module.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, } = 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; }, {
+  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; }, {
     limit: props.perPage,
     offset: 0,
   }, {

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

@@ -1,11 +1,11 @@
 '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 REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {
-  const host = index_module.T();
+  const host = index_module._();
   const [registrationFormState, setRegistrationFormState] = stencilHooks_module.y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
   return { registrationFormState, setRegistrationFormState };
 }

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

@@ -1,7 +1,7 @@
 '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');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/collection/components/sqm-checkbox-field/CheckboxField.stories.js

@@ -17,7 +17,7 @@ const defaultProps = {
     checked: false,
   },
   content: {
-    checkboxName: "agree",
+    checkboxName: "terms",
     checkboxLabel: "By signing up you agree to the {labelLink}",
     checkboxLabelLink: "https://example.com",
     checkboxLabelLinkText: "Terms and Conditions",

package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js

@@ -54,19 +54,10 @@ export function CheckboxFieldView(props) {
     h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
         e.target.value = e.target.checked;
         callbacks.setChecked(e.target.value);
-      } }, (!content.checkboxOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
-      ? {
-        class: sheet.classes.ErrorStyle,
-      }
-      : [])),
-      intl.formatMessage({
-        id: content.checkboxName + "-message",
-        defaultMessage: content.checkboxLabel,
-      }, {
-        labelLink: (h("a", { href: content.checkboxLabelLink, target: "_blank" }, content.checkboxLabelLinkText || content.checkboxLabelLink)),
-      }),
-      !states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName]) && (h("p", { class: sheet.classes.ErrorMessageStyle }, intl.formatMessage({
-        id: `errorMessage-${content.checkboxName}`,
-        defaultMessage: content.errorMessage,
-      }))))));
+      } }, (!content.checkboxOptional ? { required: false } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled), required: false }), intl.formatMessage({
+      id: content.checkboxName + "-message",
+      defaultMessage: content.checkboxLabel,
+    }, {
+      labelLink: (h("a", { href: content.checkboxLabelLink, target: "_blank" }, content.checkboxLabelLinkText || content.checkboxLabelLink)),
+    }))));
 }

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

@@ -14,21 +14,15 @@ import { useCheckboxField } from "../sqm-checkbox-field/useCheckboxField";
 export class MarketingEmailsCheckbox {
   constructor() {
     this.ignored = true;
-    /**
-     * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-     * @uiName Checkbox name attribute
-     * @required
-     */
-    this.checkboxName = "marketingEmails";
     /**
      * @uiName Checkbox label
      * @uiWidget textArea
      */
     this.checkboxLabel = "I would like to receive marketing and promotional emails for this referral program";
     /**
-     * @uiName Required
+     * @undocumented
      */
-    this.checkboxRequired = false;
+    this.checkboxName = "marketingEmailOptIn";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -43,30 +37,6 @@ export class MarketingEmailsCheckbox {
   }
   static get is() { return "sqm-marketing-emails-checkbox"; }
   static get properties() { return {
-    "checkboxName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Checkbox name attribute",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }],
-        "text": "This name is used as the key for this form field on submission. The name must be unique within this specific form."
-      },
-      "attribute": "checkbox-name",
-      "reflect": false,
-      "defaultValue": "\"marketingEmails\""
-    },
     "checkboxLabel": {
       "type": "string",
       "mutable": false,
@@ -91,26 +61,26 @@ export class MarketingEmailsCheckbox {
       "reflect": false,
       "defaultValue": "\"I would like to receive marketing and promotional emails for this referral program\""
     },
-    "checkboxRequired": {
-      "type": "boolean",
+    "checkboxName": {
+      "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
+        "original": "string",
+        "resolved": "string",
         "references": {}
       },
       "required": false,
-      "optional": true,
+      "optional": false,
       "docs": {
         "tags": [{
-            "text": "Required",
-            "name": "uiName"
+            "text": undefined,
+            "name": "undocumented"
           }],
         "text": ""
       },
-      "attribute": "checkbox-required",
+      "attribute": "checkbox-name",
       "reflect": false,
-      "defaultValue": "false"
+      "defaultValue": "\"marketingEmailOptIn\""
     },
     "demoData": {
       "type": "unknown",

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

@@ -102,9 +102,6 @@ export 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: {
@@ -112,7 +109,6 @@ export function usePortalRegistrationForm(props) {
         email,
         password,
         redirectPath,
-        ...(formData.marketingEmails && { marketingEmailOptInDate }),
         ...formData,
       },
     };