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

package/dist/esm/{sqm-close-button-view-fd9012e7.js → sqm-close-button-view-2fa57229.js}

@@ -1,4 +1,4 @@
-import { h } from './index-38ad4957.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { H as HostBlock } from './mixins-f750863a.js';
 

package/dist/esm/sqm-close-button.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { g as getEnvironmentSDK } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { g as getEnvironmentSDK } from './index.module-c9811a48.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { C as CloseButtonView } from './sqm-close-button-view-fd9012e7.js';
+import { C as CloseButtonView } from './sqm-close-button-view-2fa57229.js';
 
 const CloseButton = class {
   constructor(hostRef) {

package/dist/esm/sqm-code-verification.entry.js

@@ -1,14 +1,14 @@
-import { h, r as registerInstance } from './index-38ad4957.js';
-import { i as intl } from './global-fc653a2a.js';
-import { l, k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { d as dist, q as Pn, F as Fn, i as isDemo, o as En } from './index.module-849b7d56.js';
+import { h, r as registerInstance } from './index-b3a06de8.js';
+import { i as intl } from './global-58a69018.js';
+import { l, k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, t as Pn, F as Fn, i as isDemo, p as En } from './index.module-c9811a48.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-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 import { V as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
-import { u as useVerificationEmail } from './useVerificationEmail-ca464d15.js';
+import { u as useVerificationEmail } from './useVerificationEmail-55e0e98f.js';
 
 const style = {
   Wrapper: {

package/dist/esm/sqm-context-router.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
-import { b as browser, k as useState, i as d, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { b as browser, k as useState, i as d, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { _ } from './index.module-c9811a48.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 

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

@@ -1,13 +1,13 @@
-import { h, r as registerInstance } from './index-38ad4957.js';
-import { i as intl } from './global-fc653a2a.js';
-import { k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { d as dist, q as Pn, w as wn, J, $ as $e, i as isDemo, o as En } from './index.module-849b7d56.js';
+import { h, r as registerInstance } from './index-b3a06de8.js';
+import { i as intl } from './global-58a69018.js';
+import { k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, p as En } from './index.module-c9811a48.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 { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE } from './keys-406491dc.js';
-import { u as useVerificationEmail } from './useVerificationEmail-ca464d15.js';
+import { u as useVerificationEmail } from './useVerificationEmail-55e0e98f.js';
 
 const UpsertUserEmailMutation = dist.gql `
   mutation upsertUser($userInput: UserInput!) {

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, c as Host } from './index-38ad4957.js';
-import { i as intl } from './global-fc653a2a.js';
-import { n as h$1 } from './dom-context-hooks.module-50442785.js';
-import './index.module-849b7d56.js';
+import { h, r as registerInstance, c as Host } from './index-b3a06de8.js';
+import { i as intl } from './global-58a69018.js';
+import { n as h$1 } from './dom-context-hooks.module-63370afd.js';
+import './index.module-c9811a48.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-a8c708cd.js';
+import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-176e92e3.js';
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
 
 const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error #icon{color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning #icon{color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success #icon{color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info #icon{color:var(--sqm-informative-color-icon);font-size:24px}.Transparent::part(base){background-color:transparent;border:none;color:var(--sqm-text);margin-left:-20px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
 

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-38ad4957.js';
-import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { g as getEnvironmentSDK, i as isDemo } from './index.module-849b7d56.js';
+import { r as registerInstance, e as createEvent, h as h$1, g as getElement } from './index-b3a06de8.js';
+import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { g as getEnvironmentSDK, i as isDemo } from './index.module-c9811a48.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-38ad4957.js';
-import { o as m, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { G, e as Q, E as Ee, P as Pe } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { o as m, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { G, a as Q, E as Ee, P as Pe } from './index.module-c9811a48.js';
 
 async function useGraphQLClientProvider({ domain }) {
   const token = G();

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

@@ -1,9 +1,19 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
 
 const HeroImage = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /**
+     * @uiName Logo text size (in px)
+     * @uiWidget number
+     */
+    this.logoTextSize = 32;
+    /**
+     * @uiWidget color
+     * @uiName Logo text color
+     */
+    this.logoTextColor = "var(--sqm-primary-color, var(--sqm-text, #555555))";
     /**
      * Page participants are navigated to after clicking the header logo.
      *
@@ -12,14 +22,17 @@ const HeroImage = class {
      */
     this.nextPage = "/";
     /**
-     * @uiName Logo height
+     * @uiName Logo height (in px)
      */
     this.height = 60;
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    return (h$1(Host, null, h$1("a", { href: this.nextPage, part: "sqm-link" }, h$1("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl }))));
+    return (h$1(Host, null, h$1("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, this.imageUrl ? (h$1("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (h$1("h3", { style: {
+        fontSize: `${this.logoTextSize}px`,
+        color: this.logoTextColor,
+      } }, this.logoText)))));
   }
 };
 

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo, s as setUserIdentity } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo, b as setUserIdentity } from './index.module-c9811a48.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import './useRegistrationFormState-f149c3ba.js';
-import { E as EmailRegistrationView } from './email-registration-view-4cdb4129.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-6685ce53.js';
+import { E as EmailRegistrationView } from './email-registration-view-1f587f8b.js';
+import './useRegistrationFormState-24d594ea.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-dda1f52b.js';
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

package/dist/esm/sqm-invoice-table-data-cell_5.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
-import { l as luxon } from './luxon-1be92a8e.js';
+import { l as luxon } from './luxon-bbf75a9d.js';
 
 const InvoiceTableDataCell = class {
   constructor(hostRef) {

package/dist/esm/{sqm-lead-checkbox-field-view-3d012143.js → sqm-lead-checkbox-field-view-81541e40.js}

@@ -1,5 +1,5 @@
-import { h } from './index-38ad4957.js';
-import { i as intl } from './global-fc653a2a.js';
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-58a69018.js';
 import { j as jss, a as create } from './JSS-67b5cff8.js';
 
 const style = {

package/dist/esm/sqm-lead-checkbox-field.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-fc653a2a.js';
-import { i as d, n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import './global-58a69018.js';
+import { i as d, n as h } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { a as getMissingProps, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-0d1c899e.js';
-import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-3d012143.js';
+import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-8d4b2620.js';
+import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-81541e40.js';
 
 function useLeadCheckboxField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);

package/dist/esm/{sqm-lead-input-field-view-0199ee1e.js → sqm-lead-input-field-view-d543d939.js}

@@ -1,5 +1,5 @@
-import { h } from './index-38ad4957.js';
-import { i as intl } from './global-fc653a2a.js';
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-58a69018.js';
 import { j as jss, a as create } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
 

package/dist/esm/sqm-lead-input-field.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-fc653a2a.js';
-import { i as d, n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import './global-58a69018.js';
+import { i as d, n as h } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps, a as getMissingProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-0d1c899e.js';
-import { L as LeadInputFieldView } from './sqm-lead-input-field-view-0199ee1e.js';
+import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-8d4b2620.js';
+import { L as LeadInputFieldView } from './sqm-lead-input-field-view-d543d939.js';
 
 function useLeadInputField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);

package/dist/esm/{sqm-leaderboard-rank-view-7a682cc3.js → sqm-leaderboard-rank-view-18baae5b.js}

@@ -1,4 +1,4 @@
-import { h } from './index-38ad4957.js';
+import { h } from './index-b3a06de8.js';
 
 function LeaderboardRankView(props) {
   const { data } = props;

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { i as intl } from './global-fc653a2a.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, H, J, w as wn, i as isDemo } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { i as intl } from './global-58a69018.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, H, J, w as wn, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-7a682cc3.js';
+import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-18baae5b.js';
 
 const GET_RANK = dist.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {

package/dist/esm/{sqm-logout-current-user-view-376c1bf6.js → sqm-logout-current-user-view-f21e54e3.js}

@@ -1,4 +1,4 @@
-import { h } from './index-38ad4957.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const style = {

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, w as wn, s as setUserIdentity, i as isDemo } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, w as wn, b as setUserIdentity, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-376c1bf6.js';
+import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-f21e54e3.js';
 
 const GET_USER_DETAILS = dist.gql `
   query getUserDetails {

package/dist/esm/{sqm-navigation-sidebar-item-view-5283300c.js → sqm-navigation-sidebar-item-view-5a452423.js}

@@ -1,5 +1,5 @@
-import { h } from './index-38ad4957.js';
-import { j as jn } from './index.module-849b7d56.js';
+import { h } from './index-b3a06de8.js';
+import { j as jn } from './index.module-c9811a48.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as gap } from './mixins-f750863a.js';
 

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h } from './dom-context-hooks.module-50442785.js';
-import { k as kn, i as isDemo } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { k as kn, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-5283300c.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-5a452423.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = kn();

package/dist/esm/{sqm-navigation-sidebar-view-2b66457a.js → sqm-navigation-sidebar-view-0a2ec560.js}

@@ -1,4 +1,4 @@
-import { h } from './index-38ad4957.js';
+import { h } from './index-b3a06de8.js';
 
 function NavigationSidebarView(props, children) {
   const vanillaStyle = `

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { n as h, k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo, k as kn, H } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h, k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo, k as kn, H } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2b66457a.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0a2ec560.js';
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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

@@ -1,13 +1,13 @@
-import { h, F as Fragment, r as registerInstance } from './index-38ad4957.js';
-import { i as intl } from './global-fc653a2a.js';
-import { n as h$1, k as useState } from './dom-context-hooks.module-50442785.js';
-import { F as Fn, i as isDemo, d as dist, H, J, B, w as wn, $ as $e } from './index.module-849b7d56.js';
+import { h, F as Fragment, r as registerInstance } from './index-b3a06de8.js';
+import { i as intl } from './global-58a69018.js';
+import { n as h$1, k as useState } from './dom-context-hooks.module-63370afd.js';
+import { F as Fn, i as isDemo, d as dist, H, J, B, w as wn, $ as $e } from './index.module-c9811a48.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, u as useReferralCodes } from './useReferralCodes-f87eea47.js';
+import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-c2e809cf.js';
 import './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-87259b11.js';
+import { C as CopyTextView } from './copy-text-view-fac47254.js';
 
 const style = {
   Container: {

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

@@ -1,11 +1,11 @@
-import { h, r as registerInstance } from './index-38ad4957.js';
-import { i as d, k as useState, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-849b7d56.js';
+import { h, r as registerInstance } from './index-b3a06de8.js';
+import { i as d, k as useState, n as h$1 } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo } from './index.module-c9811a48.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-f750863a.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-f149c3ba.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-24d594ea.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-38ad4957.js';
-import { n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { B } from './index.module-849b7d56.js';
+import { h, c as Host, r as registerInstance } from './index-b3a06de8.js';
+import { n as h$1 } from './dom-context-hooks.module-63370afd.js';
+import { B } from './index.module-c9811a48.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-container-view-a8c708cd.js → sqm-portal-container-view-176e92e3.js}

@@ -1,4 +1,4 @@
-import { h, c as Host } from './index-38ad4957.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function PortalSectionView(props) {
@@ -46,12 +46,11 @@ function PortalContainerView(props, children) {
   }`;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h(Host, null,
-    h("div", { class: sheet.classes.Container, part: "sqm-base" },
-      h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 export { PortalContainerView as P, PortalSectionView as a };

package/dist/esm/{sqm-portal-email-verification-view-03707cd9.js → sqm-portal-email-verification-view-5fb1a99e.js}

@@ -1,8 +1,8 @@
-import { h } from './index-38ad4957.js';
-import { i as intl } from './global-fc653a2a.js';
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-58a69018.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-fc653a2a.js';
-import { k as useState, m as useRef, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { l as ln, n as nn, J, j as jn, b as useCallback, i as isDemo } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import './global-58a69018.js';
+import { k as useState, m as useRef, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import './sqm-text-span-view-738acfb3.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-03707cd9.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-5fb1a99e.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -0,0 +1,126 @@
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo, j as jn } from './index.module-c9811a48.js';
+import './jsonpointer-388a7082.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import './utils-334c1e34.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import './mixins-f750863a.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
+import { u as usePortalLogin } from './usePortalLogin-f95bbc67.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,16 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { k as useState, n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo, j as jn } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { k as useState, n as h } from './dom-context-hooks.module-63370afd.js';
+import { i as isDemo, j as jn } from './index.module-c9811a48.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import './sqm-text-span-view-738acfb3.js';
+import './sqm-text-span-view-4c17b8c9.js';
+import { a as useRegistrationForm } from './useRegistrationFormState-24d594ea.js';
+import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-9e97d8b4.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-8bdc3804.js';
 import './AsYouType-46f67d0d.js';
-import { a as useRegistrationForm } from './useRegistrationFormState-f149c3ba.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-2f4936ef.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-65765105.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-ee556e5f.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-1eb3cd72.js';
 
 class InvalidTokenError extends Error {
 }