npm - @saasquatch/mint-components - Versions diffs - 1.15.0-98 → 1.16.0-0 - Mend

@saasquatch/mint-components 1.15.0-98 → 1.16.0-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1016) hide show

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

@@ -2,21 +2,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-a43a63b4.js');
-const global = require('./global-191f2253.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-4f54e412.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const global = require('./global-e31dc4f5.js');
+const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-7cbd60cc.js');
+const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./mixins-4761d472.js');
-const GenericTableView = require('./GenericTableView-a9845e80.js');
-const reRender = require('./re-render-d516138a.js');
-const useChildElements = require('./useChildElements-966c9041.js');
-const luxon = require('./luxon-949beaf2.js');
-const mockRewardData = require('./mockRewardData-df37c8a3.js');
-const useReferralTable = require('./useReferralTable-90d4d6e9.js');
-const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
+require('./mixins-f7e0377a.js');
+const GenericTableView = require('./GenericTableView-a9f4ba75.js');
+const reRender = require('./re-render-b324deab.js');
+const useChildElements = require('./useChildElements-1b35d945.js');
+const luxon = require('./luxon-2926d85f.js');
+const mockRewardData = require('./mockRewardData-7815f10f.js');
+const useReferralTable = require('./useReferralTable-7c3f9600.js');
+const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -196,7 +196,7 @@ const ReferralTable = class {
     this.smBreakpoint = 599;
     /** @uiName Tablet breakpoint  */
     this.mdBreakpoint = 799;
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -219,7 +219,7 @@ function LoadingRow() {
   return (index.h("sqm-table-row", null, index.h("sqm-table-cell", { colspan: 5 }, index.h("sl-skeleton", null))));
 }
 function useReferralTableDemo(props, emptyElement, loadingElement) {
-  const [content, setContent] = domContextHooks_module.useReducer((state, next) => ({
+  const [content, setContent] = stencilHooks_module.useReducer((state, next) => ({
     ...state,
     ...next,
   }), {
@@ -229,7 +229,7 @@ function useReferralTableDemo(props, emptyElement, loadingElement) {
     page: 0,
   });
   const tick = reRender.useRerenderListener();
-  const mockData = domContextHooks_module.useMemo(() => { var _a; return ((_a = props.demoData) === null || _a === void 0 ? void 0 : _a.mockData) || mockReferralData(props.perPage); }, [props.perPage]);
+  const mockData = stencilHooks_module.useMemo(() => { var _a; return ((_a = props.demoData) === null || _a === void 0 ? void 0 : _a.mockData) || mockReferralData(props.perPage); }, [props.perPage]);
   const components = useChildElements.useChildElements();
   async function getComponentData(components) {
     var _a;
@@ -292,7 +292,7 @@ function useReferralTableDemo(props, emptyElement, loadingElement) {
     // Set the content to render and finish loading components
     setContent({ columns, loading: false, page: 0 });
   }
-  domContextHooks_module.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     setContent({ loading: true });
     (mockData === null || mockData === void 0 ? void 0 : mockData.data) && getComponentData(components);
   }, [mockData === null || mockData === void 0 ? void 0 : mockData.data, components, tick]);
@@ -332,7 +332,7 @@ const ReferralTableCell = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -343,7 +343,7 @@ const ReferralTableCell = class {
 const ReferralTableGenericColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   async renderCell(_) {
@@ -364,7 +364,7 @@ const ReferralTableDateCell = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     this.locale = "en";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -404,7 +404,7 @@ const ReferralTableDateColumn = class {
      * "Date User Modified"]
      */
     this.dateShown = "dateConverted";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
@@ -448,7 +448,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"}`,
@@ -457,7 +459,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)": {
@@ -465,6 +466,7 @@ const ReferralTableRewardsCell = class {
         },
         "&::part(summary-icon[open])": {
           transform: "rotate(-90deg)",
+          background: "red",
         },
       },
       BadgeContainer: {
@@ -475,64 +477,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 = JSS.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 = [
@@ -575,7 +536,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";
@@ -633,13 +596,19 @@ 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", { 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: getBadgeCSSClass(slBadgeType), type: slBadgeType, pill: true }, global.intl.formatMessage({
+      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",
         defaultMessage: this.pendingForText,
       }, {
         status: badgeText,
         date: getTimeDiff(reward.dateScheduledFor),
-      }))) : (index.h("sl-badge", { class: getBadgeCSSClass(slBadgeType), type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (index.h("sl-badge", { class: getBadgeCSSClass(slBadgeType), type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), index.h("div", null, state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (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.referral.dateModerated)
+      }))) : (index.h("sl-badge", { class: slBadgeType === "primary"
+          ? 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, state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (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.referral.dateModerated)
         .setLocale(utils.luxonLocale(this.locale))
         .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "PAYOUT_APPROVED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_FAILED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_CANCELLED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_REVIEW" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_NEW_TAX_FORM" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_SUBMISSION" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_PARTNER_CREATION" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.dateModerated) && (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.referral.dateModerated)
         .setLocale(utils.luxonLocale(this.locale))
@@ -714,7 +683,7 @@ const ReferralTableRewardsColumn = class {
      * @default
      */
     this.hideDetails = false;
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
@@ -743,54 +712,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 = JSS.createStyleSheet(style);
@@ -800,8 +732,6 @@ const ReferralTableStatusCell = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    const sheet = JSS.createStyleSheet(style);
-    const styleString = sheet.toString();
     const getBadgeType = (fraudStatus) => {
       if (fraudStatus === "PENDING")
         return "warning";
@@ -811,22 +741,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 (index.h("div", null, index.h("style", { type: "text/css" }, styleString), index.h("sl-badge", { pill: true, type: getBadgeType(this.fraudStatus), class: getBadgeCSSClass(getBadgeType(this.fraudStatus)) }, this.statusText), this.statusSubText ? (index.h("p", { class: sheet.classes.SubText }, this.statusSubText)) : null));
+    return (index.h("div", null, index.h("style", { type: "text/css" }, styleString), index.h("sl-badge", { pill: true, type: getBadgeType(this.fraudStatus), class: sheet.classes.Badge }, this.statusText), this.statusSubText ? (index.h("p", { class: sheet.classes.SubText }, this.statusSubText)) : null));
   }
 };
@@ -861,7 +776,7 @@ const ReferralTableStatusColumn = class {
      * @uiName Denied status sub-text
      */
     this.deniedStatusSubText = "Detected self-referral";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   async renderCell(data) {
@@ -933,7 +848,7 @@ const ReferralTableUserColumn = class {
      * @uiName Deleted user text
      */
     this.deletedUser = "Deleted User";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   async renderCell(data) {

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

@@ -0,0 +1,178 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index_module = require('./index.module-ee84433d.js');
+require('./jsonpointer-11327262.js');
+const cjs = require('./cjs-1066ec21.js');
+require('./JSS-8503a151.js');
+require('./mixins-f7e0377a.js');
+const emailRegistrationView = require('./email-registration-view-55b378dc.js');
+require('./useRegistrationFormState-7b820f0c.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-0537e28e.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.";
+    /**
+     * 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;
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = index_module.isDemo()
+      ? useRegistrationDemo(this)
+      : useInstantAccessRegistration.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: 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 CHANGED Viewed

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-a43a63b4.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     this.locale = "en";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-a43a63b4.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-require('./index.module-4f54e412.js');
-const reRender = require('./re-render-d516138a.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+require('./index.module-ee84433d.js');
+const reRender = require('./re-render-b324deab.js');
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {
@@ -14,7 +14,7 @@ const RewardTableCustomerNoteColumn = class {
      * @uiName Column title
      */
     this.columnTitle = "Note";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   async renderCell(data, options) {