@saasquatch/mint-components 2.1.2-0 → 2.1.2-1

package/dist/esm/sqm-portal-logout.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance } from './index-b3a06de8.js';
-import { n as h } from './dom-context-hooks.module-63370afd.js';
-import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-6fedc77b.js';
+import { r as registerInstance } from './index-38ad4957.js';
+import { n as h } from './dom-context-hooks.module-50442785.js';
+import { e as setUserIdentity, j as jn, i as isDemo } from './index.module-8ba90d99.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-b4a2cc92.js → sqm-portal-profile-view-0f1eec15.js}

@@ -1,7 +1,7 @@
-import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-bd937f60.js';
+import { h } from './index-38ad4957.js';
+import { i as intl } from './global-52a25cf2.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
+import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

package/dist/esm/sqm-portal-profile.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import './global-bd937f60.js';
-import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
-import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-6fedc77b.js';
+import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
+import './global-52a25cf2.js';
+import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
+import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-8ba90d99.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import './sqm-text-span-view-4c17b8c9.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-b4a2cc92.js';
-import { i as isEmpty } from './utilities-d71fe436.js';
+import './sqm-text-span-view-738acfb3.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-0f1eec15.js';
+import { i as isEmpty } from './utilities-e613f25f.js';
 
 const GET_USER = dist.gql `
   query {

package/dist/esm/sqm-portal-protected-route.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
-import { f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
-import { J, k as kn, j as jn, i as isDemo } from './index.module-6fedc77b.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
+import { f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
+import { J, k as kn, j as jn, i as isDemo } from './index.module-8ba90d99.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/esm/{sqm-portal-registration-form-view-8bdc3804.js → sqm-portal-registration-form-view-2f4936ef.js}

@@ -1,7 +1,7 @@
-import { h } from './index-b3a06de8.js';
+import { h } from './index-38ad4957.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
+import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
 
 const style = {
   Wrapper: AuthWrapper,

package/dist/esm/{sqm-portal-reset-password-view-abef7286.js → sqm-portal-reset-password-view-cfbc0eb0.js}

@@ -1,7 +1,7 @@
-import { h } from './index-b3a06de8.js';
+import { h } from './index-38ad4957.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
+import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
 
 const style = {
   Wrapper: AuthWrapper,

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 { c as Je, T as Te, j as jn, i as isDemo } from './index.module-6fedc77b.js';
+import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
+import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
+import { o as Je, T as Te, j as jn, i as isDemo } from './index.module-8ba90d99.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.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 './sqm-text-span-view-738acfb3.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-cfbc0eb0.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/esm/sqm-portal-verify-email-view-42f7bb1e.js

@@ -0,0 +1,215 @@
+import { h } from './index-38ad4957.js';
+import { j as jn } from './index.module-8ba90d99.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, H as HostBlock, E as ErrorStyles } from './mixins-f750863a.js';
+import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+function PortalForgotPasswordView(props) {
+  const { states, callbacks, content } = props;
+  const style = {
+    FormWrapper: {
+      ...AuthWrapper,
+      background: content.backgroundColor || "var(--sqm-portal-background)",
+      borderRadius: content.borderRadius || "var(--sqm-border-radius-normal)",
+      border: content.border ||
+        "var(--sqm-border-thickness) solid var(--sqm-border-color)",
+    },
+    Column: { ...AuthColumn },
+    ButtonsContainer: AuthButtonsContainer,
+    SecondaryButton: {
+      margin: "auto",
+      display: "block",
+      cursor: "pointer",
+    },
+  };
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (h("div", { class: sheet.classes.FormWrapper, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    h(TextSpanView, { type: "h3" }, content.messageSlot),
+    h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
+      props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, props.states.error))),
+      props.states.success && (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
+        h("div", { part: "successalert-text" }, content.successAlertText))),
+      h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      h("div", { class: sheet.classes.ButtonsContainer },
+        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
+        h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => jn.push(states.loginPath) }, content.loginText)))));
+}
+
+const style = {
+  Wrapper: AuthWrapper,
+  Column: AuthColumn,
+  ForgotButtonContainer: {
+    display: "inline",
+    cursor: "pointer",
+    "font-size": "13px",
+    "font-weight": "600",
+    color: "var(--sqm-text-subdued)",
+    margin: "0",
+  },
+  ButtonsContainer: {
+    ...AuthButtonsContainer,
+    gap: "var(--sl-spacing-medium)",
+    "& > *": {
+      margin: "0 !important",
+    },
+  },
+};
+const vanillaStyle$1 = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+function PortalLoginView(props) {
+  const { states, callbacks, content } = props;
+  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle$1,
+      styleString),
+    h(TextSpanView, { type: "h3" }, content.pageLabel),
+    h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
+      props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, props.states.error))),
+      h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      h("div", null,
+        h("sl-input", { exportparts: "label: input-label, base: input-base", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
+        h("div", { class: sheet.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
+      h("div", { class: sheet.classes.ButtonsContainer },
+        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
+        content.googleButton && h("sl-menu-divider", null),
+        content.googleButton,
+        content.secondaryButton))));
+}
+
+const style$1 = {
+  Wrapper: { ...AuthWrapper, "max-width": "600px" },
+  Column: AuthColumn,
+  HostBlock: HostBlock,
+  ":host": {
+    margin: "0 auto",
+    width: "100%",
+  },
+  ButtonsContainer: AuthButtonsContainer,
+  ErrorStyle: ErrorStyles,
+};
+const vanillaStyle$2 = `
+sqm-portal-register {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+
+:host{
+  display: block;
+}
+
+:host([hidden]) {
+  display: none;
+}
+`;
+const sheet$1 = createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
+function PortalRegisterView(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+  const { states, refs, callbacks, content } = props;
+  if (states.error) {
+    window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
+  }
+  return (h("div", { class: sheet$1.classes.Wrapper, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle$2,
+      styleString$1),
+    h(TextSpanView, { type: "h3" }, content.pageLabel),
+    h("sl-form", { class: sheet$1.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
+      states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, props.states.error))),
+      content.formData,
+      !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
+          if (!value) {
+            return content.requiredFieldErrorMessage;
+          }
+          // this matches shoelace validation, but could be better
+          if (!value.includes("@")) {
+            return content.invalidEmailErrorMessage;
+          }
+        } }, (((_b = (_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
+        class: sheet$1.classes.ErrorStyle,
+        helpText: ((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
+          content.requiredFieldErrorMessage,
+      }
+        : [])))),
+      !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": states.disablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
+      content.passwordField,
+      !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.disabled), required: true }, (((_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g.confirmPassword) ? {
+        value: (_j = (_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.initialData) === null || _j === void 0 ? void 0 : _j.confirmPassword,
+      }
+        : {}), (((_l = (_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.validationErrors) === null || _l === void 0 ? void 0 : _l.confirmPassword) ? {
+        class: sheet$1.classes.ErrorStyle,
+        helpText: ((_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.validationErrors) === null || _o === void 0 ? void 0 : _o.confirmPassword) || content.requiredFieldErrorMessage,
+      }
+        : [])))),
+      content.terms,
+      h("div", { class: sheet$1.classes.ButtonsContainer },
+        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
+        content.secondaryButton))));
+}
+
+const style$2 = {
+  Wrapper: AuthWrapper,
+  Column: AuthColumn,
+  ContinueButton: {
+    width: "100%",
+  },
+};
+const vanillaStyle$3 = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet$2 = createStyleSheet(style$2);
+const styleString$2 = sheet$2.toString();
+function PortalVerifyEmailView(props) {
+  const { states, data, callbacks, content } = props;
+  if (states.loading)
+    return;
+  if (states.success) {
+    return (h("div", { class: sheet$2.classes.Wrapper, part: "sqm-base" },
+      h("style", { type: "text/css" },
+        vanillaStyle$3,
+        styleString$2),
+      h(TextSpanView, { type: "h3" }, content.verifyEmailText),
+      h("sqm-form-message", { exportparts: "success-icon" },
+        h("div", { part: "successalert-text" }, content.verifySuccessText)),
+      h("sl-button", { class: sheet$2.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
+  }
+  if (states.error || !data.oobCode) {
+    return (h("div", { class: sheet$2.classes.Wrapper, part: "sqm-base" },
+      h("style", { type: "text/css" }, styleString$2),
+      h(TextSpanView, { type: "h3" }, content.verifyEmailText),
+      h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, content.verifyInvalidText)),
+      h("sl-button", { class: sheet$2.classes.ContinueButton, onClick: callbacks.failed, disabled: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
+  }
+}
+
+export { PortalForgotPasswordView as P, PortalLoginView as a, PortalRegisterView as b, PortalVerifyEmailView as c };

package/dist/esm/{sqm-qr-code-view-ea505213.js → sqm-qr-code-view-ce476721.js}

@@ -1,6 +1,6 @@
-import { h } from './index-b3a06de8.js';
+import { h } from './index-38ad4957.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { E as ErrorView } from './ErrorView-bbf0a042.js';
+import { E as ErrorView } from './ErrorView-74cb3af8.js';
 
 const style = {
   DialogContainer: {
@@ -69,11 +69,7 @@ function QrCodeView({ error, qrLink, titleText, downloadCodeText, printCodeText,
       return (h(ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText }));
     }
     else if (loading) {
-      return (h("sl-skeleton", { className: sheet.classes.LoadingSkeleton, effect: "sheen", style: {
-          width: "100px",
-          height: "100px",
-          borderRadius: "0px !important",
-        } }));
+      return h("sqm-skeleton", { height: "100px", width: "100px" });
     }
     else if (qrLink) {
       return (h("svg", { width: "100", height: "100" },
@@ -89,8 +85,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", { loading: loading, size: "small", exportparts: "base: primarybutton-base", type: "primary", onClick: createDownloadable }, downloadCodeText),
+        h("sl-button", { loading: loading, size: "small", exportparts: "base: secondarybutton-base", type: "text", onClick: createPrintable }, printCodeText)))));
 }
 
 export { QrCodeView as Q };

package/dist/esm/sqm-qr-code.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 { d as dist, H, J, B, F as Fn, w as wn, $ as $e, i as isDemo } from './index.module-6fedc77b.js';
+import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
+import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
+import { d as dist, H, J, B, F as Fn, w as wn, $ as $e, i as isDemo } from './index.module-8ba90d99.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-e350af33.js';
-import './ErrorView-bbf0a042.js';
-import { Q as QrCodeView } from './sqm-qr-code-view-ea505213.js';
+import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-2415f732.js';
+import './ErrorView-74cb3af8.js';
+import { Q as QrCodeView } from './sqm-qr-code-view-ce476721.js';
 
 const ShareLinkQuery = dist.gql `
   query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {
@@ -170,6 +170,7 @@ function useDemoQRCode(props) {
     hideTitle: props.hideTitle,
     showDialog: () => setDialog(true),
     hideDialog: () => setDialog(false),
+    loading: true,
     titleText: props.titleText,
     viewCodeText: props.viewCodeText,
     downloadCodeText: props.downloadCodeText,

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-bd937f60.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-6fedc77b.js';
+import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-38ad4957.js';
+import { i as intl } from './global-52a25cf2.js';
+import { n as h, j as useReducer, u as useMemo, f as useEffect } from './dom-context-hooks.module-50442785.js';
+import { i as isDemo } from './index.module-8ba90d99.js';
 import { c as cjs } from './cjs-bdfb4486.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-de6625b8.js';
-import { u as useChildElements } from './useChildElements-3634dc9c.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-d29b1601.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
+import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-6d98f869.js';
+import { u as useChildElements } from './useChildElements-6d7c412e.js';
+import { l as luxon } from './luxon-1be92a8e.js';
+import { g as getPaypalMeta } from './mockRewardData-9b27d6f1.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-86f36275.js';
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -212,7 +212,7 @@ function LoadingSlot() {
   return (h$1("slot", { name: "loading" }, h$1(LoadingRow, null), h$1(LoadingRow, null), h$1(LoadingRow, null), h$1(LoadingRow, null)));
 }
 function LoadingRow() {
-  return (h$1("sqm-table-row", null, h$1("sqm-table-cell", { colspan: 5 }, h$1("sl-skeleton", null))));
+  return (h$1("sqm-table-row", null, h$1("sqm-table-cell", { colspan: 5 }, h$1("sqm-skeleton", null))));
 }
 function useReferralTableDemo(props, emptyElement, loadingElement) {
   const [content, setContent] = useReducer((state, next) => ({
@@ -937,7 +937,7 @@ const ReferralTableUserColumn = class {
      *
      * @uiName Anonymous user text
      */
-    this.anonymousUser = "Anonymous User";
+    this.anonymousUser = "Your Friend";
     /**
      * Name displayed for deleted users
      *

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-38ad4957.js';
+import { n as h } from './dom-context-hooks.module-50442785.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-738acfb3.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-6fedc77b.js';
-import { a as useRequestRerender } from './re-render-de6625b8.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
+import { n as h } from './dom-context-hooks.module-50442785.js';
+import './index.module-8ba90d99.js';
+import { a as useRequestRerender } from './re-render-6d98f869.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -1,17 +1,17 @@
-import { h, r as registerInstance, c as Host } from './index-b3a06de8.js';
-import { i as intl } from './global-bd937f60.js';
-import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './dom-context-hooks.module-63370afd.js';
-import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-6fedc77b.js';
+import { h, r as registerInstance, c as Host } from './index-38ad4957.js';
+import { i as intl } from './global-52a25cf2.js';
+import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './dom-context-hooks.module-50442785.js';
+import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-8ba90d99.js';
 import { c as cjs } from './cjs-bdfb4486.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 { u as useRerenderListener, a as useRequestRerender } from './re-render-de6625b8.js';
-import { u as useChildElements } from './useChildElements-3634dc9c.js';
-import { l as luxon } from './luxon-bbf75a9d.js';
-import { m as mockRewardData } from './mockRewardData-96a2d26d.js';
-import { g as generateUserError } from './useReferralTable-d29b1601.js';
+import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-6d98f869.js';
+import { u as useChildElements } from './useChildElements-6d7c412e.js';
+import { l as luxon } from './luxon-1be92a8e.js';
+import { m as mockRewardData } from './mockRewardData-9b27d6f1.js';
+import { g as generateUserError } from './useReferralTable-86f36275.js';
 
 const debug = browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";
@@ -332,7 +332,7 @@ function LoadingSlot() {
   return (h("slot", { name: "loading" }, h(LoadingRow, null), h(LoadingRow, null), h(LoadingRow, null), h(LoadingRow, null)));
 }
 function LoadingRow() {
-  return (h("sqm-table-row", null, h("sqm-table-cell", { colspan: 5 }, h("sl-skeleton", null))));
+  return (h("sqm-table-row", null, h("sqm-table-cell", { colspan: 5 }, h("sqm-skeleton", null))));
 }
 function useRewardsTableDemo(props, emptyElement, loadingElement) {
   const [content, setContent] = useReducer((state, next) => ({
@@ -736,7 +736,7 @@ const RewardTableUserColumn = class {
      *
      * @uiName Anonymous user text
      */
-    this.anonymousUser = "Anonymous User";
+    this.anonymousUser = "Your Friend";
     /**
      * Name displayed for deleted users
      *

package/dist/esm/sqm-route.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as Host } from './index-b3a06de8.js';
+import { r as registerInstance, h, c as Host } from './index-38ad4957.js';
 
 const SqmRoute = class {
   constructor(hostRef) {

package/dist/esm/sqm-scroll.entry.js

@@ -1,5 +1,5 @@
-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-38ad4957.js';
+import { n as h } from './dom-context-hooks.module-50442785.js';
 
 const REVEAL_EVENT = "sq:reveal";
 function useScroll(props) {