@saasquatch/mint-components 1.13.0-2 → 1.13.0-21

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

@@ -2,39 +2,56 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./index.module-57703088.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 
-const GoogleSignIn = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.initComplete = index.createEvent(this, "initComplete", 7);
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  connectedCallback() {
-    const src = "https://accounts.google.com/gsi/client";
-    if (!document.head.querySelector(`script[src="${src}"]`)) {
-      const script = document.createElement("script");
-      script.src = "https://accounts.google.com/gsi/client";
-      script.async = true;
-      document.head.appendChild(script);
-    }
-  }
-  render() {
-    const { setGoogleButtonDiv } =  useDemoGoogleSignIn(this)
-      ;
-    return (index.h("div", null, index.h("div", { ref: setGoogleButtonDiv })));
-  }
-};
-function useDemoGoogleSignIn(props) {
+function useGoogleSignIn(props) {
   const [loaded, setLoaded] = stencilHooks_module.useState(false);
   const [googleButtonDiv, setGoogleButtonDiv] = stencilHooks_module.useState(null);
+  const [buttonWidth, setButtonWidth] = stencilHooks_module.useState(null);
+  const resizeTimeoutRef = stencilHooks_module.useRef(null);
+  stencilHooks_module.useEffect(() => {
+    let observer = null;
+    function handleResize() {
+      clearTimeout(resizeTimeoutRef.current);
+      resizeTimeoutRef.current = setTimeout(() => {
+        function findButton() {
+          const button = document.querySelector(".register-button");
+          if (button) {
+            console.log(button.clientWidth);
+            setButtonWidth(button.clientWidth);
+          }
+        }
+        findButton(); // Try finding the button immediately
+        observer = new MutationObserver(findButton);
+        observer.observe(document.body, { childList: true, subtree: true });
+        return () => observer === null || observer === void 0 ? void 0 : observer.disconnect();
+      }, 40);
+    }
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      if (resizeTimeoutRef.current)
+        clearTimeout(resizeTimeoutRef.current);
+    };
+  }, []);
   stencilHooks_module.useEffect(() => {
     const cb = () => {
       // @ts-expect-error
       window.onGoogleLibraryLoad = null;
+      const sdk = index_module.getEnvironmentSDK();
+      if (sdk.type !== "SquatchPortal")
+        return;
+      const cb = (res) => {
+        props.initComplete.emit(res);
+      };
+      //@ts-expect-error
+      google.accounts.id.initialize({
+        //@ts-expect-error: link component-env/boilerplate for new types
+        client_id: sdk.env.googleOAuthId,
+        callback: cb,
+      });
       setLoaded(true);
     };
     // @ts-expect-error
@@ -46,25 +63,47 @@ function useDemoGoogleSignIn(props) {
   stencilHooks_module.useEffect(() => {
     if (!googleButtonDiv || !loaded)
       return;
-    const cb = () => {
-      props.initComplete.emit({ credential: null });
-    };
-    // @ts-expect-error
-    google.accounts.id.initialize({
-      client_id: "PLACEHOLDER",
-      cb: () => { },
-    });
+    googleButtonDiv.id = "google-button";
     //@ts-expect-error
     google.accounts.id.renderButton(googleButtonDiv, {
       theme: "outline",
       size: "large",
       text: props.text,
-      click_listener: cb,
+      height: 40,
+      width: buttonWidth,
     });
-  }, [googleButtonDiv, loaded]);
+  }, [googleButtonDiv, loaded, buttonWidth]);
   return {
     setGoogleButtonDiv,
   };
 }
 
+const GoogleSignIn = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.initComplete = index.createEvent(this, "initComplete", 7);
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  connectedCallback() {
+    const src = "https://accounts.google.com/gsi/client";
+    if (!document.head.querySelector(`script[src="${src}"]`)) {
+      const script = document.createElement("script");
+      script.src = "https://accounts.google.com/gsi/client";
+      script.async = true;
+      document.head.appendChild(script);
+    }
+  }
+  render() {
+    const { setGoogleButtonDiv } = useGoogleSignIn(this);
+    return (index.h("div", null, index.h("style", null, `
+          .custom-google-button {
+            width: 100%;
+            max-width: 400px;
+            height: 40px;
+          }
+          `), index.h("div", { ref: setGoogleButtonDiv })));
+  }
+};
+
 exports.sqm_google_sign_in = GoogleSignIn;

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

@@ -2,9 +2,9 @@
 
 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 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 
 async function useGraphQLClientProvider({ domain }) {
   const token = index_module.G();

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
 
 const HeroImage = class {
   constructor(hostRef) {

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

@@ -2,16 +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 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 require('./jsonpointer-11327262.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');
+const emailRegistrationView = require('./email-registration-view-ff5fa29b.js');
+require('./useRegistrationFormState-4a63d838.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-ac33393b.js');
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

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

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

package/dist/cjs/{sqm-leaderboard-rank-view-d39a55d8.js → sqm-leaderboard-rank-view-d094b47e.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 
 function LeaderboardRankView(props) {
   const { data } = props;

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

@@ -2,12 +2,12 @@
 
 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 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const global = require('./global-87d0a985.js');
+const index_module = require('./index.module-74078685.js');
 const cjs = require('./cjs-1066ec21.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d094b47e.js');
 
 const GET_RANK = index_module.dist.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {

package/dist/cjs/{sqm-logout-current-user-view-11d57c12.js → sqm-logout-current-user-view-b61c8bdf.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {

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

@@ -2,13 +2,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 index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
+const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-b61c8bdf.js');
 
 const GET_USER_DETAILS = index_module.dist.gql `
   query getUserDetails {

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

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

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

@@ -2,14 +2,14 @@
 
 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 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.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-eb5eafe1.js');
 
 function useNavigationSidebarItem(props) {
   const currentPage = index_module.kn();

package/dist/cjs/{sqm-navigation-sidebar-view-17111896.js → sqm-navigation-sidebar-view-64a1d639.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 
 const vanillaStyle = `
 

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

@@ -2,10 +2,10 @@
 
 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 sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-17111896.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-64a1d639.js');
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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

@@ -2,14 +2,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 index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const global = require('./global-87d0a985.js');
+const index_module = require('./index.module-74078685.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 copyTextView = require('./copy-text-view-ef4df2bd.js');
 require('./mixins-f7e0377a.js');
 
 const style = {

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

@@ -2,14 +2,14 @@
 
 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 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.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-4a63d838.js');
 
 var constants = {
   error: {

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

@@ -2,9 +2,9 @@
 
 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 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 const utils = require('./utils-6847bc06.js');
 
 const PopupContainerView = (props) => {

package/dist/cjs/{sqm-portal-container-view-4f15143a.js → sqm-portal-container-view-70eaf785.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 const JSS = require('./JSS-8503a151.js');
 
 function PortalSectionView(props) {

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

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
-const global = require('./global-19fc8a7a.js');
+const index = require('./index-a43a63b4.js');
+const global = require('./global-87d0a985.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-cccf76d0.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -2,15 +2,15 @@
 
 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 index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+require('./global-87d0a985.js');
+const index_module = require('./index.module-74078685.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');
+require('./sqm-text-span-view-cccf76d0.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-7756d649.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-forgot-password-view-78f19ef9.js → sqm-portal-forgot-password-view-de9c0d21.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-cccf76d0.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -2,15 +2,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 index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-78f19ef9.js');
+require('./sqm-text-span-view-cccf76d0.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-de9c0d21.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;

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

@@ -2,19 +2,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 index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
-const useRegistrationFormState = require('./useRegistrationFormState-986b5ea1.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-d5685747.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-e947a5b3.js');
+require('./sqm-text-span-view-cccf76d0.js');
+const useRegistrationFormState = require('./useRegistrationFormState-4a63d838.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-2e832545.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-ebfa62d1.js');
 require('./AsYouType-6788393a.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-a89d736e.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-6ec45064.js');
 
 class InvalidTokenError extends Error {
 }
@@ -271,8 +271,21 @@ const PortalGoogleRegistrationForm = class {
      * @uiName Missing number or symbol text
      */
     this.hasErrorText = "contain at least 1 number or symbol";
+    /**
+     * Can be "signup_with", "signin_with", "continue_with", or "signin"
+     *
+     * @uiName Google button text
+     */
+    this.googleButtonText = "signup_with";
     stencilHooks_module.h$1(this);
   }
+  componentDidLoad() {
+    var _a;
+    const button = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".register-button");
+    if (button && this.onButtonRef) {
+      this.onButtonRef(button); // Pass the ref to google-button
+    }
+  }
   disconnectedCallback() { }
   render() {
     const { states, callbacks, refs } = index_module.isDemo()
@@ -290,7 +303,7 @@ const PortalGoogleRegistrationForm = class {
     const { handleGoogleInit, handleEmailSubmit, showRegistrationForm, emailValidationError, } = index_module.isDemo() ? useGoogleDemo(this) : usePortalGoogleRegistrationForm(this);
     const content = {
       formData: index.h("slot", { name: "formData" }),
-      googleButton: (index.h("sqm-google-sign-in", { text: "Register with Google", onInitComplete: handleGoogleInit })),
+      googleButton: (index.h("sqm-google-sign-in", { text: this.googleButtonText, onInitComplete: handleGoogleInit })),
       secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), index.h("span", null, this.loginCTA, " ", index.h("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath), className: sheet.classes.LoginButton }, this.loginLabel), " "))),
       terms: index.h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
@@ -320,7 +333,6 @@ const PortalGoogleRegistrationForm = class {
         hidePasswords: showRegistrationForm.mode === "google",
       }, callbacks: callbacks, content: {
         ...content,
-        secondaryButton: index.h("div", { style: { display: "none" } }),
       }, refs: refs }));
   }
 };

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

@@ -2,9 +2,9 @@
 
 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 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.setUserIdentity(undefined);

package/dist/cjs/{sqm-portal-profile-view-bae28ea0.js → sqm-portal-profile-view-f4256a13.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
-const global = require('./global-19fc8a7a.js');
+const index = require('./index-a43a63b4.js');
+const global = require('./global-87d0a985.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-cccf76d0.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -2,16 +2,16 @@
 
 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 index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+require('./global-87d0a985.js');
+const index_module = require('./index.module-74078685.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-0aa82125.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-bae28ea0.js');
-const utilities = require('./utilities-c135f16f.js');
+require('./sqm-text-span-view-cccf76d0.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-f4256a13.js');
+const utilities = require('./utilities-74209973.js');
 
 const GET_USER = index_module.dist.gql `
   query {

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

@@ -2,9 +2,9 @@
 
 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 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/cjs/{sqm-portal-registration-form-view-e947a5b3.js → sqm-portal-registration-form-view-ebfa62d1.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-cccf76d0.js');
 
 const style = {
-  Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
+  Wrapper: mixins.AuthWrapper,
   Column: mixins.AuthColumn,
   HostBlock: mixins.HostBlock,
   ":host": {
@@ -79,7 +79,7 @@ function PortalRegistrationFormView(props) {
         : [])))),
       content.terms,
       index.h("div", { class: sheet.classes.ButtonsContainer },
-        index.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"),
+        index.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", className: "register-button" }, content.submitLabel || "Register"),
         content.secondaryButton))));
 }
 

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

@@ -2,18 +2,18 @@
 
 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 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
-require('./useRegistrationFormState-986b5ea1.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-e947a5b3.js');
+require('./sqm-text-span-view-cccf76d0.js');
+require('./useRegistrationFormState-4a63d838.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-ebfa62d1.js');
 require('./AsYouType-6788393a.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-a89d736e.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-6ec45064.js');
 
 const PortalRegistrationForm = class {
   constructor(hostRef) {