@saasquatch/mint-components 1.6.7-2 → 1.6.7-3

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
 const JSS = require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-3215dce9.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-ec1be9eb.js');
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText } = props;
@@ -55,7 +55,7 @@ function ImageView(props) {
       styleString,
       vanillaStyle),
     index.h("div", { class: sheet.classes.Container },
-      index.h("img", { src: props.imageUrl, class: sheet.classes.Image }))));
+      index.h("img", { part: "sqm-image", src: props.imageUrl, class: sheet.classes.Image }))));
 }
 
 const Image = class {
@@ -103,7 +103,7 @@ const PortalContainer = class {
      * @uiName Maximum width
      */
     this.maxWidth = "100%";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -162,7 +162,7 @@ const Text = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   componentWillLoad() { }
@@ -199,7 +199,7 @@ const TitledSection = class {
      * @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);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.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)}";
 
@@ -11,7 +11,7 @@ const FormMessage = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+require('./use-callback-05714e23.js');
+const index_module = require('./index.module-30d74cb5.js');
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = index_module.H();
+  const token = index_module.U();
   const appDomain = domain;
-  const tenantAlias = index_module.L();
+  const tenantAlias = index_module.H();
   // Memoization is shared. One client per domain, tenant and token (or null)
   const managedIdentityClient = index_module.ye(appDomain, tenantAlias, token);
   const [, setGraphQLClient] = stencilHooks_module.m(index_module.he, managedIdentityClient);
@@ -23,7 +23,7 @@ const GraphQLClientProvider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-header-logo.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
 
 const HeroImage = class {
   constructor(hostRef) {
@@ -19,7 +19,7 @@ const HeroImage = class {
      * @uiName Logo Height
      */
     this.height = 60;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-hero-view-fcc0188c.js → sqm-hero-view-201fca7e.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const useCallback = require('./use-callback-86e9ac75.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+const useCallback = require('./use-callback-05714e23.js');
 const JSS = require('./JSS-8503a151.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+require('./use-callback-05714e23.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmHeroView = require('./sqm-hero-view-fcc0188c.js');
+const sqmHeroView = require('./sqm-hero-view-201fca7e.js');
 
 const Hero = class {
   constructor(hostRef) {
@@ -40,7 +40,7 @@ const Hero = class {
      * @uiEnumNames ["Wrap", "Wrap Reverse"]
      */
     this.wrapDirection = "wrap";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const global = require('./global-67a37b3f.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index$1 = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+const global = require('./global-3ebda209.js');
+require('./use-callback-05714e23.js');
+const index_module = require('./index.module-30d74cb5.js');
 const cjs = require('./cjs-1066ec21.js');
+const index = require('./index-e4027f09.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
 
-const GET_RANK = index_module.dist.gql `
+const GET_RANK = index.dist.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {
     viewer {
       ... on User {
@@ -28,7 +29,7 @@ function useLeaderboardRank(props) {
   const programIdContext = index_module.O();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  const user = index_module.N();
+  const user = index_module.W();
   const rankVariables = programId
     ? {
       type: props.leaderboardType,
@@ -41,7 +42,7 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  const { data: rankData } = index_module.dn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = index_module.fn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
   const fullRankText = ((_b = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _b === void 0 ? void 0 : _b.leaderboardRank) ? global.intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
     rank: (_d = (_c = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _c === void 0 ? void 0 : _c.leaderboardRank) === null || _d === void 0 ? void 0 : _d[props.rankType],
   })
@@ -57,20 +58,20 @@ const sqmLeaderboardRankCss = "p,.P{font-size:var(--sl-font-size-small);color:va
 
 const LeaderboardRank = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * @uiName Rank Text
      * @uiWidget textArea
      */
     this.rankText = "You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
     const props = index_module.isDemo()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
-    return index.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));
+    return index$1.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));
   }
 };
 function useLeaderboardRankDemo(props) {

package/dist/cjs/{sqm-navigation-sidebar-item-view-8b4f304f.js → sqm-navigation-sidebar-item-view-9bba2bad.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-30d74cb5.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.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.fn.push(data.path);
+      index_module.gn.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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+require('./use-callback-05714e23.js');
+const index_module = require('./index.module-30d74cb5.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-8b4f304f.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-9bba2bad.js');
 
 function useNavigationSidebarItem(props) {
-  const currentPage = index_module.ln();
+  const currentPage = index_module.mn();
   return {
     states: {
       active: currentPage.pathname === props.path,
@@ -29,7 +29,7 @@ function useNavigationSidebarItem(props) {
 const NavigationSidebarItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+require('./use-callback-05714e23.js');
+const index_module = require('./index.module-30d74cb5.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-2da83d3b.js');
 
 const NavigationSidebar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -21,7 +21,7 @@ const NavigationSidebar = class {
   }
 };
 function useNavigationSidebar() {
-  const location = index_module.ln();
+  const location = index_module.mn();
   const programId = index_module.O();
   const [checked, setChecked] = stencilHooks_module.useState(false);
   // Close hamburger menu after navigation

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+require('./use-callback-05714e23.js');
+const index_module = require('./index.module-30d74cb5.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const useRegistrationFormState = require('./useRegistrationFormState-a1861717.js');
+const useRegistrationFormState = require('./useRegistrationFormState-5f21a453.js');
 
 var constants = {
   error: {
@@ -546,7 +546,7 @@ const PortalPasswordField = class {
      * @uiName Disable Validation
      */
     this.disableValidation = false;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-passwordless-registration-view-60f25a41.js

@@ -0,0 +1,51 @@
+'use strict';
+
+const index = require('./index-b0129cd6.js');
+const mixins = require('./mixins-fe9d4112.js');
+const JSS = require('./JSS-8503a151.js');
+const PoweredByImg = require('./PoweredByImg-7084ef2d.js');
+
+const style = {
+  Wrapper: mixins.AuthWrapper,
+  Column: mixins.AuthColumn,
+  ForgotButtonContainer: {
+    display: "inline",
+    cursor: "pointer",
+    "font-size": "13px",
+    "font-weight": "600",
+    color: "#AAAAAA",
+    margin: "0",
+  },
+  ButtonsContainer: mixins.AuthButtonsContainer,
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function PasswordlessRegistrationView(props) {
+  const { states, callbacks, content } = props;
+  return (index.h("div", { class: sheet.classes.Wrapper },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    content.topSlot,
+    index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
+      props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, props.states.error))),
+      content.includeName && (index.h("sl-input", { exportparts: "label: input-label", type: "name", name: "/firstName", label: content.firstNameLabel || "First Name", disabled: states.loading, required: true })),
+      content.includeName && (index.h("sl-input", { exportparts: "label: input-label", type: "name", name: "/lastName", label: content.lastNameLabel || "Last Name", disabled: states.loading, required: true })),
+      index.h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      index.h("div", { class: sheet.classes.ButtonsContainer },
+        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.registerLabel || "Registration"))),
+    content.bottomSlot,
+    !content.hidePoweredBy && (index.h("a", { target: "_blank", href: "www.saasquatch.com" },
+      index.h(PoweredByImg.PoweredByImg, null)))));
+}
+
+exports.PasswordlessRegistrationView = PasswordlessRegistrationView;

package/dist/cjs/sqm-passwordless-registration.cjs.entry.js

@@ -0,0 +1,124 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+require('./use-callback-05714e23.js');
+const index_module = require('./index.module-30d74cb5.js');
+const cjs = require('./cjs-1066ec21.js');
+require('./mixins-fe9d4112.js');
+require('./JSS-8503a151.js');
+require('./PoweredByImg-7084ef2d.js');
+const sqmPasswordlessRegistrationView = require('./sqm-passwordless-registration-view-60f25a41.js');
+const jsonpointer = require('./jsonpointer-11327262.js');
+
+function usePasswordlessRegistration() {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const [request, { loading, errors, data }] = index_module.sn();
+  const [error, setError] = stencilHooks_module.useState("");
+  const submit = async (event) => {
+    var _a;
+    setError("");
+    let formData = event.detail.formData;
+    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
+      jsonpointer.jsonpointer.set(formData, key, value);
+    });
+    const variables = {
+      firstName: formData.firstName,
+      lastName: formData.lastName,
+      email: formData.email,
+    };
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if ((result === null || result === void 0 ? void 0 : result.message) || ((_a = result === null || result === void 0 ? void 0 : result["response"]) === null || _a === void 0 ? void 0 : _a["error"]))
+        setError("Network request failed.");
+      return;
+    }
+  };
+  const errorMessage = ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
+    error;
+  return {
+    states: {
+      loading,
+      error: errorMessage,
+    },
+    callbacks: {
+      submit,
+    },
+  };
+}
+
+const PasswordlessRegistration = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * Redirect participants to this page after they successfully register.
+     *
+     * @uiName Registration Redirect
+     * @uiWidget pageSelect
+     */
+    this.nextPage = "/";
+    /**
+     * @uiName Email Field Label
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName First Name Field Label
+     */
+    this.firstNameLabel = "First Name";
+    /**
+     * @uiName Last Name Field Label
+     */
+    this.lastNameLabel = "Last Name";
+    /**
+     * @uiName Register Button Text
+     */
+    this.registerLabel = "Start Referring";
+    /**
+     * @uiName Include name fields
+     */
+    this.includeName = false;
+    /**
+     * @uiName Include name fields
+     */
+    this.hidePoweredBy = false;
+    stencilHooks_module.h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = index_module.isDemo()
+      ? useRegistrationDemo(this)
+      : usePasswordlessRegistration();
+    const content = {
+      emailLabel: this.emailLabel,
+      registerLabel: this.registerLabel,
+      firstNameLabel: this.firstNameLabel,
+      lastNameLabel: this.lastNameLabel,
+      includeName: this.includeName,
+      hidePoweredBy: this.hidePoweredBy,
+      // slots
+      topSlot: index.h("slot", { name: "top-slot" }),
+      bottomSlot: index.h("slot", { name: "bottom-slot" }),
+    };
+    return (index.h(sqmPasswordlessRegistrationView.PasswordlessRegistrationView, { states: states, callbacks: callbacks, content: content }));
+  }
+};
+function useRegistrationDemo(props) {
+  return cjs.cjs({
+    states: {
+      error: "",
+      loading: false,
+      forgotPasswordPath: "/forgotPassword",
+      registerPath: "/register",
+    },
+    callbacks: {
+      submit: async (_event) => {
+        console.log("submit");
+      },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+exports.sqm_passwordless_registration = PasswordlessRegistration;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+require('./use-callback-05714e23.js');
+const index_module = require('./index.module-30d74cb5.js');
 const utils = require('./utils-6847bc06.js');
 
 const PopupContainerView = (props) => {
@@ -19,10 +19,10 @@ const PopupContainerView = (props) => {
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = index_module.U();
+  const engagementMedium = index_module._();
   function closePopup() {
     var _a;
-    if (index_module.U() === "POPUP") {
+    if (index_module._() === "POPUP") {
       (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
     }
   }
@@ -36,7 +36,7 @@ function usePopupContainer(props) {
       ? "0"
       : `var(--sl-spacing-${props.embedPadding})`
     : "0";
-  const padding = index_module.U() === "POPUP" ? popupPadding : embedPadding;
+  const padding = index_module._() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",
@@ -56,7 +56,7 @@ const sqmPopupContainerCss = ".squatch-header-close{position:absolute;right:20px
 const PopupContainer = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-portal-container-view-3215dce9.js → sqm-portal-container-view-ec1be9eb.js}

@@ -47,7 +47,7 @@ function PortalContainerView(props, children) {
   }`;
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.Container },
+  return (index.h("div", { class: sheet.classes.Container, part: 'sqm-base' },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/cjs/{sqm-portal-email-verification-view-6f41962b.js → sqm-portal-email-verification-view-e834e79c.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-67a37b3f.js');
+const global = require('./global-3ebda209.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-1acdf7e9.js');

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

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-67a37b3f.js');
-const useCallback = require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+require('./global-3ebda209.js');
+const useCallback = require('./use-callback-05714e23.js');
+const index_module = require('./index.module-30d74cb5.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-1acdf7e9.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-6f41962b.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-e834e79c.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const [request, { loading, data, errors }] = index_module.tn();
+  const [request, { loading, data, errors }] = index_module.an();
   const [getVerificationStatus, { data: user, loading: loadingVerification }] = index_module.Be();
-  const userIdent = index_module.N();
+  const userIdent = index_module.W();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
-  const urlParams = new URLSearchParams(index_module.fn.location.search);
+  const urlParams = new URLSearchParams(index_module.gn.location.search);
   const nextPage = urlParams.get("nextPage");
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
@@ -49,7 +49,7 @@ function usePortalEmailVerification(props) {
     const data = (await getVerificationStatus());
     if ((_a = data === null || data === void 0 ? void 0 : data.managedIdentitySession) === null || _a === void 0 ? void 0 : _a.emailVerified) {
       clearInterval(timerRef.current);
-      return index_module.fn.push({
+      return index_module.gn.push({
         pathname: props.redirectPath,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });
@@ -156,7 +156,7 @@ const PortalEmailVerification = class {
      * @uiWidget textArea
      */
     this.verificationLoadingMessage = "Checking verification status";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {