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

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
-require('./JSS-8503a151.js');
+const index_module = require('./index.module-b8d9d0ba.js');
 require('./mixins-fe9d4112.js');
-const sqmCloseButtonView = require('./sqm-close-button-view-217239b7.js');
+require('./JSS-8503a151.js');
+const sqmCloseButtonView = require('./sqm-close-button-view-fd6e8f60.js');
 
 const CloseButton = class {
   constructor(hostRef) {

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

@@ -0,0 +1,352 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const global = require('./global-c3637175.js');
+const index_module = require('./index.module-b8d9d0ba.js');
+const cjs = require('./cjs-1066ec21.js');
+const mixins = require('./mixins-fe9d4112.js');
+const JSS = require('./JSS-8503a151.js');
+const utils = require('./utils-6847bc06.js');
+const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
+const keys = require('./keys-cff24974.js');
+const useEmailVerification = require('./useEmailVerification-30a1c7f6.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: {
+    ...mixins.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 = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function WidgetCodeVerificationView(props) {
+  const { states, refs, callbacks, text } = props;
+  const resendCodeText = global.intl.formatMessage({
+    id: "resendCodeText",
+    defaultMessage: text.resendCodeText,
+  }, {
+    resendCodeLink: (index.h("a", { href: text.resendCodeLink, target: "_blank", style: { textDecoration: "none" } }, text.resendCodeLabel)),
+  });
+  const inputClass = states.verifyFailed
+    ? sheet.classes.CodeInputError
+    : sheet.classes.CodeInput;
+  return (index.h("div", { part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    index.h("div", { class: sheet.classes.Wrapper },
+      index.h("div", { class: sheet.classes.HeaderContainer },
+        index.h(sqmTextSpanView.TextSpanView, { type: "p" }, states.verifyFailed
+          ? text.reverifyCodeHeaderText
+          : text.verifyCodeHeaderText)),
+      states.codeResent && (index.h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
+        index.h("b", null, text.codeResentSuccessfullyText))),
+      index.h("div", { class: sheet.classes.InputsContainer },
+        index.h("div", { ref: refs.codeWrapperRef, class: sheet.classes.CodeInputContainer },
+          index.h("sl-input", { class: inputClass, name: "code" }),
+          index.h("sl-input", { class: inputClass, name: "code" }),
+          index.h("sl-input", { class: inputClass, name: "code" }),
+          index.h("sl-input", { class: inputClass, name: "code" }),
+          index.h("sl-input", { class: inputClass, name: "code" }),
+          index.h("sl-input", { class: inputClass, name: "code" })),
+        states.verifyFailed && (index.h("p", { class: sheet.classes.ErrorText }, text.invalidCodeText)),
+        index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.submitCode, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, text.verifyText)),
+      index.h("div", { class: sheet.classes.FooterContainer },
+        index.h(sqmTextSpanView.TextSpanView, { type: "p" }, resendCodeText),
+        index.h(sqmTextSpanView.TextSpanView, { type: "p" },
+          index.h("a", { href: "/", style: { textDecoration: "none" } }, text.useDifferentEmailText))))));
+}
+
+// TODO: Move to component-boilerplate
+const VerifyEmailWithCodeMutation = index_module.dist.gql `
+  mutation verifyUserEmail($user: UserIdInput!, $code: String!) {
+    verifyUserEmail(user: $user, code: $code) {
+      verifiedEmail
+      accessKey
+    }
+  }
+`;
+function useCodeVerificationMutation() {
+  const user = index_module.K();
+  const [request, { loading, data, errors }] = index_module.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 = stencilHooks_module.l();
+  const [_, setShowCode] = index_module.Mn(keys.SHOW_CODE_NAMESPACE);
+  const email = index_module.Dn(keys.VERIFICATION_EMAIL_NAMESPACE);
+  const [emailSent, setEmailSent] = stencilHooks_module.useState(false);
+  const [emailResent, setEmailResent] = stencilHooks_module.useState(false);
+  const [codeRef, setCodeRef] = stencilHooks_module.useState(null);
+  const [validationError, setValidationError] = stencilHooks_module.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 }] = useEmailVerification.useVerificationEmailMutation();
+  stencilHooks_module.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(keys.VERIFICATION_EVENT_KEY, {
+        detail: { token: res.verifyUserEmail.accessKey },
+        composed: true,
+        bubbles: true,
+      });
+      host.dispatchEvent(event);
+      reset();
+    }
+    else {
+      setValidationError(true);
+    }
+  };
+  stencilHooks_module.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) {
+    index.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.";
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  getTextProps() {
+    return utils.getProps(this);
+  }
+  render() {
+    const props = index_module.isDemo()
+      ? useDemoWidgetCodeVerification(this)
+      : useWidgetCodeVerification(this);
+    return index.h(WidgetCodeVerificationView, Object.assign({}, props));
+  }
+};
+function useDemoWidgetCodeVerification(props) {
+  return cjs.cjs({
+    states: {
+      loading: false,
+      email: "",
+      verifyFailed: false,
+    },
+    refs: {
+      codeWrapperRef: () => { },
+    },
+    callbacks: {
+      submitCode: async () => { },
+    },
+    text: props.getTextProps(),
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+exports.sqm_code_verification = WidgetCodeVerification;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index_module = require('./index.module-b8d9d0ba.js');
 const utils = require('./utils-6847bc06.js');
 const index = require('./index-8c6255f5.js');
 
@@ -16,7 +16,7 @@ function matchPath(pattern, page) {
   return regexp.exec(page);
 }
 function useContextRouter(props) {
-  const host = index_module._();
+  const host = index_module.T();
   const [slot, setSlot] = stencilHooks_module.useState(undefined);
   const [container, setContainer] = stencilHooks_module.useState(undefined);
   const context = props.contextName;

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

@@ -0,0 +1,137 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const index_module = require('./index.module-b8d9d0ba.js');
+const cjs = require('./cjs-1066ec21.js');
+const JSS = require('./JSS-8503a151.js');
+const utils = require('./utils-6847bc06.js');
+const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
+require('./keys-cff24974.js');
+const useEmailVerification = require('./useEmailVerification-30a1c7f6.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 = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function WidgetEmailVerificationView(props) {
+  const { states, callbacks, text } = props;
+  const renderLoadingSkeleton = () => {
+    return (index.h("div", { class: sheet.classes.Wrapper },
+      index.h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
+      index.h("sl-skeleton", { class: sheet.classes.SkeletonTwo }),
+      index.h("sl-skeleton", { class: sheet.classes.SkeletonThree })));
+  };
+  return (index.h("div", { part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    states.loading ? (renderLoadingSkeleton()) : (index.h("div", { class: sheet.classes.Wrapper },
+      " ",
+      index.h(sqmTextSpanView.TextSpanView, { type: "p" }, text.verifyEmailHeaderText),
+      index.h("sl-form", { "onSl-submit": callbacks.submitEmail },
+        index.h("div", { class: sheet.classes.InputsContainer },
+          index.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",
+            }
+            : {}))),
+          index.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) {
+    index.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";
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  getTextProps() {
+    return utils.getProps(this);
+  }
+  render() {
+    const props = index_module.isDemo()
+      ? useDemoWidgetEmailVerification(this)
+      : useEmailVerification.useWidgetEmailVerification(this);
+    return index.h(WidgetEmailVerificationView, Object.assign({}, props));
+  }
+};
+function useDemoWidgetEmailVerification(props) {
+  return cjs.cjs({
+    states: {
+      error: "",
+      loading: false,
+      email: "",
+    },
+    callbacks: {
+      submitEmail: async () => { },
+    },
+    text: props.getTextProps(),
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+exports.sqm_email_verification = WidgetEmailVerification;

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const global = require('./global-02e50f09.js');
-require('./index.module-df530553.js');
-const utils = require('./utils-6847bc06.js');
+const global = require('./global-c3637175.js');
+require('./index.module-b8d9d0ba.js');
 require('./JSS-8503a151.js');
+const utils = require('./utils-6847bc06.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-990a85a3.js');
 
 function EmptyStateView(props) {

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

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index_module = require('./index.module-b8d9d0ba.js');
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = index_module.J();
+  const token = index_module.B();
   const appDomain = domain;
-  const tenantAlias = index_module.z();
+  const tenantAlias = index_module.Y();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = index_module.Ee(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = stencilHooks_module.m(index_module.Pe, managedIdentityClient);
+  const managedIdentityClient = index_module.ke(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = stencilHooks_module.m(index_module.$e, managedIdentityClient);
   stencilHooks_module.useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index_module = require('./index.module-b8d9d0ba.js');
 require('./jsonpointer-11327262.js');
-require('./JSS-8503a151.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-const emailRegistrationView = require('./email-registration-view-4c5d9379.js');
-require('./useRegistrationFormState-876ed65d.js');
-const useInstantAccessRegistration = require('./useInstantAccessRegistration-bbe746d1.js');
+require('./JSS-8503a151.js');
+const emailRegistrationView = require('./email-registration-view-248652bb.js');
+require('./useRegistrationFormState-f9ce55be.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-ccf81eae.js');
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-invoice-table-view-e3b03a00.js → sqm-invoice-table-view-ce9a34ac.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-02e50f09.js');
+const global = require('./global-c3637175.js');
 const JSS = require('./JSS-8503a151.js');
 
 const INDIRECT_TAX_PROVINCES = [
@@ -698,6 +698,7 @@ const stepTwoProps = {
 };
 const stepFourProps = {
   states: {
+    showVerification: false,
     step: "4",
     hideSteps: false,
     disabled: false,
@@ -1471,6 +1472,23 @@ const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
       },
     } }));
 };
+const TaxAndCashDashboardIdentityVerifcationRequired = () => {
+  return (index.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 (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
@@ -1620,6 +1638,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   TaxAndCashDashboardIndirectTaxCanadaQuebec: TaxAndCashDashboardIndirectTaxCanadaQuebec,
   TaxAndCashDashboardIndirectTaxSpain: TaxAndCashDashboardIndirectTaxSpain,
   TaxAndCashDashboardIndirectTaxNotRegistered: TaxAndCashDashboardIndirectTaxNotRegistered,
+  TaxAndCashDashboardIdentityVerifcationRequired: TaxAndCashDashboardIdentityVerifcationRequired,
   TaxAndCashDashboardNewTaxForm: TaxAndCashDashboardNewTaxForm,
   TaxAndCashDashboardLoading: TaxAndCashDashboardLoading,
   TaxAndCashDashboardWithLoadingError: TaxAndCashDashboardWithLoadingError,

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const global = require('./global-02e50f09.js');
-const index_module = require('./index.module-df530553.js');
+const global = require('./global-c3637175.js');
+const index_module = require('./index.module-b8d9d0ba.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
 
@@ -24,10 +24,10 @@ const GET_RANK = index_module.dist.gql `
 `;
 function useLeaderboardRank(props) {
   var _a, _b, _c, _d;
-  const programIdContext = index_module.H();
+  const programIdContext = index_module.z();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  const user = index_module.Q();
+  const user = index_module.K();
   const rankVariables = programId
     ? {
       type: props.leaderboardType,
@@ -40,7 +40,7 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  const { data: rankData } = index_module.yn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = index_module.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) ? global.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/cjs/sqm-logout-current-user.cjs.entry.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
-const utils = require('./utils-6847bc06.js');
-require('./JSS-8503a151.js');
+const index_module = require('./index.module-b8d9d0ba.js');
 const cjs = require('./cjs-1066ec21.js');
+require('./JSS-8503a151.js');
+const utils = require('./utils-6847bc06.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-c9f18d96.js');
 
 const GET_USER_DETAILS = index_module.dist.gql `
@@ -23,8 +23,8 @@ const GET_USER_DETAILS = index_module.dist.gql `
 `;
 function useLogoutCurrentUser(props) {
   var _a, _b;
-  const user = index_module.Q();
-  const { loading, data } = index_module.yn(GET_USER_DETAILS, {}, !user);
+  const user = index_module.K();
+  const { loading, data } = index_module.En(GET_USER_DETAILS, {}, !user);
   const onSwitchClick = () => {
     index_module.setUserIdentity(undefined);
   };