@saasquatch/mint-components 1.11.1-63 → 1.11.1-64

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-04c7d3b5.js';
-import { d as dist, H, Q, y as yn, i as isDemo } from './index.module-def4aec5.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-def4aec5.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './JSS-67b5cff8.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 { g as getProps } from './utils-334c1e34.js';
-import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
+import './JSS-67b5cff8.js';
+import { c as cjs } from './cjs-bdfb4486.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-60ef06cc.js → sqm-navigation-sidebar-item-view-9fa7f5ea.js}

@@ -1,7 +1,7 @@
-import { h } from './index-17b4da69.js';
-import { $ as $n } from './index.module-def4aec5.js';
-import { g as gap } from './mixins-f60a614c.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';
 
 function NavigationSidebarItemView(props) {
   const { states, data } = props;

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-def4aec5.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 { g as getProps } from './utils-334c1e34.js';
+import './JSS-67b5cff8.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-60ef06cc.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-def4aec5.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

@@ -0,0 +1,385 @@
+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 { 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_COPIED, C as CopyTextView, u as useReferralCodes } from './copy-text-view-32aad903.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import './mixins-f60a614c.js';
+
+const style = {
+  Container: {
+    display: "flex",
+    justifyContent: "flex-end",
+    alignItems: "center",
+    gap: "var(--sl-spacing-small)",
+    width: "100%",
+  },
+  TextContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-xx-small)",
+  },
+};
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+function PaginationView(props) {
+  const { states, callbacks, text } = props;
+  const { onNext, onPrev } = callbacks;
+  const { currentPage, totalPages, loading } = states;
+  return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
+    h("style", { type: "text/css" }, styleString),
+    !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(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 {
+    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,
+      }),
+    },
+  };
+}
+
+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 hookProps = isDemo()
+      ? useDemoPagination(getProps(this))
+      : usePagination(getProps(this));
+    return h(PaginationView, Object.assign({}, hookProps));
+  }
+};
+function useDemoPagination(props) {
+  const [currentPage, setCurrentPage] = useState(1);
+  return cjs({
+    states: {
+      currentPage,
+      totalPages: 5,
+      loading: false,
+    },
+    callbacks: {
+      onNext: () => setCurrentPage(currentPage + 1),
+      onPrev: () => setCurrentPage(currentPage - 1),
+    },
+    text: {
+      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 getReferralCode($programId: ID) {
+    user: viewer {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
+`;
+const WIDGET_ENGAGEMENT_EVENT = dist.gql `
+  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
+    createUserAnalyticsEvent(eventMeta: $eventMeta)
+  }
+`;
+function useReferralCode(props) {
+  var _a, _b;
+  const { programId = H() } = props;
+  const user = Q();
+  const engagementMedium = B();
+  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 [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);
+  async function onClick() {
+    if (contextData) {
+      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
+    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,
+          shareMedium: "DIRECT",
+        },
+      },
+    });
+  }
+  return {
+    ...props,
+    onClick,
+    open,
+    copyString: copyString,
+    isCopied: contextData === null || contextData === void 0 ? void 0 : contextData.isCopied,
+  };
+}
+
+const ReferralCode = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+     *
+     * @uiName Tooltip text
+     */
+    this.tooltiptext = "Copied to Clipboard";
+    /**
+     * Boolean used to show notification text below input
+     *
+     * @uiName Show notification text
+     */
+    this.showNotificationText = false;
+    /**
+     * Shown underneath the referral code when the user has already copied the code
+     *
+     * @uiName Notification text
+     */
+    this.notificationText = "You've copied this code before";
+    /**
+     * The number of milliseconds that the tooltip appears for
+     *
+     * @uiName Tooltip lifespan
+     */
+    this.tooltiplifespan = 1000;
+    /**
+     * Change the text alignment
+     *
+     * @uiName Referral code alignment
+     * @uiType string
+     * @uiEnum ["left", "center", "right"]
+     * @uiEnumNames ["Left", "Center", "Right"]
+     */
+    this.textAlign = "left";
+    /**
+     * @uiName Copy button label
+     */
+    this.copyButtonLabel = "Copy Code";
+    /**
+     * Set the copy button style and placement
+     *
+     * @uiName Style
+     * @uiType string
+     * @uiEnum ["icon", "button-outside", "button-below"]
+     * @uiEnumNames ["Icon", "Button outside", "Button below"]
+     */
+    this.buttonStyle = "icon";
+    h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const thisProps = getProps(this);
+    const props = isDemo()
+      ? useDemoReferralCode(thisProps)
+      : useReferralCode(thisProps);
+    return h(CopyTextView, Object.assign({}, props));
+  }
+};
+function useDemoReferralCode(props) {
+  const [open, setOpen] = useState(false);
+  const copyString = "REFERRALCODE001";
+  return cjs({
+    copyString: copyString,
+    tooltiptext: props.tooltiptext,
+    textAlign: props.textAlign,
+    copyButtonLabel: props.copyButtonLabel,
+    buttonStyle: props.buttonStyle,
+    notificationText: props.notificationText,
+    showNotificationText: props.showNotificationText,
+    isCopied: props.showNotificationText,
+    isUsed: false,
+    rewardStatus: "AVAILABLE",
+    open,
+    onClick: () => {
+      // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
+      // Only if called from a user-initiated event
+      navigator.clipboard.writeText(copyString);
+      setOpen(true);
+      setTimeout(() => setOpen(false), props.tooltiplifespan);
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+const style$1 = {
+  Wrapper: {
+    width: "100%",
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "center",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-large)",
+  },
+  HeaderContainer: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    width: "100%",
+  },
+  ShareCodeContainer: {
+    width: "100%",
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "center",
+    flexDirection: "column",
+  },
+  ShareButtonContainer: {
+    width: "100%",
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "center",
+    flexDirection: "column",
+  },
+  TitleText: {
+    color: "var(--sl-color-neutral-700)",
+    fontSize: "var(--sl-font-size-large)",
+    margin: "0",
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet$1 = createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
+function ReferralCodesView(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),
+      !states.noCodes && !states.loading && slots.pagination),
+    getSlotContent(states)));
+}
+
+const ReferralCodes = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * @uiName Title Text
+     */
+    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
+     * @format url
+     * @uiWidget ImageUpload
+     */
+    this.emptyStateImageUrl = "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";
+    h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const thisProps = getProps(this);
+    const props = isDemo()
+      ? useDemoReferralCodes(thisProps)
+      : useReferralCodes(thisProps);
+    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,
+      ...props,
+      loading: props.states.loading,
+      noCodes: props.states.noCodes,
+    };
+    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,
+    states: {
+      noCodes: false,
+      loading: false,
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+export { Pagination as sqm_pagination, ReferralCode as sqm_referral_code, ReferralCodes as sqm_referral_codes };

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-def4aec5.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 { 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 { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { g as getProps } from './utils-334c1e34.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-9fc1ac80.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-def4aec5.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-4307c992.js → sqm-portal-email-verification-view-332e1339.js}

@@ -1,8 +1,8 @@
-import { h } from './index-17b4da69.js';
-import { i as intl } from './global-04c7d3b5.js';
-import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.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 { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.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-04c7d3b5.js';
-import { l as ln, n as nn, Q, $ as $n, u as useCallback, i as isDemo } from './index.module-def4aec5.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 './JSS-67b5cff8.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
-import './JSS-67b5cff8.js';
-import './sqm-text-span-view-8d140661.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-4307c992.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-c2ed8fed.js → sqm-portal-forgot-password-view-8629f753.js}

@@ -1,7 +1,7 @@
-import { h } from './index-17b4da69.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.js';
+import { h } from './index-014ddfa3.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.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 { e as un, $ as $n, i as isDemo } from './index.module-def4aec5.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 './mixins-f60a614c.js';
-import './JSS-67b5cff8.js';
-import './sqm-text-span-view-8d140661.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-c2ed8fed.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, $ as $n, i as isDemo } from './index.module-def4aec5.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-ffe955c8.js → sqm-portal-profile-view-847526a2.js}

@@ -1,7 +1,7 @@
-import { h } from './index-17b4da69.js';
-import { i as intl } from './global-04c7d3b5.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-04c7d3b5.js';
-import { d as dist, Q, y as yn, f as $e, i as isDemo } from './index.module-def4aec5.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './JSS-67b5cff8.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 { g as getProps } from './utils-334c1e34.js';
-import './sqm-text-span-view-8d140661.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-ffe955c8.js';
-import { i as isEmpty } from './utilities-3f5bba22.js';
+import './JSS-67b5cff8.js';
+import { c as cjs } from './cjs-bdfb4486.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, $ as $n, i as isDemo } from './index.module-def4aec5.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;