@saasquatch/mint-components 1.6.8 → 1.6.9

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

@@ -4,23 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-4314dfb1.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-require('./sqm-text-span-view-c34577fa.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-803a56be.js');
+require('./sqm-text-span-view-e1cd9bd3.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d5bc7afc.js');
 
 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.Ne();
-  const [resetPassword, resetPasswordState] = index_module.We();
-  const urlParams = new URLSearchParams(index_module.fn.location.search);
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module.Le();
+  const [resetPassword, resetPasswordState] = index_module.Ne();
+  const urlParams = new URLSearchParams(index_module.pn.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
@@ -58,10 +57,10 @@ function usePortalResetPassword(props) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
-    index_module.fn.push(url.href);
+    index_module.pn.push(url.href);
   };
   const failed = () => {
-    index_module.fn.push({
+    index_module.pn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -95,48 +94,48 @@ const PortalResetPassword = class {
     /**
      * Redirect participants to this page when they successfully reset their password.
      *
-     * @uiName Successful Reset Redirect
+     * @uiName Successful reset redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
      * Redirect participants to this page if password reset fails due to an outdated reset attempt.
      *
-     * @uiName Failed Reset Redirect
+     * @uiName Failed reset redirect
      * @uiWidget pageSelect
      */
     this.failedPage = "/";
     /**
-     * @uiName Show Confirm Password Field
+     * @uiName Show confirm password field
      */
     this.confirmPassword = false;
     /**
-     * @uiName Reset Password Header Text
+     * @uiName Reset password header text
      */
     this.resetPasswordHeader = "Reset your password";
     /**
      * Displayed after a successful password reset.
      *
-     * @uiName Successful Password Reset Text
+     * @uiName Successful password reset text
      * @uiWidget textArea
      */
     this.passwordResetHeader = "Password reset";
     /**
-     * @uiName Password Reset Button Text
+     * @uiName Password reset button text
      */
     this.resetPasswordButtonText = "Reset Password";
     /**
      * Button text displayed after a successful password reset.
      *
-     * @uiName Continue Button Text
+     * @uiName Continue button text
      */
     this.continueButtonText = "Continue";
     /**
-     * @uiName Password Confirmation Field Label
+     * @uiName Password confirmation field label
      */
     this.confirmPasswordFieldLabel = "Confirm Password";
     /**
-     * @uiName Password Field Label
+     * @uiName Password field label
      */
     this.passwordFieldLabel = "New Password";
     stencilHooks_module.h$1(this);

package/dist/cjs/{sqm-portal-verify-email-view-6741f5bd.js → sqm-portal-verify-email-view-f6c7287e.js}

@@ -3,7 +3,7 @@
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-c34577fa.js');
+const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -12,20 +12,20 @@ const style = {
     width: "100%",
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalVerifyEmailView(props) {
   const { states, data, callbacks } = props;
   if (states.verified) {
-    return (index.h("div", { class: sheet.classes.Wrapper },
+    return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
       index.h("style", { type: "text/css" },
         vanillaStyle,
         styleString),
@@ -35,7 +35,7 @@ function PortalVerifyEmailView(props) {
       index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, "Continue")));
   }
   if (states.error || !data.oobCode) {
-    return (index.h("div", { class: sheet.classes.Wrapper },
+    return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
       index.h("style", { type: "text/css" }, styleString),
       index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, "Verify your email"),
       index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },

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

@@ -4,20 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-4314dfb1.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-require('./sqm-text-span-view-c34577fa.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-6741f5bd.js');
+require('./sqm-text-span-view-e1cd9bd3.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-f6c7287e.js');
 
 function usePortalVerifyEmail({ nextPage, failedPage }) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const userIdent = index_module.N();
-  const [request, { loading, data, errors }] = index_module.Xe();
-  const urlParams = new URLSearchParams(index_module.fn.location.search);
+  const userIdent = index_module.L();
+  const [request, { loading, data, errors }] = index_module.Ye();
+  const urlParams = new URLSearchParams(index_module.pn.location.search);
   const oobCode = urlParams.get("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
   // derived from useMutation in component boilerplate initialState
@@ -25,7 +24,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   // if logged out, userIdent?.managedIdentity?.emailVerified will be falsey, even if verification was successful
   const verified = !!(((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) || (data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail.success));
   const failed = () => {
-    return index_module.fn.push({
+    return index_module.pn.push({
       pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -33,7 +32,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = utils.sanitizeUrlPath(nextPageOverride || nextPage);
-    index_module.fn.push(url.href);
+    index_module.pn.push(url.href);
   };
   const submit = async () => {
     var _a;
@@ -83,14 +82,14 @@ const PortalVerifyEmail = class {
     /**
      * Redirect participants to this page when they successfully verify their email.
      *
-     * @uiName Successful Verification Redirect
+     * @uiName Successful verification redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
      * Redirect participants to this page if verification fails due to an outdated verification attempt.
      *
-     * @uiName Failed Verification Redirect
+     * @uiName Failed verification redirect
      * @uiWidget pageSelect
      */
     this.failedPage = "/";

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

@@ -4,19 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const global = require('./global-0b8cbb00.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const global = require('./global-40232313.js');
+const index_module = require('./index.module-4314dfb1.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const GenericTableView = require('./GenericTableView-9271483b.js');
-const reRender = require('./re-render-fce04f85.js');
-const useChildElements = require('./useChildElements-eaa9e49d.js');
+const GenericTableView = require('./GenericTableView-380b83e2.js');
+const reRender = require('./re-render-9a4ef430.js');
+const useChildElements = require('./useChildElements-749f9c9c.js');
 const luxon = require('./luxon-53e983a6.js');
-const useReferralTable = require('./useReferralTable-f3e792eb.js');
+const useReferralTable = require('./useReferralTable-650b1957.js');
 const utils = require('./utils-6847bc06.js');
-const sqmTextSpanView = require('./sqm-text-span-view-c34577fa.js');
+const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -168,31 +167,31 @@ const ReferralTable = class {
     /**
      * Number of referrals displayed per page
      *
-     * @uiName Referrals Per Page
+     * @uiName Referrals per page
      */
     this.perPage = 4;
-    /** @uiName Hide Column Labels */
+    /** @uiName Hide column labels */
     this.hideLabels = false;
-    /** @uiName Previous Button Text  */
+    /** @uiName Previous button text  */
     this.prevLabel = "Prev";
-    /** @uiName View More Button Text  */
+    /** @uiName View More button text  */
     this.moreLabel = "Next";
     /**
      * Show referred by user in table
      *
-     * @uiName Show Referrer
+     * @uiName Show referrer
      * @default
      */
     this.showReferrer = false;
     /**
      * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
      *
-     * @uiName Hidden Mobile Columns
+     * @uiName Hidden mobile columns
      */
     this.hiddenColumns = "0";
-    /** @uiName Mobile Breakpoint  */
+    /** @uiName Mobile breakpoint  */
     this.smBreakpoint = 599;
-    /** @uiName Tablet Breakpoint  */
+    /** @uiName Tablet breakpoint  */
     this.mdBreakpoint = 799;
     stencilHooks_module.h$1(this);
   }
@@ -378,11 +377,11 @@ const ReferralTableDateColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * @uiName Date Column Title
+     * @uiName Date column title
      */
     this.columnTitle = "Date converted";
     /**
-     * @uiName Date Displayed
+     * @uiName Date displayed
      * @uiType string
      * @uiEnum ["dateConverted",
      * "dateReferralStarted",
@@ -536,7 +535,7 @@ const ReferralTableRewardsCell = class {
       }, {
         status: state,
       });
-      return (index.h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails }, index.h("style", { type: "text/css" }, styleString), index.h("div", { slot: "summary", class: sheet.classes.DetailsContainer }, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, index.h("span", { class: sheet.classes.BoldText }, reward.prettyValue)), index.h("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (index.h("sl-badge", { class: slBadgeType === "primary"
+      return (index.h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails }, index.h("style", { type: "text/css" }, styleString), index.h("div", { slot: "summary", class: sheet.classes.DetailsContainer }, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, index.h("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)), index.h("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (index.h("sl-badge", { class: slBadgeType === "primary"
           ? sheet.classes.RedeemBadge
           : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, global.intl.formatMessage({
         id: "pendingForText",
@@ -548,17 +547,17 @@ const ReferralTableRewardsCell = class {
           ? sheet.classes.RedeemBadge
           : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (index.h("sl-badge", { class: slBadgeType === "primary"
           ? sheet.classes.RedeemBadge
-          : sheet.classes.StatusBadge, type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), index.h("div", null, reward.dateGiven && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, this.rewardReceivedText, " ", index.h("span", { class: sheet.classes.BoldText }, luxon.luxon.DateTime.fromMillis(reward.dateGiven)
+          : sheet.classes.StatusBadge, type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), index.h("div", null, reward.dateGiven && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, this.rewardReceivedText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateGiven)
         .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "EXPIRED" && reward.dateExpires && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText }, luxon.luxon.DateTime.fromMillis(reward.dateExpires)
+        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "EXPIRED" && reward.dateExpires && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateExpires)
         .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "CANCELLED" && reward.dateCancelled && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText }, luxon.luxon.DateTime.fromMillis(reward.dateCancelled)
+        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "CANCELLED" && reward.dateCancelled && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateCancelled)
         .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "PENDING" && reward.dateScheduledFor && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText }, luxon.luxon.DateTime.fromMillis(reward.dateScheduledFor)
+        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "PENDING" && reward.dateScheduledFor && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateScheduledFor)
         .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), " ", state === "AVAILABLE" && reward.dateExpires && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText }, luxon.luxon.DateTime.fromMillis(reward.dateExpires)
+        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), " ", state === "AVAILABLE" && reward.dateExpires && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateExpires)
         .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), reward.fuelTankCode && (index.h("div", null, this.fuelTankText, " ", index.h("span", { class: sheet.classes.BoldText }, reward.fuelTankCode))))));
+        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), reward.fuelTankCode && (index.h("div", null, this.fuelTankText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, reward.fuelTankCode))))));
     });
   }
 };
@@ -573,39 +572,39 @@ const ReferralTableRewardsColumn = class {
     /**
      * Text shown in the reward status badge.
      *
-     * @uiName Reward Status Text
+     * @uiName Reward status text
      * @uiWidget textArea
      */
     this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
     /**
      * Additional status text shown in the details drop down.
      *
-     * @uiName Reward Status Long Text
+     * @uiName Reward status long text
      * @uiWidget textArea
      */
     this.statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }";
     /**
      * Shown in the dropdown details when a reward has an associated fuel tank code.
      *
-     * @uiName Fuel Tank Code Text
+     * @uiName Fuel tank code text
      */
     this.fuelTankText = "Your code is";
     /**
      * Shown in the dropdown details when a reward has been received.’
      *
-     * @uiName Reward Received Text
+     * @uiName Reward received text
      */
     this.rewardReceivedText = "Reward received on";
     /**
      * Shown in the dropdown details when a reward has an expiry date.
      *
-     * @uiName Reward Expiring Text
+     * @uiName Reward expiring text
      */
     this.expiringText = "Expiring in";
     /**
      * Shown in the dropdown details when a reward is pending.
      *
-     * @uiName Reward Pending Text
+     * @uiName Reward pending text
      */
     this.pendingForText = "{status} for {date}";
     /**
@@ -618,14 +617,14 @@ const ReferralTableRewardsColumn = class {
   disconnectedCallback() { }
   async renderCell(data, locale) {
     // TODO: Do the right thing with many rewards, pending rewards, canceled rewards
-    return (index.h("sqm-referral-table-rewards-cell", { rewards: data.rewards, statusText: this.statusText, statusLongText: this.statusLongText, fuelTankText: this.fuelTankText, rewardReceivedText: this.rewardReceivedText, expiringText: this.expiringText, pendingForText: this.pendingForText, hideDetails: this.hideDetails, locale: locale }));
+    return (index.h("sqm-referral-table-rewards-cell", { rewards: data.rewards, statusText: this.statusText, statusLongText: this.statusLongText, fuelTankText: this.fuelTankText, rewardReceivedText: this.rewardReceivedText, expiringText: this.expiringText, pendingForText: this.pendingForText, hideDetails: this.hideDetails, locale: locale, exportparts: "sqm-cell-value" }));
   }
   async renderLabel() {
     return this.columnTitle;
   }
   async renderReferrerCell(data) {
     // TODO: Do the right thing with many rewards, pending rewards, canceled rewards
-    return (index.h("sqm-referral-table-rewards-cell", { rewards: data.rewards }));
+    return (index.h("sqm-referral-table-rewards-cell", { rewards: data.rewards, exportparts: "sqm-cell-value" }));
   }
   render() {
     reRender.useRequestRerender([
@@ -666,15 +665,15 @@ const ReferralTableStatusColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * @uiName Column Title
+     * @uiName Column title
      */
     this.columnTitle = "Status";
     /**
-     * @uiName Converted Status Text
+     * @uiName Converted status text
      */
     this.convertedStatusText = "Converted";
     /**
-     * @uiName In Progress Status Text
+     * @uiName In progress status text
      */
     this.inProgressStatusText = "In Progress";
     stencilHooks_module.h$1(this);
@@ -720,19 +719,19 @@ const ReferralTableUserColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * @uiName User Column Title
+     * @uiName User column title
      */
     this.columnTitle = "Customer";
     /**
      * Name displayed for unknown users
      *
-     * @uiName Anonymous User Text
+     * @uiName Anonymous user text
      */
     this.anonymousUser = "Anonymous User";
     /**
      * Name displayed for deleted users
      *
-     * @uiName Deleted User Text
+     * @uiName Deleted user text
      */
     this.deletedUser = "Deleted User";
     stencilHooks_module.h$1(this);

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

@@ -0,0 +1,160 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+const index_module = require('./index.module-4314dfb1.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-f347daa7.js');
+require('./useRegistrationFormState-67c0b5ff.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-1fea58e7.js');
+
+const ReferredRegistration = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName Email field label
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName First name field label
+     */
+    this.firstNameLabel = "First Name";
+    /**
+     * @uiName Last name field label
+     */
+    this.lastNameLabel = "Last Name";
+    /**
+     * @uiName Register button text
+     */
+    this.registerLabel = "Start Referring";
+    /**
+     * Require your participants to enter their first and last name.
+     *
+     * @uiName Include name fields
+     */
+    this.includeName = false;
+    /**
+     * @uiName Hide border
+     * @uiGroup Card style
+     */
+    this.hideBorder = false;
+    /**
+     * Display this message when a required field has not been filled out.
+     *
+     * @uiName Required field message
+     * @uiWidget textArea
+     * @uiGroup Error messages
+     */
+    this.requiredFieldErrorMessage = "Cannot be empty";
+    /**
+     * Display this message when the given email is invalid.
+     *
+     * @uiName Invalid email message
+     * @uiWidget textArea
+     * @uiGroup Error messages
+     */
+    this.invalidEmailErrorMessage = "Please enter a valid email address";
+    /**
+     * Display this message when the form submission unexpectedly fails.
+     *
+     * @uiName Network error message
+     * @uiWidget textArea
+     * @uiGroup Error messages
+     */
+    this.networkErrorMessage = "There was a problem signing you in. Please wait a moment and try again. If this problem continues, contact Support for help resolving this issue.";
+    /**
+     * @uiName Top padding
+     * @uiGroup Card style
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+     */
+    this.paddingTop = "large";
+    /**
+     * @uiName Right padding
+     * @uiGroup Card style
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+     */
+    this.paddingRight = "large";
+    /**
+     * @uiName Bottom padding
+     * @uiGroup Card style
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+     */
+    this.paddingBottom = "large";
+    /**
+     * @uiName Left padding
+     * @uiGroup Card style
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+     */
+    this.paddingLeft = "large";
+    /**
+     * @uiName Background color
+     * @uiWidget color
+     * @uiGroup Card style
+     * @uiType string
+     */
+    this.backgroundColor = "#ffffff";
+    /**
+     * @undocumented
+     * @uiType boolean
+     */
+    this.includeCookies = true;
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = index_module.isDemo()
+      ? useRegistrationDemo(this)
+      : useInstantAccessRegistration.useInstantAccessRegistration(this);
+    const content = {
+      emailLabel: this.emailLabel,
+      registerLabel: this.registerLabel,
+      firstNameLabel: this.firstNameLabel,
+      lastNameLabel: this.lastNameLabel,
+      includeName: this.includeName,
+      hideBorder: this.hideBorder,
+      invalidEmailErrorMessage: this.invalidEmailErrorMessage,
+      requiredFieldErrorMessage: this.requiredFieldErrorMessage,
+      paddingTop: this.paddingTop,
+      paddingBottom: this.paddingBottom,
+      paddingLeft: this.paddingLeft,
+      paddingRight: this.paddingRight,
+      backgroundColor: this.backgroundColor,
+      // slots
+      topSlot: index.h("slot", { name: "top" }),
+      bottomSlot: index.h("slot", { name: "bottom" }),
+    };
+    return (index.h(emailRegistrationView.EmailRegistrationView, { states: states, callbacks: callbacks, content: content }));
+  }
+};
+function useRegistrationDemo(props) {
+  const onSubmit = () => {
+    index_module.setUserIdentity({
+      id: "referrer@example.com",
+      accountId: "referrer@example.com",
+      jwt: "eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg",
+    });
+  };
+  return cjs.cjs({
+    states: {
+      error: "",
+      loading: false,
+    },
+    callbacks: {
+      submit: async (_event) => {
+        onSubmit();
+      },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+exports.sqm_referred_registration = ReferredRegistration;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-c34577fa.js');
+const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

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

@@ -4,15 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-require('./index.module-c6626247.js');
-const reRender = require('./re-render-fce04f85.js');
+require('./index.module-4314dfb1.js');
+const reRender = require('./re-render-9a4ef430.js');
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * @uiName Column Title
+     * @uiName Column title
      */
     this.columnTitle = "Note";
     stencilHooks_module.h$1(this);