@saasquatch/mint-components 1.6.8-0 → 1.6.8-2

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

@@ -1,49 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { e as useState, j as h } from './stencil-hooks.module-6bde7453.js';
-import './use-callback-c5579ecb.js';
-import { s as sn, i as isDemo } from './index.module-5043fba6.js';
+import { m as h } from './stencil-hooks.module-b48b45ec.js';
+import './use-callback-051c06c6.js';
+import { i as isDemo, e as setUserIdentity } from './index.module-787e5d35.js';
+import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
-import './PoweredByImg-1114005e.js';
-import { P as PasswordlessRegistrationView } from './sqm-passwordless-registration-view-dcd145d6.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
-
-function usePasswordlessRegistration() {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const [request, { loading, errors, data }] = sn();
-  const [error, setError] = useState("");
-  const submit = async (event) => {
-    var _a;
-    setError("");
-    let formData = event.detail.formData;
-    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
-      jsonpointer.set(formData, key, value);
-    });
-    const variables = {
-      firstName: formData.firstName,
-      lastName: formData.lastName,
-      email: formData.email,
-    };
-    const result = await request(variables);
-    if (result instanceof Error) {
-      if ((result === null || result === void 0 ? void 0 : result.message) || ((_a = result === null || result === void 0 ? void 0 : result["response"]) === null || _a === void 0 ? void 0 : _a["error"]))
-        setError("Network request failed.");
-      return;
-    }
-  };
-  const errorMessage = ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
-    error;
-  return {
-    states: {
-      loading,
-      error: errorMessage,
-    },
-    callbacks: {
-      submit,
-    },
-  };
-}
+import { E as EmailRegistrationView } from './email-registration-view-0ed79e24.js';
+import { u as usePasswordlessRegistration } from './usePasswordlessRegistration-2381025b.js';
 
 const PasswordlessRegistration = class {
   constructor(hostRef) {
@@ -76,10 +40,6 @@ const PasswordlessRegistration = class {
      * @uiName Include name fields
      */
     this.includeName = false;
-    /**
-     * @uiName Include name fields
-     */
-    this.hidePoweredBy = false;
     h(this);
   }
   disconnectedCallback() { }
@@ -93,25 +53,30 @@ const PasswordlessRegistration = class {
       firstNameLabel: this.firstNameLabel,
       lastNameLabel: this.lastNameLabel,
       includeName: this.includeName,
-      hidePoweredBy: this.hidePoweredBy,
       // slots
       topSlot: h$1("slot", { name: "top-slot" }),
       bottomSlot: h$1("slot", { name: "bottom-slot" }),
     };
-    return (h$1(PasswordlessRegistrationView, { states: states, callbacks: callbacks, content: content }));
+    return (h$1(EmailRegistrationView, { states: states, callbacks: callbacks, content: content }));
   }
 };
 function useRegistrationDemo(props) {
+  console.debug("sqm-passwordless-registration: Running in debug mode...");
+  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,
-      forgotPasswordPath: "/forgotPassword",
-      registerPath: "/register",
+      error: "",
     },
     callbacks: {
       submit: async (_event) => {
-        console.log("submit");
+        onSubmit();
       },
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });

package/dist/esm/sqm-popup-container.entry.js

@@ -1,15 +1,15 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { j as h$1 } from './stencil-hooks.module-6bde7453.js';
-import './use-callback-c5579ecb.js';
-import { _ } from './index.module-5043fba6.js';
+import { m as h$1 } from './stencil-hooks.module-b48b45ec.js';
+import './use-callback-051c06c6.js';
+import { _ } from './index.module-787e5d35.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {
   const { states, callbacks } = props;
   const { styles } = states;
   return (h(Host, { class: "squatch-container" },
-    h("div", { style: { padding: props.states.styles.padding } },
-      styles.closeButton && (h("span", { class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
+    h("div", { style: { padding: props.states.styles.padding }, part: "sqm-popup-container" },
+      styles.closeButton && (h("span", { part: "sqm-popup-container-close-btn", class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
       h("slot", null),
       styles.poweredBy ? (h("a", { class: "sqh-attribution", href: "https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget", target: "_blank" }, "Powered By")) : (""))));
 };

package/dist/esm/{sqm-portal-container-view-06bce80d.js → sqm-portal-container-view-83b417f0.js}

@@ -16,9 +16,9 @@ function PortalSectionView(props) {
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.SectionContainer },
+  return (h("div", { class: sheet.classes.SectionContainer, part: "sqm-portal-section-container" },
     h("style", { type: "text/css" }, styleString),
-    h("div", { class: sheet.classes.LabelContainer }, props.label),
+    h("div", { class: sheet.classes.LabelContainer, part: "sqm-portal-section-label" }, props.label),
     props.content));
 }
 

package/dist/esm/{sqm-portal-email-verification-view-9c993283.js → sqm-portal-email-verification-view-727bbfd9.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-4bd89b1d.js';
+import { i as intl } from './global-0f137e54.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-b03a3c6d.js';
+import { T as TextSpanView } from './sqm-text-span-view-2f7d6d14.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { e as useState, d as useRef, u as useEffect, j as h } from './stencil-hooks.module-6bde7453.js';
-import './global-4bd89b1d.js';
-import { u as useCallback } from './use-callback-c5579ecb.js';
-import { b as an, B as Be, W, g as gn, i as isDemo } from './index.module-5043fba6.js';
+import { i as useState, j as useRef, u as useEffect, m as h } from './stencil-hooks.module-b48b45ec.js';
+import './global-0f137e54.js';
+import { u as useCallback } from './use-callback-051c06c6.js';
+import { k as an, B as Be, W, g as gn, i as isDemo } from './index.module-787e5d35.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
-import './sqm-text-span-view-b03a3c6d.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-9c993283.js';
+import './sqm-text-span-view-2f7d6d14.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-727bbfd9.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-forgot-password-view-37bafb1c.js → sqm-portal-forgot-password-view-9970dee2.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-b03a3c6d.js';
+import { T as TextSpanView } from './sqm-text-span-view-2f7d6d14.js';
 
 const style = {
   Wrapper: AuthWrapper,
@@ -24,7 +24,7 @@ const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalForgotPasswordView(props) {
   const { states, callbacks, content } = props;
-  return (h("div", { class: sheet.classes.Wrapper },
+  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-forgot-password-container" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { e as useState, j as h } from './stencil-hooks.module-6bde7453.js';
-import './use-callback-c5579ecb.js';
-import { n as nn, g as gn, i as isDemo } from './index.module-5043fba6.js';
+import { i as useState, m as h } from './stencil-hooks.module-b48b45ec.js';
+import './use-callback-051c06c6.js';
+import { n as nn, g as gn, i as isDemo } from './index.module-787e5d35.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
-import './sqm-text-span-view-b03a3c6d.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-37bafb1c.js';
+import './sqm-text-span-view-2f7d6d14.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-9970dee2.js';
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance } from './index-17b4da69.js';
-import { j as h } from './stencil-hooks.module-6bde7453.js';
-import './use-callback-c5579ecb.js';
-import { c as setUserIdentity, g as gn, i as isDemo } from './index.module-5043fba6.js';
+import { m as h } from './stencil-hooks.module-b48b45ec.js';
+import './use-callback-051c06c6.js';
+import { e as setUserIdentity, g as gn, i as isDemo } from './index.module-787e5d35.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-0b4315c2.js → sqm-portal-profile-view-1f2b6063.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-4bd89b1d.js';
+import { i as intl } from './global-0f137e54.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-b03a3c6d.js';
+import { T as TextSpanView } from './sqm-text-span-view-2f7d6d14.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;
@@ -57,7 +57,7 @@ function PortalProfileView(props) {
     type: "region",
   })
     : "";
-  return (h("div", { class: sheet.classes.Container },
+  return (h("div", { class: sheet.classes.Container, part: "sqm-portal-profile-container" },
     h("style", { type: "text/css" }, styleString),
     h(TextSpanView, Object.assign({}, { type: "h1" }), text.editProfileHeader),
     h(TextSpanView, Object.assign({}, { type: "h2" }), text.editProfileSubHeader),

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

@@ -1,14 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { e as useState, u as useEffect, j as h } from './stencil-hooks.module-6bde7453.js';
-import './global-4bd89b1d.js';
-import './use-callback-c5579ecb.js';
-import { W, f as fn, F as Fe, i as isDemo } from './index.module-5043fba6.js';
+import { i as useState, u as useEffect, m as h } from './stencil-hooks.module-b48b45ec.js';
+import './global-0f137e54.js';
+import './use-callback-051c06c6.js';
+import { d as dist, W, f as fn, F as Fe, i as isDemo } from './index.module-787e5d35.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import { d as dist } from './index-4bffa04c.js';
 import { g as getProps } from './utils-334c1e34.js';
-import './sqm-text-span-view-b03a3c6d.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-0b4315c2.js';
+import './sqm-text-span-view-2f7d6d14.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-1f2b6063.js';
 
 const GET_USER = dist.gql `
   query {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { u as useEffect, j as h } from './stencil-hooks.module-6bde7453.js';
-import './use-callback-c5579ecb.js';
-import { W, m as mn, g as gn, i as isDemo } from './index.module-5043fba6.js';
+import { u as useEffect, m as h } from './stencil-hooks.module-b48b45ec.js';
+import './use-callback-051c06c6.js';
+import { W, c as mn, g as gn, i as isDemo } from './index.module-787e5d35.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/esm/sqm-portal-registration-form.entry.js

@@ -1,15 +1,14 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { d as useRef, u as useEffect, j as h$1 } from './stencil-hooks.module-6bde7453.js';
-import { u as useCallback } from './use-callback-c5579ecb.js';
-import { q as qe, f as fn, g as gn, i as isDemo } from './index.module-5043fba6.js';
+import { j as useRef, u as useEffect, m as h$1 } from './stencil-hooks.module-b48b45ec.js';
+import { u as useCallback } from './use-callback-051c06c6.js';
+import { d as dist, q as qe, f as fn, g as gn, i as isDemo } from './index.module-787e5d35.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { d as dist } from './index-4bffa04c.js';
-import { T as TextSpanView } from './sqm-text-span-view-b03a3c6d.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { T as TextSpanView } from './sqm-text-span-view-2f7d6d14.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-97f39def.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-3c2c2f1b.js';
 
 const style = {
   Wrapper: { ...AuthWrapper, "max-width": "600px" },
@@ -45,7 +44,7 @@ function PortalRegistrationFormView(props) {
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
   }
-  return (h("div", { class: sheet.classes.Wrapper },
+  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-portal-registration-container" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/esm/{sqm-portal-reset-password-view-2b9da683.js → sqm-portal-reset-password-view-1f0f3bf8.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-b03a3c6d.js';
+import { T as TextSpanView } from './sqm-text-span-view-2f7d6d14.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { e as useState, u as useEffect, j as h } from './stencil-hooks.module-6bde7453.js';
-import './use-callback-c5579ecb.js';
-import { e as We, N as Ne, g as gn, i as isDemo } from './index.module-5043fba6.js';
+import { i as useState, u as useEffect, m as h } from './stencil-hooks.module-b48b45ec.js';
+import './use-callback-051c06c6.js';
+import { l as We, N as Ne, g as gn, i as isDemo } from './index.module-787e5d35.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
-import './sqm-text-span-view-b03a3c6d.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-2b9da683.js';
+import './sqm-text-span-view-2f7d6d14.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-1f0f3bf8.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/esm/{sqm-portal-verify-email-view-e3e39501.js → sqm-portal-verify-email-view-8d453021.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-b03a3c6d.js';
+import { T as TextSpanView } from './sqm-text-span-view-2f7d6d14.js';
 
 const style = {
   Wrapper: AuthWrapper,
@@ -23,7 +23,7 @@ const styleString = sheet.toString();
 function PortalVerifyEmailView(props) {
   const { states, data, callbacks } = props;
   if (states.verified) {
-    return (h("div", { class: sheet.classes.Wrapper },
+    return (h("div", { class: sheet.classes.Wrapper, part: "sqm-portal-verify-email-container" },
       h("style", { type: "text/css" },
         vanillaStyle,
         styleString),

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { u as useEffect, j as h } from './stencil-hooks.module-6bde7453.js';
-import './use-callback-c5579ecb.js';
-import { W, X as Xe, g as gn, i as isDemo } from './index.module-5043fba6.js';
+import { u as useEffect, m as h } from './stencil-hooks.module-b48b45ec.js';
+import './use-callback-051c06c6.js';
+import { W, X as Xe, g as gn, i as isDemo } from './index.module-787e5d35.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
-import './sqm-text-span-view-b03a3c6d.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-e3e39501.js';
+import './sqm-text-span-view-2f7d6d14.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-8d453021.js';
 
 function usePortalVerifyEmail({ nextPage, failedPage }) {
   var _a, _b, _c, _d, _e, _f, _g, _h;

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

@@ -1,19 +1,18 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { j as h, i as useReducer, f as useMemo, u as useEffect } from './stencil-hooks.module-6bde7453.js';
-import { i as intl } from './global-4bd89b1d.js';
-import './use-callback-c5579ecb.js';
-import { i as isDemo } from './index.module-5043fba6.js';
+import { m as h, f as useReducer, k as useMemo, u as useEffect } from './stencil-hooks.module-b48b45ec.js';
+import { i as intl } from './global-0f137e54.js';
+import './use-callback-051c06c6.js';
+import { i as isDemo } from './index.module-787e5d35.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { G as GenericTableView } from './GenericTableView-ce26115f.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-a3c1732f.js';
-import { u as useChildElements } from './useChildElements-a68649fd.js';
-import { l as luxon } from './luxon-dccb73bb.js';
-import { a as getPaypalMeta, u as useReferralTable, t as tryMethod } from './useReferralTable-6c6c06cb.js';
-import './index-4bffa04c.js';
+import { G as GenericTableView } from './GenericTableView-266126f9.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-54bb3e32.js';
+import { u as useChildElements } from './useChildElements-0124b1a9.js';
+import { l as luxon } from './luxon-1e38d7f1.js';
+import { a as getPaypalMeta, u as useReferralTable, t as tryMethod } from './useReferralTable-3024490c.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
-import { T as TextSpanView } from './sqm-text-span-view-b03a3c6d.js';
+import { T as TextSpanView } from './sqm-text-span-view-2f7d6d14.js';
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -533,7 +532,7 @@ 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", { class: sheet.classes.BoldText }, reward.prettyValue)), h$1("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (h$1("sl-badge", { class: slBadgeType === "primary"
+      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-reward-cell-bold-text", 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",
@@ -545,17 +544,17 @@ const ReferralTableRewardsCell = class {
           ? 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, reward.dateGiven && (h$1("div", null, h$1(TextSpanView, { type: "p" }, this.rewardReceivedText, " ", h$1("span", { class: sheet.classes.BoldText }, luxon.DateTime.fromMillis(reward.dateGiven)
+          : sheet.classes.StatusBadge, type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), h$1("div", null, reward.dateGiven && (h$1("div", null, h$1(TextSpanView, { type: "p" }, this.rewardReceivedText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-reward-cell-bold-text" }, luxon.DateTime.fromMillis(reward.dateGiven)
         .setLocale(luxonLocale(this.locale))
-        .toLocaleString(luxon.DateTime.DATE_MED))))), state === "EXPIRED" && reward.dateExpires && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText }, luxon.DateTime.fromMillis(reward.dateExpires)
+        .toLocaleString(luxon.DateTime.DATE_MED))))), state === "EXPIRED" && reward.dateExpires && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-reward-cell-bold-text" }, luxon.DateTime.fromMillis(reward.dateExpires)
         .setLocale(luxonLocale(this.locale))
-        .toLocaleString(luxon.DateTime.DATE_MED))))), state === "CANCELLED" && reward.dateCancelled && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText }, luxon.DateTime.fromMillis(reward.dateCancelled)
+        .toLocaleString(luxon.DateTime.DATE_MED))))), state === "CANCELLED" && reward.dateCancelled && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-reward-cell-bold-text" }, luxon.DateTime.fromMillis(reward.dateCancelled)
         .setLocale(luxonLocale(this.locale))
-        .toLocaleString(luxon.DateTime.DATE_MED))))), state === "PENDING" && reward.dateScheduledFor && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText }, luxon.DateTime.fromMillis(reward.dateScheduledFor)
+        .toLocaleString(luxon.DateTime.DATE_MED))))), state === "PENDING" && reward.dateScheduledFor && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-reward-cell-bold-text" }, luxon.DateTime.fromMillis(reward.dateScheduledFor)
         .setLocale(luxonLocale(this.locale))
-        .toLocaleString(luxon.DateTime.DATE_MED))))), " ", state === "AVAILABLE" && reward.dateExpires && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText }, luxon.DateTime.fromMillis(reward.dateExpires)
+        .toLocaleString(luxon.DateTime.DATE_MED))))), " ", state === "AVAILABLE" && reward.dateExpires && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-reward-cell-bold-text" }, luxon.DateTime.fromMillis(reward.dateExpires)
         .setLocale(luxonLocale(this.locale))
-        .toLocaleString(luxon.DateTime.DATE_MED))))), reward.fuelTankCode && (h$1("div", null, this.fuelTankText, " ", h$1("span", { class: sheet.classes.BoldText }, reward.fuelTankCode))))));
+        .toLocaleString(luxon.DateTime.DATE_MED))))), reward.fuelTankCode && (h$1("div", null, this.fuelTankText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-reward-cell-bold-text" }, reward.fuelTankCode))))));
     });
   }
 };

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

@@ -0,0 +1,79 @@
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { m as h } from './stencil-hooks.module-b48b45ec.js';
+import './use-callback-051c06c6.js';
+import { i as isDemo } from './index.module-787e5d35.js';
+import './jsonpointer-388a7082.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import './mixins-f60a614c.js';
+import './JSS-67b5cff8.js';
+import { E as EmailRegistrationView } from './email-registration-view-0ed79e24.js';
+import { u as usePasswordlessRegistration } from './usePasswordlessRegistration-2381025b.js';
+
+const ReferredRegistration = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * Redirect participants to this page after they successfully register.
+     *
+     * @uiName Registration Redirect
+     * @uiWidget pageSelect
+     */
+    this.nextPage = "/";
+    /**
+     * @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";
+    /**
+     * @uiName Include name fields
+     */
+    this.includeName = false;
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = isDemo()
+      ? useRegistrationDemo(this)
+      : usePasswordlessRegistration();
+    const content = {
+      emailLabel: this.emailLabel,
+      registerLabel: this.registerLabel,
+      firstNameLabel: this.firstNameLabel,
+      lastNameLabel: this.lastNameLabel,
+      includeName: this.includeName,
+      // slots
+      topSlot: h$1("slot", { name: "top-slot" }),
+      bottomSlot: h$1("slot", { name: "bottom-slot" }),
+    };
+    return (h$1(EmailRegistrationView, { states: states, callbacks: callbacks, content: content }));
+  }
+};
+function useRegistrationDemo(props) {
+  return cjs({
+    states: {
+      error: "",
+      loading: false,
+      forgotPasswordPath: "/forgotPassword",
+      registerPath: "/register",
+    },
+    callbacks: {
+      submit: async (_event) => {
+        console.log("submit");
+      },
+    },
+  }, 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-17b4da69.js';
-import { j as h } from './stencil-hooks.module-6bde7453.js';
+import { m as h } from './stencil-hooks.module-b48b45ec.js';
 import './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-b03a3c6d.js';
+import { T as TextSpanView } from './sqm-text-span-view-2f7d6d14.js';
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { j as h } from './stencil-hooks.module-6bde7453.js';
-import './use-callback-c5579ecb.js';
-import './index.module-5043fba6.js';
-import { a as useRequestRerender } from './re-render-a3c1732f.js';
+import { m as h } from './stencil-hooks.module-b48b45ec.js';
+import './use-callback-051c06c6.js';
+import './index.module-787e5d35.js';
+import { a as useRequestRerender } from './re-render-54bb3e32.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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

@@ -1,17 +1,16 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { b as browser, i as useReducer, u as useEffect, j as h$1, f as useMemo } from './stencil-hooks.module-6bde7453.js';
-import { i as intl } from './global-4bd89b1d.js';
-import './use-callback-c5579ecb.js';
-import { W, O, x, h as hn, i as isDemo } from './index.module-5043fba6.js';
+import { b as browser, f as useReducer, u as useEffect, m as h$1, k as useMemo } from './stencil-hooks.module-b48b45ec.js';
+import { i as intl } from './global-0f137e54.js';
+import './use-callback-051c06c6.js';
+import { d as dist, W, O, x, h as hn, i as isDemo } from './index.module-787e5d35.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { G as GenericTableView } from './GenericTableView-ce26115f.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-a3c1732f.js';
-import { u as useChildElements } from './useChildElements-a68649fd.js';
-import { l as luxon } from './luxon-dccb73bb.js';
-import { g as generateUserError, m as mockRewardData } from './useReferralTable-6c6c06cb.js';
-import { d as dist } from './index-4bffa04c.js';
+import { G as GenericTableView } from './GenericTableView-266126f9.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-54bb3e32.js';
+import { u as useChildElements } from './useChildElements-0124b1a9.js';
+import { l as luxon } from './luxon-1e38d7f1.js';
+import { g as generateUserError, m as mockRewardData } from './useReferralTable-3024490c.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
 const debug = browser("sq:useRewardsTable");