@saasquatch/mint-components 1.13.0-41 → 1.13.0-42

package/dist/esm/sqm-google-sign-in.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h as h$1, g as getElement } from './index-91e7729f.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { g as getEnvironmentSDK, i as isDemo } from './index.module-a2989d3c.js';
+import { f as useState, d as useEffect, j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { g as getEnvironmentSDK, i as isDemo } from './index.module-863d1595.js';
 
 function useGoogleSignIn(props) {
   const [loaded, setLoaded] = useState(false);

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
-import { o as m, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { G, E as Ee, a as Q, P as Pe } from './index.module-a2989d3c.js';
+import { m, d as useEffect, j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { G, E as Ee, a as Q, P as Pe } from './index.module-863d1595.js';
 
 async function useGraphQLClientProvider({ domain }) {
   const token = G();

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { j as h } from './stencil-hooks.module-bb10e6ff.js';
 
 const HeroImage = class {
   constructor(hostRef) {

package/dist/esm/sqm-instant-access-registration.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import { i as isDemo, b as setUserIdentity } from './index.module-a2989d3c.js';
-import './jsonpointer-388a7082.js';
+import { j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { i as isDemo, s as setUserIdentity } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import { E as EmailRegistrationView } from './email-registration-view-a7818cf2.js';
-import './useRegistrationFormState-01cdd8c7.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-7255b0ca.js';
+import './jsonpointer-388a7082.js';
+import './useRegistrationFormState-f63404a4.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-b1ce1e58.js';
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

package/dist/esm/{sqm-invoice-table-view-8e2bb54a.js → sqm-invoice-table-view-c58334ce.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-bedc4329.js';
+import { i as intl } from './global-2f2a008c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const INDIRECT_TAX_PROVINCES = [

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-bedc4329.js';
-import { d as dist, H, J, w as wn, i as isDemo } from './index.module-a2989d3c.js';
+import { j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { i as intl } from './global-2f2a008c.js';
+import { H, J, w as wn, i as isDemo } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
+import { d as dist } from './index-c5f8b525.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
 
 const GET_RANK = dist.gql `

package/dist/esm/sqm-logout-current-user.entry.js

@@ -1,9 +1,10 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, J, w as wn, b as setUserIdentity, i as isDemo } from './index.module-a2989d3c.js';
+import { j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { J, w as wn, s as setUserIdentity, i as isDemo } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
+import { d as dist } from './index-c5f8b525.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-8ef8180f.js';
 
 const GET_USER_DETAILS = dist.gql `

package/dist/esm/{sqm-navigation-sidebar-item-view-56da6bca.js → sqm-navigation-sidebar-item-view-306c5953.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { j as jn } from './index.module-a2989d3c.js';
+import { j as jn } from './index.module-863d1595.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as gap } from './mixins-83f90fa1.js';
 

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import { k as kn, i as isDemo } from './index.module-a2989d3c.js';
+import { j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { k as kn, i as isDemo } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-56da6bca.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-306c5953.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = kn();

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { k as kn, H } from './index.module-a2989d3c.js';
+import { j as h, f as useState, d as useEffect } from './stencil-hooks.module-bb10e6ff.js';
+import { k as kn, H } from './index.module-863d1595.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9d802b78.js';
 
 const NavigationSidebar = class {

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

@@ -1,11 +1,12 @@
 import { h, F as Fragment, r as registerInstance } from './index-91e7729f.js';
-import { n as h$1, k as useState } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-bedc4329.js';
-import { F as Fn, i as isDemo, d as dist, H, J, w as wn, $ as $e, B } from './index.module-a2989d3c.js';
+import { j as h$1, f as useState } from './stencil-hooks.module-bb10e6ff.js';
+import { i as intl } from './global-2f2a008c.js';
+import { F as Fn, i as isDemo, H, J, w as wn, $ as $e, B } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, C as CopyTextView, u as useReferralCodes } from './copy-text-view-b060162f.js';
+import { d as dist } from './index-c5f8b525.js';
+import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, C as CopyTextView, u as useReferralCodes } from './copy-text-view-4655f200.js';
 import './mixins-83f90fa1.js';
 
 const style = {

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

@@ -1,11 +1,11 @@
 import { h, r as registerInstance } from './index-91e7729f.js';
-import { i as d, k as useState, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import { i as isDemo } from './index.module-a2989d3c.js';
+import { k as d, f as useState, j as h$1 } from './stencil-hooks.module-bb10e6ff.js';
+import { i as isDemo } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-83f90fa1.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-01cdd8c7.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-f63404a4.js';
 
 var constants = {
   error: {

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

@@ -1,6 +1,6 @@
 import { h, c as Host, r as registerInstance } from './index-91e7729f.js';
-import { n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import { B } from './index.module-a2989d3c.js';
+import { j as h$1 } from './stencil-hooks.module-bb10e6ff.js';
+import { B } from './index.module-863d1595.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-email-verification-view-44c8970f.js → sqm-portal-email-verification-view-d6b1ddab.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-bedc4329.js';
+import { i as intl } from './global-2f2a008c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-83f90fa1.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import './global-bedc4329.js';
-import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-a2989d3c.js';
+import { f as useState, e as useRef, d as useEffect, j as h } from './stencil-hooks.module-bb10e6ff.js';
+import './global-2f2a008c.js';
+import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-44c8970f.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-d6b1ddab.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { c as un, j as jn, i as isDemo } from './index.module-a2989d3c.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { f as useState, j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { b as un, j as jn, i as isDemo } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-3d3182f1.js';
 
 function usePortalForgotPassword(props) {

package/dist/esm/sqm-portal-google-login.entry.js

@@ -0,0 +1,126 @@
+import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
+import { j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { i as isDemo, j as jn } from './index.module-863d1595.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import './utils-334c1e34.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import './mixins-83f90fa1.js';
+import './sqm-text-span-view-ca32495e.js';
+import './jsonpointer-388a7082.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-7e49609a.js';
+import { u as usePortalLogin } from './usePortalLogin-79bf5c9d.js';
+
+const PortalGoogleLogin = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * Redirect participants to this page after they successfully login.
+     *
+     * @uiName Login redirect
+     * @uiWidget pageSelect
+     */
+    this.nextPage = "/";
+    /**
+     * @uiName Email field label
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName Password field label
+     */
+    this.passwordLabel = "Password";
+    /**
+     * @uiName Submit button text
+     */
+    this.submitLabel = "Sign In";
+    /**
+     * Redirect participants to this page to reset their password
+     * @uiName Forgot password redirect
+     * @uiWidget pageSelect
+     */
+    this.forgotPasswordPath = "/forgotPassword";
+    /**
+     * @uiName Forgot password text
+     */
+    this.forgotPasswordLabel = "Forgot Password?";
+    /**
+     * @uiName Register button text
+     */
+    this.registerLabel = "Register";
+    /**
+     * Redirect participants to this page to start registration.
+     * @uiName Register button redirect
+     * @uiWidget pageSelect
+     */
+    this.registerPath = "/register";
+    /**
+     * @uiName Heading label
+     * @uiWidget textArea
+     */
+    this.pageLabel = "Sign in to your account";
+    /**
+     * @uiName Network error message
+     * Displayed when the login fails due to a network error. The participant can try refreshing the page.
+     */
+    this.networkErrorMessage = "An error occurred while logging you in. Please refresh the page and try again.";
+    /**
+     * @uiName Google account error message
+     * Displayed when user tries to sign in with Google account but has not registered.
+     */
+    this.googleUserNotRegisteredError = "Your google account has not registered on our platform. Please complete the registration process with your Google account.";
+    /**
+     * @uiName Register CTA
+     */
+    this.registerCTA = "Don't have an account?";
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = isDemo()
+      ? useLoginDemo(this)
+      : usePortalLogin(this);
+    const styles = {
+      RegisterButton: {
+        "&::part(label)": {
+          padding: "0",
+        },
+      },
+    };
+    const sheet = createStyleSheet(styles);
+    const styleString = sheet.toString();
+    const content = {
+      forgotPasswordButton: (h$1("slot", { name: "forgotPassword" }, h$1("a", { onClick: () => jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      googleButton: (h$1("sqm-google-sign-in", { onInitComplete: callbacks.googleSubmit })),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("style", null, styleString), h$1("span", null, this.registerCTA, " ", h$1("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => jn.push(states.registerPath), className: sheet.classes.RegisterButton }, this.registerLabel)))),
+      emailLabel: this.emailLabel,
+      passwordLabel: this.passwordLabel,
+      submitLabel: this.submitLabel,
+      pageLabel: this.pageLabel,
+    };
+    return (h$1(PortalLoginView, { states: states, callbacks: callbacks, content: content }));
+  }
+};
+function useLoginDemo(props) {
+  return cjs({
+    states: {
+      error: "",
+      loading: false,
+      forgotPasswordPath: "/forgotPassword",
+      registerPath: "/register",
+      showLoginForm: "manual",
+    },
+    callbacks: {
+      googleSubmit: async () => {
+        console.log("google submit");
+      },
+      submit: async (_event) => {
+        console.log("submit");
+      },
+    },
+    content: {
+      googleButton: null,
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+export { PortalGoogleLogin as sqm_portal_google_login };

package/dist/esm/sqm-portal-google-registration-form.entry.js

@@ -1,16 +1,17 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { i as isDemo, j as jn } from './index.module-a2989d3c.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { f as useState, j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { i as isDemo, j as jn } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import './index-c5f8b525.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
-import { a as useRegistrationForm } from './useRegistrationFormState-01cdd8c7.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { a as useRegistrationForm } from './useRegistrationFormState-f63404a4.js';
 import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-593d4ac3.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-c08eafea.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-32c4b488.js';
 import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-5715c7a5.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-be236318.js';
 
 class InvalidTokenError extends Error {
 }
@@ -319,6 +320,7 @@ const PortalGoogleRegistrationForm = class {
     }
     return (h$1(PortalRegistrationFormView, { states: {
         ...states,
+        emailDisabled: true,
         hidePasswords: showRegistrationForm.mode === "google",
       }, callbacks: callbacks, content: {
         ...content,

package/dist/esm/sqm-portal-login-view-7e49609a.js

@@ -0,0 +1,56 @@
+import { h } from './index-91e7729f.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-83f90fa1.js';
+import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
+
+const style = {
+  Wrapper: AuthWrapper,
+  Column: AuthColumn,
+  ForgotButtonContainer: {
+    display: "inline",
+    cursor: "pointer",
+    "font-size": "13px",
+    "font-weight": "600",
+    color: "#AAAAAA",
+    margin: "0",
+  },
+  ButtonsContainer: {
+    ...AuthButtonsContainer,
+    gap: "var(--sl-spacing-medium)",
+    "& > *": {
+      margin: "0 !important",
+    },
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+function PortalLoginView(props) {
+  const { states, callbacks, content } = props;
+  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    h(TextSpanView, { type: "h3" }, content.pageLabel),
+    h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
+      props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, props.states.error))),
+      h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      h("div", null,
+        h("sl-input", { exportparts: "label: input-label, base: input-base", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
+        h("div", { class: sheet.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
+      h("div", { class: sheet.classes.ButtonsContainer },
+        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
+        content.googleButton && h("sl-menu-divider", null),
+        content.googleButton,
+        content.secondaryButton))));
+}
+
+export { PortalLoginView as P };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-a2989d3c.js';
+import { j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { s as setUserIdentity, j as jn, i as isDemo } from './index.module-863d1595.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-39039274.js → sqm-portal-profile-view-61c075cb.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-bedc4329.js';
+import { i as intl } from './global-2f2a008c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 

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

@@ -1,13 +1,14 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import './global-bedc4329.js';
-import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-a2989d3c.js';
+import { f as useState, d as useEffect, j as h } from './stencil-hooks.module-bb10e6ff.js';
+import './global-2f2a008c.js';
+import { J, w as wn, $ as $e, i as isDemo } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
+import { d as dist } from './index-c5f8b525.js';
 import './sqm-text-span-view-ca32495e.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-39039274.js';
-import { i as isEmpty } from './utilities-863d06d1.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-61c075cb.js';
+import { i as isEmpty } from './utilities-6b8f9180.js';
 
 const GET_USER = dist.gql `
   query {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
-import { f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { J, k as kn, j as jn, i as isDemo } from './index.module-a2989d3c.js';
+import { d as useEffect, j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { J, k as kn, j as jn, i as isDemo } from './index.module-863d1595.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/esm/{sqm-portal-registration-form-view-c08eafea.js → sqm-portal-registration-form-view-32c4b488.js}

@@ -32,7 +32,7 @@ sqm-portal-register {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalRegistrationFormView(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
   const { states, refs, callbacks, content } = props;
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
@@ -47,7 +47,8 @@ function PortalRegistrationFormView(props) {
         h("div", { part: "erroralert-text" }, states.registrationFormState.disabledMessage))) : (states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, props.states.error)))),
       content.formData,
-      !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: true, required: true, validationError: ({ value }) => {
+      !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled) ||
+          states.emailDisabled, required: true, validationError: ({ value }) => {
           if (!value) {
             return content.requiredFieldErrorMessage;
           }
@@ -55,29 +56,29 @@ function PortalRegistrationFormView(props) {
           if (!value.includes("@")) {
             return content.invalidEmailErrorMessage;
           }
-        } }, (((_c = (_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.initialData) === null || _c === void 0 ? void 0 : _c.email) ? {
-        value: (_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e.email,
+        } }, (((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.initialData) === null || _d === void 0 ? void 0 : _d.email) ? {
+        value: (_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.initialData) === null || _f === void 0 ? void 0 : _f.email,
       }
-        : {}), (((_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.validationErrors) === null || _g === void 0 ? void 0 : _g.email) ? {
+        : {}), (((_h = (_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.email) ? {
         class: sheet.classes.ErrorStyle,
-        helpText: ((_j = (_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.validationErrors) === null || _j === void 0 ? void 0 : _j.email) ||
+        helpText: ((_k = (_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.validationErrors) === null || _k === void 0 ? void 0 : _k.email) ||
           content.requiredFieldErrorMessage,
       }
         : [])))),
       !(states.hideInputs || states.hidePasswords) && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": !states.enablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
       content.passwordField,
       !(states.hideInputs || states.hidePasswords) &&
-        states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.disabled), required: true }, (((_m = (_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.initialData) === null || _m === void 0 ? void 0 : _m.confirmPassword) ? {
-        value: (_p = (_o = states.registrationFormState) === null || _o === void 0 ? void 0 : _o.initialData) === null || _p === void 0 ? void 0 : _p.confirmPassword,
+        states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.disabled), required: true }, (((_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.confirmPassword) ? {
+        value: (_q = (_p = states.registrationFormState) === null || _p === void 0 ? void 0 : _p.initialData) === null || _q === void 0 ? void 0 : _q.confirmPassword,
       }
-        : {}), (((_r = (_q = states.registrationFormState) === null || _q === void 0 ? void 0 : _q.validationErrors) === null || _r === void 0 ? void 0 : _r.confirmPassword) ? {
+        : {}), (((_s = (_r = states.registrationFormState) === null || _r === void 0 ? void 0 : _r.validationErrors) === null || _s === void 0 ? void 0 : _s.confirmPassword) ? {
         class: sheet.classes.ErrorStyle,
-        helpText: ((_t = (_s = states.registrationFormState) === null || _s === void 0 ? void 0 : _s.validationErrors) === null || _t === void 0 ? void 0 : _t.confirmPassword) || content.requiredFieldErrorMessage,
+        helpText: ((_u = (_t = states.registrationFormState) === null || _t === void 0 ? void 0 : _t.validationErrors) === null || _u === void 0 ? void 0 : _u.confirmPassword) || content.requiredFieldErrorMessage,
       }
         : [])))),
       content.terms,
       h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, loading: states.loading, disabled: (_u = states.registrationFormState) === null || _u === void 0 ? void 0 : _u.disabled, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
+        h("sl-button", { submit: true, loading: states.loading, disabled: (_v = states.registrationFormState) === null || _v === void 0 ? void 0 : _v.disabled, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
         content.secondaryButton))));
 }
 

package/dist/esm/sqm-portal-registration-form.entry.js

@@ -1,15 +1,16 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-4bc38af4.js';
-import { i as isDemo, j as jn } from './index.module-a2989d3c.js';
-import './jsonpointer-388a7082.js';
+import { j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { i as isDemo, j as jn } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
+import './index-c5f8b525.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
-import './useRegistrationFormState-01cdd8c7.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-c08eafea.js';
+import './jsonpointer-388a7082.js';
+import './useRegistrationFormState-f63404a4.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-32c4b488.js';
 import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-5715c7a5.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-be236318.js';
 
 const PortalRegistrationForm = class {
   constructor(hostRef) {

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { e as Je, T as Te, j as jn, i as isDemo } from './index.module-a2989d3c.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { f as useState, d as useEffect, j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { d as Je, T as Te, j as jn, i as isDemo } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-54a8651f.js';
 
 function usePortalResetPassword(props) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { J, f as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-a2989d3c.js';
+import { f as useState, d as useEffect, j as h } from './stencil-hooks.module-bb10e6ff.js';
+import { J, e as an, j as jn, s as setUserIdentity, i as isDemo } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';

package/dist/esm/sqm-referral-table_11.entry.js

@@ -1,17 +1,18 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-91e7729f.js';
-import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-bedc4329.js';
-import { i as isDemo } from './index.module-a2989d3c.js';
+import { j as h, h as useReducer, u as useMemo, d as useEffect } from './stencil-hooks.module-bb10e6ff.js';
+import { i as intl } from './global-2f2a008c.js';
+import { i as isDemo } from './index.module-863d1595.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import './index-c5f8b525.js';
 import './mixins-83f90fa1.js';
 import { G as GenericTableView } from './GenericTableView-7b9087af.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-268bb9c8.js';
-import { u as useChildElements } from './useChildElements-38c11321.js';
-import { l as luxon } from './luxon-8d51c92b.js';
-import { g as getPaypalMeta } from './mockRewardData-8bd1b356.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-d77b11f5.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-fcba2f50.js';
+import { u as useChildElements } from './useChildElements-9d51a845.js';
+import { l as luxon } from './luxon-e0fc3e69.js';
+import { g as getPaypalMeta } from './mockRewardData-6c2e62c8.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-4d03e881.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 
 const mockReferralData = (count = 4) => {