@saasquatch/mint-components 1.3.0-0 → 1.3.0-4

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

@@ -1,6 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { o as m, f as useEffect, m as h } from './extends-faeb047d.js';
-import { Q, k, f as pe, g as ge } from './index.module-7a2b1f9b.js';
+import { o as m, e as useEffect, m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import { Q, k, f as pe, g as ge } from './index.module-923f4abb.js';
 
 async function useGraphQLClientProvider({ domain }) {
   const token = Q();

package/dist/esm/sqm-hero-view-96881a49.js

@@ -0,0 +1,125 @@
+import { h } from './index-17b4da69.js';
+import { j as useState, e as useEffect } from './extends-3a3f9fe2.js';
+import { u as useCallback } from './use-callback-b38a1523.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
+
+// import { IntlMessageFormat } from 'intl-messageformat';
+function isMobile(breakPoint) {
+  const [width, setWidth] = useState(window.innerWidth);
+  const handleWindowResize = useCallback(() => setWidth(window.innerWidth), []);
+  useEffect(() => {
+    window.addEventListener("resize", handleWindowResize);
+    return () => window.removeEventListener("resize", handleWindowResize);
+  }, []);
+  return width > breakPoint ? false : true;
+}
+function isValidColor(teststr) {
+  return CSS.supports(`(color: ${teststr})`);
+}
+
+function HeroView(props) {
+  const { states, content } = props;
+  const parseBackground = (provided_bg) => {
+    if (provided_bg) {
+      if (isValidColor(provided_bg)) {
+        return provided_bg;
+      }
+      else {
+        return `url(${provided_bg})`;
+      }
+    }
+    else {
+      return "";
+    }
+  };
+  const column = {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    minHeight: "100%",
+  };
+  const getVertivalPadding = (half) => {
+    if (isMobile(767)) {
+      return half ? "var(--sl-spacing-small)" : "var(--sl-spacing-large)";
+    }
+    else if (isMobile(1023)) {
+      return half ? "var(--sl-spacing-x-large)" : "var(--sl-spacing-xxx-large)";
+    }
+    else {
+      return half
+        ? "var(--sl-spacing-xx-large)"
+        : "var(--sl-spacing-xxxx-large)";
+    }
+  };
+  const style = {
+    TwoColumnContainer: {
+      display: "flex",
+      "@media screen and (max-width: 1023px)": {
+        flexDirection: states.wrapDirection == "wrap-reverse" ? "column-reverse" : "column",
+        justfiyContent: "center",
+      },
+    },
+    ColumnWrapper: {
+      paddingTop: getVertivalPadding(),
+      paddingBottom: getVertivalPadding(),
+      paddingLeft: "5%",
+      paddingRight: "5%",
+      "&:first-of-type": {
+        background: `no-repeat center/cover ${parseBackground(states.background)}`,
+      },
+      "&:last-of-type": {
+        background: `no-repeat center/cover ${parseBackground(states.secondaryBackground)}`,
+      },
+      "@media screen and (min-width: 1023px)": { flex: "1 1 0" },
+      "@media screen and (max-width: 1023px)": {
+        "&:first-of-type": {
+          paddingBottom: getVertivalPadding(true),
+        },
+        "&:last-of-type": {
+          paddingTop: getVertivalPadding(true),
+        },
+      },
+      ...column,
+    },
+    SingleColumnContainer: {
+      background: `no-repeat center/cover ${parseBackground(states.background)}`,
+      ...column,
+    },
+    Container: {
+      width: "100%",
+      maxWidth: "var(--sqm-max-width)",
+      margin: "0 auto",
+      flex: 1,
+      ...column,
+      alignItems: "unset",
+    },
+  };
+  jss.setup(create());
+  const sheet = jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+  :host{    
+    height: 100%;
+    display: contents;
+  }
+  sqm-hero{    
+    height: 100%;
+    display: contents;
+  }
+  img{
+      max-width: 100%;
+      height: auto;
+  }
+  
+`;
+  // NOTE: Spacing on the columns is controlled on the slots itself. For example using inline styling
+  return (h("div", { class: sheet.classes.Container },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    states.columns == 2 ? (h("div", { class: sheet.classes.TwoColumnContainer },
+      h("div", { class: sheet.classes.ColumnWrapper }, content.primaryColumn),
+      h("div", { class: sheet.classes.ColumnWrapper }, content.secondaryColumn))) : (h("div", { class: sheet.classes.SingleColumnContainer }, content.primaryColumn))));
+}
+
+export { HeroView as H };

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-faeb047d.js';
-import './jss-preset-default.esm-5aaab97b.js';
-import { g as getProps } from './utils-5ce97f37.js';
-import { H as HeroView } from './sqm-hero-view-78729349.js';
+import { m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import './jss-preset-default.esm-71fae192.js';
+import { g as getProps } from './utils-454405f5.js';
+import { H as HeroView } from './sqm-hero-view-96881a49.js';
 
 const Hero = class {
   constructor(hostRef) {

package/dist/esm/{sqm-leaderboard-rank-view-1671e73e.js → sqm-leaderboard-rank-view-39f3bb68.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
-import { _ as __assign } from './global-9b0df53b.js';
-import { p as parse } from './index.module-7a2b1f9b.js';
+import { _ as __assign } from './global-ec7e3d4a.js';
+import { p as parse } from './index.module-923f4abb.js';
 
 var docCache = new Map();
 var fragmentSourceMap = new Map();

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

@@ -1,9 +1,10 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-faeb047d.js';
-import { i as intl, c as createIntl } from './global-9b0df53b.js';
-import { M, T, e as en, j } from './index.module-7a2b1f9b.js';
+import { m as h } from './extends-3a3f9fe2.js';
+import { i as intl, c as createIntl } from './global-ec7e3d4a.js';
+import './use-callback-b38a1523.js';
+import { M, T, e as en, j } from './index.module-923f4abb.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-1671e73e.js';
+import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-39f3bb68.js';
 
 const GET_RANK = gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-faeb047d.js';
-import { j } from './index.module-7a2b1f9b.js';
+import { m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import { j } from './index.module-923f4abb.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './ShadowViewAddon-37d4d088.js';
+import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './ShadowViewAddon-ea448731.js';
 
 const sqmLeaderboardCss = ":host{display:block}:host([hidden]){display:none}table{width:100%}th{font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);text-align:left}td{font-size:var(--sl-font-size-medium);font-weight:var(--sl-font-weight-normal)}td,th{color:var(--sl-color-gray-800);padding:var(--sl-spacing-x-small) var(--sl-spacing-small)}.User{width:100%}.Score{width:auto;white-space:nowrap}";
 

package/dist/esm/{sqm-name-fields-view-905b83dc.js → sqm-name-fields-view-5e02fd84.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { E as ErrorStyles } from './mixins-583d364a.js';
 
 const style = {

package/dist/esm/sqm-name-fields.entry.js

@@ -1,10 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as d, m as h } from './extends-faeb047d.js';
-import { j } from './index.module-7a2b1f9b.js';
-import './jss-preset-default.esm-5aaab97b.js';
+import { n as d, m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import { j } from './index.module-923f4abb.js';
+import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-583d364a.js';
-import { N as NameFieldsView } from './sqm-name-fields-view-905b83dc.js';
+import { N as NameFieldsView } from './sqm-name-fields-view-5e02fd84.js';
 
 const CONTEXT_NAME = "sq:validation-state";
 function useNameFields(props) {

package/dist/esm/{sqm-navigation-sidebar-item-view-000b0afb.js → sqm-navigation-sidebar-item-view-4052cdeb.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
-import { r as rn } from './index.module-7a2b1f9b.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
+import { r as rn } from './index.module-923f4abb.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { g as gap } from './mixins-583d364a.js';
 
 function NavigationSidebarItemView(props) {

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

@@ -1,11 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-faeb047d.js';
-import { c as an, j } from './index.module-7a2b1f9b.js';
-import './jss-preset-default.esm-5aaab97b.js';
-import { g as getProps } from './utils-5ce97f37.js';
+import { m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import { c as an, j } from './index.module-923f4abb.js';
+import './jss-preset-default.esm-71fae192.js';
+import { g as getProps } from './utils-454405f5.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-583d364a.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-000b0afb.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-4052cdeb.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = an();

package/dist/esm/{sqm-navigation-sidebar-view-88b569ee.js → sqm-navigation-sidebar-view-7b9db1c3.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { g as gap } from './mixins-583d364a.js';
 
 const style = {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-faeb047d.js';
-import './jss-preset-default.esm-5aaab97b.js';
+import { m as h } from './extends-3a3f9fe2.js';
+import './jss-preset-default.esm-71fae192.js';
 import './mixins-583d364a.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-88b569ee.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-7b9db1c3.js';
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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

@@ -1,7 +1,8 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { m as h$1 } from './extends-faeb047d.js';
-import { x } from './index.module-7a2b1f9b.js';
-import { g as getProps } from './utils-5ce97f37.js';
+import { m as h$1 } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import { x } from './index.module-923f4abb.js';
+import { g as getProps } from './utils-454405f5.js';
 
 const PopupContainerView = (props) => {
   const { states, callbacks } = props;

package/dist/esm/{sqm-portal-change-password-view-d35171ea.js → sqm-portal-change-password-view-f7f19227.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
-import { T as TextSpanView } from './sqm-text-span-view-244dee55.js';
-import { P as PortalSectionView } from './sqm-portal-section-view-4ff6dcfb.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-262b17b1.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
+import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
+import { P as PortalSectionView } from './sqm-portal-section-view-f0876545.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
 
 function PortalChangePasswordView(props) {
   const { states, callbacks } = props;

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

@@ -1,13 +1,14 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, m as h } from './extends-faeb047d.js';
-import { h as De, T, j } from './index.module-7a2b1f9b.js';
+import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import { h as De, T, j } from './index.module-923f4abb.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import './jss-preset-default.esm-5aaab97b.js';
+import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './sqm-text-span-view-244dee55.js';
-import './sqm-portal-section-view-4ff6dcfb.js';
-import './sqm-portal-container-view-262b17b1.js';
-import { P as PortalChangePasswordView } from './sqm-portal-change-password-view-d35171ea.js';
+import './sqm-text-span-view-1781df94.js';
+import './sqm-portal-section-view-f0876545.js';
+import './sqm-portal-container-view-73757ca5.js';
+import { P as PortalChangePasswordView } from './sqm-portal-change-password-view-f7f19227.js';
 
 function usePortalChangePassword(props) {
   var _a, _b, _c, _d;

package/dist/esm/{sqm-portal-container-view-262b17b1.js → sqm-portal-container-view-73757ca5.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 
 function PortalContainerView(props, children) {
   const style = {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-faeb047d.js';
-import './jss-preset-default.esm-5aaab97b.js';
-import { g as getProps } from './utils-5ce97f37.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-262b17b1.js';
+import { m as h } from './extends-3a3f9fe2.js';
+import './jss-preset-default.esm-71fae192.js';
+import { g as getProps } from './utils-454405f5.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
 
 const PortalContainer = class {
   constructor(hostRef) {

package/dist/esm/{sqm-portal-email-verification-view-0a1cd7f4.js → sqm-portal-email-verification-view-96c26b09.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-9b0df53b.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
+import { i as intl } from './global-ec7e3d4a.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-583d364a.js';
-import { T as TextSpanView } from './sqm-text-span-view-244dee55.js';
+import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,12 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, m as h } from './extends-faeb047d.js';
-import './global-9b0df53b.js';
-import { B as Be, T, j } from './index.module-7a2b1f9b.js';
-import './jss-preset-default.esm-5aaab97b.js';
+import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
+import './global-ec7e3d4a.js';
+import './use-callback-b38a1523.js';
+import { B as Be, T, j } from './index.module-923f4abb.js';
+import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-583d364a.js';
-import './sqm-text-span-view-244dee55.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-0a1cd7f4.js';
+import './sqm-text-span-view-1781df94.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-96c26b09.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;

package/dist/esm/{sqm-portal-footer-view-51c88b85.js → sqm-portal-footer-view-64604c2c.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-9b0df53b.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
+import { i as intl } from './global-ec7e3d4a.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
   return (h("svg", { width: width, height: height, viewBox: "0 0 132 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },

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

@@ -1,10 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-faeb047d.js';
-import './global-9b0df53b.js';
-import './index.module-7a2b1f9b.js';
-import './jss-preset-default.esm-5aaab97b.js';
-import { g as getProps } from './utils-5ce97f37.js';
-import { a as PortalFooterView } from './sqm-portal-footer-view-51c88b85.js';
+import { m as h } from './extends-3a3f9fe2.js';
+import './global-ec7e3d4a.js';
+import './use-callback-b38a1523.js';
+import './index.module-923f4abb.js';
+import './jss-preset-default.esm-71fae192.js';
+import { g as getProps } from './utils-454405f5.js';
+import { a as PortalFooterView } from './sqm-portal-footer-view-64604c2c.js';
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/esm/{sqm-portal-forgot-password-view-97566434.js → sqm-portal-forgot-password-view-a803e8ba.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-583d364a.js';
-import { T as TextSpanView } from './sqm-text-span-view-244dee55.js';
+import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,12 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, m as h } from './extends-faeb047d.js';
-import { z as ze, j, r as rn } from './index.module-7a2b1f9b.js';
+import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import { z as ze, j, r as rn } from './index.module-923f4abb.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import './jss-preset-default.esm-5aaab97b.js';
+import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-583d364a.js';
-import './sqm-text-span-view-244dee55.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-97566434.js';
+import './sqm-text-span-view-1781df94.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-a803e8ba.js';
 
 function usePortalForgotPassword() {
   var _a, _b, _c, _d;

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

@@ -1,6 +1,7 @@
 import { r as registerInstance } from './index-17b4da69.js';
-import { m as h } from './extends-faeb047d.js';
-import { L, r as rn, j } from './index.module-7a2b1f9b.js';
+import { m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import { L, r as rn, j } from './index.module-923f4abb.js';
 
 function usePortalLogout({ nextPage }) {
   L(undefined);

package/dist/esm/{sqm-portal-profile-view-4dc351c8.js → sqm-portal-profile-view-487cb78d.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-9b0df53b.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
-import { T as TextSpanView } from './sqm-text-span-view-244dee55.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-262b17b1.js';
+import { i as intl } from './global-ec7e3d4a.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
+import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -1,13 +1,14 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, m as h } from './extends-faeb047d.js';
-import './global-9b0df53b.js';
-import { d as dist, T, e as en, b as be, j } from './index.module-7a2b1f9b.js';
-import './jss-preset-default.esm-5aaab97b.js';
-import { g as getProps } from './utils-5ce97f37.js';
+import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
+import './global-ec7e3d4a.js';
+import './use-callback-b38a1523.js';
+import { d as dist, T, e as en, b as be, j } from './index.module-923f4abb.js';
+import './jss-preset-default.esm-71fae192.js';
+import { g as getProps } from './utils-454405f5.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './sqm-text-span-view-244dee55.js';
-import './sqm-portal-container-view-262b17b1.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-4dc351c8.js';
+import './sqm-text-span-view-1781df94.js';
+import './sqm-portal-container-view-73757ca5.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-487cb78d.js';
 
 const GET_USER = dist.gql `
   query {

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

@@ -1,6 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { f as useEffect, m as h } from './extends-faeb047d.js';
-import { T, c as an, r as rn, j } from './index.module-7a2b1f9b.js';
+import { e as useEffect, m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import { T, c as an, r as rn, j } from './index.module-923f4abb.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/esm/{sqm-portal-reset-password-view-ad457f29.js → sqm-portal-reset-password-view-667bcd25.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-583d364a.js';
-import { T as TextSpanView } from './sqm-text-span-view-244dee55.js';
+import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,12 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, m as h } from './extends-faeb047d.js';
-import { i as Re, $ as $e, r as rn, j } from './index.module-7a2b1f9b.js';
+import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import { i as Re, $ as $e, r as rn, j } from './index.module-923f4abb.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import './jss-preset-default.esm-5aaab97b.js';
+import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-583d364a.js';
-import './sqm-text-span-view-244dee55.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-ad457f29.js';
+import './sqm-text-span-view-1781df94.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-667bcd25.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f;

package/dist/esm/{sqm-portal-section-view-4ff6dcfb.js → sqm-portal-section-view-f0876545.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 
 function PortalSectionView(props) {
   const style = {

package/dist/esm/{sqm-portal-verify-email-view-094a5a58.js → sqm-portal-verify-email-view-26f1d297.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-5aaab97b.js';
+import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-583d364a.js';
-import { T as TextSpanView } from './sqm-text-span-view-244dee55.js';
+import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,11 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, f as useEffect, m as h } from './extends-faeb047d.js';
-import { T, l as Le, r as rn, j } from './index.module-7a2b1f9b.js';
-import './jss-preset-default.esm-5aaab97b.js';
+import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import { T, l as Le, r as rn, j } from './index.module-923f4abb.js';
+import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-583d364a.js';
-import './sqm-text-span-view-244dee55.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-094a5a58.js';
+import './sqm-text-span-view-1781df94.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-26f1d297.js';
 
 function usePortalVerifyEmail({ nextPage }) {
   var _a, _b, _c, _d, _e;
@@ -58,6 +59,12 @@ function usePortalVerifyEmail({ nextPage }) {
       ((_b = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _b === void 0 ? void 0 : _b.success) === false) {
       setDisableContinue(false);
     }
+    else if (!userIdent) {
+      setDisableContinue(false);
+      setTimeout(() => {
+        rn.push(nextPageOverride || nextPage);
+      }, 3000);
+    }
   }, [(_b = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _b === void 0 ? void 0 : _b.emailVerified]);
   useEffect(() => {
     if (errors === null || errors === void 0 ? void 0 : errors.message) {

package/dist/esm/sqm-referral-table-column.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-faeb047d.js';
-import './index.module-7a2b1f9b.js';
-import { a as useRequestRerender } from './re-render-ef074b0e.js';
+import { m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import './index.module-923f4abb.js';
+import { a as useRequestRerender } from './re-render-82fb30e2.js';
 
 const ReferralTableGenericColumn = class {
   constructor(hostRef) {

package/dist/esm/sqm-referral-table-date-column.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-faeb047d.js';
-import './index.module-7a2b1f9b.js';
-import { a as useRequestRerender } from './re-render-ef074b0e.js';
+import { m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import './index.module-923f4abb.js';
+import { a as useRequestRerender } from './re-render-82fb30e2.js';
 
 const ReferralTableDateColumn = class {
   constructor(hostRef) {

package/dist/esm/sqm-referral-table-rewards-column.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-faeb047d.js';
-import './index.module-7a2b1f9b.js';
-import { a as useRequestRerender } from './re-render-ef074b0e.js';
+import { m as h } from './extends-3a3f9fe2.js';
+import './use-callback-b38a1523.js';
+import './index.module-923f4abb.js';
+import { a as useRequestRerender } from './re-render-82fb30e2.js';
 
 const ReferralTableRewardsColumn = class {
   constructor(hostRef) {