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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.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)}.Warning::part(base){background-color:var(--sl-color-warning-100);border-color:var(--sl-color-warning-200)}.Success::part(base){background-color:var(--sl-color-success-100);border-color:var(--sl-color-success-200)}.Info::part(base){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-200)}";
 
@@ -11,7 +11,7 @@ const FormMessage = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 
 function useGoogleSignIn(props) {
   const [loaded, setLoaded] = stencilHooks_module.useState(false);
@@ -80,7 +80,7 @@ const GoogleSignIn = class {
     index.registerInstance(this, hostRef);
     this.initComplete = index.createEvent(this, "initComplete", 7);
     this.googleButtonDiv = null;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   connectedCallback() {

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 
 async function useGraphQLClientProvider({ domain }) {
   const token = index_module.G();
@@ -22,7 +22,7 @@ const GraphQLClientProvider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

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

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
-require('./jsonpointer-11327262.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
 const emailRegistrationView = require('./email-registration-view-55b378dc.js');
-require('./useRegistrationFormState-986b5ea1.js');
-const useInstantAccessRegistration = require('./useInstantAccessRegistration-daff8290.js');
+require('./jsonpointer-11327262.js');
+require('./useRegistrationFormState-9aa98cfa.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-653d2aba.js');
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {
@@ -108,7 +108,7 @@ const InstantAccessRegistration = class {
      * @uiType boolean
      */
     this.includeCookies = false;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-invoice-table-view-9dfa2a16.js → sqm-invoice-table-view-9b735809.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-19fc8a7a.js');
+const global = require('./global-6fe7c678.js');
 const JSS = require('./JSS-8503a151.js');
 
 const INDIRECT_TAX_PROVINCES = [

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-19fc8a7a.js');
-const index_module = require('./index.module-57703088.js');
+const index$1 = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const global = require('./global-6fe7c678.js');
+const index_module = require('./index.module-b880d18a.js');
 const cjs = require('./cjs-1066ec21.js');
+const index = require('./index-e6bafae4.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
 
-const GET_RANK = index_module.dist.gql `
+const GET_RANK = index.dist.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {
     viewer {
       ... on User {
@@ -56,20 +57,20 @@ const sqmLeaderboardRankCss = "p,.P{font-size:var(--sl-font-size-small);color:va
 
 const LeaderboardRank = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * @uiName Rank text
      * @uiWidget textArea
      */
     this.rankText = "You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
     const props = index_module.isDemo()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
-    return index.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));
+    return index$1.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));
   }
 };
 function useLeaderboardRankDemo(props) {

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

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const index$1 = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
+const index = require('./index-e6bafae4.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
 
-const GET_USER_DETAILS = index_module.dist.gql `
+const GET_USER_DETAILS = index.dist.gql `
   query getUserDetails {
     viewer {
       ... on User {
@@ -39,7 +40,7 @@ function useLogoutCurrentUser(props) {
 
 const LogoutCurrentUser = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * @required
      * @uiName User identification text
@@ -55,7 +56,7 @@ const LogoutCurrentUser = class {
      * @uiName Error text
      */
     this.emailErrorText = "Error fetching email";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -67,7 +68,7 @@ const LogoutCurrentUser = class {
       switchUserText: this.switchUserText,
       emailErrorText: this.emailErrorText,
     };
-    return index.h(sqmLogoutCurrentUserView.LogoutCurrentUserView, Object.assign({}, props, content));
+    return index$1.h(sqmLogoutCurrentUserView.LogoutCurrentUserView, Object.assign({}, props, content));
   }
 };
 function useDemoLogoutCurrentUser(props) {

package/dist/cjs/{sqm-navigation-sidebar-item-view-9bba5f7e.js → sqm-navigation-sidebar-item-view-b76869c1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const index_module = require('./index.module-57703088.js');
+const index_module = require('./index.module-b880d18a.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
 

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-9bba5f7e.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-b76869c1.js');
 
 function useNavigationSidebarItem(props) {
   const currentPage = index_module.kn();
@@ -28,7 +28,7 @@ function useNavigationSidebarItem(props) {
 const NavigationSidebarItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-17111896.js');
 
 const NavigationSidebar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-19fc8a7a.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const global = require('./global-6fe7c678.js');
+const index_module = require('./index.module-b880d18a.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const copyTextView = require('./copy-text-view-9b950efe.js');
+const index$1 = require('./index-e6bafae4.js');
+const copyTextView = require('./copy-text-view-67cb700e.js');
 require('./mixins-f7e0377a.js');
 
 const style = {
@@ -78,7 +79,7 @@ const Pagination = class {
      * @uiName Pagination text
      */
     this.paginationText = "{currentPage} of {totalPages}";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -112,7 +113,7 @@ function useDemoPagination(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const MessageLinkQuery = index_module.dist.gql `
+const MessageLinkQuery = index$1.dist.gql `
   query getReferralCode($programId: ID) {
     user: viewer {
       ... on User {
@@ -121,7 +122,7 @@ const MessageLinkQuery = index_module.dist.gql `
     }
   }
 `;
-const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
+const WIDGET_ENGAGEMENT_EVENT = index$1.dist.gql `
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
@@ -221,7 +222,7 @@ const ReferralCode = class {
      * @uiEnumNames ["Icon", "Button outside", "Button below"]
      */
     this.buttonStyle = "icon";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -344,7 +345,7 @@ const ReferralCodes = class {
      * @uiName Empty State Image URL
      */
     this.emptyStateImageUrl = "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(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-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
-const useRegistrationFormState = require('./useRegistrationFormState-986b5ea1.js');
+const useRegistrationFormState = require('./useRegistrationFormState-9aa98cfa.js');
 
 var constants = {
   error: {
@@ -570,7 +570,7 @@ const PortalPasswordField = class {
      * @uiName Missing number or symbol text
      */
     this.hasErrorText = "contain at least 1 number or symbol";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 const utils = require('./utils-6847bc06.js');
 
 const PopupContainerView = (props) => {
@@ -62,7 +62,7 @@ const PopupContainer = class {
      * @uiName "Powered by" text
      */
     this.poweredByText = "Powered By";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-portal-email-verification-view-98d84549.js → sqm-portal-email-verification-view-39add3d2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-19fc8a7a.js');
+const global = require('./global-6fe7c678.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-19fc8a7a.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+require('./global-6fe7c678.js');
+const index_module = require('./index.module-b880d18a.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
 require('./sqm-text-span-view-0aa82125.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-98d84549.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-39add3d2.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -167,7 +167,7 @@ const PortalEmailVerification = class {
      * Displayed when your verification email fails to send due to a network error. The participant can try refreshing the page.
      */
     this.networkErrorMessage = "An error occurred while verifying your password. Please refresh the page.";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
-const jsonpointer = require('./jsonpointer-11327262.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
 require('./sqm-text-span-view-0aa82125.js');
+const jsonpointer = require('./jsonpointer-11327262.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-78f19ef9.js');
 
 function usePortalForgotPassword(props) {
@@ -98,7 +98,7 @@ const PortalForgotPassword = class {
      * @uiName Email verification sent text
      */
     this.successAlertText = "If an account with that email exists, a password reset email will be sent.";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -0,0 +1,130 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
+const cjs = require('./cjs-1066ec21.js');
+require('./utils-6847bc06.js');
+const JSS = require('./JSS-8503a151.js');
+require('./mixins-f7e0377a.js');
+require('./sqm-text-span-view-0aa82125.js');
+require('./jsonpointer-11327262.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-761a4d8e.js');
+const usePortalLogin = require('./usePortalLogin-521b6d8f.js');
+
+const PortalGoogleLogin = class {
+  constructor(hostRef) {
+    index.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?";
+    stencilHooks_module.h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = index_module.isDemo()
+      ? useLoginDemo(this)
+      : usePortalLogin.usePortalLogin(this);
+    const styles = {
+      RegisterButton: {
+        "&::part(label)": {
+          padding: "0",
+        },
+      },
+    };
+    const sheet = JSS.createStyleSheet(styles);
+    const styleString = sheet.toString();
+    const content = {
+      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      googleButton: (index.h("sqm-google-sign-in", { onInitComplete: callbacks.googleSubmit })),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), index.h("span", null, this.registerCTA, " ", index.h("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.registerPath), className: sheet.classes.RegisterButton }, this.registerLabel)))),
+      emailLabel: this.emailLabel,
+      passwordLabel: this.passwordLabel,
+      submitLabel: this.submitLabel,
+      pageLabel: this.pageLabel,
+    };
+    return (index.h(sqmPortalLoginView.PortalLoginView, { states: states, callbacks: callbacks, content: content }));
+  }
+};
+function useLoginDemo(props) {
+  return cjs.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 });
+}
+
+exports.sqm_portal_google_login = PortalGoogleLogin;

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

@@ -3,18 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
-const jsonpointer = require('./jsonpointer-11327262.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 const cjs = require('./cjs-1066ec21.js');
 const JSS = require('./JSS-8503a151.js');
+require('./index-e6bafae4.js');
 require('./mixins-f7e0377a.js');
 require('./sqm-text-span-view-0aa82125.js');
-const useRegistrationFormState = require('./useRegistrationFormState-986b5ea1.js');
+const jsonpointer = require('./jsonpointer-11327262.js');
+const useRegistrationFormState = require('./useRegistrationFormState-9aa98cfa.js');
 const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8a2c8763.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-bd72eeff.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-ebf355a6.js');
 require('./AsYouType-6788393a.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-a89d736e.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-f7dfd694.js');
 
 class InvalidTokenError extends Error {
 }
@@ -277,7 +278,7 @@ const PortalGoogleRegistrationForm = class {
      * @uiName Google button text
      */
     this.googleButtonText = "signup_with";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -323,6 +324,7 @@ const PortalGoogleRegistrationForm = class {
     }
     return (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, { states: {
         ...states,
+        emailDisabled: true,
         hidePasswords: showRegistrationForm.mode === "google",
       }, callbacks: callbacks, content: {
         ...content,