@saasquatch/mint-components 1.15.0-99 → 1.16.0-1

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
-import { f as Je, T as Te, j as jn, i as isDemo } from './index.module-38dad6c9.js';
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { f as Je, T as Te, j as jn, i as isDemo } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { s as sanitizeUrlPath } from './utils-03188de2.js';
+import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import './mixins-f750863a.js';
-import './sqm-text-span-view-4c17b8c9.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-abef7286.js';
+import './mixins-83f90fa1.js';
+import './sqm-text-span-view-ca32495e.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-54a8651f.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/esm/{sqm-portal-verify-email-view-33805220.js → sqm-portal-verify-email-view-b12cb894.js}

@@ -1,7 +1,7 @@
-import { h } from './index-b3a06de8.js';
+import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
+import { A as AuthWrapper, a as AuthColumn } from './mixins-83f90fa1.js';
+import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
-import { J, o as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-38dad6c9.js';
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { J, o as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { s as sanitizeUrlPath, g as getProps } from './utils-03188de2.js';
+import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import './mixins-f750863a.js';
-import './sqm-text-span-view-4c17b8c9.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-33805220.js';
+import './mixins-83f90fa1.js';
+import './sqm-text-span-view-ca32495e.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-b12cb894.js';
 
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {

package/dist/esm/{sqm-qr-code-view-97124a66.js → sqm-qr-code-view-f1d0763b.js}

@@ -1,11 +1,6 @@
-import { h } from './index-b3a06de8.js';
+import { h } from './index-91e7729f.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-
-const ErrorView = (props) => {
-  return (h("sqm-form-message", { type: "error" },
-    h("p", { part: "alert-title" }, props.loadingErrorAlertHeader),
-    h("p", { part: "alert-description" }, props.loadingErrorAlertDescription)));
-};
+import { E as ErrorView } from './ErrorView-48e2b969.js';
 
 const style = {
   DialogContainer: {
@@ -44,6 +39,11 @@ const style = {
     height: "100%",
     maxWidth: "335px",
   },
+  TextButton: {
+    "&::part(base)": {
+      color: "var(--sl-color-gray-600)",
+    },
+  },
   LoadingSkeleton: {
     "&::part(indicator)": {
       borderRadius: "0px !important",
@@ -94,8 +94,8 @@ function QrCodeView({ error, qrLink, titleText, downloadCodeText, printCodeText,
       !hideTitle && h("span", { part: "sqm-title" }, titleText),
       codeContent,
       h("div", { class: sheet.classes.ButtonContainer },
-        h("sl-button", { size: "small", exportparts: "base: primarybutton-base", type: "primary", onClick: createDownloadable }, downloadCodeText),
-        h("sl-button", { size: "small", exportparts: "base: secondarybutton-base", type: "text", onClick: createPrintable }, printCodeText)))));
+        h("sl-button", { size: "small", exportparts: "base: defaultbutton-base", type: "default", onClick: createDownloadable }, downloadCodeText),
+        h("sl-button", { size: "small", exportparts: "base: textbutton-base", type: "text", onClick: createPrintable, class: sheet.classes.TextButton }, printCodeText)))));
 }
 
 export { QrCodeView as Q };

package/dist/esm/sqm-qr-code.entry.js

@@ -1,11 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
-import { d as dist, H, J, B, F as Fn, w as wn, $ as $e, i as isDemo } from './index.module-38dad6c9.js';
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { d as dist, H, J, F as Fn, w as wn, $ as $e, B, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-03188de2.js';
+import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-311e6d72.js';
-import { Q as QrCodeView } from './sqm-qr-code-view-97124a66.js';
+import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-8f75921a.js';
+import './ErrorView-48e2b969.js';
+import { Q as QrCodeView } from './sqm-qr-code-view-f1d0763b.js';
 
 const ShareLinkQuery = dist.gql `
   query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {

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

@@ -1,18 +1,18 @@
-import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-b3a06de8.js';
-import { i as intl } from './global-f97ae778.js';
-import { n as h, j as useReducer, u as useMemo, f as useEffect } from './dom-context-hooks.module-63370afd.js';
-import { i as isDemo } from './index.module-38dad6c9.js';
+import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-91e7729f.js';
+import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
+import { i as intl } from './global-be1f9992.js';
+import { i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { l as luxonLocale } from './utils-03188de2.js';
+import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './mixins-f750863a.js';
-import { G as GenericTableView } from './GenericTableView-e43d310f.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-9c90767d.js';
-import { u as useChildElements } from './useChildElements-4e70ac0e.js';
-import { l as luxon } from './luxon-bbf75a9d.js';
-import { g as getPaypalMeta } from './mockRewardData-96a2d26d.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-65a01a6a.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
+import './mixins-83f90fa1.js';
+import { G as GenericTableView } from './GenericTableView-7b9087af.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-cc945f38.js';
+import { u as useChildElements } from './useChildElements-7945ae56.js';
+import { l as luxon } from './luxon-8d51c92b.js';
+import { g as getPaypalMeta } from './mockRewardData-a3cdb832.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-b3876ed6.js';
+import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -444,7 +444,9 @@ const ReferralTableRewardsCell = class {
         "flex-wrap": "wrap",
       },
       Details: {
+        "padding-bottom": "var(--sl-spacing-small)",
         "max-width": "500px",
+        // "padding-right": "var(--sl-spacing-x-small)",
         "&::part(header)": {
           padding: "var(--sl-spacing-x-small)",
           cursor: `${this.hideDetails ? "default" : "pointer"}`,
@@ -453,7 +455,6 @@ const ReferralTableRewardsCell = class {
           padding: "var(--sl-spacing-x-small) var(--sl-spacing-medium)",
         },
         "&::part(base)": {
-          border: "var(--sqm-border-thickness) solid var(--sqm-border-color)",
           opacity: "1",
         },
         "&::part(summary-icon)": {
@@ -461,6 +462,7 @@ const ReferralTableRewardsCell = class {
         },
         "&::part(summary-icon[open])": {
           transform: "rotate(-90deg)",
+          background: "red",
         },
       },
       BadgeContainer: {
@@ -471,64 +473,23 @@ const ReferralTableRewardsCell = class {
       BoldText: {
         "font-weight": "var(--sl-font-weight-semibold)",
       },
-      RedeemBadge: {
+      StatusBadge: {
         paddingLeft: "var(--sl-spacing-xxx-small)",
         "&::part(base)": {
           textAlign: "center",
           maxWidth: "170px",
           whiteSpace: "pre-line",
-          background: "var(--sqm-informative-color-icon)",
-          color: "var(--sl-color-white)",
         },
       },
-      DangerBadge: {
-        paddingLeft: "var(--sl-spacing-xxx-small)",
-        "&::part(base)": {
-          textAlign: "center",
-          maxWidth: "170px",
-          whiteSpace: "pre-line",
-          background: "var(--sqm-danger-color-icon)",
-          color: "var(--sl-color-white)",
-        },
-      },
-      WarningBadge: {
-        paddingLeft: "var(--sl-spacing-xxx-small)",
-        "&::part(base)": {
-          textAlign: "center",
-          maxWidth: "170px",
-          whiteSpace: "pre-line",
-          background: "var(--sqm-warning-color-icon)",
-          color: "var(--sl-color-white)",
-        },
-      },
-      SuccessBadge: {
+      RedeemBadge: {
         paddingLeft: "var(--sl-spacing-xxx-small)",
         "&::part(base)": {
-          textAlign: "center",
-          maxWidth: "170px",
-          whiteSpace: "pre-line",
-          background: "var(--sqm-success-color-icon)",
-          color: "var(--sl-color-white)",
+          background: "var(--sl-color-blue-600)",
         },
       },
     };
     const sheet = createStyleSheet(style);
     const styleString = sheet.toString();
-    const getBadgeCSSClass = (badgeType) => {
-      switch (badgeType) {
-        case "primary":
-          return sheet.classes.RedeemBadge;
-        case "danger":
-          return sheet.classes.DangerBadge;
-        case "success":
-          return sheet.classes.SuccessBadge;
-        case "warning":
-        case "info":
-          return sheet.classes.WarningBadge;
-        default:
-          return sheet.classes.WarningBadge;
-      }
-    };
     const getState = (reward, taxConnection) => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
       const possibleStates = [
@@ -571,7 +532,9 @@ const ReferralTableRewardsCell = class {
           if (!((_k = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _k === void 0 ? void 0 : _k.currentTaxDocument))
             return "PENDING_TAX_SUBMISSION";
           const status = taxConnection.publisher.currentTaxDocument.status;
-          if (status === "INACTIVE")
+          if (status === "INACTIVE" ||
+            status === "INVALID_W9_ELECTRONIC_DOCUMENT" ||
+            status === "INVALID_W9_ELECTRONIC_DOCUMENT_CHECK_INTERNAL")
             return "PENDING_NEW_TAX_FORM";
           if (status === "NOT_VERIFIED")
             return "PENDING_TAX_REVIEW";
@@ -629,13 +592,19 @@ const ReferralTableRewardsCell = class {
       }, {
         status: state,
       });
-      return (h$1("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails }, h$1("style", { type: "text/css" }, styleString), h$1("div", { slot: "summary", class: sheet.classes.DetailsContainer }, h$1(TextSpanView, { type: "p" }, h$1("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)), h$1("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (h$1("sl-badge", { class: getBadgeCSSClass(slBadgeType), type: slBadgeType, pill: true }, intl.formatMessage({
+      return (h$1("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails }, h$1("style", { type: "text/css" }, styleString), h$1("div", { slot: "summary", class: sheet.classes.DetailsContainer }, h$1(TextSpanView, { type: "p" }, h$1("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)), h$1("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (h$1("sl-badge", { class: slBadgeType === "primary"
+          ? sheet.classes.RedeemBadge
+          : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, intl.formatMessage({
         id: "pendingForText",
         defaultMessage: this.pendingForText,
       }, {
         status: badgeText,
         date: getTimeDiff(reward.dateScheduledFor),
-      }))) : (h$1("sl-badge", { class: getBadgeCSSClass(slBadgeType), type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (h$1("sl-badge", { class: getBadgeCSSClass(slBadgeType), type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), h$1("div", null, state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.referral.dateModerated)
+      }))) : (h$1("sl-badge", { class: slBadgeType === "primary"
+          ? sheet.classes.RedeemBadge
+          : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (h$1("sl-badge", { class: slBadgeType === "primary"
+          ? sheet.classes.RedeemBadge
+          : sheet.classes.StatusBadge, type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), h$1("div", null, state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.referral.dateModerated)
         .setLocale(luxonLocale(this.locale))
         .toLocaleString(luxon.DateTime.DATE_MED))))), state === "PAYOUT_APPROVED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_FAILED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_CANCELLED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_REVIEW" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_NEW_TAX_FORM" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_SUBMISSION" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_PARTNER_CREATION" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.dateModerated) && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.referral.dateModerated)
         .setLocale(luxonLocale(this.locale))
@@ -739,54 +708,17 @@ const ReferralTableRewardsColumn = class {
 };
 
 const style = {
-  SubText: {
-    fontSize: "var(--sl-font-size-small)",
-    color: "var(--sqm-text-subdued)",
-    margin: "0",
-  },
-  RedeemBadge: {
+  Badge: {
     "&::part(base)": {
       fontSize: "var(--sl-font-size-small)",
       padding: "4px 8px",
-      textAlign: "center",
-      maxWidth: "170px",
       whiteSpace: "pre-line",
-      background: "var(--sqm-informative-color-icon)",
-      color: "var(--sl-color-white)",
     },
   },
-  DangerBadge: {
-    "&::part(base)": {
-      fontSize: "var(--sl-font-size-small)",
-      padding: "4px 8px",
-      textAlign: "center",
-      maxWidth: "170px",
-      whiteSpace: "pre-line",
-      background: "var(--sqm-danger-color-icon)",
-      color: "var(--sl-color-white)",
-    },
-  },
-  WarningBadge: {
-    "&::part(base)": {
-      fontSize: "var(--sl-font-size-small)",
-      padding: "4px 8px",
-      textAlign: "center",
-      maxWidth: "170px",
-      whiteSpace: "pre-line",
-      background: "var(--sqm-warning-color-icon)",
-      color: "var(--sl-color-white)",
-    },
-  },
-  SuccessBadge: {
-    "&::part(base)": {
-      fontSize: "var(--sl-font-size-small)",
-      padding: "4px 8px",
-      textAlign: "center",
-      maxWidth: "170px",
-      whiteSpace: "pre-line",
-      background: "var(--sqm-success-color-icon)",
-      color: "var(--sl-color-white)",
-    },
+  SubText: {
+    fontSize: "var(--sl-font-size-small)",
+    color: "var(--sl-color-neutral-500)",
+    margin: "0",
   },
 };
 const sheet = createStyleSheet(style);
@@ -796,8 +728,6 @@ const ReferralTableStatusCell = class {
     registerInstance(this, hostRef);
   }
   render() {
-    const sheet = createStyleSheet(style);
-    const styleString = sheet.toString();
     const getBadgeType = (fraudStatus) => {
       if (fraudStatus === "PENDING")
         return "warning";
@@ -807,22 +737,7 @@ const ReferralTableStatusCell = class {
         return "success";
       return "warning";
     };
-    const getBadgeCSSClass = (badgeType) => {
-      switch (badgeType) {
-        case "primary":
-          return sheet.classes.RedeemBadge;
-        case "danger":
-          return sheet.classes.DangerBadge;
-        case "success":
-          return sheet.classes.SuccessBadge;
-        case "warning":
-        case "info":
-          return sheet.classes.WarningBadge;
-        default:
-          return sheet.classes.WarningBadge;
-      }
-    };
-    return (h$1("div", null, h$1("style", { type: "text/css" }, styleString), h$1("sl-badge", { pill: true, type: getBadgeType(this.fraudStatus), class: getBadgeCSSClass(getBadgeType(this.fraudStatus)) }, this.statusText), this.statusSubText ? (h$1("p", { class: sheet.classes.SubText }, this.statusSubText)) : null));
+    return (h$1("div", null, h$1("style", { type: "text/css" }, styleString), h$1("sl-badge", { pill: true, type: getBadgeType(this.fraudStatus), class: sheet.classes.Badge }, this.statusText), this.statusSubText ? (h$1("p", { class: sheet.classes.SubText }, this.statusSubText)) : null));
   }
 };
 

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

@@ -0,0 +1,174 @@
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { i as isDemo, b as setUserIdentity } from './index.module-89a79f66.js';
+import './jsonpointer-388a7082.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import './JSS-67b5cff8.js';
+import './mixins-83f90fa1.js';
+import { E as EmailRegistrationView } from './email-registration-view-a7818cf2.js';
+import './useRegistrationFormState-d6f33135.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-dc4ad9f2.js';
+
+const ReferredRegistration = class {
+  constructor(hostRef) {
+    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.";
+    /**
+     * Display this message when there is suspected fraud.
+     *
+     * @uiName Fraud error message
+     * @uiWidget textArea
+     * @uiGroup Error messages
+     */
+    this.fraudErrorMessage = "Our team will review this referral. If approved, you and your friend will receive your rewards. Need help? Reach out to our Support team.";
+    /**
+     * Display this message when there is suspected fraud.
+     *
+     * @uiName Fraud error message title
+     * @uiWidget textArea
+     * @uiGroup Error messages
+     */
+    this.fraudErrorMessageTitle = "Looks like you tried referring yourself";
+    /**
+     * @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;
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = isDemo()
+      ? useRegistrationDemo(this)
+      : useInstantAccessRegistration(this);
+    const content = {
+      fraudErrorMessage: this.fraudErrorMessage,
+      fraudErrorMessageTitle: this.fraudErrorMessageTitle,
+      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: h$1("slot", { name: "top" }),
+      bottomSlot: h$1("slot", { name: "bottom" }),
+    };
+    return (h$1(EmailRegistrationView, { states: states, callbacks: callbacks, content: content }));
+  }
+};
+function useRegistrationDemo(props) {
+  const onSubmit = () => {
+    setUserIdentity({
+      id: "referrer@example.com",
+      accountId: "referrer@example.com",
+      jwt: "eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg",
+    });
+  };
+  return cjs({
+    states: {
+      error: "",
+      loading: false,
+    },
+    callbacks: {
+      submit: async (_event) => {
+        onSubmit();
+      },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+export { ReferredRegistration as sqm_referred_registration };

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
 import './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
+import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
-import { n as h } from './dom-context-hooks.module-63370afd.js';
-import './index.module-38dad6c9.js';
-import { a as useRequestRerender } from './re-render-9c90767d.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import './index.module-89a79f66.js';
+import { a as useRequestRerender } from './re-render-cc945f38.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {