@saasquatch/mint-components 1.11.1-0 → 1.12.0-0

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

@@ -1,9 +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 { a as getEnvironmentSDK } from './index.module-f122af7b.js';
-import './JSS-67b5cff8.js';
+import { g as getEnvironmentSDK } from './index.module-6c840c4e.js';
 import './mixins-f60a614c.js';
-import { C as CloseButtonView } from './sqm-close-button-view-b24c708b.js';
+import './JSS-67b5cff8.js';
+import { C as CloseButtonView } from './sqm-close-button-view-dc65b4e3.js';
 
 const CloseButton = class {
   constructor(hostRef) {

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

@@ -0,0 +1,348 @@
+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 { 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 { 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';
+
+const style = {
+  Wrapper: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-medium)",
+    maxWidth: "515px",
+  },
+  HeaderContainer: {
+    display: "flex",
+    flexDirection: "column",
+  },
+  InputsContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+    position: "relative",
+    flexDirection: "column",
+  },
+  CodeInputContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+  },
+  CodeInput: {
+    maxWidth: "40px",
+    "&::part(input)": {
+      margin: "0",
+      padding: "0 var(--sl-input-spacing-small)",
+      fontSize: "var(--sl-font-size-large)",
+    },
+  },
+  CodeInputError: {
+    ...ErrorStyles,
+    maxWidth: "40px",
+    "&::part(input)": {
+      margin: "0",
+      padding: "0 var(--sl-input-spacing-small)",
+      fontSize: "var(--sl-font-size-large)",
+    },
+  },
+  ErrorText: {
+    color: "var(--sl-color-danger-500)",
+    fontSize: "var(--sl-font-size-small)",
+    margin: "0",
+  },
+  ContinueButton: {
+    width: "100%",
+    maxWidth: "100px",
+  },
+  FooterContainer: {
+    display: "flex",
+    flexDirection: "column",
+  },
+  SkeletonOne: {
+    width: "50%",
+    height: "16px",
+  },
+  SkeletonTwo: {
+    width: "30%",
+    height: "34px",
+  },
+  SkeletonThree: {
+    width: "15%",
+    height: "24px",
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+
+
+`;
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+function WidgetCodeVerificationView(props) {
+  const { states, refs, callbacks, text } = props;
+  const resendCodeText = intl.formatMessage({
+    id: "resendCodeText",
+    defaultMessage: text.resendCodeText,
+  }, {
+    resendCodeLink: (h("a", { href: text.resendCodeLink, target: "_blank", style: { textDecoration: "none" } }, text.resendCodeLabel)),
+  });
+  const inputClass = states.verifyFailed
+    ? sheet.classes.CodeInputError
+    : sheet.classes.CodeInput;
+  return (h("div", { part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      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("div", { class: sheet.classes.InputsContainer },
+        h("div", { ref: refs.codeWrapperRef, class: sheet.classes.CodeInputContainer },
+          h("sl-input", { class: inputClass, name: "code" }),
+          h("sl-input", { class: inputClass, name: "code" }),
+          h("sl-input", { class: inputClass, name: "code" }),
+          h("sl-input", { class: inputClass, name: "code" }),
+          h("sl-input", { class: inputClass, name: "code" }),
+          h("sl-input", { class: inputClass, name: "code" })),
+        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))))));
+}
+
+// TODO: Move to component-boilerplate
+const VerifyEmailWithCodeMutation = dist.gql `
+  mutation verifyUserEmail($user: UserIdInput!, $code: String!) {
+    verifyUserEmail(user: $user, code: $code) {
+      verifiedEmail
+      accessKey
+    }
+  }
+`;
+function useCodeVerificationMutation() {
+  const user = K();
+  const [request, { loading, data, errors }] = xe(VerifyEmailWithCodeMutation);
+  const verifyUserWithCodeMutation = async (code) => {
+    try {
+      const result = await request({
+        user: {
+          id: user.id,
+          accountId: user.accountId,
+        },
+        code,
+      });
+      if (result instanceof Error || !result)
+        throw new Error();
+      return result;
+    }
+    catch (e) {
+      console.error("Failed to verify user", e);
+      return null;
+    }
+  };
+  return [verifyUserWithCodeMutation, { loading, data, errors }];
+}
+function useWidgetCodeVerification(props) {
+  const host = l();
+  const [_, setShowCode] = Mn(SHOW_CODE_NAMESPACE);
+  const email = Dn(VERIFICATION_EMAIL_NAMESPACE);
+  const [emailSent, setEmailSent] = useState(false);
+  const [emailResent, setEmailResent] = useState(false);
+  const [codeRef, setCodeRef] = useState(null);
+  const [validationError, setValidationError] = 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();
+  useEffect(() => {
+    if (!codeRef)
+      return;
+    const slInputs = codeRef.querySelectorAll("sl-input");
+    const codeElements = Array.from(slInputs).map((node) => node.shadowRoot.querySelector(`input[name="code"]`));
+    codeElements.forEach((element, idx) => {
+      element.addEventListener("focus", (e) => {
+        e.target.select();
+      });
+      element.addEventListener("keydown", (e) => {
+        if (e.key === "Backspace" && e.target.value === "") {
+          codeElements[Math.max(0, idx - 1)].focus();
+        }
+      });
+      element.addEventListener("input", (e) => {
+        const input = e.target.value;
+        if (!input)
+          return;
+        if (idx === codeElements.length - 1) {
+          e.target.value = input.slice(-1);
+          return;
+        }
+        if (input.length > 1) {
+          const rest = input.slice(1);
+          e.target.value = input.slice(0, 1);
+          codeElements[idx + 1].value = rest;
+          codeElements[idx + 1].dispatchEvent(new Event("input"));
+        }
+        codeElements[idx + 1].focus();
+      });
+    });
+  }, [codeRef]);
+  const reset = () => {
+    setShowCode(false);
+    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);
+    }
+    setEmailSent(true);
+  };
+  const submitCode = async () => {
+    const slInputs = codeRef.querySelectorAll("sl-input");
+    const codeElements = Array.from(slInputs).map((node) => node.shadowRoot.querySelector(`input[name="code"]`));
+    if (codeElements.find((el) => !el.value)) {
+      setValidationError(true);
+      return;
+    }
+    let code = "";
+    codeElements.forEach((element) => {
+      code = `${code}${element.value}`;
+    });
+    setValidationError(false);
+    // Only 123456 passes for a valid code rn
+    const res = await verifyUser(code);
+    if (res) {
+      const event = new CustomEvent(VERIFICATION_EVENT_KEY, {
+        detail: { token: res.verifyUserEmail.accessKey },
+        composed: true,
+        bubbles: true,
+      });
+      host.dispatchEvent(event);
+      reset();
+    }
+    else {
+      setValidationError(true);
+    }
+  };
+  useEffect(() => {
+    // email should already exist if user has completed email-verification
+    if (!email)
+      resendEmail();
+  }, []);
+  return {
+    refs: {
+      codeWrapperRef: setCodeRef,
+    },
+    states: {
+      email,
+      emailResent,
+      loading: verifyLoading || resendLoading,
+      verifyFailed: !!validationError,
+    },
+    callbacks: {
+      resendEmail,
+      submitCode,
+    },
+    text: props.getTextProps(),
+  };
+}
+
+const WidgetCodeVerification = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * @uiName Verify code widget header text
+     */
+    this.verifyCodeHeaderText = "Enter the code sent to email@example.com from our referral provider, impact.com.";
+    /**
+     * @uiName Reverify code widget header text
+     */
+    this.reverifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * Text displayed under verify button
+     * @uiName Resend code text
+     */
+    this.resendCodeText = "Didn't receive your code? {resendCodeLink}";
+    /**
+     * The link that appears in the resend code link
+     * @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.";
+    /**
+     * @uiName Verify code button text
+     */
+    this.verifyText = "Verify";
+    /**
+     * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
+     * @uiName Network error message
+     */
+    this.networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
+    h$1(this);
+  }
+  disconnectedCallback() { }
+  getTextProps() {
+    return getProps(this);
+  }
+  render() {
+    const props = isDemo()
+      ? useDemoWidgetCodeVerification(this)
+      : useWidgetCodeVerification(this);
+    return h(WidgetCodeVerificationView, Object.assign({}, props));
+  }
+};
+function useDemoWidgetCodeVerification(props) {
+  return cjs({
+    states: {
+      loading: false,
+      email: "",
+      verifyFailed: false,
+    },
+    refs: {
+      codeWrapperRef: () => { },
+    },
+    callbacks: {
+      submitCode: async () => { },
+    },
+    text: props.getTextProps(),
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+export { WidgetCodeVerification as sqm_code_verification };

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 { _ } from './index.module-f122af7b.js';
+import { T } from './index.module-6c840c4e.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 
@@ -12,7 +12,7 @@ function matchPath(pattern, page) {
   return regexp.exec(page);
 }
 function useContextRouter(props) {
-  const host = _();
+  const host = T();
   const [slot, setSlot] = useState(undefined);
   const [container, setContainer] = useState(undefined);
   const context = props.contextName;

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

@@ -0,0 +1,133 @@
+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 { c as cjs } from './cjs-bdfb4486.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.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';
+
+const style = {
+  Wrapper: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-medium)",
+    marginTop: "var(--sl-spacing-medium)",
+  },
+  InputsContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+    position: "relative",
+    flexDirection: "column",
+    maxWidth: "320px",
+  },
+  ContinueButton: {
+    width: "100%",
+    maxWidth: "100px",
+  },
+  SkeletonOne: {
+    width: "50%",
+    height: "16px",
+  },
+  SkeletonTwo: {
+    width: "30%",
+    height: "34px",
+  },
+  SkeletonThree: {
+    width: "15%",
+    height: "24px",
+  },
+  ErrorInput: {
+    "&::part(base)": {
+      border: "1px solid var(--sl-color-danger-500)",
+      borderRadius: "var(--sl-input-border-radius-medium)",
+    },
+    "&::part(help-text)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+function WidgetEmailVerificationView(props) {
+  const { states, callbacks, text } = props;
+  const renderLoadingSkeleton = () => {
+    return (h("div", { class: sheet.classes.Wrapper },
+      h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
+      h("sl-skeleton", { class: sheet.classes.SkeletonTwo }),
+      h("sl-skeleton", { class: sheet.classes.SkeletonThree })));
+  };
+  return (h("div", { part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    states.loading ? (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
+            ? {
+              class: sheet.classes.ErrorInput,
+              helpText: "Please enter a valid email",
+            }
+            : {}))),
+          h("sl-button", { submit: true, class: sheet.classes.ContinueButton, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, text.sendCodeText)))))));
+}
+
+const WidgetEmailVerification = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * @uiName Verify email widget header text
+     */
+    this.verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
+    /**
+     * @uiName Verify email error text
+     */
+    this.errorText = "Failed to send an email. If this continues, contact Support with impact.com";
+    /**
+     * @uiName Email input label
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName Send code button text
+     */
+    this.sendCodeText = "Send code";
+    h$1(this);
+  }
+  disconnectedCallback() { }
+  getTextProps() {
+    return getProps(this);
+  }
+  render() {
+    const props = isDemo()
+      ? useDemoWidgetEmailVerification(this)
+      : useWidgetEmailVerification(this);
+    return h(WidgetEmailVerificationView, Object.assign({}, props));
+  }
+};
+function useDemoWidgetEmailVerification(props) {
+  return cjs({
+    states: {
+      error: "",
+      loading: false,
+      email: "",
+    },
+    callbacks: {
+      submitEmail: async () => { },
+    },
+    text: props.getTextProps(),
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+export { WidgetEmailVerification as sqm_email_verification };

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

@@ -1,9 +1,9 @@
 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-b89b6edc.js';
-import './index.module-f122af7b.js';
-import { g as getProps } from './utils-334c1e34.js';
+import { i as intl } from './global-6306a9b8.js';
+import './index.module-6c840c4e.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';
 
 function EmptyStateView(props) {

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

@@ -1,14 +1,14 @@
 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 { J, E as Ee, z, P as Pe } from './index.module-f122af7b.js';
+import { B, k as ke, Y, $ as $e } from './index.module-6c840c4e.js';
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = J();
+  const token = B();
   const appDomain = domain;
-  const tenantAlias = z();
+  const tenantAlias = Y();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = Ee(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = m(Pe, managedIdentityClient);
+  const managedIdentityClient = ke(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = m($e, managedIdentityClient);
   useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);

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, b as setUserIdentity } from './index.module-f122af7b.js';
+import { i as isDemo, a as setUserIdentity } from './index.module-6c840c4e.js';
 import './jsonpointer-388a7082.js';
-import './JSS-67b5cff8.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
-import { E as EmailRegistrationView } from './email-registration-view-12793040.js';
-import './useRegistrationFormState-53c71782.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-9d4cb797.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';
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-b89b6edc.js';
+import { i as intl } from './global-6306a9b8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const INDIRECT_TAX_PROVINCES = [
@@ -696,6 +696,7 @@ const stepTwoProps = {
 };
 const stepFourProps = {
   states: {
+    showVerification: false,
     step: "4",
     hideSteps: false,
     disabled: false,
@@ -1469,6 +1470,23 @@ const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
       },
     } }));
 };
+const TaxAndCashDashboardIdentityVerifcationRequired = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        showIdentityVerificationDialog: true,
+        identiyRequired: true,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: false,
+      },
+    } }));
+};
 const TaxAndCashDashboardNewTaxForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
@@ -1618,6 +1636,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   TaxAndCashDashboardIndirectTaxCanadaQuebec: TaxAndCashDashboardIndirectTaxCanadaQuebec,
   TaxAndCashDashboardIndirectTaxSpain: TaxAndCashDashboardIndirectTaxSpain,
   TaxAndCashDashboardIndirectTaxNotRegistered: TaxAndCashDashboardIndirectTaxNotRegistered,
+  TaxAndCashDashboardIdentityVerifcationRequired: TaxAndCashDashboardIdentityVerifcationRequired,
   TaxAndCashDashboardNewTaxForm: TaxAndCashDashboardNewTaxForm,
   TaxAndCashDashboardLoading: TaxAndCashDashboardLoading,
   TaxAndCashDashboardWithLoadingError: TaxAndCashDashboardWithLoadingError,

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

@@ -1,7 +1,7 @@
 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-b89b6edc.js';
-import { d as dist, H, Q, y as yn, i as isDemo } from './index.module-f122af7b.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 { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 
@@ -20,10 +20,10 @@ const GET_RANK = dist.gql `
 `;
 function useLeaderboardRank(props) {
   var _a, _b, _c, _d;
-  const programIdContext = H();
+  const programIdContext = z();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  const user = Q();
+  const user = K();
   const rankVariables = programId
     ? {
       type: props.leaderboardType,
@@ -36,7 +36,7 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  const { data: rankData } = yn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = En(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
   const fullRankText = ((_b = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _b === void 0 ? void 0 : _b.leaderboardRank) ? intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
     rank: (_d = (_c = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _c === void 0 ? void 0 : _c.leaderboardRank) === null || _d === void 0 ? void 0 : _d[props.rankType],
   })

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

@@ -1,9 +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, Q, y as yn, b as setUserIdentity, i as isDemo } from './index.module-f122af7b.js';
-import { g as getProps } from './utils-334c1e34.js';
-import './JSS-67b5cff8.js';
+import { d as dist, K, E as En, a as setUserIdentity, i as isDemo } from './index.module-6c840c4e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
+import './JSS-67b5cff8.js';
+import { g as getProps } from './utils-334c1e34.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
 
 const GET_USER_DETAILS = dist.gql `
@@ -19,8 +19,8 @@ const GET_USER_DETAILS = dist.gql `
 `;
 function useLogoutCurrentUser(props) {
   var _a, _b;
-  const user = Q();
-  const { loading, data } = yn(GET_USER_DETAILS, {}, !user);
+  const user = K();
+  const { loading, data } = En(GET_USER_DETAILS, {}, !user);
   const onSwitchClick = () => {
     setUserIdentity(undefined);
   };