@saasquatch/mint-components 1.13.0-8 → 1.13.0

package/dist/esm/sqm-portal-google-login.entry.js

@@ -0,0 +1,126 @@
+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, j as jn } from './index.module-89a79f66.js';
+import './jsonpointer-388a7082.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import './utils-334c1e34.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import './mixins-83f90fa1.js';
+import './sqm-text-span-view-ca32495e.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-7e49609a.js';
+import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
+
+const PortalGoogleLogin = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * Redirect participants to this page after they successfully login.
+     *
+     * @uiName Login redirect
+     * @uiWidget pageSelect
+     */
+    this.nextPage = "/";
+    /**
+     * @uiName Email field label
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName Password field label
+     */
+    this.passwordLabel = "Password";
+    /**
+     * @uiName Submit button text
+     */
+    this.submitLabel = "Sign In";
+    /**
+     * Redirect participants to this page to reset their password
+     * @uiName Forgot password redirect
+     * @uiWidget pageSelect
+     */
+    this.forgotPasswordPath = "/forgotPassword";
+    /**
+     * @uiName Forgot password text
+     */
+    this.forgotPasswordLabel = "Forgot Password?";
+    /**
+     * @uiName Register button text
+     */
+    this.registerLabel = "Register";
+    /**
+     * Redirect participants to this page to start registration.
+     * @uiName Register button redirect
+     * @uiWidget pageSelect
+     */
+    this.registerPath = "/register";
+    /**
+     * @uiName Heading label
+     * @uiWidget textArea
+     */
+    this.pageLabel = "Sign in to your account";
+    /**
+     * @uiName Network error message
+     * Displayed when the login fails due to a network error. The participant can try refreshing the page.
+     */
+    this.networkErrorMessage = "An error occurred while logging you in. Please refresh the page and try again.";
+    /**
+     * @uiName Google account error message
+     * Displayed when user tries to sign in with Google account but has not registered.
+     */
+    this.googleUserNotRegisteredError = "Your Google account has not registered on our platform. Please complete the registration process with your Google account.";
+    /**
+     * @uiName Register CTA
+     */
+    this.registerCTA = "Don't have an account?";
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = isDemo()
+      ? useLoginDemo(this)
+      : usePortalLogin(this);
+    const styles = {
+      RegisterButton: {
+        "&::part(label)": {
+          padding: "0",
+        },
+      },
+    };
+    const sheet = createStyleSheet(styles);
+    const styleString = sheet.toString();
+    const content = {
+      forgotPasswordButton: (h$1("slot", { name: "forgotPassword" }, h$1("a", { onClick: () => jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      googleButton: (h$1("sqm-google-sign-in", { onInitComplete: callbacks.googleSubmit })),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("style", null, styleString), h$1("span", null, this.registerCTA, " ", h$1("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => jn.push(states.registerPath), className: sheet.classes.RegisterButton }, this.registerLabel)))),
+      emailLabel: this.emailLabel,
+      passwordLabel: this.passwordLabel,
+      submitLabel: this.submitLabel,
+      pageLabel: this.pageLabel,
+    };
+    return (h$1(PortalLoginView, { states: states, callbacks: callbacks, content: content }));
+  }
+};
+function useLoginDemo(props) {
+  return cjs({
+    states: {
+      error: "",
+      loading: false,
+      forgotPasswordPath: "/forgotPassword",
+      registerPath: "/register",
+      showLoginForm: "manual",
+    },
+    callbacks: {
+      googleSubmit: async () => {
+        console.log("google submit");
+      },
+      submit: async (_event) => {
+        console.log("submit");
+      },
+    },
+    content: {
+      googleButton: null,
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+export { PortalGoogleLogin as sqm_portal_google_login };

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

@@ -1,16 +1,16 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { k as useState, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { i as isDemo, j as jn } from './index.module-a2989d3c.js';
+import { i as isDemo, j as jn } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
-import { a as useRegistrationForm } from './useRegistrationFormState-01cdd8c7.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-98c4db70.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-90e2bfd5.js';
+import { a as useRegistrationForm } from './useRegistrationFormState-d6f33135.js';
+import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-593d4ac3.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-32c4b488.js';
 import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-5715c7a5.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 
 class InvalidTokenError extends Error {
 }
@@ -319,10 +319,10 @@ const PortalGoogleRegistrationForm = class {
     }
     return (h$1(PortalRegistrationFormView, { states: {
         ...states,
+        emailDisabled: true,
         hidePasswords: showRegistrationForm.mode === "google",
       }, callbacks: callbacks, content: {
         ...content,
-        secondaryButton: h$1("div", { style: { display: "none" } }),
       }, refs: refs }));
   }
 };

package/dist/esm/sqm-portal-login-view-7e49609a.js

@@ -0,0 +1,56 @@
+import { h } from './index-91e7729f.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-83f90fa1.js';
+import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
+
+const style = {
+  Wrapper: AuthWrapper,
+  Column: AuthColumn,
+  ForgotButtonContainer: {
+    display: "inline",
+    cursor: "pointer",
+    "font-size": "13px",
+    "font-weight": "600",
+    color: "#AAAAAA",
+    margin: "0",
+  },
+  ButtonsContainer: {
+    ...AuthButtonsContainer,
+    gap: "var(--sl-spacing-medium)",
+    "& > *": {
+      margin: "0 !important",
+    },
+  },
+};
+const vanillaStyle = `
+: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,
+      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))));
+}
+
+export { PortalLoginView as P };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance } from './index-91e7729f.js';
 import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-a2989d3c.js';
+import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-89a79f66.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-39039274.js → sqm-portal-profile-view-93003974.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-bedc4329.js';
+import { i as intl } from './global-be1f9992.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 

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

@@ -1,13 +1,13 @@
 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 './global-bedc4329.js';
-import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-a2989d3c.js';
+import './global-be1f9992.js';
+import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-89a79f66.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-ca32495e.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-39039274.js';
-import { i as isEmpty } from './utilities-863d06d1.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-93003974.js';
+import { i as isEmpty } from './utilities-5b0ca040.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-91e7729f.js';
 import { f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { J, k as kn, j as jn, i as isDemo } from './index.module-a2989d3c.js';
+import { J, k as kn, j as jn, i as isDemo } from './index.module-89a79f66.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/esm/{sqm-portal-registration-form-view-90e2bfd5.js → sqm-portal-registration-form-view-32c4b488.js}

@@ -4,7 +4,7 @@ import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsCont
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 
 const style = {
-  Wrapper: { ...AuthWrapper, "max-width": "600px" },
+  Wrapper: AuthWrapper,
   Column: AuthColumn,
   HostBlock: HostBlock,
   ":host": {
@@ -32,7 +32,7 @@ sqm-portal-register {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalRegistrationFormView(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
   const { states, refs, callbacks, content } = props;
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
@@ -47,7 +47,8 @@ function PortalRegistrationFormView(props) {
         h("div", { part: "erroralert-text" }, states.registrationFormState.disabledMessage))) : (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: true, required: true, validationError: ({ value }) => {
+      !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 || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled) ||
+          states.emailDisabled, required: true, validationError: ({ value }) => {
           if (!value) {
             return content.requiredFieldErrorMessage;
           }
@@ -55,29 +56,29 @@ function PortalRegistrationFormView(props) {
           if (!value.includes("@")) {
             return content.invalidEmailErrorMessage;
           }
-        } }, (((_c = (_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.initialData) === null || _c === void 0 ? void 0 : _c.email) ? {
-        value: (_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e.email,
+        } }, (((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.initialData) === null || _d === void 0 ? void 0 : _d.email) ? {
+        value: (_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.initialData) === null || _f === void 0 ? void 0 : _f.email,
       }
-        : {}), (((_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.validationErrors) === null || _g === void 0 ? void 0 : _g.email) ? {
+        : {}), (((_h = (_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.email) ? {
         class: sheet.classes.ErrorStyle,
-        helpText: ((_j = (_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.validationErrors) === null || _j === void 0 ? void 0 : _j.email) ||
+        helpText: ((_k = (_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.validationErrors) === null || _k === void 0 ? void 0 : _k.email) ||
           content.requiredFieldErrorMessage,
       }
         : [])))),
       !(states.hideInputs || states.hidePasswords) && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": !states.enablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
       content.passwordField,
       !(states.hideInputs || states.hidePasswords) &&
-        states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.disabled), required: true }, (((_m = (_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.initialData) === null || _m === void 0 ? void 0 : _m.confirmPassword) ? {
-        value: (_p = (_o = states.registrationFormState) === null || _o === void 0 ? void 0 : _o.initialData) === null || _p === void 0 ? void 0 : _p.confirmPassword,
+        states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.disabled), required: true }, (((_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.confirmPassword) ? {
+        value: (_q = (_p = states.registrationFormState) === null || _p === void 0 ? void 0 : _p.initialData) === null || _q === void 0 ? void 0 : _q.confirmPassword,
       }
-        : {}), (((_r = (_q = states.registrationFormState) === null || _q === void 0 ? void 0 : _q.validationErrors) === null || _r === void 0 ? void 0 : _r.confirmPassword) ? {
+        : {}), (((_s = (_r = states.registrationFormState) === null || _r === void 0 ? void 0 : _r.validationErrors) === null || _s === void 0 ? void 0 : _s.confirmPassword) ? {
         class: sheet.classes.ErrorStyle,
-        helpText: ((_t = (_s = states.registrationFormState) === null || _s === void 0 ? void 0 : _s.validationErrors) === null || _t === void 0 ? void 0 : _t.confirmPassword) || content.requiredFieldErrorMessage,
+        helpText: ((_u = (_t = states.registrationFormState) === null || _t === void 0 ? void 0 : _t.validationErrors) === null || _u === void 0 ? void 0 : _u.confirmPassword) || content.requiredFieldErrorMessage,
       }
         : [])))),
       content.terms,
       h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, loading: states.loading, disabled: (_u = states.registrationFormState) === null || _u === void 0 ? void 0 : _u.disabled, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
+        h("sl-button", { submit: true, loading: states.loading, disabled: (_v = states.registrationFormState) === null || _v === void 0 ? void 0 : _v.disabled, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
         content.secondaryButton))));
 }
 

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

@@ -1,15 +1,15 @@
 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, j as jn } from './index.module-a2989d3c.js';
+import { i as isDemo, j as jn } 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 './sqm-text-span-view-ca32495e.js';
-import './useRegistrationFormState-01cdd8c7.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-90e2bfd5.js';
+import './useRegistrationFormState-d6f33135.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-32c4b488.js';
 import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-5715c7a5.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 
 const PortalRegistrationForm = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 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 { e as Je, T as Te, j as jn, i as isDemo } from './index.module-a2989d3c.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-334c1e34.js';

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

@@ -1,6 +1,6 @@
 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, f as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-a2989d3c.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-334c1e34.js';
 import './JSS-67b5cff8.js';

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

@@ -1,17 +1,17 @@
 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-bedc4329.js';
-import { i as isDemo } from './index.module-a2989d3c.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-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import { G as GenericTableView } from './GenericTableView-7b9087af.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-268bb9c8.js';
-import { u as useChildElements } from './useChildElements-38c11321.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-8bd1b356.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-d77b11f5.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) => {

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

@@ -1,13 +1,13 @@
 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-a2989d3c.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-01cdd8c7.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-7255b0ca.js';
+import './useRegistrationFormState-d6f33135.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-cd0172c8.js';
 
 const ReferredRegistration = 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-91e7729f.js';
 import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import './index.module-a2989d3c.js';
-import { a as useRequestRerender } from './re-render-268bb9c8.js';
+import './index.module-89a79f66.js';
+import { a as useRequestRerender } from './re-render-cc945f38.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-91e7729f.js';
 import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-bedc4329.js';
-import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-a2989d3c.js';
+import { i as intl } from './global-be1f9992.js';
+import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-89a79f66.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-83f90fa1.js';
 import { G as GenericTableView } from './GenericTableView-7b9087af.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-268bb9c8.js';
-import { u as useChildElements } from './useChildElements-38c11321.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-cc945f38.js';
+import { u as useChildElements } from './useChildElements-7945ae56.js';
 import { l as luxon } from './luxon-8d51c92b.js';
 import { m as mockRewardData } from './mockRewardData-8bd1b356.js';
-import { g as generateUserError } from './useReferralTable-d77b11f5.js';
+import { g as generateUserError } from './useReferralTable-b3876ed6.js';
 
 const debug = browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";

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

@@ -0,0 +1,105 @@
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+
+const REVEAL_EVENT = "sq:reveal";
+function useScroll(props) {
+  const { scrollTagName, scrollId } = props;
+  async function scroll() {
+    const element = document === null || document === void 0 ? void 0 : document.querySelector(scrollTagName || `#${scrollId}`);
+    element.dispatchEvent(new CustomEvent(REVEAL_EVENT, {
+      detail: scrollTagName || `#${scrollId}`,
+      bubbles: true,
+      composed: true,
+    }));
+    await new Promise((resolve) => setTimeout(resolve, 500));
+    element.scrollIntoView({ behavior: props.scrollAnimation });
+  }
+  return {
+    callbacks: { scroll },
+  };
+}
+
+const Scroll = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName Button type
+     * @uiType string
+     * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+     * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+  
+     */
+    this.buttonType = "default";
+    /**
+     * @uiName Scroll animation style
+     * @uiType string
+     * @uiEnum ["smooth", "auto"]
+     * @uiEnumNames ["Smooth", "Auto"]
+     */
+    this.scrollAnimation = "smooth";
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    var _a;
+    const { callbacks } = useScroll(this);
+    const outlineColor = (_a = this.buttonType) !== null && _a !== void 0 ? _a : "primary";
+    const style = {
+      Button: {
+        "& .outline": {
+          "&::part(base)": {
+            color: "var(--sl-color-" + outlineColor + "-500)",
+            borderColor: "var(--sl-color-" + outlineColor + "-500)",
+            backgroundColor: "transparent",
+            "&:hover": {
+              color: "var(--sl-color-primary-text)",
+              backgroundColor: "var(--sl-color-" + outlineColor + "-500)",
+            },
+          },
+        },
+        "& .neutral": {
+          "&::part(base)": {
+            color: "var(--sl-color-primary-text)",
+            background: "var(--sl-color-neutral-500)",
+            "&:hover": {
+              opacity: "0.8",
+            },
+          },
+        },
+        "& .mobile": {
+          "@media (max-width: 499px)": {
+            width: "100%",
+          },
+        },
+      },
+    };
+    const sheet = createStyleSheet(style);
+    const styleString = sheet.toString();
+    const vanillaStyle = `
+		:host{
+			display: contents;
+		}
+		${this.mobile &&
+      `
+		@media only screen and (max-width: 499px) {
+			:host {
+				display: block;
+				width: 100%;
+			}
+		}
+	  `}
+	`;
+    let classStack = "";
+    if (this.outline && this.buttonType != "default")
+      classStack += "outline ";
+    if (this.buttonType === "neutral")
+      classStack += "neutral ";
+    if (this.mobile)
+      classStack += "mobile ";
+    return (h$1("div", { class: sheet.classes.Button }, h$1("style", { type: "text/css" }, vanillaStyle, styleString), h$1("sl-button", { type: this.buttonType, onClick: callbacks.scroll, size: this.size, pill: this.pill, circle: this.circle, class: classStack }, (this.iconSlot || this.iconName) && (h$1("sl-icon", { slot: this.iconSlot || "prefix", name: this.iconName })), this.buttonText, h$1("slot", null))));
+  }
+};
+
+export { Scroll as sqm_scroll };