@saasquatch/mint-components 1.6.8-13 → 1.6.8-15

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

@@ -1,20 +1,20 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { m as h, u as useEffect, i as useState, o as d, j as useRef, b as browser, f as useReducer } from './stencil-hooks.module-b48b45ec.js';
-import { i as intl } from './global-bb4b3160.js';
+import { i as intl } from './global-f82b3eaa.js';
 import { u as useCallback } from './use-callback-051c06c6.js';
-import { i as isDemo, V, d as dist, N, H, b as mn, I as Ie, T, O, a as dn, p as pn, j as xe, S as Se, k as ke, l as Le, v as vn } from './index.module-4b531657.js';
+import { i as isDemo, V, d as dist, L, b as mn, I as Ie, O, W, a as dn, p as pn, j as xe, S as Se, k as ke, l as _e, v as vn, T } from './index.module-3b85bfd6.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.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-8e289fe5.js';
-import { u as useChildElements } from './useChildElements-397ce8b1.js';
+import { a as useRequestRerender } from './re-render-3f69b74a.js';
+import { u as useChildElements } from './useChildElements-ed0cabc6.js';
 import './luxon-1e38d7f1.js';
 import { g as getProps, a as getMissingProps, s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './sqm-text-span-view-2f7d6d14.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-8e6fe126.js';
-import { b as useDemoBigStat, O as useBigStat, B as BigStatView, K as autoColorScaleCss, J as CardFeedView, j as CheckboxFieldView, C as CopyTextView, D as DropdownFieldView, E as EditProfileView, I as InputFieldView, Q 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, U as demoRewardExchange, k as RewardExchangeView, V as pathToRegexp, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-2dad6900.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-e59e841f.js';
+import { b as useDemoBigStat, O as useBigStat, B as BigStatView, K as autoColorScaleCss, J as CardFeedView, j as CheckboxFieldView, C as CopyTextView, D as DropdownFieldView, E as EditProfileView, I as InputFieldView, Q 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, U as demoRewardExchange, k as RewardExchangeView, V as pathToRegexp, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-dbb7e12b.js';
 import './sqm-portal-container-view-83b417f0.js';
 
 const BigStat = class {
@@ -265,30 +265,48 @@ function useCheckboxFieldDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const MessageLinkQuery = dist.gql `
-  query ($programId: ID) {
+const FuelTankRewardsQuery = dist.gql `
+  query fuelTankRewardsQuery {
     user: viewer {
       ... on User {
-        referralCode(programId: $programId)
+        instantAccessRewards(filter: { type_eq: FUELTANK }) {
+          data {
+            fuelTankCode
+            fuelTankType
+            statuses
+            dateGiven
+            dateExpires
+            dateRedeemed
+            dateCancelled
+            dateScheduledFor
+            datePendingForUnhandledError
+          }
+          count
+          totalCount
+        }
       }
     }
   }
 `;
-const WIDGET_ENGAGEMENT_EVENT = dist.gql `
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
-`;
 function useCouponCode(props) {
-  var _a, _b;
-  const { programId = N() } = props;
-  const user = H();
-  const engagementMedium = T();
-  const { data } = mn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = Ie(WIDGET_ENGAGEMENT_EVENT);
-  const copyString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b : 
-  // Shown during loading
-  "...";
+  var _a, _b, _c, _d;
+  const user = L();
+  const { data, loading, refetch, errors } = mn(FuelTankRewardsQuery, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const getStatus = (reward) => {
+    const possibleStates = [
+      "REDEEMED",
+      "CANCELLED",
+      "EXPIRED",
+      "PENDING",
+      "AVAILABLE",
+    ];
+    if (reward.statuses.length === 1)
+      return reward.statuses[0];
+    return possibleStates.find((state) => reward.statuses.includes(state) && state);
+  };
+  const reward = (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.fuelTankRewardsQuery) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.instantAccessRewards) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d[0];
+  const rewardStatus = getStatus(reward);
+  const copyString = (reward === null || reward === void 0 ? void 0 : reward.fuelTankCode) || "...";
   const [open, setOpen] = useState(false);
   function onClick() {
     // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
@@ -296,20 +314,8 @@ function useCouponCode(props) {
     navigator.clipboard.writeText(copyString);
     setOpen(true);
     setTimeout(() => setOpen(false), props.tooltiplifespan);
-    sendLoadEvent({
-      eventMeta: {
-        programId,
-        id: user === null || user === void 0 ? void 0 : user.id,
-        accountId: user === null || user === void 0 ? void 0 : user.accountId,
-        type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
-        meta: {
-          engagementMedium,
-          couponMedium: "DIRECT",
-        },
-      },
-    });
   }
-  return { ...props, onClick, open, copyString };
+  return { ...props, onClick, open, copyString, rewardStatus };
 }
 
 const CouponCode = class {
@@ -356,7 +362,25 @@ const CouponCode = class {
      *
      * @uiName Error message
      */
-    this.errorText = "Oops! Looks like we weren’t able to retrieve a code for you. Please try again later.";
+    this.pendingErrorText = "Oops! Looks like we weren’t able to retrieve a code for you. Please try again later or contact support.";
+    /**
+     * Set error message
+     *
+     * @uiName Error message
+     */
+    this.cancelledErrorText = "Oops! Your coupon code is cancelled. Please try again later or contact support.";
+    /**
+     * Set error message
+     *
+     * @uiName Error message
+     */
+    this.expiredErrorText = "Oops! Your coupon code is expired. Please try again later or contact support.";
+    /**
+     * Set error message
+     *
+     * @uiName Error message
+     */
+    this.redeemedErrorText = "Oops! Your coupon code has already been redeemed. Please try again later or contact support.";
     /**
      * Set coupon code placeholder for when there there is no coupon code to display
      *
@@ -371,7 +395,21 @@ const CouponCode = class {
     const props = isDemo()
       ? useDemoCouponCode(thisProps)
       : useCouponCode(thisProps);
-    return h$1(CopyTextView, Object.assign({}, props));
+    let errorText = "An error occurred";
+    switch (props.rewardStatus) {
+      case "CANCELLED":
+        errorText = this.cancelledErrorText;
+      case "PENDING":
+        errorText = this.pendingErrorText;
+      case "EXPIRED":
+        errorText = this.expiredErrorText;
+      case "REDEEMED":
+        errorText = this.redeemedErrorText;
+      case "AVAILABLE":
+        errorText = "";
+    }
+    console.log("ASDASDASD");
+    return h$1(CopyTextView, Object.assign({}, props, { errorText: errorText }));
   }
 };
 function useDemoCouponCode(props) {
@@ -383,8 +421,11 @@ function useDemoCouponCode(props) {
     textAlign: props.textAlign,
     buttonStyle: props.buttonStyle,
     copyButtonLabel: props.copyButtonLabel,
-    errorText: props.errorText,
-    error: false,
+    pendingErrorText: props.pendingErrorText,
+    cancelledErrorText: props.cancelledErrorText,
+    expiredErrorText: props.expiredErrorText,
+    redeemedErrorText: props.redeemedErrorText,
+    rewardStatus: "AVAILABLE",
     couponCodePlaceholder: props.couponCodePlaceholder,
     open,
     onClick: () => {
@@ -562,7 +603,7 @@ const defaultFormState = {
   error: "",
 };
 function useEditProfile(props) {
-  const userIdent = H();
+  const userIdent = L();
   const [showEdit, setShowEdit] = useState(false);
   const [error, setError] = useState("");
   const [userData, setUserData] = useState(undefined);
@@ -1054,11 +1095,11 @@ const GET_RANK = dist.gql `
 `;
 function useLeaderboard(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-  const programIdContext = N();
+  const programIdContext = O();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  const user = H();
-  const locale = O();
+  const user = L();
+  const locale = W();
   const variables = programId
     ? {
       type: props.leaderboardType,
@@ -1310,7 +1351,7 @@ function handleMenu(e) {
 function useNavigationMenu(props) {
   const ref = useRef();
   const [, rerender] = dn();
-  const user = H();
+  const user = L();
   useEffect(() => {
     var _a;
     (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener("sl-select", (e) => handleMenu(e));
@@ -1368,7 +1409,7 @@ function usePortalChangePassword(props) {
   const [open, setOpen] = useState(false);
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
-  const user = H();
+  const user = L();
   const submit = async (event) => {
     var _a, _b;
     setSuccess(false);
@@ -2123,7 +2164,7 @@ const ProgramExplainerStep = class {
 const debug = browser('sq:useProgramMenu');
 const UPDATE_PROGRAM_EVENT = 'sq:update-program-id';
 function useProgramMenu(props) {
-  const programId = N();
+  const programId = O();
   const host = V();
   debug({ programId, props });
   const ref = useRef();
@@ -2263,8 +2304,8 @@ const GET_USER_DETAILS = dist.gql `
 `;
 function useReferralIframe(props) {
   var _a;
-  const programId = N();
-  const user = H();
+  const programId = O();
+  const user = L();
   const { data } = mn(GET_USER_DETAILS, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
   return {
     states: {
@@ -2977,7 +3018,7 @@ const EXCHANGE = dist.gql `
   }
 `;
 function useRewardExchangeList(props) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e$1;
   const [exchangeState, setExchangeState] = useReducer((state, next) => ({
     ...state,
     ...next,
@@ -2990,7 +3031,7 @@ function useRewardExchangeList(props) {
   });
   const [open, setOpen] = useState(false);
   const { selectedItem, selectedStep, redeemStage, amount, exchangeError } = exchangeState;
-  const user = H();
+  const user = L();
   const [exchange, { data: exchangeResponse, loading: exchangeLoading, errors },] = Ie(EXCHANGE);
   const { data, loading, refetch, errors: queryError, } = mn(GET_EXCHANGE_LIST, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
   useEffect(() => {
@@ -3011,7 +3052,7 @@ function useRewardExchangeList(props) {
       canvas.confetti || confetti.create(canvas, { resize: true });
     canvas.confetti();
   }, [canvasRef.current]);
-  const { refresh } = Le();
+  const { refresh } = _e();
   async function exchangeReward() {
     if (!selectedItem)
       return;
@@ -3110,7 +3151,7 @@ function useRewardExchangeList(props) {
     },
     data: {
       exchangeList: (_c = (_b = data === null || data === void 0 ? void 0 : data.viewer) === null || _b === void 0 ? void 0 : _b.visibleRewardExchangeItems) === null || _c === void 0 ? void 0 : _c.data,
-      fuelTankCode: (_e = (_d = exchangeResponse === null || exchangeResponse === void 0 ? void 0 : exchangeResponse.exchangeReward) === null || _d === void 0 ? void 0 : _d.reward) === null || _e === void 0 ? void 0 : _e.fuelTankCode,
+      fuelTankCode: (_e$1 = (_d = exchangeResponse === null || exchangeResponse === void 0 ? void 0 : exchangeResponse.exchangeReward) === null || _d === void 0 ? void 0 : _d.reward) === null || _e$1 === void 0 ? void 0 : _e$1.fuelTankCode,
     },
     callbacks: {
       exchangeReward,
@@ -3555,7 +3596,7 @@ function useDemoShareButton(props) {
 }
 ShareButton.style = sqmShareButtonCss;
 
-const MessageLinkQuery$1 = dist.gql `
+const MessageLinkQuery = dist.gql `
   query ($programId: ID) {
     user: viewer {
       ... on User {
@@ -3564,18 +3605,18 @@ const MessageLinkQuery$1 = dist.gql `
     }
   }
 `;
-const WIDGET_ENGAGEMENT_EVENT$1 = dist.gql `
+const WIDGET_ENGAGEMENT_EVENT = dist.gql `
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
 `;
 function useShareCode(props) {
   var _a, _b;
-  const { programId = N() } = props;
-  const user = H();
+  const { programId = O() } = props;
+  const user = L();
   const engagementMedium = T();
-  const { data } = mn(MessageLinkQuery$1, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = Ie(WIDGET_ENGAGEMENT_EVENT$1);
+  const { data } = mn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = Ie(WIDGET_ENGAGEMENT_EVENT);
   const copyString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
@@ -3802,10 +3843,10 @@ const SEND_EVENT = dist.gql `
   }
 `;
 function useTaskCard(props) {
-  const user = H();
-  const locale = O();
+  const user = L();
+  const locale = W();
   const [sendUserEvent, { data, loading: loadingEvent }] = Ie(SEND_EVENT);
-  const { refresh } = Le();
+  const { refresh } = _e();
   useEffect(() => {
     if (data) {
       refresh();
@@ -4121,7 +4162,7 @@ const GET_USER_NAME = dist.gql `
 `;
 function useUserName(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const user = H();
+  const user = L();
   const res = mn(GET_USER_NAME, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
   const loading = res.loading;
   const username = ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.firstName) || ((_d = (_c = res.data) === null || _c === void 0 ? void 0 : _c.viewer) === null || _d === void 0 ? void 0 : _d.lastName)

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { n as m, u as useEffect, m as h } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { W, C as Ce, L, c as ye } from './index.module-4b531657.js';
+import { H, C as Ce, _, c as ye } from './index.module-3b85bfd6.js';
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = W();
+  const token = H();
   const appDomain = domain;
-  const tenantAlias = L();
+  const tenantAlias = _();
   // Memoization is shared. One client per domain, tenant and token (or null)
   const managedIdentityClient = Ce(appDomain, tenantAlias, token);
   const [, setGraphQLClient] = m(ye, 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 { m as h } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { i as isDemo, e as setUserIdentity } from './index.module-4b531657.js';
+import { i as isDemo, e as setUserIdentity } from './index.module-3b85bfd6.js';
 import './jsonpointer-388a7082.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-8987d3c0.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-dbefa6e5.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-2b0653e6.js';
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './stencil-hooks.module-b48b45ec.js';
-import { i as intl } from './global-bb4b3160.js';
+import { i as intl } from './global-f82b3eaa.js';
 import './use-callback-051c06c6.js';
-import { d as dist, N, H, b as mn, i as isDemo } from './index.module-4b531657.js';
+import { d as dist, O, L, b as mn, i as isDemo } from './index.module-3b85bfd6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 
@@ -21,10 +21,10 @@ const GET_RANK = dist.gql `
 `;
 function useLeaderboardRank(props) {
   var _a, _b, _c, _d;
-  const programIdContext = N();
+  const programIdContext = O();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  const user = H();
+  const user = L();
   const rankVariables = programId
     ? {
       type: props.leaderboardType,

package/dist/esm/{sqm-user-identifier-view-ca48b8e4.js → sqm-logout-current-user-view-5dd42341.js}

@@ -18,7 +18,7 @@ const vanillaStyle = `
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
-function UserIdentifierView(props) {
+function LogoutCurrentUserView(props) {
   const { userIdentificationText, onSwitchClick, switchUserText } = props;
   return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
     h("style", { type: "text/css" },
@@ -30,4 +30,4 @@ function UserIdentifierView(props) {
     ")"));
 }
 
-export { UserIdentifierView as U };
+export { LogoutCurrentUserView as L };

package/dist/esm/{sqm-user-identifier.entry.js → sqm-logout-current-user.entry.js}

@@ -1,12 +1,12 @@
 import { r as registerInstance, h } from './index-17b4da69.js';
 import './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { e as setUserIdentity, i as isDemo } from './index.module-4b531657.js';
+import { e as setUserIdentity, i as isDemo } from './index.module-3b85bfd6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import { U as UserIdentifierView } from './sqm-user-identifier-view-ca48b8e4.js';
+import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-5dd42341.js';
 
-function useUserIdentifier(
+function useLogoutCurrentUser(
 // @ts-ignore;
 props) {
   const onSwitchClick = () => {
@@ -19,7 +19,7 @@ props) {
   };
 }
 
-const UserIdentifier = class {
+const LogoutCurrentUser = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
@@ -35,12 +35,12 @@ const UserIdentifier = class {
   }
   render() {
     const props = isDemo()
-      ? useDemoUserIdentifier(this)
-      : useUserIdentifier();
-    return h(UserIdentifierView, Object.assign({}, props));
+      ? useDemoLogoutCurrentUser(this)
+      : useLogoutCurrentUser();
+    return h(LogoutCurrentUserView, Object.assign({}, props));
   }
 };
-function useDemoUserIdentifier(props) {
+function useDemoLogoutCurrentUser(props) {
   return cjs({
     onSwitchClick: () => setUserIdentity(undefined),
     userIdentificationText: props.userIdentificationText,
@@ -48,4 +48,4 @@ function useDemoUserIdentifier(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-export { UserIdentifier as sqm_user_identifier };
+export { LogoutCurrentUser as sqm_logout_current_user };

package/dist/esm/{sqm-navigation-sidebar-item-view-344fad1c.js → sqm-navigation-sidebar-item-view-2154f6b7.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { p as pn } from './index.module-4b531657.js';
+import { p as pn } from './index.module-3b85bfd6.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,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { v as vn, i as isDemo } from './index.module-4b531657.js';
+import { v as vn, i as isDemo } from './index.module-3b85bfd6.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-344fad1c.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-2154f6b7.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = vn();

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h, i as useState, u as useEffect } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { v as vn, N } from './index.module-4b531657.js';
+import { v as vn, O } from './index.module-3b85bfd6.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-feb719ce.js';
 
 const NavigationSidebar = class {
@@ -18,7 +18,7 @@ const NavigationSidebar = class {
 };
 function useNavigationSidebar() {
   const location = vn();
-  const programId = N();
+  const programId = O();
   const [checked, setChecked] = useState(false);
   // Close hamburger menu after navigation
   useEffect(() => {

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

@@ -1,11 +1,11 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
 import { o as d, i as useState, m as h$1 } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { i as isDemo } from './index.module-4b531657.js';
+import { i as isDemo } from './index.module-3b85bfd6.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 { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-8e6fe126.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-e59e841f.js';
 
 var constants = {
   error: {

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

@@ -1,7 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { m as h$1 } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { T } from './index.module-4b531657.js';
+import { T } from './index.module-3b85bfd6.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-email-verification-view-71ace81d.js → sqm-portal-email-verification-view-f237a7f0.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-bb4b3160.js';
+import { i as intl } from './global-f82b3eaa.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-2f7d6d14.js';

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

@@ -1,19 +1,19 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { i as useState, j as useRef, u as useEffect, m as h } from './stencil-hooks.module-b48b45ec.js';
-import './global-bb4b3160.js';
+import './global-f82b3eaa.js';
 import { u as useCallback } from './use-callback-051c06c6.js';
-import { o as on, K as Ke, H, p as pn, i as isDemo } from './index.module-4b531657.js';
+import { o as on, K as Ke, L, p as pn, i as isDemo } from './index.module-3b85bfd6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-2f7d6d14.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-71ace81d.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-f237a7f0.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const [request, { loading, data, errors }] = on();
   const [getVerificationStatus, { data: user, loading: loadingVerification }] = Ke();
-  const userIdent = H();
+  const userIdent = L();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
   const urlParams = new URLSearchParams(pn.location.search);
   const nextPage = urlParams.get("nextPage");

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { i as useState, m as h } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { r as rn, p as pn, i as isDemo } from './index.module-4b531657.js';
+import { t as tn, p as pn, i as isDemo } from './index.module-3b85bfd6.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
@@ -13,7 +13,7 @@ function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
-  const [request, { loading, data, errors }] = rn();
+  const [request, { loading, data, errors }] = tn();
   const urlParams = new URLSearchParams(pn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance } from './index-17b4da69.js';
 import { m as h } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { e as setUserIdentity, p as pn, i as isDemo } from './index.module-4b531657.js';
+import { e as setUserIdentity, p as pn, i as isDemo } from './index.module-3b85bfd6.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-53979418.js → sqm-portal-profile-view-bd86d8c4.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-bb4b3160.js';
+import { i as intl } from './global-f82b3eaa.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-2f7d6d14.js';
 

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { i as useState, u as useEffect, m as h } from './stencil-hooks.module-b48b45ec.js';
-import './global-bb4b3160.js';
+import './global-f82b3eaa.js';
 import './use-callback-051c06c6.js';
-import { d as dist, H, b as mn, I as Ie, i as isDemo } from './index.module-4b531657.js';
+import { d as dist, L, b as mn, I as Ie, i as isDemo } from './index.module-3b85bfd6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './sqm-text-span-view-2f7d6d14.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-53979418.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-bd86d8c4.js';
 
 const GET_USER = dist.gql `
   query {
@@ -53,7 +53,7 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = H();
+  const userIdent = L();
   const [success, setSuccess] = useState(false);
   const [userData, setUserData] = useState(undefined);
   const [formState, setFormState] = useState(defaultFormState);

package/dist/esm/sqm-portal-protected-route.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { u as useEffect, m as h } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { H, v as vn, p as pn, i as isDemo } from './index.module-4b531657.js';
+import { L, v as vn, p as pn, i as isDemo } from './index.module-3b85bfd6.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = H();
+  const userIdent = L();
   const authenticated = !!(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt);
   const emailVerified = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified;
   const { pathname, search } = vn();

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

@@ -1,14 +1,14 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
 import { j as useRef, u as useEffect, m as h$1 } from './stencil-hooks.module-b48b45ec.js';
 import { u as useCallback } from './use-callback-051c06c6.js';
-import { d as dist, q as qe, b as mn, p as pn, i as isDemo } from './index.module-4b531657.js';
+import { d as dist, q as qe, b as mn, p as pn, i as isDemo } from './index.module-3b85bfd6.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-2f7d6d14.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-8e6fe126.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-e59e841f.js';
 
 const style = {
   Wrapper: { ...AuthWrapper, "max-width": "600px" },