@saasquatch/mint-components 1.5.0-99 → 1.5.0

package/dist/cjs/{sqm-image_4.cjs.entry.js → sqm-empty_5.cjs.entry.js}

@@ -7,10 +7,30 @@ const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./extends-08099afd.js');
 const JSS = require('./JSS-c65a40f1.js');
 const utils = require('./utils-01dbfd4a.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-fdfb3656.js');
-const sqmPortalSectionView = require('./sqm-portal-section-view-186a5f7e.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-5ea913a8.js');
+const sqmPortalSectionView = require('./sqm-portal-section-view-f3c8475a.js');
+
+function EmptyStateView(props) {
+  const { emptyStateHeader, emptyStateImage, emptyStateText } = props;
+  return (index.h("sqm-portal-container", { padding: "xxxx-large", gap: "medium" },
+    index.h("sqm-image", { "image-url": emptyStateImage }),
+    index.h("sqm-titled-section", { "label-margin": "xxx-small", "text-align": "center" },
+      index.h("sqm-text", { slot: "label" },
+        index.h("h4", null, emptyStateHeader)),
+      index.h("sqm-text", { slot: "content" }, emptyStateText))));
+}
+
+const HeroImage = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { slot: "empty" }, index.h(EmptyStateView, { emptyStateImage: this.emptyStateImage, emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText })));
+  }
+};
 
 function ImageView(props) {
+  // Dependent on props, not feasiable to move out
   const style = {
     Container: {
       display: "flex",
@@ -27,7 +47,6 @@ function ImageView(props) {
   };
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  console.log(props);
   const vanillaStyle = `
     :host{
       display: block;   
@@ -48,6 +67,7 @@ const Image = class {
      * @uiName Position Alignment
      * @uiType string
      * @uiEnum ["left", "center", "right"]
+     * @uiEnumNames ["Left", "Center", "Right"]
      */
     this.alignment = "center";
   }
@@ -64,18 +84,21 @@ const PortalContainer = class {
      * @uiName Direction
      * @uiType string
      * @uiEnum ["row", "column"]
+     * @uiEnumNames ["Row", "Column"]
      */
     this.direction = "column";
     /**
      * @uiName Gap
      * @uiType string
      * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.gap = "xxx-large";
     /**
      * @uiName Display
      * @uiType string
      * @uiEnum ["grid", "flex"]
+     * @uiEnumNames ["Grid", "Flex"]
      */
     this.display = "grid";
     /**
@@ -90,9 +113,6 @@ const PortalContainer = class {
   }
 };
 
-// import { insertCSS } from "../../insertcss";
-// import debugFn from "debug";
-// const debug = debugFn("sq:global");
 const vanillaStyle = `
   sqm-text {
     display: block;
@@ -133,10 +153,10 @@ const vanillaStyle = `
     margin: 0;
   }
 
-  sqm-text p[light] {
-    font-size: var(--sl-font-size-medium);
+  sqm-text sub {
+    font-size: var(--sl-font-size-small);
     font-weight: var(--sl-font-weight-normal);
-    color: var(--sl-color-neutral-600);
+    color: var(--sl-color-neutral-400);
     margin: 0;
   }
 `;
@@ -147,13 +167,7 @@ const Text = class {
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
-  componentWillLoad() {
-    // try {
-    //   insertCSS(textStyles);
-    // } catch (error) {
-    //   debug(error);
-    // }
-  }
+  componentWillLoad() { }
   render() {
     return (index.h("div", null, index.h("style", null, vanillaStyle), index.h("slot", null)));
   }
@@ -166,18 +180,21 @@ const TitledSection = class {
      * @uiName Text Align
      * @uiType string
      * @uiEnum ["left", "center", "right"]
+     * @uiEnumNames ["Left", "Center", "Right"]
      */
     this.textAlign = "left";
     /**
      * @uiName Label margin style
      * @uiType string
      * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.labelMargin = "small";
     /**
      * @uiName Section padding
      * @uiType string
      * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.padding = "none";
     stencilHooks_module.h$1(this);
@@ -190,6 +207,7 @@ const TitledSection = class {
   }
 };
 
+exports.sqm_empty = HeroImage;
 exports.sqm_image = Image;
 exports.sqm_portal_container = PortalContainer;
 exports.sqm_text = Text;

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

@@ -5,16 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = index_module.ee();
+  const token = index_module.oe();
   const appDomain = domain;
-  const tenantAlias = index_module.j();
+  const tenantAlias = index_module.$n();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = index_module.Pe(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = stencilHooks_module.m(index_module.qe, managedIdentityClient);
+  const managedIdentityClient = index_module.we(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = stencilHooks_module.m(index_module.ye, managedIdentityClient);
   stencilHooks_module.useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);

package/dist/cjs/{sqm-hero-view-a13795c0.js → sqm-hero-view-3b0d45d0.js}

@@ -72,6 +72,7 @@ function HeroView(props) {
       return "5%";
     }
   };
+  // Dependent on props, not feasiable to move out
   const style = {
     TwoColumnContainer: {
       display: "flex",

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

@@ -8,13 +8,19 @@ require('./use-callback-e754042f.js');
 require('./extends-08099afd.js');
 require('./JSS-c65a40f1.js');
 const utils = require('./utils-01dbfd4a.js');
-const sqmHeroView = require('./sqm-hero-view-a13795c0.js');
+const sqmHeroView = require('./sqm-hero-view-3b0d45d0.js');
 
 const Hero = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /** @uiName Number of columns in the layout */
     this.columns = 1;
+    /**
+    * Can either be an image url, colour or Shoelace variable.
+    *
+    * @uiName Background
+    */
+    this.background = "var(--sl-color-gray-50)";
     /** @uiName Padding size */
     this.paddingSize = "large";
     /** @uiName Wrap direction */

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-4c495d76.js');
+const global = require('./global-dd180d3b.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-35015d30.js');
@@ -27,7 +27,7 @@ const GET_RANK = index_module.dist.gql `
 function useLeaderboardRank(props) {
   var _a, _b, _c;
   const programId = index_module.M();
-  const user = index_module.ne();
+  const user = index_module.ie();
   const rankVariables = {
     type: props.leaderboardType,
     filter: { programId_eq: programId },
@@ -35,7 +35,7 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  const { data: rankData } = index_module.mn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = index_module.sn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
   const fullRankText = ((_a = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _a === void 0 ? void 0 : _a.leaderboardRank) ? global.intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
     rank: (_c = (_b = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _b === void 0 ? void 0 : _b.leaderboardRank) === null || _c === void 0 ? void 0 : _c[props.rankType],
   })
@@ -60,7 +60,7 @@ const LeaderboardRank = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.k()
+    const props = index_module.jn()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
     return index.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
@@ -42,7 +42,7 @@ const NameFields = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states } = index_module.k() ? useNameFieldsDemo(this) : useNameFields(this);
+    const { states } = index_module.jn() ? useNameFieldsDemo(this) : useNameFields(this);
     return index.h(sqmNameFieldsView.NameFieldsView, { states: states });
   }
 };

package/dist/cjs/{sqm-navigation-sidebar-item-view-da648fbc.js → sqm-navigation-sidebar-item-view-673169c5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 const mixins = require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
 
@@ -35,7 +35,7 @@ function NavigationSidebarItemView(props) {
   const styleString = sheet.toString();
   return (index.h("a", { href: data.path, onClick: (e) => {
       e.preventDefault();
-      index_module.pn.push(data.path);
+      index_module.dn.push(data.path);
     }, class: sheet.classes.ItemContainer },
     index.h("style", { type: "text/css" }, styleString),
     index.h("sl-icon", { class: sheet.classes.Icon, name: data.icon }),

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

@@ -5,16 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 require('./JSS-c65a40f1.js');
 const utils = require('./utils-01dbfd4a.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-da648fbc.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-673169c5.js');
 
 function useNavigationSidebarItem(props) {
-  const currentPage = index_module.hn();
+  const currentPage = index_module.ln();
   return {
     states: {
       active: currentPage.pathname === props.path,
@@ -34,7 +34,7 @@ const NavigationSidebarItem = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.k()
+    const props = index_module.jn()
       ? useSidebarItemDemo(utils.getProps(this))
       : useNavigationSidebarItem(utils.getProps(this));
     return index.h(sqmNavigationSidebarItemView.NavigationSidebarItemView, Object.assign({}, props));

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-7b7c59fe.js');
@@ -544,7 +544,7 @@ const PortalPasswordField = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = index_module.k()
+    const { states, callbacks } = index_module.jn()
       ? usePasswordFieldDemo(this)
       : usePasswordField(this);
     return index.h(PortalResetPasswordView, { states: states, callbacks: callbacks });

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 const utils = require('./utils-01dbfd4a.js');
 
@@ -20,10 +20,10 @@ const PopupContainerView = (props) => {
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = index_module.x();
+  const engagementMedium = index_module.Rn();
   function closePopup() {
     var _a;
-    if (index_module.x() === "POPUP") {
+    if (index_module.Rn() === "POPUP") {
       (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
     }
   }
@@ -37,7 +37,7 @@ function usePopupContainer(props) {
       ? "0"
       : `var(--sl-spacing-${props.embedPadding})`
     : "0";
-  const padding = index_module.x() === "POPUP" ? popupPadding : embedPadding;
+  const padding = index_module.Rn() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",

package/dist/cjs/{sqm-portal-container-view-fdfb3656.js → sqm-portal-container-view-5ea913a8.js}

@@ -13,9 +13,9 @@ function PortalContainerView(props, children) {
         : "100%",
       "grid-gap": `var(--sl-spacing-${props.gap})`,
       padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
-      maxWidth: props.maxWidth ? props.maxWidth : "",
-      background: "var(--sqm-portal-background)",
+      maxWidth: props.maxWidth,
       margin: props.center && "auto",
+      justifyContent: props.justifyContent,
     },
   };
   const vanillaStyle = `

package/dist/cjs/{sqm-portal-email-verification-view-1552442a.js → sqm-portal-email-verification-view-767085b1.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-4c495d76.js');
+const global = require('./global-dd180d3b.js');
 const mixins = require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
+const sqmTextSpanView = require('./sqm-text-span-view-c54af22c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -4,20 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-4c495d76.js');
+require('./global-dd180d3b.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 require('./JSS-c65a40f1.js');
-require('./sqm-text-span-view-f101dedf.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-1552442a.js');
+require('./sqm-text-span-view-c54af22c.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-767085b1.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;
-  const [request, { loading, data, errors }] = index_module.un();
-  const userIdent = index_module.ne();
+  const [request, { loading, data, errors }] = index_module.nn();
+  const userIdent = index_module.ie();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
@@ -87,7 +87,7 @@ const PortalEmailVerification = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks, content } = index_module.k()
+    const { states, callbacks, content } = index_module.jn()
       ? usePortalEmailVerificationDemo(this)
       : usePortalEmailVerification(this);
     return (index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));

package/dist/cjs/{sqm-portal-footer-view-15ce261b.js → sqm-portal-footer-view-918b4817.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-4c495d76.js');
+const global = require('./global-dd180d3b.js');
 const JSS = require('./JSS-c65a40f1.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-4c495d76.js');
+require('./global-dd180d3b.js');
 require('./use-callback-e754042f.js');
-require('./index.module-54724339.js');
+require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 require('./JSS-c65a40f1.js');
 const utils = require('./utils-01dbfd4a.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-15ce261b.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-918b4817.js');
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-portal-forgot-password-view-10c0b54f.js → sqm-portal-forgot-password-view-02b046e1.js}

@@ -3,7 +3,7 @@
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
+const sqmTextSpanView = require('./sqm-text-span-view-c54af22c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -5,20 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 require('./JSS-c65a40f1.js');
-require('./sqm-text-span-view-f101dedf.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-10c0b54f.js');
+require('./sqm-text-span-view-c54af22c.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-02b046e1.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d;
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const [request, { loading, data, errors }] = index_module.on();
+  const [request, { loading, data, errors }] = index_module.Ye();
   const urlParams = new URLSearchParams(window.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
@@ -82,11 +82,11 @@ const PortalForgotPassword = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = index_module.k()
+    const { states, callbacks } = index_module.jn()
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.pn.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.dn.push(states.loginPath) }, "Sign In"))),
       messageSlot: (index.h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 
 function usePortalLogout({ nextPage }) {
-  index_module.Y(undefined);
-  index_module.pn.push({ pathname: nextPage, search: "" });
+  index_module.ae(undefined);
+  index_module.dn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {
@@ -25,7 +25,7 @@ const PortalLogout = class {
   }
   disconnectedCallback() { }
   render() {
-    index_module.k() ? useLogoutDemo() : usePortalLogout(this);
+    index_module.jn() ? useLogoutDemo() : usePortalLogout(this);
   }
 };
 function useLogoutDemo({}) { }

package/dist/cjs/{sqm-portal-profile-view-659635e9.js → sqm-portal-profile-view-c7b037cf.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-4c495d76.js');
+const global = require('./global-dd180d3b.js');
 const JSS = require('./JSS-c65a40f1.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-fdfb3656.js');
+const sqmTextSpanView = require('./sqm-text-span-view-c54af22c.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-5ea913a8.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-4c495d76.js');
+require('./global-dd180d3b.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-c65a40f1.js');
 const utils = require('./utils-01dbfd4a.js');
-require('./sqm-text-span-view-f101dedf.js');
-require('./sqm-portal-container-view-fdfb3656.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-659635e9.js');
+require('./sqm-text-span-view-c54af22c.js');
+require('./sqm-portal-container-view-5ea913a8.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-c7b037cf.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -59,12 +59,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = index_module.ne();
+  const userIdent = index_module.ie();
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [userData, setUserData] = stencilHooks_module.useState(undefined);
   const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
-  const userDataResponse = index_module.mn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.De(UPSERT_USER);
+  const userDataResponse = index_module.sn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = index_module.qe(UPSERT_USER);
   stencilHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
@@ -202,7 +202,7 @@ const PortalProfile = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.k()
+    const props = index_module.jn()
       ? usePortalProfileDemo(utils.getProps(this))
       : usePortalProfile(utils.getProps(this));
     return index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, props));

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

@@ -5,26 +5,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-54724339.js');
+const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = index_module.ne();
+  const userIdent = index_module.ie();
   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 } = index_module.hn();
+  const { pathname, search } = index_module.ln();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   stencilHooks_module.useEffect(() => {
     if (!authenticated) {
-      return index_module.pn.push({
+      return index_module.dn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return index_module.pn.push({
+      return index_module.dn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });
@@ -53,7 +53,7 @@ const PortalProtectedRoute = class {
   }
   disconnectedCallback() { }
   render() {
-    const hasUser = index_module.k()
+    const hasUser = index_module.jn()
       ? usePortalProtectedRouteDemo()
       : usePortalProtectedRoute(this);
     return (index.h(index.Host, { style: { display: hasUser ? "contents" : "none" } }, index.h("slot", null)));

package/dist/cjs/{sqm-portal-reset-password-view-1fdc957e.js → sqm-portal-reset-password-view-20df8d45.js}

@@ -3,7 +3,7 @@
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
+const sqmTextSpanView = require('./sqm-text-span-view-c54af22c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,