@saasquatch/mint-components 1.11.1-9 → 1.11.1

package/dist/esm/{sqm-leaderboard-rank-view-10657658.js → sqm-leaderboard-rank-view-773a586f.js}

@@ -1,4 +1,4 @@
-import { h } from './index-17b4da69.js';
+import { h } from './index-014ddfa3.js';
 
 function LeaderboardRankView(props) {
   const { data } = props;

package/dist/esm/sqm-leaderboard-rank.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 { 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 { r as registerInstance, h as h$1 } from './index-014ddfa3.js';
+import { n as h } from './stencil-hooks.module-576d7f01.js';
+import { i as intl } from './global-701bd5b0.js';
+import { d as dist, H, Q, y as yn, i as isDemo } from './index.module-5eb0926c.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
+import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-773a586f.js';
 
 const GET_RANK = dist.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {

package/dist/esm/{sqm-logout-current-user-view-2c6122cd.js → sqm-logout-current-user-view-dfcd508a.js}

@@ -1,4 +1,4 @@
-import { h } from './index-17b4da69.js';
+import { h } from './index-014ddfa3.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const style = {

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

@@ -1,10 +1,10 @@
-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 { r as registerInstance, h as h$1 } from './index-014ddfa3.js';
+import { n as h } from './stencil-hooks.module-576d7f01.js';
+import { d as dist, Q, y as yn, c as setUserIdentity, i as isDemo } from './index.module-5eb0926c.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
+import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-dfcd508a.js';
 
 const GET_USER_DETAILS = dist.gql `
   query getUserDetails {

package/dist/esm/{sqm-navigation-sidebar-item-view-14114804.js → sqm-navigation-sidebar-item-view-9fa7f5ea.js}

@@ -1,5 +1,5 @@
-import { h } from './index-17b4da69.js';
-import { e as $n } from './index.module-f122af7b.js';
+import { h } from './index-014ddfa3.js';
+import { f as $n } from './index.module-5eb0926c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as gap } from './mixins-f60a614c.js';
 

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { S as Sn, i as isDemo } from './index.module-f122af7b.js';
+import { r as registerInstance, h as h$1 } from './index-014ddfa3.js';
+import { n as h } from './stencil-hooks.module-576d7f01.js';
+import { S as Sn, i as isDemo } from './index.module-5eb0926c.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-14114804.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-9fa7f5ea.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = Sn();

package/dist/esm/{sqm-navigation-sidebar-view-0312e073.js → sqm-navigation-sidebar-view-5f332ea1.js}

@@ -1,4 +1,4 @@
-import { h } from './index-17b4da69.js';
+import { h } from './index-014ddfa3.js';
 
 const vanillaStyle = `
 

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 { n as h, k as useState, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { S as Sn, H } from './index.module-f122af7b.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0312e073.js';
+import { r as registerInstance, h as h$1 } from './index-014ddfa3.js';
+import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-576d7f01.js';
+import { S as Sn, H } from './index.module-5eb0926c.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-5f332ea1.js';
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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

@@ -1,10 +1,11 @@
-import { h, r as registerInstance } from './index-17b4da69.js';
-import { n as h$1, k as useState } from './stencil-hooks.module-ac12ca1c.js';
-import { I as In, i as isDemo, d as dist, H, Q, y as yn, $ as $e, B } from './index.module-f122af7b.js';
+import { h, F as Fragment, r as registerInstance } from './index-014ddfa3.js';
+import { n as h$1, k as useState } from './stencil-hooks.module-576d7f01.js';
+import { i as intl } from './global-701bd5b0.js';
+import { I as In, i as isDemo, d as dist, H, Q, y as yn, $ as $e, B } from './index.module-5eb0926c.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_USED, C as CopyTextView, u as useReferralCodes } from './copy-text-view-30eb24f2.js';
-import { c as cjs } from './cjs-bdfb4486.js';
+import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, C as CopyTextView, u as useReferralCodes } from './copy-text-view-e66261c5.js';
 import './mixins-f60a614c.js';
 
 const style = {
@@ -23,23 +24,45 @@ const style = {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PaginationView(props) {
-  const { onNext, onPrev, currentPage, totalPages } = props;
+  const { states, callbacks, text } = props;
+  const { onNext, onPrev } = callbacks;
+  const { currentPage, totalPages, loading } = states;
+  if (totalPages === 1)
+    return h(Fragment, null);
   return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
     h("style", { type: "text/css" }, styleString),
-    h("sl-button", { onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
-      h("sl-icon", { name: "chevron-left", label: "Previous Page" })),
-    h("div", { class: sheet.classes.TextContainer },
-      h("span", null, currentPage),
-      h("span", null, "of"),
-      h("span", null, totalPages)),
+    !loading && (h(Fragment, null,
+      h("sl-button", { onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
+        h("sl-icon", { name: "chevron-left", label: "Previous Page" })),
+      h("div", { class: sheet.classes.TextContainer }, text.paginationText))),
     h("sl-button", { onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
       h("sl-icon", { name: "chevron-right", label: "Previous Page" }))));
 }
 
-function usePagination() {
+function usePagination(props) {
+  var _a;
   const context = In(REFERRAL_CODES_PAGINATION_CONTEXT);
+  const currentPage = context.states.currentPage + 1;
+  const totalPages = (_a = context.states) === null || _a === void 0 ? void 0 : _a.pageCount;
   return {
-    ...context,
+    states: {
+      currentPage,
+      totalPages,
+      loading: context.states.loading,
+    },
+    callbacks: {
+      onNext: () => { var _a, _b; return (_a = context.callbacks) === null || _a === void 0 ? void 0 : _a.setCurrentPage(((_b = context.states) === null || _b === void 0 ? void 0 : _b.currentPage) + 1); },
+      onPrev: () => { var _a, _b; return (_a = context.callbacks) === null || _a === void 0 ? void 0 : _a.setCurrentPage(((_b = context.states) === null || _b === void 0 ? void 0 : _b.currentPage) - 1); },
+    },
+    text: {
+      paginationText: intl.formatMessage({
+        id: `paginationText`,
+        defaultMessage: props.paginationText,
+      }, {
+        currentPage,
+        totalPages,
+      }),
+    },
   };
 }
 
@@ -47,46 +70,46 @@ const Pagination = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
+    /**
+     * @uiName Pagination text
+     */
+    this.paginationText = "{currentPage} of {totalPages}";
     h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    // const props = getProps(this);
-    var _a, _b;
     const hookProps = isDemo()
       ? useDemoPagination(getProps(this))
-      : usePagination();
-    console.log("pagination", { hookProps });
-    const props = {
-      currentPage: (_a = hookProps.states) === null || _a === void 0 ? void 0 : _a.currentPage,
-      totalPages: (_b = hookProps.states) === null || _b === void 0 ? void 0 : _b.pageCount,
-      onNext: () => { var _a, _b; return (_a = hookProps.callbacks) === null || _a === void 0 ? void 0 : _a.setCurrentPage(((_b = hookProps.states) === null || _b === void 0 ? void 0 : _b.currentPage) + 1); },
-      onPrev: () => { var _a, _b; return (_a = hookProps.callbacks) === null || _a === void 0 ? void 0 : _a.setCurrentPage(((_b = hookProps.states) === null || _b === void 0 ? void 0 : _b.currentPage) - 1); },
-      text: {
-        ofText: "of",
-      },
-    };
-    return h(PaginationView, Object.assign({}, props));
+      : usePagination(getProps(this));
+    return h(PaginationView, Object.assign({}, hookProps));
   }
 };
 function useDemoPagination(props) {
   const [currentPage, setCurrentPage] = useState(1);
   return cjs({
     states: {
-      currentPage: currentPage,
-      pageCount: 5,
+      currentPage,
+      totalPages: 5,
+      loading: false,
     },
     callbacks: {
-      setCurrentPage,
+      onNext: () => setCurrentPage(currentPage + 1),
+      onPrev: () => setCurrentPage(currentPage - 1),
     },
     text: {
-      ofText: `${currentPage} of 5`,
+      paginationText: intl.formatMessage({
+        id: `paginationText`,
+        defaultMessage: props.paginationText || "{currentPage} of {totalPages}",
+      }, {
+        currentPage: currentPage,
+        totalPages: 5,
+      }),
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 const MessageLinkQuery = dist.gql `
-  query ($programId: ID) {
+  query getReferralCode($programId: ID) {
     user: viewer {
       ... on User {
         referralCode(programId: $programId)
@@ -107,14 +130,15 @@ function useReferralCode(props) {
   const contextData = In(REFERRAL_CODES_NAMESPACE);
   const { data } = yn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || (contextData === null || contextData === void 0 ? void 0 : contextData.referralCode) !== undefined);
   const [sendLoadEvent] = $e(WIDGET_ENGAGEMENT_EVENT);
-  const [setUsed, usedRes] = $e(SET_CODE_USED);
+  const [setCopied] = $e(SET_CODE_COPIED);
   const copyString = (_b = ((contextData === null || contextData === void 0 ? void 0 : contextData.referralCode) || ((_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
   "...";
   const [open, setOpen] = useState(false);
-  function onClick() {
+  async function onClick() {
     if (contextData) {
-      setUsed(true);
+      await setCopied({ referralCode: contextData.referralCode });
+      contextData.refresh();
     }
     // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
     // Only if called from a user-initiated event
@@ -134,7 +158,14 @@ function useReferralCode(props) {
       },
     });
   }
-  return { ...props, onClick, open, copyString: copyString };
+  return {
+    ...props,
+    onClick,
+    open,
+    copyString: copyString,
+    isCopied: contextData === null || contextData === void 0 ? void 0 : contextData.isCopied,
+    showNotificationText: props.showNotificationText && !!(contextData === null || contextData === void 0 ? void 0 : contextData.singleUse),
+  };
 }
 
 const ReferralCode = class {
@@ -153,7 +184,7 @@ const ReferralCode = class {
      */
     this.showNotificationText = false;
     /**
-     * Shown underneath the referral code when the user has already copied the code
+     * Shown underneath single-use promo codes when the user has already copied the code
      *
      * @uiName Notification text
      */
@@ -167,7 +198,7 @@ const ReferralCode = class {
     /**
      * Change the text alignment
      *
-     * @uiName referral code alignment
+     * @uiName Referral code alignment
      * @uiType string
      * @uiEnum ["left", "center", "right"]
      * @uiEnumNames ["Left", "Center", "Right"]
@@ -208,6 +239,8 @@ function useDemoReferralCode(props) {
     buttonStyle: props.buttonStyle,
     notificationText: props.notificationText,
     showNotificationText: props.showNotificationText,
+    isCopied: props.showNotificationText,
+    isUsed: false,
     rewardStatus: "AVAILABLE",
     open,
     onClick: () => {
@@ -266,16 +299,26 @@ const vanillaStyle = `
 const sheet$1 = createStyleSheet(style$1);
 const styleString$1 = sheet$1.toString();
 function ReferralCodesView(props) {
-  const { slots, titleText } = props;
+  const { slots, titleText, states } = props;
+  const getSlotContent = (states) => {
+    if (states.noCodes) {
+      return slots.empty;
+    }
+    if (states.loading) {
+      return slots.loading;
+    }
+    return (h("div", { class: sheet$1.classes.Wrapper },
+      h("div", { class: sheet$1.classes.ShareCodeContainer }, slots.shareCodes),
+      h("div", { class: sheet$1.classes.ShareButtonContainer }, slots.shareButtons)));
+  };
   return (h("div", { class: sheet$1.classes.Wrapper, part: "sqm-base" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString$1),
     h("div", { class: sheet$1.classes.HeaderContainer },
       h("h2", { class: sheet$1.classes.TitleText }, titleText),
-      slots.pagination),
-    h("div", { class: sheet$1.classes.ShareCodeContainer }, slots.shareCodes),
-    h("div", { class: sheet$1.classes.ShareButtonContainer }, slots.shareButtons)));
+      !states.noCodes && !states.loading && slots.pagination),
+    getSlotContent(states)));
 }
 
 const ReferralCodes = class {
@@ -284,7 +327,19 @@ const ReferralCodes = class {
     /**
      * @uiName Title Text
      */
-    this.titleText = "Your referral code";
+    this.titleText = "Start sharing";
+    /**
+     * @uiName Empty State Header Text
+     */
+    this.emptyStateHeaderText = "Your new codes and links aren’t ready yet";
+    /**
+     * @uiName Empty State Description Text
+     */
+    this.emptyStateDescriptionText = "Please contact our program support team to let them know you’re out of codes.";
+    /**
+     * @uiName Empty State Image URL
+     */
+    this.emptyStateImageUrl = "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";
     h$1(this);
   }
   disconnectedCallback() { }
@@ -293,11 +348,12 @@ const ReferralCodes = class {
     const props = isDemo()
       ? useDemoReferralCodes(thisProps)
       : useReferralCodes(thisProps);
-    console.log(props);
     const slots = {
       shareButtons: h("slot", { name: "shareButtons" }),
       shareCodes: h("slot", { name: "shareCodes" }),
       pagination: h("slot", { name: "pagination" }),
+      empty: (h(EmptySlot, { headerText: this.emptyStateHeaderText, descriptionText: this.emptyStateDescriptionText, imageUrl: this.emptyStateImageUrl })),
+      loading: h(LoadingSlot, null),
     };
     const viewProps = {
       slots,
@@ -308,6 +364,15 @@ const ReferralCodes = class {
     return h(ReferralCodesView, Object.assign({}, viewProps));
   }
 };
+function EmptySlot({ headerText, descriptionText, imageUrl, }) {
+  return (h("slot", { name: "empty" }, h("sqm-empty", { emptyStateHeader: headerText, emptyStateText: descriptionText, emptyStateImage: imageUrl })));
+}
+function LoadingSlot() {
+  return (h("slot", { name: "loading" }, h(LoadingRow, null), h(LoadingRow, null), h(LoadingRow, null), h(LoadingRow, null)));
+}
+function LoadingRow() {
+  return h("sl-skeleton", { style: { width: "100%" } });
+}
 function useDemoReferralCodes(props) {
   return cjs({
     titleText: props.titleText,

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

@@ -1,11 +1,11 @@
-import { h, r as registerInstance } from './index-17b4da69.js';
-import { i as d, k as useState, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { i as isDemo } from './index.module-f122af7b.js';
+import { h, r as registerInstance } from './index-014ddfa3.js';
+import { i as d, k as useState, n as h$1 } from './stencil-hooks.module-576d7f01.js';
+import { i as isDemo } from './index.module-5eb0926c.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { c as cjs } from './cjs-bdfb4486.js';
 import { E as ErrorStyles } from './mixins-f60a614c.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-53c71782.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-faea9402.js';
 
 var constants = {
   error: {

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

@@ -1,6 +1,6 @@
-import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { B } from './index.module-f122af7b.js';
+import { h, c as Host, r as registerInstance } from './index-014ddfa3.js';
+import { n as h$1 } from './stencil-hooks.module-576d7f01.js';
+import { B } from './index.module-5eb0926c.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-container-view-6c582684.js → sqm-portal-container-view-83df005d.js}

@@ -1,4 +1,4 @@
-import { h } from './index-17b4da69.js';
+import { h } from './index-014ddfa3.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function PortalSectionView(props) {

package/dist/esm/{sqm-portal-email-verification-view-ced567c9.js → sqm-portal-email-verification-view-332e1339.js}

@@ -1,8 +1,8 @@
-import { h } from './index-17b4da69.js';
-import { i as intl } from './global-b89b6edc.js';
+import { h } from './index-014ddfa3.js';
+import { i as intl } from './global-701bd5b0.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
+import { T as TextSpanView } from './sqm-text-span-view-d6e03f93.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import './global-b89b6edc.js';
-import { l as ln, n as nn, Q, e as $n, u as useCallback, i as isDemo } from './index.module-f122af7b.js';
-import './JSS-67b5cff8.js';
+import { r as registerInstance, h as h$1 } from './index-014ddfa3.js';
+import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-576d7f01.js';
+import './global-701bd5b0.js';
+import { l as ln, n as nn, Q, f as $n, u as useCallback, i as isDemo } from './index.module-5eb0926c.js';
 import { c as cjs } from './cjs-bdfb4486.js';
+import './JSS-67b5cff8.js';
 import './mixins-f60a614c.js';
-import './sqm-text-span-view-8d140661.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-ced567c9.js';
+import './sqm-text-span-view-d6e03f93.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-332e1339.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-forgot-password-view-95cd454f.js → sqm-portal-forgot-password-view-8629f753.js}

@@ -1,7 +1,7 @@
-import { h } from './index-17b4da69.js';
+import { h } from './index-014ddfa3.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
+import { T as TextSpanView } from './sqm-text-span-view-d6e03f93.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { f as un, e as $n, i as isDemo } from './index.module-f122af7b.js';
+import { r as registerInstance, h as h$1 } from './index-014ddfa3.js';
+import { k as useState, n as h } from './stencil-hooks.module-576d7f01.js';
+import { h as un, f as $n, i as isDemo } from './index.module-5eb0926c.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import './JSS-67b5cff8.js';
 import { c as cjs } from './cjs-bdfb4486.js';
+import './JSS-67b5cff8.js';
 import './mixins-f60a614c.js';
-import './sqm-text-span-view-8d140661.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-95cd454f.js';
+import './sqm-text-span-view-d6e03f93.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-8629f753.js';
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;

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

@@ -1,6 +1,6 @@
-import { r as registerInstance } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { b as setUserIdentity, e as $n, i as isDemo } from './index.module-f122af7b.js';
+import { r as registerInstance } from './index-014ddfa3.js';
+import { n as h } from './stencil-hooks.module-576d7f01.js';
+import { c as setUserIdentity, f as $n, i as isDemo } from './index.module-5eb0926c.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-d72dd5ac.js → sqm-portal-profile-view-847526a2.js}

@@ -1,7 +1,7 @@
-import { h } from './index-17b4da69.js';
-import { i as intl } from './global-b89b6edc.js';
+import { h } from './index-014ddfa3.js';
+import { i as intl } from './global-701bd5b0.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
+import { T as TextSpanView } from './sqm-text-span-view-d6e03f93.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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 { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import './global-b89b6edc.js';
-import { d as dist, Q, y as yn, $ as $e, i as isDemo } from './index.module-f122af7b.js';
+import { r as registerInstance, h as h$1 } from './index-014ddfa3.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-576d7f01.js';
+import './global-701bd5b0.js';
+import { d as dist, Q, y as yn, $ as $e, i as isDemo } from './index.module-5eb0926c.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './sqm-text-span-view-8d140661.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-d72dd5ac.js';
-import { i as isEmpty } from './utilities-18d10876.js';
+import './sqm-text-span-view-d6e03f93.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-847526a2.js';
+import { i as isEmpty } from './utilities-292b61b9.js';
 
 const GET_USER = dist.gql `
   query {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { Q, S as Sn, e as $n, i as isDemo } from './index.module-f122af7b.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-014ddfa3.js';
+import { f as useEffect, n as h } from './stencil-hooks.module-576d7f01.js';
+import { Q, S as Sn, f as $n, i as isDemo } from './index.module-5eb0926c.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

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

@@ -1,12 +1,12 @@
-import { h, r as registerInstance } from './index-17b4da69.js';
-import { m as useRef, f as useEffect, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { d as dist, L, W as We, y as yn, e as $n, u as useCallback, i as isDemo } from './index.module-f122af7b.js';
+import { h, r as registerInstance } from './index-014ddfa3.js';
+import { m as useRef, f as useEffect, n as h$1 } from './stencil-hooks.module-576d7f01.js';
+import { d as dist, L, W as We, y as yn, f as $n, u as useCallback, i as isDemo } from './index.module-5eb0926c.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { c as cjs } from './cjs-bdfb4486.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-53c71782.js';
+import { T as TextSpanView } from './sqm-text-span-view-d6e03f93.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-faea9402.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 
 const style = {

package/dist/esm/{sqm-portal-reset-password-view-f1454d43.js → sqm-portal-reset-password-view-865655da.js}

@@ -1,7 +1,7 @@
-import { h } from './index-17b4da69.js';
+import { h } from './index-014ddfa3.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
+import { T as TextSpanView } from './sqm-text-span-view-d6e03f93.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { h as Qe, T as Te, e as $n, i as isDemo } from './index.module-f122af7b.js';
+import { r as registerInstance, h as h$1 } from './index-014ddfa3.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-576d7f01.js';
+import { j as Qe, T as Te, f as $n, i as isDemo } from './index.module-5eb0926c.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
-import './sqm-text-span-view-8d140661.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-f1454d43.js';
+import './sqm-text-span-view-d6e03f93.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-865655da.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/esm/{sqm-portal-verify-email-view-3739f523.js → sqm-portal-verify-email-view-6c60df25.js}

@@ -1,7 +1,7 @@
-import { h } from './index-17b4da69.js';
+import { h } from './index-014ddfa3.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
+import { T as TextSpanView } from './sqm-text-span-view-d6e03f93.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { Q, j as an, e as $n, b as setUserIdentity, i as isDemo } from './index.module-f122af7b.js';
+import { r as registerInstance, h as h$1 } from './index-014ddfa3.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-576d7f01.js';
+import { Q, o as an, f as $n, c as setUserIdentity, i as isDemo } from './index.module-5eb0926c.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
-import './sqm-text-span-view-8d140661.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-3739f523.js';
+import './sqm-text-span-view-d6e03f93.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-6c60df25.js';
 
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {