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

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-be9af765.js');
-const index_module = require('./index.module-8562f350.js');
+require('./global-6785de71.js');
+const index_module = require('./index.module-02576958.js');
 require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-380b83e2.js');
-require('./useChildElements-be4e0841.js');
+require('./useChildElements-74eb05b6.js');
 const luxon = require('./luxon-53e983a6.js');
 require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
@@ -18,15 +18,15 @@ const sqmAssetCardView = require('./sqm-asset-card-view-a0e33f21.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-fd6e8f60.js');
 const emailRegistrationView = require('./email-registration-view-a6b6430e.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
-const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-555c7729.js');
+const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-c9f18d96.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-dd53f947.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-28578dce.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-077c12f7.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-21dcca39.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d6e14e8d.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0142350f.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-b3d1e0f7.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-13a1229f.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d5bc7afc.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-f6c7287e.js');
-const ShadowViewAddon = require('./ShadowViewAddon-25025125.js');
+const ShadowViewAddon = require('./ShadowViewAddon-43f35e24.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-5fb2ad49.js');
 
 /**
@@ -2393,36 +2393,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.pn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.pn.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.pn.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.pn.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.pn.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.pn.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.pn.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.pn.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.pn.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.hn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.hn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.hn.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.hn.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.hn.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.hn.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.hn.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.hn.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.hn.forward() }, "Forward"),
     index.h("hr", null),
     index.h("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.pn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.pn.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.pn.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.pn.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.pn.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.pn.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.pn.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.pn.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.pn.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.hn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.hn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.hn.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.hn.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.hn.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.hn.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.hn.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.hn.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.hn.forward() }, "Forward"),
     index.h("hr", null),
     index.h("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.pn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.pn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.hn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.hn.push("/foo") }, "/foo"),
     index.h("hr", null),
     index.h("div", { style: { display: "flex", justifyContent: "space-around" } },
       index.h("sqm-router", { innerHTML: `<template path="/">
@@ -2436,7 +2436,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = stencilHooks_module.useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    index_module.pn.push(e.target.value);
+    index_module.hn.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2600,8 +2600,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.gn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.pn.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.vn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.hn.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2625,8 +2625,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.gn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.pn.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.vn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.hn.back }, "Go Back")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -3351,7 +3351,7 @@ function useExchangeButton() {
   const { id, accountId } = setupGraphQL$6();
   const [points, setPoints] = stencilHooks_module.useState(10);
   const [rate, setRate] = stencilHooks_module.useState(100);
-  const [exchange, { data, errors }] = index_module.Ge(EXCHANGE);
+  const [exchange, { data, errors }] = index_module.ze(EXCHANGE);
   return {
     states: {
       points,
@@ -3952,16 +3952,16 @@ function DefaultTemplateView(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      index.h("button", { onClick: () => index_module.pn.push("/") }, "Dashboard"),
-      props.leadSubmit && (index.h("button", { onClick: () => index_module.pn.push("/refer") }, "Submit a Referral")),
-      index.h("button", { onClick: () => index_module.pn.push("/activity") }, "Activity"),
-      index.h("button", { onClick: () => index_module.pn.push("/editProfile") }, "Edit Profile"),
-      index.h("button", { onClick: () => index_module.pn.push("/login") }, "Login"),
-      index.h("button", { onClick: () => index_module.pn.push("/register") }, "Register"),
-      index.h("button", { onClick: () => index_module.pn.push("/emailVerification") }, "Email Verification"),
-      index.h("button", { onClick: () => index_module.pn.push("/verifyEmail") }, "Verify Email"),
-      index.h("button", { onClick: () => index_module.pn.push("/forgotPassword") }, "Forgot Password"),
-      index.h("button", { onClick: () => index_module.pn.push("/resetPassword") }, "Reset Password")),
+      index.h("button", { onClick: () => index_module.hn.push("/") }, "Dashboard"),
+      props.leadSubmit && (index.h("button", { onClick: () => index_module.hn.push("/refer") }, "Submit a Referral")),
+      index.h("button", { onClick: () => index_module.hn.push("/activity") }, "Activity"),
+      index.h("button", { onClick: () => index_module.hn.push("/editProfile") }, "Edit Profile"),
+      index.h("button", { onClick: () => index_module.hn.push("/login") }, "Login"),
+      index.h("button", { onClick: () => index_module.hn.push("/register") }, "Register"),
+      index.h("button", { onClick: () => index_module.hn.push("/emailVerification") }, "Email Verification"),
+      index.h("button", { onClick: () => index_module.hn.push("/verifyEmail") }, "Verify Email"),
+      index.h("button", { onClick: () => index_module.hn.push("/forgotPassword") }, "Forgot Password"),
+      index.h("button", { onClick: () => index_module.hn.push("/resetPassword") }, "Reset Password")),
     index.h("br", null),
     index.h("div", { innerHTML: states.previewTemplate })));
 }
@@ -13564,6 +13564,8 @@ const defaultProps$f = {
   filledInEmailText: "Currently showing referral data for noah.clarke@saasquatch.com",
   onSwitchClick: () => console.log("clicked"),
   switchUserText: "not you?",
+  loading: false,
+  emailErrorText: "Error fetching email",
 };
 const Default$f = () => {
   return index.h(sqmLogoutCurrentUserView.LogoutCurrentUserView, Object.assign({}, defaultProps$f));

package/dist/cjs/sqm-tab.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-e4bf7f2d.js');
-require('./index.module-8562f350.js');
-const reRender = require('./re-render-9a91bde6.js');
+require('./index.module-02576958.js');
+const reRender = require('./re-render-c484d9ab.js');
 
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-8562f350.js');
-const reRender = require('./re-render-9a91bde6.js');
-const useChildElements = require('./useChildElements-be4e0841.js');
+const index_module = require('./index.module-02576958.js');
+const reRender = require('./re-render-c484d9ab.js');
+const useChildElements = require('./useChildElements-74eb05b6.js');
 const utils = require('./utils-6847bc06.js');
 
 const TabsView = ({ content, placement, }) => {
@@ -42,7 +42,7 @@ const TabsView = ({ content, placement, }) => {
 const REVEAL_EVENT = "sq:reveal";
 function useTabs() {
   const rawTabs = useChildElements.useChildElements();
-  const host = index_module.x();
+  const host = index_module.V();
   const tick = reRender.useRerenderListener();
   const tabs = stencilHooks_module.useMemo(() => rawTabs
     .filter((tab) => tab.tagName === "SQM-TAB" || tab.tagName === "RAISINS-PLOP-TARGET")

package/dist/cjs/{useChildElements-be4e0841.js → useChildElements-74eb05b6.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-8562f350.js');
+const index_module = require('./index.module-02576958.js');
 
 function useChildElements() {
-  const host = index_module.x();
+  const host = index_module.V();
   const initialState = host.children.length
     ? Array.from(host.children)
     : [];

package/dist/cjs/{useInstantAccessRegistration-27a20410.js → useInstantAccessRegistration-11ff69f8.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-8562f350.js');
+const index_module = require('./index.module-02576958.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-7b557a04.js');
+const useRegistrationFormState = require('./useRegistrationFormState-01d63bda.js');
 
 function useInstantAccessRegistration(props) {
   const cookie = new URLSearchParams(window.location.search);
   const cookies = cookie === null || cookie === void 0 ? void 0 : cookie.get("_saasquatch");
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState();
-  const [request, { loading, errors, data }] = index_module.cn();
+  const [request, { loading, errors, data }] = index_module.un();
   const [error, setError] = stencilHooks_module.useState("");
   const submit = async (event) => {
     var _a;

package/dist/cjs/{useReferralTable-ca564dcb.js → useReferralTable-6ca43436.js}

@@ -2,9 +2,9 @@
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-8562f350.js');
-const reRender = require('./re-render-9a91bde6.js');
-const useChildElements = require('./useChildElements-be4e0841.js');
+const index_module = require('./index.module-02576958.js');
+const reRender = require('./re-render-c484d9ab.js');
+const useChildElements = require('./useChildElements-74eb05b6.js');
 const luxon = require('./luxon-53e983a6.js');
 
 const mockRewardData = (count = 4) => {
@@ -356,8 +356,8 @@ const GET_REFERRAL_DATA = index_module.dist.gql `
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b, _c;
-  const user = index_module.U();
-  const programIdContext = index_module.N();
+  const user = index_module.H();
+  const programIdContext = index_module.W();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   // If no program ID, shows all programs
@@ -379,15 +379,15 @@ function useReferralTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const locale = index_module.W();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.vn(GET_REFERRER_DATA, {
+  const locale = index_module.O();
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.mn(GET_REFERRER_DATA, {
     programId: programId === "classic" ? null : programId,
     rewardFilter,
     locale,
   }, !props.showReferrer || !(user === null || user === void 0 ? void 0 : user.jwt));
   const referrerData = (_b = referrerResponse === null || referrerResponse === void 0 ? void 0 : referrerResponse.viewer) === null || _b === void 0 ? void 0 : _b.referredByReferral;
   const showReferrerRow = props.showReferrer && !!(referrerData === null || referrerData === void 0 ? void 0 : referrerData.dateReferralStarted);
-  const { envelope: referralData, states, callbacks, } = index_module.Cn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
+  const { envelope: referralData, states, callbacks, } = index_module.yn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
     limit: props.perPage,
     offset: 0,
   }, {

package/dist/cjs/{useRegistrationFormState-7b557a04.js → useRegistrationFormState-01d63bda.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-8562f350.js');
+const index_module = require('./index.module-02576958.js');
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {
-  const host = index_module.x();
+  const host = index_module.V();
   const [registrationFormState, setRegistrationFormState] = stencilHooks_module.y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
   return { registrationFormState, setRegistrationFormState };
 }

package/dist/collection/components/sqm-logout-current-user/LogoutCurrentUser.stories.js

@@ -11,6 +11,8 @@ const defaultProps = {
   filledInEmailText: "Currently showing referral data for noah.clarke@saasquatch.com",
   onSwitchClick: () => console.log("clicked"),
   switchUserText: "not you?",
+  loading: false,
+  emailErrorText: "Error fetching email",
 };
 export const Default = () => {
   return h(LogoutCurrentUserView, Object.assign({}, defaultProps));

package/dist/collection/components/sqm-logout-current-user/sqm-logout-current-user-view.js

@@ -1,7 +1,13 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../styling/JSS";
 const style = {
-  Container: { color: "var(--sl-color-neutral-600)" },
+  Container: { display: "flex", color: "var(--sl-color-neutral-600)" },
+  Text: {
+    maxWidth: "400px",
+    display: "inline-block",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+  },
   Link: {
     textDecoration: "none",
     color: "var(--sl-color-primary-700)",
@@ -20,13 +26,14 @@ const vanillaStyle = `
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export function LogoutCurrentUserView(props) {
-  const { filledInEmailText, onSwitchClick, switchUserText } = props;
+  const { loading, filledInEmailText, onSwitchClick, switchUserText, emailErrorText, } = props;
   return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
-    filledInEmailText,
-    " (",
-    h("a", { class: sheet.classes.Link, onClick: onSwitchClick, part: "sqm-link" }, switchUserText),
+    h("span", { class: sheet.classes.Text }, loading ? "..." : filledInEmailText || emailErrorText),
+    " ",
+    "(",
+    h("span", { class: sheet.classes.Link, onClick: onSwitchClick, part: "sqm-link" }, switchUserText),
     ")"));
 }

package/dist/collection/components/sqm-logout-current-user/sqm-logout-current-user.js

@@ -23,6 +23,11 @@ export class LogoutCurrentUser {
      * @uiName Switch user button label
      */
     this.switchUserText = "not you?";
+    /**
+     * @required
+     * @uiName Error text
+     */
+    this.emailErrorText = "Error fetching email";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -33,6 +38,7 @@ export class LogoutCurrentUser {
     const content = {
       userIdentificationText: this.userIdentificationText,
       switchUserText: this.switchUserText,
+      emailErrorText: this.emailErrorText,
     };
     return h(LogoutCurrentUserView, Object.assign({}, props, content));
   }
@@ -87,6 +93,30 @@ export class LogoutCurrentUser {
       "reflect": false,
       "defaultValue": "\"not you?\""
     },
+    "emailErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "required"
+          }, {
+            "text": "Error text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "email-error-text",
+      "reflect": false,
+      "defaultValue": "\"Error fetching email\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
@@ -124,5 +154,7 @@ function useDemoLogoutCurrentUser(props) {
     onSwitchClick: () => setUserIdentity(undefined),
     filledInEmailText: "john@example.com",
     switchUserText: props.switchUserText,
+    emailErrorText: props.emailErrorText,
+    loading: false,
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

package/dist/collection/components/sqm-logout-current-user/useLogoutCurrentUser.js

@@ -1,12 +1,27 @@
-import { setUserIdentity, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { setUserIdentity, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { gql } from "graphql-request";
+const GET_USER_DETAILS = gql `
+  query getUserDetails($id: String!, $accountId: String!) {
+    user(id: $id, accountId: $accountId) {
+      id
+      accountId
+      email
+    }
+  }
+`;
 export function useLogoutCurrentUser(props) {
-  var _a;
+  var _a, _b;
   const user = useUserIdentity();
+  const { loading, data } = useQuery(GET_USER_DETAILS, {
+    id: user === null || user === void 0 ? void 0 : user.id,
+    accountId: user === null || user === void 0 ? void 0 : user.accountId,
+  }, !user);
   const onSwitchClick = () => {
     setUserIdentity(undefined);
   };
-  const filledInEmailText = (_a = props.userIdentificationText) === null || _a === void 0 ? void 0 : _a.replace("{email}", (user === null || user === void 0 ? void 0 : user.id) || "Error fetching email");
+  const filledInEmailText = (_a = props.userIdentificationText) === null || _a === void 0 ? void 0 : _a.replace("{email}", (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.email);
   return {
+    loading,
     onSwitchClick,
     filledInEmailText,
     ...props,

package/dist/esm/{ShadowViewAddon-53810b62.js → ShadowViewAddon-a5b397ce.js}

@@ -1,11 +1,11 @@
 import { h, c as Host, d as getAssetPath, g as getElement } from './index-17b4da69.js';
 import { j as useState, b as browser, u as useMemo, f as useEffect } from './stencil-hooks.module-14b87f98.js';
-import { i as intl } from './global-179b13db.js';
-import { d as dist, N, U, v as vn, E as Ee, J, g as getEnvironmentSDK, W, u as useCallback } from './index.module-9469b28f.js';
+import { i as intl } from './global-91edfca0.js';
+import { d as dist, W, H, b as mn, F as Fe, T, g as getEnvironmentSDK, O, f as useCallback } from './index.module-99d8522e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-67b5cff8.js';
-import { u as useChildElements } from './useChildElements-1338b131.js';
+import { u as useChildElements } from './useChildElements-b945a965.js';
 import { l as luxon } from './luxon-f01e85fe.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
@@ -416,11 +416,11 @@ const WIDGET_ENGAGEMENT_EVENT = dist.gql `
 `;
 function useShareLink(props) {
   var _a, _b;
-  const { programId = N() } = props;
-  const user = U();
-  const engagementMedium = J();
-  const { data } = vn(MessageLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = Ee(WIDGET_ENGAGEMENT_EVENT);
+  const { programId = W() } = props;
+  const user = H();
+  const engagementMedium = T();
+  const { data } = mn(MessageLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = Fe(WIDGET_ENGAGEMENT_EVENT);
   const copyString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
@@ -505,15 +505,15 @@ function GenericShare(res) {
 function useShareButton(props) {
   var _a, _b;
   const { sharetitle, sharetext, medium } = props;
-  const programId = props.programId ? props.programId : N();
-  const user = U();
+  const programId = props.programId ? props.programId : W();
+  const user = H();
   const variables = {
-    engagementMedium: J(),
+    engagementMedium: T(),
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
   // only queries if a programId is available
-  const res = vn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const res = mn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
   const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
   const environment = getEnvironmentSDK();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
@@ -831,7 +831,7 @@ function pathToRegexp(path, keys, options) {
 const debug = browser("sq:useBigStat");
 const LOADING = "...";
 const debugQuery = (query, variables, getStat) => {
-  const res = vn(query, variables);
+  const res = mn(query, variables);
   if (!(res === null || res === void 0 ? void 0 : res.data) && !res.loading) {
     console.error("issue getting stat:", res);
   }
@@ -1242,7 +1242,7 @@ const rewardsRedeemedWeekQuery = (programId, locale, type, unit, global = "") =>
           locale: $locale
           formatType: UNIT_FORMATTED
         )}`;
-      const result = vn(query, {
+      const result = mn(query, {
         value: redeemedTotal,
         unit,
         locale,
@@ -1301,7 +1301,7 @@ const rewardsRedeemedMonthQuery = (programId, locale, type, unit, global = "") =
           locale: $locale
           formatType: UNIT_FORMATTED
         )}`;
-      const result = vn(query, {
+      const result = mn(query, {
         value: redeemedTotal,
         unit,
         locale,
@@ -1665,11 +1665,11 @@ const StatPaths = [
 const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 function useBigStat(props) {
   var _a;
-  const { statType, flexReverse, alignment, programId = N(), } = props;
+  const { statType, flexReverse, alignment, programId = W(), } = props;
   // triggers a re-render if the label is manually changed
   useChildElements();
-  const locale = W();
-  const userIdent = U();
+  const locale = O();
+  const userIdent = H();
   const re = useMemo(() => StatPatterns.find((re) => re.exec(statType)), [statType]);
   if (!(re === null || re === void 0 ? void 0 : re.exec(statType))) {
     return {

package/dist/esm/{global-179b13db.js → global-91edfca0.js}

@@ -1,5 +1,5 @@
 import { g as getAugmentedNamespace, c as createCommonjsModule, a as commonjsGlobal, b as browser, l as l$1 } from './stencil-hooks.module-14b87f98.js';
-import { s as src, m as memoize, O } from './index.module-9469b28f.js';
+import { s as src, m as memoize, x } from './index.module-99d8522e.js';
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -26635,7 +26635,7 @@ sl-input::part(label){
 
 `;
 
-O(l$1);
+x(l$1);
 const debug = browser("sq:global");
 const cache = createIntlCache();
 const intl = createIntl({