@saasquatch/mint-components 1.6.8-0 → 1.6.8-2

package/dist/cjs/sqm-empty_5.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-5344b631.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 const JSS = require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-ec1be9eb.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-6accb54a.js');
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText } = props;
-  return (index.h("sqm-portal-container", { padding: "large", gap: "medium" },
+  return (index.h("sqm-portal-container", { padding: "large", gap: "medium", part: "sqm-empty-container" },
     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" },
@@ -54,7 +54,7 @@ function ImageView(props) {
     index.h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
-    index.h("div", { class: sheet.classes.Container },
+    index.h("div", { class: sheet.classes.Container, part: "sqm-image-container" },
       index.h("img", { part: "sqm-image", src: props.imageUrl, class: sheet.classes.Image }))));
 }
 
@@ -103,7 +103,7 @@ const PortalContainer = class {
      * @uiName Maximum width
      */
     this.maxWidth = "100%";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -162,7 +162,7 @@ const Text = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(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(this);
+    stencilHooks_module.h$1(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-5344b631.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.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(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-graphql-client-provider.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-5344b631.js');
-require('./use-callback-05714e23.js');
-const index_module = require('./index.module-30d74cb5.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+require('./use-callback-86e9ac75.js');
+const index_module = require('./index.module-bd6e817a.js');
 
 async function useGraphQLClientProvider({ domain }) {
   const token = index_module.U();
@@ -23,7 +23,7 @@ const GraphQLClientProvider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(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-5344b631.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 
 const HeroImage = class {
   constructor(hostRef) {
@@ -19,11 +19,11 @@ const HeroImage = class {
      * @uiName Logo Height
      */
     this.height = 60;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    return (index.h(index.Host, null, index.h("a", { href: this.nextPage }, index.h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl }))));
+    return (index.h(index.Host, null, index.h("a", { href: this.nextPage, part: "sqm-header-logo-link" }, index.h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl }))));
   }
 };
 

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

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
-const useCallback = require('./use-callback-05714e23.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+const useCallback = require('./use-callback-86e9ac75.js');
 const JSS = require('./JSS-8503a151.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
@@ -137,13 +137,13 @@ function HeroView(props) {
   
 `;
   // NOTE: Spacing on the columns is controlled on the slots itself. For example using inline styling
-  return (index.h("div", { class: sheet.classes.Container },
+  return (index.h("div", { class: sheet.classes.Container, part: "sqm-hero-container" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    states.columns == 2 ? (index.h("div", { class: sheet.classes.TwoColumnContainer },
-      index.h("div", { class: `${sheet.classes.ColumnWrapper} ${sheet.classes.ColumnPadding}` }, content.primaryColumn),
-      index.h("div", { class: `${sheet.classes.ColumnWrapper} ${sheet.classes.ColumnPadding}` }, content.secondaryColumn))) : (index.h("div", { class: `${sheet.classes.SingleColumnContainer} ${sheet.classes.ColumnPadding}` }, content.primaryColumn))));
+    states.columns == 2 ? (index.h("div", { class: sheet.classes.TwoColumnContainer, part: "sqm-hero-two-col-container" },
+      index.h("div", { part: "sqm-hero-primary-col", class: `${sheet.classes.ColumnWrapper} ${sheet.classes.ColumnPadding}` }, content.primaryColumn),
+      index.h("div", { part: "sqm-hero-secondary-col", class: `${sheet.classes.ColumnWrapper} ${sheet.classes.ColumnPadding}` }, content.secondaryColumn))) : (index.h("div", { part: "sqm-hero-primary-col", class: `${sheet.classes.SingleColumnContainer} ${sheet.classes.ColumnPadding}` }, content.primaryColumn))));
 }
 
 exports.HeroView = HeroView;

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-5344b631.js');
-require('./use-callback-05714e23.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+require('./use-callback-86e9ac75.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmHeroView = require('./sqm-hero-view-201fca7e.js');
+const sqmHeroView = require('./sqm-hero-view-ddd1ef43.js');
 
 const Hero = class {
   constructor(hostRef) {
@@ -40,7 +40,7 @@ const Hero = class {
      * @uiEnumNames ["Wrap", "Wrap Reverse"]
      */
     this.wrapDirection = "wrap";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -2,16 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+const global = require('./global-ea52ea30.js');
+require('./use-callback-86e9ac75.js');
+const index_module = require('./index.module-bd6e817a.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.dist.gql `
+const GET_RANK = index_module.dist.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {
     viewer {
       ... on User {
@@ -58,20 +57,20 @@ const sqmLeaderboardRankCss = "p,.P{font-size:var(--sl-font-size-small);color:va
 
 const LeaderboardRank = class {
   constructor(hostRef) {
-    index$1.registerInstance(this, hostRef);
+    index.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(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
     const props = index_module.isDemo()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
-    return index$1.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));
+    return index.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));
   }
 };
 function useLeaderboardRankDemo(props) {

package/dist/cjs/sqm-link-button-view-8b446852.js

@@ -0,0 +1,27 @@
+'use strict';
+
+const index = require('./index-b0129cd6.js');
+const JSS = require('./JSS-8503a151.js');
+
+const style = {
+  Container: { display: "contents" },
+};
+const vanillaStyle = `
+:host{
+  display: inline;   
+}
+`;
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function LinkButtonView(props) {
+  const { link, openInNewTab } = props;
+  return (index.h("span", { class: sheet.classes.Container },
+    index.h("style", { type: "text/css" },
+      styleString,
+      vanillaStyle),
+    index.h("sl-button", null,
+      index.h("a", { href: link, target: openInNewTab ? "_blank" : "" },
+        index.h("slot", null)))));
+}
+
+exports.LinkButtonView = LinkButtonView;

package/dist/cjs/sqm-link-button.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+require('./JSS-8503a151.js');
+const utils = require('./utils-6847bc06.js');
+const sqmLinkButtonView = require('./sqm-link-button-view-8b446852.js');
+
+const Image = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * @uiName User Identification Text
+     */
+    this.openInNewTab = false;
+  }
+  render() {
+    return index.h(sqmLinkButtonView.LinkButtonView, Object.assign({}, utils.getProps(this)));
+  }
+};
+
+exports.sqm_link_button = Image;

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

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const index_module = require('./index.module-30d74cb5.js');
+const index_module = require('./index.module-bd6e817a.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 
@@ -33,13 +33,13 @@ function NavigationSidebarItemView(props) {
   };
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  return (index.h("a", { href: data.path, onClick: (e) => {
+  return (index.h("a", { part: "sqm-navigation-item-link", href: data.path, onClick: (e) => {
       e.preventDefault();
       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 }),
-    index.h("p", { class: sheet.classes.Label }, data.label)));
+    index.h("p", { class: sheet.classes.Label, part: "sqm-navigation-item-label" }, data.label)));
 }
 
 exports.NavigationSidebarItemView = NavigationSidebarItemView;

package/dist/cjs/sqm-navigation-sidebar-item.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-5344b631.js');
-require('./use-callback-05714e23.js');
-const index_module = require('./index.module-30d74cb5.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+require('./use-callback-86e9ac75.js');
+const index_module = require('./index.module-bd6e817a.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-9bba2bad.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-91d9d7b5.js');
 
 function useNavigationSidebarItem(props) {
   const currentPage = index_module.mn();
@@ -29,7 +29,7 @@ function useNavigationSidebarItem(props) {
 const NavigationSidebarItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-navigation-sidebar-view-2da83d3b.js → sqm-navigation-sidebar-view-b830e8d8.js}

@@ -145,14 +145,14 @@ const vanillaStyle = `
 }
 `;
 function NavigationSidebarView(props, children) {
-  return (index.h("div", { class: "container" },
+  return (index.h("div", { class: "container", part: "sqm-navigation-container" },
     index.h("style", null, vanillaStyle),
     index.h("input", Object.assign({ type: "checkbox", class: "toggler" }, props)),
     index.h("div", { class: "hamburger" },
       index.h("div", { class: "line" }),
       index.h("div", { class: "line" }),
       index.h("div", { class: "line" })),
-    index.h("div", { class: "menu-items" }, children)));
+    index.h("div", { class: "menu-items", part: "sqm-navigation-menu-items" }, children)));
 }
 
 exports.NavigationSidebarView = NavigationSidebarView;

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-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 stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+require('./use-callback-86e9ac75.js');
+const index_module = require('./index.module-bd6e817a.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-b830e8d8.js');
 
 const NavigationSidebar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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-5344b631.js');
-require('./use-callback-05714e23.js');
-const index_module = require('./index.module-30d74cb5.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+require('./use-callback-86e9ac75.js');
+const index_module = require('./index.module-bd6e817a.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const useRegistrationFormState = require('./useRegistrationFormState-5f21a453.js');
+const useRegistrationFormState = require('./useRegistrationFormState-ed30c0e6.js');
 
 var constants = {
   error: {
@@ -489,7 +489,7 @@ const styleString$1 = sheet$1.toString();
 function PortalResetPasswordView(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const { states, callbacks } = props;
-  return (index.h("div", { class: sheet$1.classes.InputContainer },
+  return (index.h("div", { class: sheet$1.classes.InputContainer, part: "sqm-password-field-container" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString$1),
@@ -546,7 +546,7 @@ const PortalPasswordField = class {
      * @uiName Disable Validation
      */
     this.disableValidation = false;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,51 +3,15 @@
 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 stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+require('./use-callback-86e9ac75.js');
+const index_module = require('./index.module-bd6e817a.js');
+require('./jsonpointer-11327262.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 emailRegistrationView = require('./email-registration-view-a483578e.js');
+const usePasswordlessRegistration = require('./usePasswordlessRegistration-9105faa4.js');
 
 const PasswordlessRegistration = class {
   constructor(hostRef) {
@@ -80,42 +44,43 @@ const PasswordlessRegistration = class {
      * @uiName Include name fields
      */
     this.includeName = false;
-    /**
-     * @uiName Include name fields
-     */
-    this.hidePoweredBy = false;
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
     const { states, callbacks } = index_module.isDemo()
       ? useRegistrationDemo(this)
-      : usePasswordlessRegistration();
+      : usePasswordlessRegistration.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 }));
+    return (index.h(emailRegistrationView.EmailRegistrationView, { states: states, callbacks: callbacks, content: content }));
   }
 };
 function useRegistrationDemo(props) {
+  console.debug("sqm-passwordless-registration: Running in debug mode...");
+  const onSubmit = () => {
+    index_module.setUserIdentity({
+      id: "referrer@example.com",
+      accountId: "referrer@example.com",
+      jwt: "eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg",
+    });
+  };
   return cjs.cjs({
     states: {
-      error: "",
       loading: false,
-      forgotPasswordPath: "/forgotPassword",
-      registerPath: "/register",
+      error: "",
     },
     callbacks: {
       submit: async (_event) => {
-        console.log("submit");
+        onSubmit();
       },
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });

package/dist/cjs/sqm-popup-container.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-5344b631.js');
-require('./use-callback-05714e23.js');
-const index_module = require('./index.module-30d74cb5.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+require('./use-callback-86e9ac75.js');
+const index_module = require('./index.module-bd6e817a.js');
 const utils = require('./utils-6847bc06.js');
 
 const PopupContainerView = (props) => {
   const { states, callbacks } = props;
   const { styles } = states;
   return (index.h(index.Host, { class: "squatch-container" },
-    index.h("div", { style: { padding: props.states.styles.padding } },
-      styles.closeButton && (index.h("span", { class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
+    index.h("div", { style: { padding: props.states.styles.padding }, part: "sqm-popup-container" },
+      styles.closeButton && (index.h("span", { part: "sqm-popup-container-close-btn", class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
       index.h("slot", null),
       styles.poweredBy ? (index.h("a", { class: "sqh-attribution", href: "https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget", target: "_blank" }, "Powered By")) : (""))));
 };
@@ -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(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-portal-container-view-ec1be9eb.js → sqm-portal-container-view-6accb54a.js}

@@ -18,9 +18,9 @@ function PortalSectionView(props) {
   };
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.SectionContainer },
+  return (index.h("div", { class: sheet.classes.SectionContainer, part: "sqm-portal-section-container" },
     index.h("style", { type: "text/css" }, styleString),
-    index.h("div", { class: sheet.classes.LabelContainer }, props.label),
+    index.h("div", { class: sheet.classes.LabelContainer, part: "sqm-portal-section-label" }, props.label),
     props.content));
 }
 

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

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-3ebda209.js');
+const global = require('./global-ea52ea30.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-1acdf7e9.js');
+const sqmTextSpanView = require('./sqm-text-span-view-3c734dbb.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.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 stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+require('./global-ea52ea30.js');
+const useCallback = require('./use-callback-86e9ac75.js');
+const index_module = require('./index.module-bd6e817a.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-e834e79c.js');
+require('./sqm-text-span-view-3c734dbb.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-7e795920.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -156,7 +156,7 @@ const PortalEmailVerification = class {
      * @uiWidget textArea
      */
     this.verificationLoadingMessage = "Checking verification status";
-    stencilHooks_module.h(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-portal-forgot-password-view-a3573ade.js → sqm-portal-forgot-password-view-f73bb724.js}

@@ -3,7 +3,7 @@
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-1acdf7e9.js');
+const sqmTextSpanView = require('./sqm-text-span-view-3c734dbb.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -26,7 +26,7 @@ const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalForgotPasswordView(props) {
   const { states, callbacks, content } = props;
-  return (index.h("div", { class: sheet.classes.Wrapper },
+  return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-forgot-password-container" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),