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

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.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) {
     index.registerInstance(this, hostRef);
     this.ignored = true;

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

@@ -2,25 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const index_module = require('./index.module-0f10a4c4.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
+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');
 require('./extends-08099afd.js');
-require('./use-callback-867e51f6.js');
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = index_module.oe();
+  const token = index_module.ee();
   const appDomain = domain;
-  const tenantAlias = index_module.$n();
+  const tenantAlias = index_module.j();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = index_module.we(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = stencilHooks_module.m(index_module.ye, managedIdentityClient);
+  const managedIdentityClient = index_module.Pe(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = stencilHooks_module.m(index_module.qe, managedIdentityClient);
   stencilHooks_module.useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);
 }
 
-let GraphQLClientProvider = class {
+const GraphQLClientProvider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
@@ -28,7 +28,7 @@ let GraphQLClientProvider = class {
   }
   disconnectedCallback() { }
   render() {
-    useGraphQLClientProvider(this);
+     useGraphQLClientProvider(this);
     return (index.h(index.Host, { style: { display: "contents" } }, index.h("slot", null)));
   }
 };

package/dist/cjs/{sqm-hero-view-6706134d.js → sqm-hero-view-a13795c0.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-d8fa5d8e.js');
-const JSS = require('./JSS-24a85193.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
-const useCallback = require('./use-callback-867e51f6.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+const useCallback = require('./use-callback-e754042f.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
-const sqmHeroView = require('./sqm-hero-view-6706134d.js');
-const utils = require('./utils-01dbfd4a.js');
-require('./JSS-24a85193.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./use-callback-e754042f.js');
 require('./extends-08099afd.js');
-require('./use-callback-867e51f6.js');
+require('./JSS-c65a40f1.js');
+const utils = require('./utils-01dbfd4a.js');
+const sqmHeroView = require('./sqm-hero-view-a13795c0.js');
 
-let Hero = class {
+const Hero = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /** @uiName Number of columns in the layout */

package/dist/cjs/{sqm-leaderboard-rank-view-5e2bcad9.js → sqm-leaderboard-rank-view-35015d30.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-d8fa5d8e.js');
+const index = require('./index-b0129cd6.js');
 
 function LeaderboardRankView(props) {
   const { data } = props;

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
-const index_module = require('./index.module-0f10a4c4.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5e2bcad9.js');
-const global = require('./global-32bf222f.js');
-const cjs = require('./cjs-1066ec21.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+const global = require('./global-08276663.js');
+require('./use-callback-e754042f.js');
+const index_module = require('./index.module-54724339.js');
 require('./extends-08099afd.js');
-require('./use-callback-867e51f6.js');
 require('./insertcss-04580cfa.js');
+const cjs = require('./cjs-1066ec21.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-35015d30.js');
 
 const GET_RANK = index_module.dist.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {
@@ -28,7 +28,7 @@ const GET_RANK = index_module.dist.gql `
 function useLeaderboardRank(props) {
   var _a, _b, _c;
   const programId = index_module.M();
-  const user = index_module.ie();
+  const user = index_module.ne();
   const rankVariables = {
     type: props.leaderboardType,
     filter: { programId_eq: programId },
@@ -36,11 +36,10 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  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],
-    })
+  const { data: rankData } = index_module.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) ? 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],
+  })
     : props.unrankedText || "unranked";
   return {
     data: {
@@ -51,7 +50,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) {
     index.registerInstance(this, hostRef);
     /**
@@ -62,7 +61,7 @@ let LeaderboardRank = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.jn()
+    const props = index_module.k()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
     return index.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const index_module = require('./index.module-0f10a4c4.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
-const cjs = require('./cjs-1066ec21.js');
-const useLeaderboard = require('./useLeaderboard-b712d583.js');
+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');
 require('./extends-08099afd.js');
-require('./use-callback-867e51f6.js');
+const cjs = require('./cjs-1066ec21.js');
+const useLeaderboard = require('./useLeaderboard-6110cd94.js');
 
 function LoadingSkeleton() {
   return (index.h("div", { style: { width: "100%" } },
@@ -26,7 +26,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) {
     index.registerInstance(this, hostRef);
     /**
@@ -63,7 +63,7 @@ let Leaderboard = class {
       showRank: this.showRank,
     };
     const demoProps = { ...props, demoData: this.demoData };
-    const viewprops = index_module.jn()
+    const viewprops = index_module.k()
       ? useLeaderboardDemo(demoProps)
       : useLeaderboard.useLeaderboard(props);
     return index.h(useLeaderboard.LeaderboardView, Object.assign({}, viewprops));
@@ -78,7 +78,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/cjs/{sqm-name-fields-view-c684114f.js → sqm-name-fields-view-c95e4768.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-d8fa5d8e.js');
-const JSS = require('./JSS-24a85193.js');
+const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-7b7c59fe.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 const style = {
   InputContainer: {
@@ -38,17 +38,15 @@ function NameFieldsView(props) {
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    index.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",
-      }
+    index.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",
+    }
       : []))),
-    index.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",
-      }
+    index.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/cjs/sqm-name-fields.cjs.entry.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const index_module = require('./index.module-0f10a4c4.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
-const cjs = require('./cjs-1066ec21.js');
-const sqmNameFieldsView = require('./sqm-name-fields-view-c684114f.js');
+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');
 require('./extends-08099afd.js');
-require('./use-callback-867e51f6.js');
-require('./JSS-24a85193.js');
+const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
+require('./JSS-c65a40f1.js');
+const sqmNameFieldsView = require('./sqm-name-fields-view-c95e4768.js');
 
 const CONTEXT_NAME = "sq:validation-state";
 function useNameFields(props) {
@@ -26,7 +26,7 @@ function useNameFields(props) {
   };
 }
 
-let NameFields = class {
+const NameFields = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
@@ -42,7 +42,7 @@ let NameFields = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states } = index_module.jn() ? useNameFieldsDemo(this) : useNameFields(this);
+    const { states } = index_module.k() ? useNameFieldsDemo(this) : useNameFields(this);
     return index.h(sqmNameFieldsView.NameFieldsView, { states: states });
   }
 };

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

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-d8fa5d8e.js');
-const JSS = require('./JSS-24a85193.js');
+const index = require('./index-b0129cd6.js');
+const index_module = require('./index.module-54724339.js');
 const mixins = require('./mixins-7b7c59fe.js');
-const index_module = require('./index.module-0f10a4c4.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 function NavigationSidebarItemView(props) {
   const { states, data } = props;
@@ -35,7 +35,7 @@ function NavigationSidebarItemView(props) {
   const styleString = sheet.toString();
   return (index.h("a", { href: data.path, onClick: (e) => {
       e.preventDefault();
-      index_module.dn.push(data.path);
+      index_module.pn.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

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const index_module = require('./index.module-0f10a4c4.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
-const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-01dbfd4a.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-7f69e118.js');
+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');
 require('./extends-08099afd.js');
-require('./use-callback-867e51f6.js');
-require('./JSS-24a85193.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');
 
 function useNavigationSidebarItem(props) {
-  const currentPage = index_module.ln();
+  const currentPage = index_module.hn();
   return {
     states: {
       active: currentPage.pathname === props.path,
@@ -27,14 +27,14 @@ function useNavigationSidebarItem(props) {
   };
 }
 
-let NavigationSidebarItem = class {
+const NavigationSidebarItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.jn()
+    const props = index_module.k()
       ? useSidebarItemDemo(utils.getProps(this))
       : useNavigationSidebarItem(utils.getProps(this));
     return index.h(sqmNavigationSidebarItemView.NavigationSidebarItemView, Object.assign({}, props));

package/dist/cjs/{sqm-navigation-sidebar-view-b53fad32.js → sqm-navigation-sidebar-view-36632c96.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-d8fa5d8e.js');
-const JSS = require('./JSS-24a85193.js');
+const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-7b7c59fe.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 const style = {
   ItemsContainer: {

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-b53fad32.js');
-require('./JSS-24a85193.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./extends-08099afd.js');
 require('./mixins-7b7c59fe.js');
+require('./JSS-c65a40f1.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-36632c96.js');
 
-let NavigationSidebar = class {
+const NavigationSidebar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const index_module = require('./index.module-0f10a4c4.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
+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');
+require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
-const JSS = require('./JSS-24a85193.js');
 const mixins = require('./mixins-7b7c59fe.js');
-require('./extends-08099afd.js');
-require('./use-callback-867e51f6.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 var constants = {
   error: {
@@ -424,7 +424,7 @@ const baseItem = {
     "margin-right": "var(--sl-spacing-x-small)",
   },
 };
-const style$1 = {
+const style = {
   Base: {
     fontSize: "var(--sl-font-size-small)",
   },
@@ -445,28 +445,28 @@ const style$1 = {
   },
   ValidationItemInvalid: { ...baseItem },
 };
-const sheet$1 = JSS.createStyleSheet(style$1);
-const styleString$1 = sheet$1.toString();
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
 const getErrorMessage = (errorKeys, password) => {
   if (!errorKeys.length && password)
-    return (index.h("div", { class: sheet$1.classes.ValidationItemValid, style: { paddingBottom: "var(--sl-spacing-x-large)" } },
-      index.h("style", { type: "text/css" }, styleString$1),
+    return (index.h("div", { class: sheet.classes.ValidationItemValid, style: { paddingBottom: "var(--sl-spacing-x-large)" } },
+      index.h("style", { type: "text/css" }, styleString),
       index.h(Valid, null),
       " ",
       index.h("span", null, "Password has met all requirements")));
-  return (index.h("div", { class: sheet$1.classes.Base },
-    index.h("style", { type: "text/css" }, styleString$1),
+  return (index.h("div", { class: sheet.classes.Base },
+    index.h("style", { type: "text/css" }, styleString),
     "Password must meet the following requirements:",
-    index.h("ul", { class: sheet$1.classes.ValidationList }, Object.keys(validationMessages).map((errorKey) => errorKeys.includes(errorKey) ? (index.h("li", { class: sheet$1.classes.ValidationItemInvalid },
+    index.h("ul", { class: sheet.classes.ValidationList }, Object.keys(validationMessages).map((errorKey) => errorKeys.includes(errorKey) ? (index.h("li", { class: sheet.classes.ValidationItemInvalid },
       index.h(Invalid, null),
       " ",
-      index.h("span", null, validationMessages[errorKey]))) : (index.h("li", { class: sheet$1.classes.ValidationItemValid },
+      index.h("span", null, validationMessages[errorKey]))) : (index.h("li", { class: sheet.classes.ValidationItemValid },
       index.h(Valid, null),
       " ",
       index.h("span", null, validationMessages[errorKey])))))));
 };
 
-const style = {
+const style$1 = {
   InputContainer: {
     "& > :not(:last-child)": {
       "margin-bottom": "20px",
@@ -484,24 +484,23 @@ const vanillaStyle = `
   display: none;
 }
 `;
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
+const sheet$1 = JSS.createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
 function PortalResetPasswordView(props) {
   var _a, _b;
   const { states, callbacks } = props;
-  return (index.h("div", { class: sheet.classes.InputContainer },
+  return (index.h("div", { class: sheet$1.classes.InputContainer },
     index.h("style", { type: "text/css" },
       vanillaStyle,
-      styleString),
+      styleString$1),
     index.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));
 }
@@ -529,7 +528,7 @@ function usePasswordField(props) {
   };
 }
 
-let PortalPasswordField = class {
+const PortalPasswordField = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
@@ -545,7 +544,7 @@ let PortalPasswordField = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = index_module.jn()
+    const { states, callbacks } = index_module.k()
       ? usePasswordFieldDemo(this)
       : usePasswordField(this);
     return index.h(PortalResetPasswordView, { states: states, callbacks: callbacks });

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
-const index_module = require('./index.module-0f10a4c4.js');
-const utils = require('./utils-01dbfd4a.js');
+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');
 require('./extends-08099afd.js');
-require('./use-callback-867e51f6.js');
+const utils = require('./utils-01dbfd4a.js');
 
 const PopupContainerView = (props) => {
   const { states, callbacks } = props;
@@ -20,10 +20,10 @@ const PopupContainerView = (props) => {
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = index_module.Rn();
+  const engagementMedium = index_module.x();
   function closePopup() {
     var _a;
-    if (index_module.Rn() === "POPUP") {
+    if (index_module.x() === "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.Rn() === "POPUP" ? popupPadding : embedPadding;
+  const padding = index_module.x() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",
@@ -54,7 +54,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) {
     index.registerInstance(this, hostRef);
     stencilHooks_module.h$1(this);

package/dist/cjs/{sqm-portal-container-view-a78ab7ca.js → sqm-portal-container-view-185b4bd0.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-d8fa5d8e.js');
-const JSS = require('./JSS-24a85193.js');
+const index = require('./index-b0129cd6.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 function PortalContainerView(props, children) {
   const style = {

package/dist/cjs/{sqm-portal-email-verification-view-2a783b13.js → sqm-portal-email-verification-view-991a6739.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-d8fa5d8e.js');
-const global = require('./global-32bf222f.js');
+const index = require('./index-b0129cd6.js');
+const global = require('./global-08276663.js');
 const mixins = require('./mixins-7b7c59fe.js');
-const JSS = require('./JSS-24a85193.js');
-const sqmTextSpanView = require('./sqm-text-span-view-dd99633a.js');
+const JSS = require('./JSS-c65a40f1.js');
+const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,