@saasquatch/mint-components 1.5.0-49 → 1.5.0-52

package/dist/esm/sqm-form-message.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { m as h } from './stencil-hooks.module-1bcbec4f.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { m as h } from './stencil-hooks.module-2f159754.js';
 
 const sqmFormMessageCss = "sl-alert::part(base){border:1px solid;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(20, 20, 20, 0.1);box-shadow:0 1px 2px rgba(20, 20, 20, 0.1)}.Error::part(base){background-color:var(--sl-color-danger-100);border-color:var(--sl-color-danger-200)}.Success::part(base){background-color:var(--sl-color-success-100);border-color:var(--sl-color-success-200)}.Info::part(base){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-200)}";
 
-let FormMessage = class {
+const FormMessage = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;

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

@@ -1,22 +1,22 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-2c5a6587.js';
-import { o as oe, $ as $n, w as we, y as ye } from './index.module-983975d9.js';
-import { n as m, u as useEffect, m as h } from './stencil-hooks.module-1bcbec4f.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
+import { n as m, u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { e as ee, j, c as Pe, q as qe } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = oe();
+  const token = ee();
   const appDomain = domain;
-  const tenantAlias = $n();
+  const tenantAlias = j();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = we(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = m(ye, managedIdentityClient);
+  const managedIdentityClient = Pe(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = m(qe, managedIdentityClient);
   useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);
 }
 
-let GraphQLClientProvider = class {
+const GraphQLClientProvider = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -24,7 +24,7 @@ let GraphQLClientProvider = class {
   }
   disconnectedCallback() { }
   render() {
-    useGraphQLClientProvider(this);
+     useGraphQLClientProvider(this);
     return (h$1(Host, { style: { display: "contents" } }, h$1("slot", null)));
   }
 };

package/dist/esm/{sqm-hero-view-b30e42f0.js → sqm-hero-view-190bc812.js}

@@ -1,7 +1,7 @@
-import { h } from './index-2c5a6587.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
-import { k as useState, u as useEffect } from './stencil-hooks.module-1bcbec4f.js';
-import { u as useCallback } from './use-callback-cfeaefe1.js';
+import { h } from './index-17b4da69.js';
+import { k as useState, u as useEffect } from './stencil-hooks.module-2f159754.js';
+import { u as useCallback } from './use-callback-d8ef4b5d.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { m as h } from './stencil-hooks.module-1bcbec4f.js';
-import { H as HeroView } from './sqm-hero-view-b30e42f0.js';
-import { g as getProps } from './utils-1d345130.js';
-import './JSS-df9ea8a0.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
+import './JSS-96eeab98.js';
+import { g as getProps } from './utils-1d345130.js';
+import { H as HeroView } from './sqm-hero-view-190bc812.js';
 
-let Hero = class {
+const Hero = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /** @uiName Number of columns in the layout */

package/dist/esm/{sqm-leaderboard-rank-view-91a35c42.js → sqm-leaderboard-rank-view-da91f5f3.js}

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

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { m as h } from './stencil-hooks.module-1bcbec4f.js';
-import { d as dist, M, i as ie, b as sn, j as jn } from './index.module-983975d9.js';
-import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-91a35c42.js';
-import { i as intl } from './global-cc738e38.js';
-import { c as cjs } from './cjs-bdfb4486.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { m as h } from './stencil-hooks.module-2f159754.js';
+import { i as intl } from './global-6bd9287e.js';
+import './use-callback-d8ef4b5d.js';
+import { d as dist, M, n as ne, b as mn, k } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
 import './insertcss-bcaf3818.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-da91f5f3.js';
 
 const GET_RANK = dist.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {
@@ -24,7 +24,7 @@ const GET_RANK = dist.gql `
 function useLeaderboardRank(props) {
   var _a, _b, _c;
   const programId = M();
-  const user = ie();
+  const user = ne();
   const rankVariables = {
     type: props.leaderboardType,
     filter: { programId_eq: programId },
@@ -32,11 +32,10 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  const { data: rankData } = 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)
-    ? 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],
-    })
+  const { data: rankData } = mn(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) ? 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],
+  })
     : props.unrankedText || "unranked";
   return {
     data: {
@@ -47,7 +46,7 @@ function useLeaderboardRank(props) {
 
 const sqmLeaderboardRankCss = "p,.P{font-size:var(--sl-font-size-small);color:var(--sl-color-gray-800);margin-top:0px}p.Subtitle,.P.Subtitle{color:var(--sl-color-gray-500);margin:0px}";
 
-let LeaderboardRank = class {
+const LeaderboardRank = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
@@ -58,7 +57,7 @@ let LeaderboardRank = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = jn()
+    const props = k()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
     return h$1(LeaderboardRankView, Object.assign({}, props));

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance } from './index-2c5a6587.js';
-import { j as jn } from './index.module-983975d9.js';
-import { m as h$1 } from './stencil-hooks.module-1bcbec4f.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './useLeaderboard-c0017437.js';
+import { h, r as registerInstance } from './index-17b4da69.js';
+import { m as h$1 } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { k } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './useLeaderboard-5d875f53.js';
 
 function LoadingSkeleton() {
   return (h("div", { style: { width: "100%" } },
@@ -22,7 +22,7 @@ function EmptySkeleton({ label }) {
 
 const sqmLeaderboardCss = ":host{display:block}:host([hidden]){display:none}.header-title{font-size:var(--sl-font-size-large);font-weight:var(--sl-font-weight-semibold)}.header-description{font-size:var(--sl-font-size-medium);font-weight:var(--sl-font-weight-normal);margin-bottom:var(--sl-spacing-large)}.cover-image{width:100%;margin-bottom:var(--sl-spacing-large)}table{width:100%;border-collapse:collapse}th{font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);text-align:left}tr:not(:first-child){border-top:1px solid var(--sl-color-neutral-200)}td{font-size:var(--sl-font-size-medium);font-weight:var(--sl-font-weight-normal)}.ellipses{text-align:center;padding:0;color:var(--sl-color-neutral-500)}.highlight{background:var(--sl-color-primary-50)}td,th{color:var(--sl-color-gray-800);padding:var(--sl-spacing-medium)}th{padding:var(--sl-spacing-medium);padding-top:0}.User{width:100%}.Score{width:auto;white-space:nowrap}";
 
-let Leaderboard = class {
+const Leaderboard = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
@@ -59,7 +59,7 @@ let Leaderboard = class {
       showRank: this.showRank,
     };
     const demoProps = { ...props, demoData: this.demoData };
-    const viewprops = jn()
+    const viewprops = k()
       ? useLeaderboardDemo(demoProps)
       : useLeaderboard(props);
     return h(LeaderboardView, Object.assign({}, viewprops));
@@ -74,7 +74,7 @@ function useLeaderboardDemo(props) {
         usersheading: props.usersheading
           ? props.usersheading
           : "TOP REFERRERS",
-        statsheading: props.statsheading ? props.statsheading : "NEW TITANS",
+        statsheading: props.statsheading ? props.statsheading : "NEW CUSTOMERS",
       },
     },
     data: {

package/dist/esm/{sqm-name-fields-view-77895fa8.js → sqm-name-fields-view-69b1583f.js}

@@ -1,6 +1,6 @@
-import { h } from './index-2c5a6587.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
+import { h } from './index-17b4da69.js';
 import { E as ErrorStyles } from './mixins-10353a39.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
 
 const style = {
   InputContainer: {
@@ -36,17 +36,15 @@ function NameFieldsView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName)
-      ? {
-        class: sheet.classes.ErrorStyle,
-        helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) || "Cannot be empty",
-      }
+    h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) ? {
+      class: sheet.classes.ErrorStyle,
+      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) || "Cannot be empty",
+    }
       : []))),
-    h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName)
-      ? {
-        class: sheet.classes.ErrorStyle,
-        helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) || "Cannot be empty",
-      }
+    h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) ? {
+      class: sheet.classes.ErrorStyle,
+      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) || "Cannot be empty",
+    }
       : [])))));
 }
 

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { j as jn } from './index.module-983975d9.js';
-import { o as d, m as h } from './stencil-hooks.module-1bcbec4f.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { N as NameFieldsView } from './sqm-name-fields-view-77895fa8.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { o as d, m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { k } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
-import './JSS-df9ea8a0.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
+import './JSS-96eeab98.js';
+import { N as NameFieldsView } from './sqm-name-fields-view-69b1583f.js';
 
 const CONTEXT_NAME = "sq:validation-state";
 function useNameFields(props) {
@@ -22,7 +22,7 @@ function useNameFields(props) {
   };
 }
 
-let NameFields = class {
+const NameFields = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -38,7 +38,7 @@ let NameFields = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states } = jn() ? useNameFieldsDemo(this) : useNameFields(this);
+    const { states } = k() ? useNameFieldsDemo(this) : useNameFields(this);
     return h$1(NameFieldsView, { states: states });
   }
 };

package/dist/esm/{sqm-navigation-sidebar-item-view-3c21b3ee.js → sqm-navigation-sidebar-item-view-a6f7f96c.js}

@@ -1,7 +1,7 @@
-import { h } from './index-2c5a6587.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
+import { h } from './index-17b4da69.js';
+import { p as pn } from './index.module-ec3dcc82.js';
 import { g as gap } from './mixins-10353a39.js';
-import { c as dn } from './index.module-983975d9.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
 
 function NavigationSidebarItemView(props) {
   const { states, data } = props;
@@ -33,7 +33,7 @@ function NavigationSidebarItemView(props) {
   const styleString = sheet.toString();
   return (h("a", { href: data.path, onClick: (e) => {
       e.preventDefault();
-      dn.push(data.path);
+      pn.push(data.path);
     }, class: sheet.classes.ItemContainer },
     h("style", { type: "text/css" }, styleString),
     h("sl-icon", { class: sheet.classes.Icon, name: data.icon }),

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

@@ -1,16 +1,16 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { l as ln, j as jn } from './index.module-983975d9.js';
-import { m as h } from './stencil-hooks.module-1bcbec4f.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps } from './utils-1d345130.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-3c21b3ee.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { h as hn, k } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
-import './JSS-df9ea8a0.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
+import './JSS-96eeab98.js';
+import { g as getProps } from './utils-1d345130.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-a6f7f96c.js';
 
 function useNavigationSidebarItem(props) {
-  const currentPage = ln();
+  const currentPage = hn();
   return {
     states: {
       active: currentPage.pathname === props.path,
@@ -23,14 +23,14 @@ function useNavigationSidebarItem(props) {
   };
 }
 
-let NavigationSidebarItem = class {
+const NavigationSidebarItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const props = jn()
+    const props = k()
       ? useSidebarItemDemo(getProps(this))
       : useNavigationSidebarItem(getProps(this));
     return h$1(NavigationSidebarItemView, Object.assign({}, props));

package/dist/esm/{sqm-navigation-sidebar-view-1c50483e.js → sqm-navigation-sidebar-view-816558e3.js}

@@ -1,6 +1,6 @@
-import { h } from './index-2c5a6587.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
+import { h } from './index-17b4da69.js';
 import { g as gap } from './mixins-10353a39.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
 
 const style = {
   ItemsContainer: {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { m as h } from './stencil-hooks.module-1bcbec4f.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-1c50483e.js';
-import './JSS-df9ea8a0.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { m as h } from './stencil-hooks.module-2f159754.js';
 import './extends-c31f1eff.js';
 import './mixins-10353a39.js';
+import './JSS-96eeab98.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-816558e3.js';
 
-let NavigationSidebar = class {
+const NavigationSidebar = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;

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

@@ -1,11 +1,11 @@
-import { h, r as registerInstance } from './index-2c5a6587.js';
-import { j as jn } from './index.module-983975d9.js';
-import { o as d, k as useState, m as h$1 } from './stencil-hooks.module-1bcbec4f.js';
+import { h, r as registerInstance } from './index-17b4da69.js';
+import { o as d, k as useState, m as h$1 } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { k } from './index.module-ec3dcc82.js';
+import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
 import { E as ErrorStyles } from './mixins-10353a39.js';
-import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
 
 var constants = {
   error: {
@@ -420,7 +420,7 @@ const baseItem = {
     "margin-right": "var(--sl-spacing-x-small)",
   },
 };
-const style$1 = {
+const style = {
   Base: {
     fontSize: "var(--sl-font-size-small)",
   },
@@ -441,28 +441,28 @@ const style$1 = {
   },
   ValidationItemInvalid: { ...baseItem },
 };
-const sheet$1 = createStyleSheet(style$1);
-const styleString$1 = sheet$1.toString();
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
 const getErrorMessage = (errorKeys, password) => {
   if (!errorKeys.length && password)
-    return (h("div", { class: sheet$1.classes.ValidationItemValid, style: { paddingBottom: "var(--sl-spacing-x-large)" } },
-      h("style", { type: "text/css" }, styleString$1),
+    return (h("div", { class: sheet.classes.ValidationItemValid, style: { paddingBottom: "var(--sl-spacing-x-large)" } },
+      h("style", { type: "text/css" }, styleString),
       h(Valid, null),
       " ",
       h("span", null, "Password has met all requirements")));
-  return (h("div", { class: sheet$1.classes.Base },
-    h("style", { type: "text/css" }, styleString$1),
+  return (h("div", { class: sheet.classes.Base },
+    h("style", { type: "text/css" }, styleString),
     "Password must meet the following requirements:",
-    h("ul", { class: sheet$1.classes.ValidationList }, Object.keys(validationMessages).map((errorKey) => errorKeys.includes(errorKey) ? (h("li", { class: sheet$1.classes.ValidationItemInvalid },
+    h("ul", { class: sheet.classes.ValidationList }, Object.keys(validationMessages).map((errorKey) => errorKeys.includes(errorKey) ? (h("li", { class: sheet.classes.ValidationItemInvalid },
       h(Invalid, null),
       " ",
-      h("span", null, validationMessages[errorKey]))) : (h("li", { class: sheet$1.classes.ValidationItemValid },
+      h("span", null, validationMessages[errorKey]))) : (h("li", { class: sheet.classes.ValidationItemValid },
       h(Valid, null),
       " ",
       h("span", null, validationMessages[errorKey])))))));
 };
 
-const style = {
+const style$1 = {
   InputContainer: {
     "& > :not(:last-child)": {
       "margin-bottom": "20px",
@@ -480,24 +480,23 @@ const vanillaStyle = `
   display: none;
 }
 `;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
+const sheet$1 = createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
 function PortalResetPasswordView(props) {
   var _a, _b;
   const { states, callbacks } = props;
-  return (h("div", { class: sheet.classes.InputContainer },
+  return (h("div", { class: sheet$1.classes.InputContainer },
     h("style", { type: "text/css" },
       vanillaStyle,
-      styleString),
+      styleString$1),
     h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, validationError: ({ value }) => {
         if (!value) {
           return "Cannot be empty";
         }
-      } }, (((_a = states.validationErrors) === null || _a === void 0 ? void 0 : _a.password)
-      ? {
-        class: sheet.classes.ErrorStyle,
-        helpText: ((_b = states.validationErrors) === null || _b === void 0 ? void 0 : _b.password) || "Cannot be empty",
-      }
+      } }, (((_a = states.validationErrors) === null || _a === void 0 ? void 0 : _a.password) ? {
+      class: sheet$1.classes.ErrorStyle,
+      helpText: ((_b = states.validationErrors) === null || _b === void 0 ? void 0 : _b.password) || "Cannot be empty",
+    }
       : []), { onInput: (input) => states.enableValidation && callbacks.onInput(input) })),
     states.dynamicValidation));
 }
@@ -525,7 +524,7 @@ function usePasswordField(props) {
   };
 }
 
-let PortalPasswordField = class {
+const PortalPasswordField = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -541,7 +540,7 @@ let PortalPasswordField = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = jn()
+    const { states, callbacks } = k()
       ? usePasswordFieldDemo(this)
       : usePasswordField(this);
     return h(PortalResetPasswordView, { states: states, callbacks: callbacks });

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

@@ -1,9 +1,9 @@
-import { h, c as Host, r as registerInstance } from './index-2c5a6587.js';
-import { m as h$1 } from './stencil-hooks.module-1bcbec4f.js';
-import { R as Rn } from './index.module-983975d9.js';
-import { g as getProps } from './utils-1d345130.js';
+import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
+import { m as h$1 } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { x } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
+import { g as getProps } from './utils-1d345130.js';
 
 const PopupContainerView = (props) => {
   const { states, callbacks } = props;
@@ -16,10 +16,10 @@ const PopupContainerView = (props) => {
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = Rn();
+  const engagementMedium = x();
   function closePopup() {
     var _a;
-    if (Rn() === "POPUP") {
+    if (x() === "POPUP") {
       (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
     }
   }
@@ -33,7 +33,7 @@ function usePopupContainer(props) {
       ? "0"
       : `var(--sl-spacing-${props.embedPadding})`
     : "0";
-  const padding = Rn() === "POPUP" ? popupPadding : embedPadding;
+  const padding = x() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",
@@ -50,7 +50,7 @@ function usePopupContainer(props) {
 
 const sqmPopupContainerCss = ".squatch-header-close{position:absolute;right:20px;top:10px;cursor:pointer}.squatch-container{background-color:var(--widget-background-color);display:block}";
 
-let PopupContainer = class {
+const PopupContainer = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     h$1(this);

package/dist/esm/{sqm-portal-container-view-72c8b457.js → sqm-portal-container-view-cf79ed90.js}

@@ -1,5 +1,5 @@
-import { h } from './index-2c5a6587.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
+import { h } from './index-17b4da69.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
 
 function PortalContainerView(props, children) {
   const style = {

package/dist/esm/{sqm-portal-email-verification-view-7685db9c.js → sqm-portal-email-verification-view-96c1f91b.js}

@@ -1,8 +1,8 @@
-import { h } from './index-2c5a6587.js';
-import { i as intl } from './global-cc738e38.js';
+import { h } from './index-17b4da69.js';
+import { i as intl } from './global-6bd9287e.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-10353a39.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
-import { T as TextSpanView } from './sqm-text-span-view-be532a94.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
+import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,20 +1,20 @@
-import { r as registerInstance, h as h$1 } from './index-2c5a6587.js';
-import { n as nn, i as ie, j as jn } from './index.module-983975d9.js';
-import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-1bcbec4f.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-7685db9c.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './global-6bd9287e.js';
+import './use-callback-d8ef4b5d.js';
+import { u as un, n as ne, k } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
-import './use-callback-cfeaefe1.js';
-import './global-cc738e38.js';
 import './insertcss-bcaf3818.js';
+import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
-import './JSS-df9ea8a0.js';
-import './sqm-text-span-view-be532a94.js';
+import './JSS-96eeab98.js';
+import './sqm-text-span-view-7e61c95c.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-96c1f91b.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;
-  const [request, { loading, data, errors }] = nn();
-  const userIdent = ie();
+  const [request, { loading, data, errors }] = un();
+  const userIdent = ne();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
@@ -58,7 +58,7 @@ function usePortalEmailVerification(props) {
   };
 }
 
-let PortalEmailVerification = class {
+const PortalEmailVerification = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
@@ -84,7 +84,7 @@ let PortalEmailVerification = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks, content } = jn()
+    const { states, callbacks, content } = k()
       ? usePortalEmailVerificationDemo(this)
       : usePortalEmailVerification(this);
     return (h$1(PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));

package/dist/esm/{sqm-portal-footer-view-b344a6ad.js → sqm-portal-footer-view-3a7dfbfc.js}

@@ -1,6 +1,6 @@
-import { h } from './index-2c5a6587.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
-import { i as intl } from './global-cc738e38.js';
+import { h } from './index-17b4da69.js';
+import { i as intl } from './global-6bd9287e.js';
+import { c as createStyleSheet } from './JSS-96eeab98.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" },