@saasquatch/mint-components 1.12.0-1 → 1.12.0-3

package/dist/esm/sqm-big-stat_39.entry.js

@@ -1,21 +1,22 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { n as h, f as useEffect, k as useState, i as d, u as useMemo, m as useRef, b as browser, j as useReducer } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-6306a9b8.js';
-import { i as isDemo, T, d as dist, K, z, c as xe, E as En, n as ne, Q, w as wn, x as xn, q as ze, W as We, U as Ue, b as useCallback, r as Ye, j as jn } from './index.module-6c840c4e.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { j as h, d as useEffect, f as useState, k as d, u as useMemo, e as useRef, b as browser, h as useReducer } from './stencil-hooks.module-3c7f7c90.js';
+import { i as intl } from './global-adae7650.js';
+import { i as isDemo, T, K, z, b as xe, E as En, n as ne, Q, w as wn, x as xn, m as ze, W as We, U as Ue, a as useCallback, o as Ye, j as jn } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { a as useRequestRerender } from './re-render-1bcfd0de.js';
-import { u as useChildElements } from './useChildElements-fc84e640.js';
-import './luxon-7600be8d.js';
+import { a as useRequestRerender } from './re-render-5882a144.js';
+import { u as useChildElements } from './useChildElements-fe94b660.js';
+import './luxon-63e24900.js';
+import { d as dist } from './index-0c7b14c5.js';
 import { g as getProps, a as getMissingProps, s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-849e27f7.js';
-import { i as isEmpty } from './utilities-443732be.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-4cfd1a8d.js';
+import { i as isEmpty } from './utilities-98445452.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
-import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-65c8679e.js';
+import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-72e231a5.js';
 import './sqm-portal-container-view-6c582684.js';
 
 const BigStat = class {
@@ -1723,6 +1724,7 @@ const style$2 = {
   PayoutButtonDescription: {
     color: "var(--sl-color-neutral-500)",
     fontSize: "var(--sl-font-size-small)",
+    margin: "0",
   },
 };
 const sheet$2 = createStyleSheet(style$2);
@@ -1740,7 +1742,14 @@ function PayoutButtonScrollView(props) {
 const PayoutButtonScroll = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /**
+     * @uiName Payout button text
+     */
     this.payoutButtonText = "Payouts & Tax Settings";
+    /**
+     * Description text under payout button
+     * @uiName Payout button description text
+     */
     this.payoutButtonDescription = "Check your payout settings to see when you’ll get paid out next";
     this.ignored = true;
     h(this);
@@ -1772,11 +1781,29 @@ const style$3 = {
     margin: "0",
     marginBottom: "var(--sl-spacing-small)",
   },
+  WarningAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-yellow-100)",
+      borderTop: "none",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
+  InfoAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-sky-100)",
+      borderTop: "none",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-blue-500)",
+    },
+  },
 };
 const sheet$3 = createStyleSheet(style$3);
 const styleString$3 = sheet$3.toString();
 function PayoutStatusAlertView(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const { text, states } = props;
   if (states.loading) {
     return h$1("sl-skeleton", { class: sheet$3.classes.SkeletonOne });
@@ -1792,7 +1819,8 @@ function PayoutStatusAlertView(props) {
           description: text.informationRequiredDescription,
           buttonText: text.verificationRequiredButtonText,
           alertType: "info",
-          icon: "exclamation-octagon",
+          icon: "info-circle",
+          class: sheet$3.classes.InfoAlertContainer,
         };
       case "VERIFICATION_NEEDED":
         return {
@@ -1800,7 +1828,8 @@ function PayoutStatusAlertView(props) {
           description: text.verificationRequiredDescription,
           buttonText: text.verificationRequiredButtonText,
           alertType: "warning",
-          icon: "exclamation-octagon",
+          icon: "exclamation-triangle",
+          class: sheet$3.classes.WarningAlertContainer,
         };
       case "HOLD":
         return {
@@ -1808,7 +1837,8 @@ function PayoutStatusAlertView(props) {
           description: text.holdDescription,
           buttonText: null,
           alertType: "warning",
-          icon: "exclamation-octagon",
+          icon: "exclamation-triangle",
+          class: sheet$3.classes.WarningAlertContainer,
         };
       default:
         return;
@@ -1827,10 +1857,10 @@ function PayoutStatusAlertView(props) {
   }
   return (h$1("div", { part: "sqm-base" },
     h$1("style", { type: "text/css" }, styleString$3),
-    h$1("sqm-form-message", { style: { display: "flex", gap: "2px" }, exportparts: "base: alert-base, icon:alert-icon", type: (_a = getAlert(states.status)) === null || _a === void 0 ? void 0 : _a.alertType },
-      h$1("sl-icon", { slot: "icon", name: (_b = getAlert(states.status)) === null || _b === void 0 ? void 0 : _b.icon }),
-      h$1("strong", null, (_c = getAlert(states.status)) === null || _c === void 0 ? void 0 : _c.header),
-      h$1("p", { class: sheet$3.classes.AlertDescriptionText }, (_d = getAlert(states.status)) === null || _d === void 0 ? void 0 : _d.description),
+    h$1("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: (_a = getAlert(states.status)) === null || _a === void 0 ? void 0 : _a.alertType, class: (_b = getAlert(states.status)) === null || _b === void 0 ? void 0 : _b.class, open: true },
+      h$1("sl-icon", { slot: "icon", name: (_c = getAlert(states.status)) === null || _c === void 0 ? void 0 : _c.icon }),
+      h$1("strong", null, (_d = getAlert(states.status)) === null || _d === void 0 ? void 0 : _d.header),
+      h$1("p", { class: sheet$3.classes.AlertDescriptionText }, (_e = getAlert(states.status)) === null || _e === void 0 ? void 0 : _e.description),
       getButton(states.status))));
 }
 
@@ -1885,13 +1915,37 @@ function usePayoutStatus(props) {
 const PayoutStatusAlert = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /**
+     * @uiName Info required alert header
+     */
     this.informationRequiredHeader = "Payout and tax information required";
+    /**
+     * @uiName Info required alert description
+     */
     this.informationRequiredDescription = "Submit your banking details and tax documents to receive your rewards.";
+    /**
+     * @uiName Info required alert button text
+     */
     this.informationRequiredButtonText = "Payouts & Tax Settings";
+    /**
+     * @uiName Verification required alert header
+     */
     this.verificationRequiredHeader = "Verify your identity";
+    /**
+     * @uiName Verification required alert description
+     */
     this.verificationRequiredDescription = "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.";
+    /**
+     * @uiName Verification required alert button text
+     */
     this.verificationRequiredButtonText = "Start Verification";
+    /**
+     * @uiName Payout on hold alert header
+     */
     this.holdHeader = "Your payouts and account are on hold";
+    /**
+     * @uiName Payout on hold alert description
+     */
     this.holdDescription = "Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to {support email}.";
     h(this);
   }

package/dist/esm/sqm-close-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { g as getEnvironmentSDK } from './index.module-6c840c4e.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { g as getEnvironmentSDK } from './index.module-c0eb7dc2.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { C as CloseButtonView } from './sqm-close-button-view-dc65b4e3.js';

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

@@ -1,14 +1,15 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { l, k as useState, f as useEffect, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-6306a9b8.js';
-import { d as dist, M as Mn, D as Dn, K, c as xe, i as isDemo } from './index.module-6c840c4e.js';
+import { l, f as useState, d as useEffect, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
+import { i as intl } from './global-adae7650.js';
+import { M as Mn, D as Dn, K, b as xe, i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { d as dist } from './index-0c7b14c5.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 import { b as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_EVENT_KEY, S as SHOW_CODE_NAMESPACE } from './keys-a1496e39.js';
-import { a as useVerificationEmailMutation } from './useEmailVerification-7135732c.js';
+import { a as useVerificationEmailMutation } from './useEmailVerification-8f2dc2bd.js';
 
 const style = {
   Wrapper: {
@@ -92,7 +93,16 @@ function WidgetCodeVerificationView(props) {
     id: "resendCodeText",
     defaultMessage: text.resendCodeText,
   }, {
-    resendCodeLink: (h("a", { href: text.resendCodeLink, target: "_blank", style: { textDecoration: "none" } }, text.resendCodeLabel)),
+    resendCodeLink: (h("a", { href: "", style: { textDecoration: "none" }, onClick: (e) => {
+        e.preventDefault();
+        callbacks.resendEmail();
+      } }, text.resendCodeLabel)),
+  });
+  const codeResentSuccessfully = intl.formatMessage({
+    id: "codeResentSuccessfully",
+    defaultMessage: text.codeResentSuccessfullyText,
+  }, {
+    email: states.email,
   });
   const inputClass = states.verifyFailed
     ? sheet.classes.CodeInputError
@@ -103,11 +113,14 @@ function WidgetCodeVerificationView(props) {
       styleString),
     h("div", { class: sheet.classes.Wrapper },
       h("div", { class: sheet.classes.HeaderContainer },
-        h(TextSpanView, { type: "p" }, states.verifyFailed
-          ? text.reverifyCodeHeaderText
-          : text.verifyCodeHeaderText)),
-      states.codeResent && (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
-        h("b", null, text.codeResentSuccessfullyText))),
+        h(TextSpanView, { type: "p" }, intl.formatMessage({
+          id: `emailHeaderText`,
+          defaultMessage: states.verifyFailed
+            ? text.reverifyCodeHeaderText
+            : text.verifyCodeHeaderText,
+        }, { email: states.email }))),
+      states.emailResent && (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
+        h("b", null, codeResentSuccessfully))),
       h("div", { class: sheet.classes.InputsContainer },
         h("div", { ref: refs.codeWrapperRef, class: sheet.classes.CodeInputContainer },
           h("sl-input", { class: inputClass, name: "code" }),
@@ -119,9 +132,7 @@ function WidgetCodeVerificationView(props) {
         states.verifyFailed && (h("p", { class: sheet.classes.ErrorText }, text.invalidCodeText)),
         h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.submitCode, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, text.verifyText)),
       h("div", { class: sheet.classes.FooterContainer },
-        h(TextSpanView, { type: "p" }, resendCodeText),
-        h(TextSpanView, { type: "p" },
-          h("a", { href: "/", style: { textDecoration: "none" } }, text.useDifferentEmailText))))));
+        h(TextSpanView, { type: "p" }, resendCodeText)))));
 }
 
 // TODO: Move to component-boilerplate
@@ -164,6 +175,7 @@ function useWidgetCodeVerification(props) {
   const [emailResent, setEmailResent] = useState(false);
   const [codeRef, setCodeRef] = useState(null);
   const [validationError, setValidationError] = useState(false);
+  const [emailError, setEmailError] = useState(false);
   // TODO: Need to handle error states for these errors
   const [verifyUser, { loading: verifyLoading, errors: verifyErrors }] = useCodeVerificationMutation();
   const [request, { loading: resendLoading, data, errors: resendErrors }] = useVerificationEmailMutation();
@@ -204,14 +216,13 @@ function useWidgetCodeVerification(props) {
     setValidationError(false);
   };
   const resendEmail = async () => {
-    // TODO: Error checks, depends on what mutation is set up as
     const result = await request();
-    if (emailSent) {
-      setEmailResent(true);
-      setTimeout(() => {
-        setEmailResent(false);
-      }, 500);
+    if (!result) {
+      setEmailError(true);
+      return;
     }
+    if (emailSent)
+      setEmailResent(true);
     setEmailSent(true);
   };
   const submitCode = async () => {
@@ -245,6 +256,8 @@ function useWidgetCodeVerification(props) {
     // email should already exist if user has completed email-verification
     if (!email)
       resendEmail();
+    else
+      setEmailSent(true);
   }, []);
   return {
     refs: {
@@ -253,6 +266,7 @@ function useWidgetCodeVerification(props) {
     states: {
       email,
       emailResent,
+      resendError: !!(resendErrors === null || resendErrors === void 0 ? void 0 : resendErrors.message) || emailError,
       loading: verifyLoading || resendLoading,
       verifyFailed: !!validationError,
     },
@@ -270,7 +284,7 @@ const WidgetCodeVerification = class {
     /**
      * @uiName Verify code widget header text
      */
-    this.verifyCodeHeaderText = "Enter the code sent to email@example.com from our referral provider, impact.com.";
+    this.verifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
     /**
      * @uiName Reverify code widget header text
      */
@@ -285,27 +299,16 @@ const WidgetCodeVerification = class {
      * @uiName Resend code label
      */
     this.resendCodeLabel = "Resend code";
-    /**
-     * The link that appears in the resend code link
-     * @uiName Resend code link
-     */
-    // AL: TODO connect route to resend verification code
-    this.resendCodeLink = "/resend-code";
     /**
      * Link text displayed under verify button
      * @uiName Resend code text
      */
     this.codeResentSuccessfullyText = "Another code has been sent to {email}";
-    /**
-     * Link text displayed under the verify button
-     * @uiName Use different email text
-     */
-    this.useDifferentEmailText = "Use a different email";
     /**
      * Error text displayed under verification input
      * @uiName Invalid code text
      */
-    this.invalidCodeText = " Please check your code and try again. If you’re still having trouble, try resending your code.";
+    this.invalidCodeText = "Please check your code and try again. If you’re still having trouble, try resending your code.";
     /**
      * @uiName Verify code button text
      */
@@ -339,6 +342,7 @@ function useDemoWidgetCodeVerification(props) {
       codeWrapperRef: () => { },
     },
     callbacks: {
+      resendEmail: async () => { },
       submitCode: async () => { },
     },
     text: props.getTextProps(),

package/dist/esm/sqm-context-router.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { b as browser, k as useState, i as d, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { T } from './index.module-6c840c4e.js';
+import { b as browser, f as useState, k as d, d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { T } from './index.module-c0eb7dc2.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 

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

@@ -1,12 +1,13 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { i as isDemo } from './index.module-6c840c4e.js';
+import { j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
+import { i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import './index-0c7b14c5.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 import './keys-a1496e39.js';
-import { u as useWidgetEmailVerification } from './useEmailVerification-7135732c.js';
+import { u as useWidgetEmailVerification } from './useEmailVerification-8f2dc2bd.js';
 
 const style = {
   Wrapper: {
@@ -22,6 +23,16 @@ const style = {
     flexDirection: "column",
     maxWidth: "320px",
   },
+  ErrorAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+    },
+    "&::part(message)": {
+      display: "flex",
+      flexDirection: "column",
+    },
+  },
   ContinueButton: {
     width: "100%",
     maxWidth: "100px",
@@ -70,15 +81,18 @@ function WidgetEmailVerificationView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    states.loading ? (renderLoadingSkeleton()) : (h("div", { class: sheet.classes.Wrapper },
-      " ",
+    states.sendCodeError && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", class: sheet.classes.ErrorAlertContainer, open: true },
+      h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
+      h("b", null, text.sendCodeErrorHeader),
+      text.sendCodeErrorDescription)),
+    states.initialLoading ? (renderLoadingSkeleton()) : (h("div", { class: sheet.classes.Wrapper },
       h(TextSpanView, { type: "p" }, text.verifyEmailHeaderText),
       h("sl-form", { "onSl-submit": callbacks.submitEmail },
         h("div", { class: sheet.classes.InputsContainer },
-          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.emailLabel, value: states.email, type: "email", id: "email", name: "email", required: true }, (states.error
+          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.emailLabel, value: states.email, type: "email", id: "email", name: "email", disabled: !!states.email || states.loading }, (states.error
             ? {
               class: sheet.classes.ErrorInput,
-              helpText: "Please enter a valid email",
+              helpText: text.emailValidationErrorText,
             }
             : {}))),
           h("sl-button", { submit: true, class: sheet.classes.ContinueButton, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, text.sendCodeText)))))));
@@ -92,9 +106,13 @@ const WidgetEmailVerification = class {
      */
     this.verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
     /**
-     * @uiName Verify email error text
+     * @uiName Send code to email alert header
      */
-    this.errorText = "Failed to send an email. If this continues, contact Support with impact.com";
+    this.sendCodeErrorHeader = "There was an error sending your code.";
+    /**
+     * @uiName Send code to email alert description
+     */
+    this.sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
     /**
      * @uiName Email input label
      */
@@ -103,6 +121,10 @@ const WidgetEmailVerification = class {
      * @uiName Send code button text
      */
     this.sendCodeText = "Send code";
+    /**
+     * @uiName Send code button text
+     */
+    this.emailValidationErrorText = "Please enter a valid email";
     h$1(this);
   }
   disconnectedCallback() { }
@@ -122,6 +144,8 @@ function useDemoWidgetEmailVerification(props) {
       error: "",
       loading: false,
       email: "",
+      isEmailPrefilled: false,
+      sendCodeError: false,
     },
     callbacks: {
       submitEmail: async () => { },

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-6306a9b8.js';
-import './index.module-6c840c4e.js';
+import { j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
+import { i as intl } from './global-adae7650.js';
+import './index.module-c0eb7dc2.js';
 import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-6c582684.js';

package/dist/esm/sqm-form-message.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
 
 const sqmFormMessageCss = "sl-alert::part(base){border:1px solid;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(20, 20, 20, 0.1);box-shadow:0 1px 2px rgba(20, 20, 20, 0.1)}.Error::part(base){background-color:var(--sl-color-danger-100);border-color:var(--sl-color-danger-200)}.Warning::part(base){background-color:var(--sl-color-warning-100);border-color:var(--sl-color-warning-200)}.Success::part(base){background-color:var(--sl-color-success-100);border-color:var(--sl-color-success-200)}.Info::part(base){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-200)}";
 

package/dist/esm/sqm-graphql-client-provider.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { o as m, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { B, k as ke, Y, $ as $e } from './index.module-6c840c4e.js';
+import { m, d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { B, k as ke, Y, $ as $e } from './index.module-c0eb7dc2.js';
 
 async function useGraphQLClientProvider({ domain }) {
   const token = B();

package/dist/esm/sqm-header-logo.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
 
 const HeroImage = class {
   constructor(hostRef) {

package/dist/esm/sqm-instant-access-registration.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { i as isDemo, a as setUserIdentity } from './index.module-6c840c4e.js';
-import './jsonpointer-388a7082.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { i as isDemo, s as setUserIdentity } from './index.module-c0eb7dc2.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-a89a88bf.js';
-import './useRegistrationFormState-849e27f7.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-8b0a4556.js';
+import './jsonpointer-388a7082.js';
+import './useRegistrationFormState-4cfd1a8d.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-670c1b98.js';
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

package/dist/esm/{sqm-invoice-table-view-08c03ba7.js → sqm-invoice-table-view-663674f2.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-6306a9b8.js';
+import { i as intl } from './global-adae7650.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const INDIRECT_TAX_PROVINCES = [

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,8 +1,9 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-6306a9b8.js';
-import { d as dist, z, K, E as En, i as isDemo } from './index.module-6c840c4e.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { i as intl } from './global-adae7650.js';
+import { z, K, E as En, i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
+import { d as dist } from './index-0c7b14c5.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 
 const GET_RANK = dist.gql `

package/dist/esm/sqm-logout-current-user.entry.js

@@ -1,8 +1,9 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { d as dist, K, E as En, a as setUserIdentity, i as isDemo } from './index.module-6c840c4e.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { K, E as En, s as setUserIdentity, i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
+import { d as dist } from './index-0c7b14c5.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
 

package/dist/esm/{sqm-navigation-sidebar-item-view-f8e78810.js → sqm-navigation-sidebar-item-view-4715e546.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { x as xn } from './index.module-6c840c4e.js';
+import { x as xn } from './index.module-c0eb7dc2.js';
 import { g as gap } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 

package/dist/esm/sqm-navigation-sidebar-item.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { j as jn, i as isDemo } from './index.module-6c840c4e.js';
+import { j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { j as jn, i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-f8e78810.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-4715e546.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = jn();

package/dist/esm/sqm-navigation-sidebar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { j as jn, z } from './index.module-6c840c4e.js';
+import { j as h, f as useState, d as useEffect } from './stencil-hooks.module-3c7f7c90.js';
+import { j as jn, z } from './index.module-c0eb7dc2.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0312e073.js';
 
 const NavigationSidebar = class {

package/dist/esm/sqm-password-field.entry.js

@@ -1,11 +1,11 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { i as d, k as useState, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { i as isDemo } from './index.module-6c840c4e.js';
+import { k as d, f as useState, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
+import { i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-849e27f7.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-4cfd1a8d.js';
 
 var constants = {
   error: {

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

@@ -1,6 +1,6 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { n as ne } from './index.module-6c840c4e.js';
+import { j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
+import { n as ne } from './index.module-c0eb7dc2.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-email-verification-view-c6ac5430.js → sqm-portal-email-verification-view-598eb9a7.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-6306a9b8.js';
+import { i as intl } from './global-adae7650.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-8d140661.js';

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import './global-6306a9b8.js';
-import { h as hn, u as un, K, x as xn, b as useCallback, i as isDemo } from './index.module-6c840c4e.js';
+import { f as useState, e as useRef, d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
+import './global-adae7650.js';
+import { h as hn, u as un, K, x as xn, a as useCallback, i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-8d140661.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-c6ac5430.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-598eb9a7.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { v as vn, x as xn, i as isDemo } from './index.module-6c840c4e.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { f as useState, j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { v as vn, x as xn, i as isDemo } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-8d140661.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-c2ed8fed.js';
 
 function usePortalForgotPassword(props) {