npm - @saasquatch/mint-components - Versions diffs - 1.13.0-2 → 1.13.0-21 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (417) hide show

package/dist/cjs/{sqm-portal-reset-password-view-fe602822.js → sqm-portal-reset-password-view-2fe17ea5.js} RENAMED Viewed

@@ -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-reset-password.cjs.entry.js CHANGED Viewed

@@ -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');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-fe602822.js');
+require('./sqm-text-span-view-cccf76d0.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-2fe17ea5.js');
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/cjs/{sqm-portal-verify-email-view-7b678f34.js → sqm-portal-verify-email-view-674395fe.js} RENAMED Viewed

@@ -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-verify-email.cjs.entry.js CHANGED Viewed

@@ -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 cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-0aa82125.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7b678f34.js');
+require('./sqm-text-span-view-cccf76d0.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-674395fe.js');
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {

package/dist/cjs/sqm-referral-table_11.cjs.entry.js CHANGED Viewed

@@ -2,21 +2,21 @@
 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');
 require('./mixins-f7e0377a.js');
-const GenericTableView = require('./GenericTableView-a9f4ba75.js');
-const reRender = require('./re-render-35b016ed.js');
-const useChildElements = require('./useChildElements-854cd1e5.js');
-const luxon = require('./luxon-2926d85f.js');
-const mockRewardData = require('./mockRewardData-272e22d6.js');
-const useReferralTable = require('./useReferralTable-283d2316.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const GenericTableView = require('./GenericTableView-3155ad36.js');
+const reRender = require('./re-render-117a341e.js');
+const useChildElements = require('./useChildElements-bd9427fc.js');
+const luxon = require('./luxon-3b809948.js');
+const mockRewardData = require('./mockRewardData-6e4a90f9.js');
+const useReferralTable = require('./useReferralTable-6b47507b.js');
+const sqmTextSpanView = require('./sqm-text-span-view-cccf76d0.js');
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());

package/dist/cjs/sqm-referred-registration.cjs.entry.js CHANGED Viewed

@@ -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 ReferredRegistration = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table-customer-note-cell.cjs.entry.js CHANGED Viewed

@@ -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 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-cccf76d0.js');
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table-customer-note-column.cjs.entry.js CHANGED Viewed

@@ -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');
-require('./index.module-57703088.js');
-const reRender = require('./re-render-35b016ed.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+require('./index.module-74078685.js');
+const reRender = require('./re-render-117a341e.js');
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js CHANGED Viewed

@@ -2,20 +2,20 @@
 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');
 require('./mixins-f7e0377a.js');
-const GenericTableView = require('./GenericTableView-a9f4ba75.js');
-const reRender = require('./re-render-35b016ed.js');
-const useChildElements = require('./useChildElements-854cd1e5.js');
-const luxon = require('./luxon-2926d85f.js');
-const mockRewardData = require('./mockRewardData-272e22d6.js');
-const useReferralTable = require('./useReferralTable-283d2316.js');
+const GenericTableView = require('./GenericTableView-3155ad36.js');
+const reRender = require('./re-render-117a341e.js');
+const useChildElements = require('./useChildElements-bd9427fc.js');
+const luxon = require('./luxon-3b809948.js');
+const mockRewardData = require('./mockRewardData-6e4a90f9.js');
+const useReferralTable = require('./useReferralTable-6b47507b.js');
 const debug = stencilHooks_module.browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";

package/dist/cjs/sqm-route.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 const SqmRoute = class {
   constructor(hostRef) {

package/dist/cjs/sqm-stencilbook.cjs.entry.js CHANGED Viewed

@@ -2,38 +2,38 @@
 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');
 require('./cjs-1066ec21.js');
 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 GenericTableView = require('./GenericTableView-a9f4ba75.js');
-require('./useChildElements-854cd1e5.js');
-const luxon = require('./luxon-2926d85f.js');
-require('./sqm-text-span-view-0aa82125.js');
-const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
-const sqmCloseButtonView = require('./sqm-close-button-view-ea3fa23b.js');
+const GenericTableView = require('./GenericTableView-3155ad36.js');
+require('./useChildElements-bd9427fc.js');
+const luxon = require('./luxon-3b809948.js');
+require('./sqm-text-span-view-cccf76d0.js');
+const sqmAssetCardView = require('./sqm-asset-card-view-6460e2ad.js');
+const sqmCloseButtonView = require('./sqm-close-button-view-cf3a9a8e.js');
 require('./index-8c6255f5.js');
-const emailRegistrationView = require('./email-registration-view-55b378dc.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
-const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-17111896.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-9bba5f7e.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-98d84549.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-78f19ef9.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-d5685747.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-e947a5b3.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-bae28ea0.js');
-require('./utilities-c135f16f.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-fe602822.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7b678f34.js');
-const ShadowViewAddon = require('./ShadowViewAddon-44cb1a98.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-9dfa2a16.js');
+const emailRegistrationView = require('./email-registration-view-ff5fa29b.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d094b47e.js');
+const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-b61c8bdf.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-64a1d639.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-eb5eafe1.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-7756d649.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-de9c0d21.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-2e832545.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-ebfa62d1.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-f4256a13.js');
+require('./utilities-74209973.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-2fe17ea5.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-674395fe.js');
+const ShadowViewAddon = require('./ShadowViewAddon-0ff12dd9.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-70eaf785.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-dc2cfb99.js');
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/cjs/sqm-tab.cjs.entry.js CHANGED Viewed

@@ -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');
-require('./index.module-57703088.js');
-const reRender = require('./re-render-35b016ed.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+require('./index.module-74078685.js');
+const reRender = require('./re-render-117a341e.js');
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);

package/dist/cjs/sqm-tabs.cjs.entry.js CHANGED Viewed

@@ -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 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 reRender = require('./re-render-35b016ed.js');
-const useChildElements = require('./useChildElements-854cd1e5.js');
+const reRender = require('./re-render-117a341e.js');
+const useChildElements = require('./useChildElements-bd9427fc.js');
 const TabsView = ({ content, placement, }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.

package/dist/cjs/{sqm-text-span-view-0aa82125.js → sqm-text-span-view-cccf76d0.js} RENAMED Viewed

@@ -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-text-span.cjs.entry.js CHANGED Viewed

@@ -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 = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
+const sqmTextSpanView = require('./sqm-text-span-view-cccf76d0.js');
 const Text = class {
   constructor(hostRef) {

package/dist/cjs/{stencil-hooks.module-3a336b0f.js → stencil-hooks.module-62264802.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};

package/dist/cjs/{useChildElements-854cd1e5.js → useChildElements-bd9427fc.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 function useChildElements() {
   const host = index_module._();

package/dist/cjs/{useInstantAccessRegistration-daff8290.js → useInstantAccessRegistration-ac33393b.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.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 useRegistrationFormState = require('./useRegistrationFormState-986b5ea1.js');
+const useRegistrationFormState = require('./useRegistrationFormState-4a63d838.js');
 function useInstantAccessRegistration(props) {
   const cookie = new URLSearchParams(window.location.search);

package/dist/cjs/{usePortalRegistrationForm-a89d736e.js → usePortalRegistrationForm-6ec45064.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.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 useRegistrationFormState = require('./useRegistrationFormState-986b5ea1.js');
+const useRegistrationFormState = require('./useRegistrationFormState-4a63d838.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const RegistrationFormQuery = index_module.dist.gql `

package/dist/cjs/{useReferralTable-283d2316.js → useReferralTable-6b47507b.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
-const reRender = require('./re-render-35b016ed.js');
-const useChildElements = require('./useChildElements-854cd1e5.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 reRender = require('./re-render-117a341e.js');
+const useChildElements = require('./useChildElements-bd9427fc.js');
 const debug = stencilHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/cjs/{useRegistrationFormState-986b5ea1.js → useRegistrationFormState-4a63d838.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 const REGISTRATION_FORM_STATE_CONTEXT_INTERNAL = "sq:registration-form-state-internal";

package/dist/cjs/{utilities-c135f16f.js → utilities-74209973.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const index_module = require('./index.module-74078685.js');
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/collection/components/sqm-base-registration/sqm-base-registration-form-view.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { AuthButtonsContainer, AuthColumn, AuthWrapper, ErrorStyles, HostBlock,
 import { createStyleSheet } from "../../styling/JSS";
 import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
 const style = {
-  Wrapper: { ...AuthWrapper, "max-width": "600px" },
+  Wrapper: AuthWrapper,
   Column: AuthColumn,
   HostBlock: HostBlock,
   ":host": {
@@ -56,7 +56,7 @@ export function BaseRegistrationFormView(props) {
           }
         } }),
       h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, exportparts: "base: primarybutton-base", type: "primary", style: { margin: "0" } }, content.submitLabel || "Register"),
+        h("sl-button", { submit: true, exportparts: "base: primarybutton-base", type: "primary", style: { margin: "0" }, className: "register-button" }, content.submitLabel || "Register"),
         h("sl-menu-divider", { style: { margin: "0" } }),
         content.googleButton,
         content.secondaryButton))));

package/dist/collection/components/sqm-google-sign-in/sqm-google-sign-in.js CHANGED Viewed

@@ -21,14 +21,18 @@ export class GoogleSignIn {
     }
   }
   render() {
-    const { setGoogleButtonDiv } = true
-      ? useDemoGoogleSignIn(this)
-      : useGoogleSignIn(this);
+    const { setGoogleButtonDiv } = useGoogleSignIn(this);
     return (h("div", null,
+      h("style", null, `
+          .custom-google-button {
+            width: 100%;
+            max-width: 400px;
+            height: 40px;
+          }
+          `),
       h("div", { ref: setGoogleButtonDiv })));
   }
   static get is() { return "sqm-google-sign-in"; }
-  static get encapsulation() { return "shadow"; }
   static get properties() { return {
     "text": {
       "type": "string",
@@ -49,6 +53,25 @@ export class GoogleSignIn {
       },
       "attribute": "text",
       "reflect": false
+    },
+    "submitButton": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "HTMLElement",
+        "resolved": "HTMLElement",
+        "references": {
+          "HTMLElement": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
     }
   }; }
   static get events() { return [{

package/dist/collection/components/sqm-google-sign-in/useGoogleSignIn.js CHANGED Viewed

@@ -1,8 +1,38 @@
 import { getEnvironmentSDK } from "@saasquatch/component-boilerplate";
-import { useState, useEffect } from "@saasquatch/stencil-hooks";
+import { useState, useEffect, useRef } from "@saasquatch/stencil-hooks";
 export function useGoogleSignIn(props) {
   const [loaded, setLoaded] = useState(false);
   const [googleButtonDiv, setGoogleButtonDiv] = useState(null);
+  const [buttonWidth, setButtonWidth] = useState(null);
+  const resizeTimeoutRef = useRef(null);
+  function getButtonWidth() {
+    return Math.max(200, Math.min(400, window.innerWidth * 0.7 - 20));
+  }
+  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);
+    };
+  }, []);
   useEffect(() => {
     const cb = () => {
       // @ts-expect-error
@@ -30,13 +60,16 @@ export function useGoogleSignIn(props) {
   useEffect(() => {
     if (!googleButtonDiv || !loaded)
       return;
+    googleButtonDiv.id = "google-button";
     //@ts-expect-error
     google.accounts.id.renderButton(googleButtonDiv, {
       theme: "outline",
       size: "large",
       text: props.text,
+      height: 40,
+      width: buttonWidth,
     });
-  }, [googleButtonDiv, loaded]);
+  }, [googleButtonDiv, loaded, buttonWidth]);
   return {
     setGoogleButtonDiv,
   };