@saasquatch/mint-components 2.0.8 → 2.0.9-0

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

@@ -1,40 +1,38 @@
 import { h, r as registerInstance, c as Host } from './index-b3a06de8.js';
-import './global-58a69018.js';
+import './global-5d501632.js';
 import { a as commonjsGlobal, u as useMemo, k as useState, c as createCommonjsModule, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
-import { j as jn, b as setUserIdentity, o as setProgramId, k as kn, d as dist, X as Xe } from './index.module-c9811a48.js';
+import { j as jn, b as setUserIdentity, f as setProgramId, k as kn, d as dist, X as Xe } from './index.module-234e8f5e.js';
 import './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './useReferralCodes-c2e809cf.js';
+import './useReferralCodes-75d67509.js';
 import './mixins-f750863a.js';
 import { C as CopyTextView } from './copy-text-view-fac47254.js';
 import { G as GenericTableView } from './GenericTableView-e43d310f.js';
-import './useChildElements-3d872cef.js';
+import './useChildElements-daf489b1.js';
 import { l as luxon } from './luxon-bbf75a9d.js';
 import './sqm-text-span-view-4c17b8c9.js';
 import { C as CloseButtonView } from './sqm-close-button-view-2fa57229.js';
 import './index-ffa26b43.js';
 import { E as EmailRegistrationView } from './email-registration-view-1f587f8b.js';
-import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-81541e40.js';
+import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-e461c8d6.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-18baae5b.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-f21e54e3.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0a2ec560.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-5a452423.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-5fb1a99e.js';
-import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-9e97d8b4.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-3d1b3be4.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-ec6d9b7e.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-36eae0a3.js';
+import './utilities-e6f8716e.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-8bdc3804.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-e3aef106.js';
-import './utilities-72c07b09.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-abef7286.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-33805220.js';
 import './ErrorView-bbf0a042.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-ea505213.js';
-import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, c as CheckboxFieldView, d as PortalRegisterView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalForgotPasswordView, i as PortalFrameView, R as ReferralIframeView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as useShareButton, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-78a1c35c.js';
+import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as PortalRegisterView, f as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, g as ChangeMarktingView, h as PortalFooterView, i as PortalForgotPasswordView, j as PortalFrameView, k as PortalLoginView, R as ReferralIframeView, l as RewardExchangeView, r as rewardExchangeCustomErrorMsg, m as rewardExchangeLongText, n as rewardExchangeSelected, o as chooseAmountFixed, p as chooseAmountFixedNoDescription, q as chooseAmountVariable, s as chooseAmountVariableNoDescription, t as chooseAmountVariableDisabled, v as chooseAmountVariableUnavailable, w as confirmFixed, x as confirmVariable, y as redemptionError, z as queryError, A as success, F as successVariable, G as loading, J as empty$1, K as rewardExchange, M as useShareButton, O as useShareLink, Q as ProgressBarView, U as ProgressBar$2, V as LeadFormView, W as LeadDropdownFieldView, X as ShadowViewAddon } from './ShadowViewAddon-49bebd13.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-176e92e3.js';
-import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-9a3048d9.js';
-import { t as taxTypeToName, L as LoadingView } from './data-a581119a.js';
-import { L as LeadInputFieldView } from './sqm-lead-input-field-view-d543d939.js';
+import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-0a8999d0.js';
+import { t as taxTypeToName, L as LoadingView } from './data-f2f77358.js';
+import { L as LeadInputFieldView } from './sqm-lead-input-field-view-9cf60eea.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -9238,7 +9236,7 @@ const loadingProps$3 = {
     },
   },
 };
-const Default$f = () => (h(PortalRegistrationFormView, Object.assign({}, defaultProps$g)));
+const Default$f = () => (h("sqm-portal-google-registration-form", null));
 const RegisterWithError = () => (h(PortalRegistrationFormView, Object.assign({}, errorProps$5)));
 const RegisterLoading = () => (h(PortalRegistrationFormView, Object.assign({}, loadingProps$3)));
 const TermsAndConditions$2 = () => (h(PortalRegistrationFormView, Object.assign({}, defaultProps$g, { content: {
@@ -9258,6 +9256,51 @@ const PortalGoogleRegistrationFormStories = /*#__PURE__*/Object.freeze({
   TermsAndConditions: TermsAndConditions$2
 });
 
+const GoogleLoginForm_stories = {
+  title: "Components/Microsite Google Login",
+};
+const demoProps = {
+  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,
+  },
+};
+const Default$g = () => {
+  return h("sqm-portal-google-login", null);
+};
+const WithError = () => {
+  return (h("sqm-portal-google-login", { demoData: {
+      states: { ...demoProps.states, error: "This is an error message" },
+    } }));
+};
+const Loading$4 = () => {
+  return (h("sqm-portal-google-login", { demoData: {
+      states: { ...demoProps.states, loading: true },
+    } }));
+};
+
+const PortalGoogleLoginFormStories = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': GoogleLoginForm_stories,
+  Default: Default$g,
+  WithError: WithError,
+  Loading: Loading$4
+});
+
 const PortalLogin_stories = {
   title: "Components/Microsite Login",
 };
@@ -9316,7 +9359,7 @@ const googleProps = {
     googleButton: h("sl-button", null, "Sign in with Google"),
   },
 };
-const Default$g = () => (h("sqm-portal-login", { demoData: { ...defaultProps$h } }));
+const Default$h = () => (h("sqm-portal-login", { demoData: { ...defaultProps$h } }));
 const Text = () => h(PortalLoginView, Object.assign({}, defaultProps$h));
 const IsGoogle = () => (h("sqm-portal-login", { demoData: { ...googleProps } }));
 const LoginWithError = () => (h("sqm-portal-login", { demoData: { ...errorProps$6 } }));
@@ -9325,7 +9368,7 @@ const LoginLoading = () => (h("sqm-portal-login", { demoData: { ...loadingProps$
 const PortalLogin = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalLogin_stories,
-  Default: Default$g,
+  Default: Default$h,
   Text: Text,
   IsGoogle: IsGoogle,
   LoginWithError: LoginWithError,
@@ -9551,9 +9594,9 @@ const successProps$3 = {
     onChange: (e) => console.log(e),
   },
 };
-const Default$h = () => h(PortalProfileView, Object.assign({}, defaultProps$i));
+const Default$i = () => h(PortalProfileView, Object.assign({}, defaultProps$i));
 const DefaultNoCountry = () => h(PortalProfileView, Object.assign({}, noCountry));
-const Loading$4 = () => h(PortalProfileView, Object.assign({}, loadingProps$5));
+const Loading$5 = () => h(PortalProfileView, Object.assign({}, loadingProps$5));
 const Disabled = () => h(PortalProfileView, Object.assign({}, disabledProps));
 const Error$6 = () => h(PortalProfileView, Object.assign({}, errorProps$7));
 const Success$2 = () => h(PortalProfileView, Object.assign({}, successProps$3));
@@ -9561,9 +9604,9 @@ const Success$2 = () => h(PortalProfileView, Object.assign({}, successProps$3));
 const PortalProfile = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalProfile_stories,
-  Default: Default$h,
+  Default: Default$i,
   DefaultNoCountry: DefaultNoCountry,
-  Loading: Loading$4,
+  Loading: Loading$5,
   Disabled: Disabled,
   Error: Error$6,
   Success: Success$2
@@ -9667,7 +9710,7 @@ const slottedProps = {
       h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
   },
 };
-const Default$i = () => h(PortalRegisterView, Object.assign({}, defaultProps$j));
+const Default$j = () => h(PortalRegisterView, Object.assign({}, defaultProps$j));
 const RegisterWithError$1 = () => h(PortalRegisterView, Object.assign({}, errorProps$8));
 const RegisterLoading$1 = () => h(PortalRegisterView, Object.assign({}, loadingProps$6));
 const FieldsHidden = () => {
@@ -9694,7 +9737,7 @@ const TermsAndConditions$3 = () => (h(PortalRegisterView, Object.assign({}, defa
 const PortalRegister = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalRegister_stories,
-  Default: Default$i,
+  Default: Default$j,
   RegisterWithError: RegisterWithError$1,
   RegisterLoading: RegisterLoading$1,
   FieldsHidden: FieldsHidden,
@@ -9783,7 +9826,7 @@ const slottedProps$1 = {
       h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
   },
 };
-const Default$j = () => h(PortalRegistrationFormView, Object.assign({}, defaultProps$k));
+const Default$k = () => h(PortalRegistrationFormView, Object.assign({}, defaultProps$k));
 const RegisterWithError$2 = () => (h(PortalRegistrationFormView, Object.assign({}, errorProps$9)));
 const RegisterLoading$2 = () => (h(PortalRegistrationFormView, Object.assign({}, loadingProps$7)));
 const FieldsHidden$1 = () => {
@@ -9814,7 +9857,7 @@ const TermsAndConditions$4 = () => (h(PortalRegistrationFormView, Object.assign(
 const NewPortalRegistrationForm = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalRegistrationForm_stories,
-  Default: Default$j,
+  Default: Default$k,
   RegisterWithError: RegisterWithError$2,
   RegisterLoading: RegisterLoading$2,
   FieldsHidden: FieldsHidden$1,
@@ -9969,7 +10012,7 @@ const validatingCodeProps = {
     failed: () => console.log("failed"),
   },
 };
-const Default$k = () => h(PortalResetPasswordView, Object.assign({}, defaultProps$l));
+const Default$l = () => h(PortalResetPasswordView, Object.assign({}, defaultProps$l));
 const DefaultWithoutConfirmField = () => (h(PortalResetPasswordView, Object.assign({}, defaultPropsNoConfirm)));
 const ResetPasswordWithError = () => (h(PortalResetPasswordView, Object.assign({}, errorProps$a)));
 const ResetPasswordLoading = () => (h(PortalResetPasswordView, Object.assign({}, loadingProps$8)));
@@ -9979,7 +10022,7 @@ const CodeValidating = () => (h(PortalResetPasswordView, Object.assign({}, valid
 const PortalResetPassword = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalResetPassword_stories,
-  Default: Default$k,
+  Default: Default$l,
   DefaultWithoutConfirmField: DefaultWithoutConfirmField,
   ResetPasswordWithError: ResetPasswordWithError,
   ResetPasswordLoading: ResetPasswordLoading,
@@ -10189,7 +10232,7 @@ const defaultProps$m = {
   errorHeaderText: "There was an error loading your QR code",
   errorDescriptionText: "Please refresh this page and try again",
 };
-const Default$l = () => {
+const Default$m = () => {
   return h(QrCodeView, Object.assign({}, defaultProps$m));
 };
 const HideTitle = () => {
@@ -10204,7 +10247,7 @@ const CenterAlign = () => {
 const RightAlign$1 = () => {
   return h(QrCodeView, Object.assign({}, defaultProps$m, { alignment: "right" }));
 };
-const Loading$5 = () => {
+const Loading$6 = () => {
   return h(QrCodeView, Object.assign({}, defaultProps$m, { loading: true }));
 };
 const Error$7 = () => {
@@ -10217,12 +10260,12 @@ const DownloadError = () => {
 const QRCode = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': QRCode_stories,
-  Default: Default$l,
+  Default: Default$m,
   HideTitle: HideTitle,
   LeftAlign: LeftAlign$1,
   CenterAlign: CenterAlign,
   RightAlign: RightAlign$1,
-  Loading: Loading$5,
+  Loading: Loading$6,
   Error: Error$7,
   DownloadError: DownloadError
 });
@@ -10614,7 +10657,7 @@ const EmptyWithCustomTextAndImage = () => {
     shareCodes("shareCodes"),
     shareButtons("shareButtons")));
 };
-const Loading$6 = () => {
+const Loading$7 = () => {
   return (h("sqm-referral-codes", { demoData: { states: { ...demoData.states, loading: true } } },
     pagination("pagination"),
     shareCodes("shareCodes"),
@@ -10629,7 +10672,7 @@ const ReferralCodes$1 = /*#__PURE__*/Object.freeze({
   WithPreviouslyCopiedCodeAndCustomColor: WithPreviouslyCopiedCodeAndCustomColor,
   Empty: Empty$2,
   EmptyWithCustomTextAndImage: EmptyWithCustomTextAndImage,
-  Loading: Loading$6
+  Loading: Loading$7
 });
 
 const scenario$s = "@owner:sam\n@author:sam\n\nFeature: Referral Iframe\n\n\tUsed to provide an external form for submitting referral leads using the current user's referral code\n\n\tBackground: A user is logged in\n\t\tGiven there is a logged in user\n\n\t@motivating\n\tScenario: Referral code is passed to the iframe as a query parameter\n\t\tGiven the \"iframe-src\" is \"https://example.com\"\n\t\tAnd the user has navigated to \"/refer\"\n\t\tAnd the user's referral code is \"BOBBYREFER\"\n\t\tWhen the iframe content is loaded\n\t\tThen the iframe url will be \"https://example.com?rsCode=BOBBYREFER\"\n\n\t@ui\n\tScenario Outline: The height and width of the iFrame can be controlled via props\n\t\tGiven the \"iframe-src\" is \"https://example.com\"\n\t\tAnd the iframe content is 1000x1000\n\t\tAnd the \"iframe-height\" is set to <heightValue>\n\t\tAnd the \"iframe-width\" is set to <widthValue>\n\t\tThen the content of the iframe will be displayed with scrollbars\n\t\tAnd the dimension of the iFrame displayed will be 500x500\n\t\tWhen the \"iframe-height\" is set to <heightValue>\n\t\tAnd the \"iframe-width\" is set to <widthValue>\n\t\tThen the full content of the iframe will be displayed on the page\n\t\tAnd the dimension of the iFrame displayed will be 1000x1000\n\t\tExamples:\n\t\t| heightValue | widthValue |\n\t\t| 500px       | 500px      |\n\t\t| 50%         | 50%        |\n\n\t@minutia\n\tScenario Outline: The iFrame will fail fast if a iFrame source isn't provided\n\t\tGiven \"iframe-src\" <mayBeAnAttribute>\n\t\tAnd it <mayHaveValue>\n\t\tWhen a user views the referral iFrame component\n\t\tThen an alert with an error message is displayed in place of the iFrame\n\t\tAnd it has a details section\n\t\tWhen \"More details\" is clicked\n\t\tThen the following information will be displayed\n\t\t| component being used |\n\t\t| missing attribute(s) |\n\n\tExamples:\n\t\t| mayBeAnAttribute    | mayHaveValue |\n\t\t| is not an attribute | N/A          |\n\t\t| is an attribute     | \"\"           |\n\t\t| is an attribute     |              |";
@@ -11894,7 +11937,7 @@ const RedemptionError = () => StoryBase(redemptionError);
 const QueryError = () => StoryBase(queryError);
 const SuccessPromo = () => StoryBase(success);
 const SuccessVariableAndStepped = () => StoryBase(successVariable);
-const Loading$7 = () => StoryBase(loading);
+const Loading$8 = () => StoryBase(loading);
 const Empty$3 = () => StoryBase(empty$1);
 
 const RewardExchangeList = /*#__PURE__*/Object.freeze({
@@ -11916,7 +11959,7 @@ const RewardExchangeList = /*#__PURE__*/Object.freeze({
   QueryError: QueryError,
   SuccessPromo: SuccessPromo,
   SuccessVariableAndStepped: SuccessVariableAndStepped,
-  Loading: Loading$7,
+  Loading: Loading$8,
   Empty: Empty$3
 });
 
@@ -13418,7 +13461,7 @@ const ShareLink_stories = {
     scenario: scenario$B,
   },
 };
-const Default$m = () => {
+const Default$n = () => {
   const props = {
     copyString: "https://noah.example.com",
     open: false,
@@ -13507,7 +13550,7 @@ const FullStack = () => {
 const ShareLink = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': ShareLink_stories,
-  Default: Default$m,
+  Default: Default$n,
   Tooltip: Tooltip,
   Disabled: Disabled$1,
   Error: Error$a,
@@ -15119,14 +15162,14 @@ const defaultProps$p = {
   verifyFailed: false,
   emailResent: false,
 };
-const Default$n = () => (h("sqm-code-verification", { demoData: { states: defaultProps$p } }));
+const Default$o = () => (h("sqm-code-verification", { demoData: { states: defaultProps$p } }));
 const InitialLoading = () => (h("sqm-code-verification", { demoData: {
     states: {
       ...defaultProps$p,
       initialiseLoading: true,
     },
   } }));
-const Loading$8 = () => (h("sqm-code-verification", { demoData: {
+const Loading$9 = () => (h("sqm-code-verification", { demoData: {
     states: {
       ...defaultProps$p,
       loading: true,
@@ -15148,9 +15191,9 @@ const VerificationFailed = () => (h("sqm-code-verification", { demoData: {
 const WidgetCodeVerification = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': WidgetCodeVerification_stories,
-  Default: Default$n,
+  Default: Default$o,
   InitialLoading: InitialLoading,
-  Loading: Loading$8,
+  Loading: Loading$9,
   CodeResent: CodeResent,
   VerificationFailed: VerificationFailed
 });
@@ -15165,7 +15208,7 @@ const defaultProps$q = {
   initialLoading: false,
   sendCodeError: false,
 };
-const Default$o = () => (h("sqm-email-verification", { demoData: {} }));
+const Default$p = () => (h("sqm-email-verification", { demoData: {} }));
 const EmailIsPrefilled = () => (h("div", null,
   h("sqm-text", null,
     h("h4", null, "Verify your email")),
@@ -15177,7 +15220,7 @@ const EmailIsPrefilled = () => (h("div", null,
         email: "test@example.com",
       },
     } })));
-const Loading$9 = () => (h("sqm-email-verification", { demoData: {
+const Loading$a = () => (h("sqm-email-verification", { demoData: {
     states: {
       ...defaultProps$q,
       initialLoading: true,
@@ -15216,9 +15259,9 @@ const SendCodeError = () => (h("sqm-email-verification", { demoData: {
 const WidgetEmailVerification = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': WidgetEmailVerification_stories,
-  Default: Default$o,
+  Default: Default$p,
   EmailIsPrefilled: EmailIsPrefilled,
-  Loading: Loading$9,
+  Loading: Loading$a,
   SaveLoading: SaveLoading,
   WithHeader: WithHeader$1,
   InvalidEmail: InvalidEmail,
@@ -16955,7 +16998,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
 const PayoutDetailsCard_stories = {
   title: "Components/Payout Details Card",
 };
-const Loading$a = () => {
+const Loading$b = () => {
   return (h("sqm-payout-details-card", { demoData: {
       states: {
         loading: true,
@@ -16995,7 +17038,7 @@ const PaypalPayout = () => {
 const PayoutDetailsCard = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PayoutDetailsCard_stories,
-  Loading: Loading$a,
+  Loading: Loading$b,
   NextPayout: NextPayout,
   PayoutToday: PayoutToday,
   ThresholdPayout: ThresholdPayout,
@@ -17018,7 +17061,7 @@ const VerifyIdentityReviewInternal = () => (h("sqm-payout-status-alert", { demoD
 const VerifyIdentityFailedInternal = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "VERIFICATION:FAILED" } } }));
 const W9ThresholdReached = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "OVER_W9_THRESHOLD" } } }));
 const Hold = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "HOLD" } } }));
-const Loading$b = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, loading: true } } }));
+const Loading$c = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, loading: true } } }));
 const Error$b = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, error: true } } }));
 const NewPayeeReview = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "NEW_PAYEE_REVIEW" } } }));
 const PaymentHoldOnChange = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "PAYMENT_HOLD_ON_CHANGE" } } }));
@@ -17044,7 +17087,7 @@ const PayoutStatusAlert = /*#__PURE__*/Object.freeze({
   VerifyIdentityFailedInternal: VerifyIdentityFailedInternal,
   W9ThresholdReached: W9ThresholdReached,
   Hold: Hold,
-  Loading: Loading$b,
+  Loading: Loading$c,
   Error: Error$b,
   NewPayeeReview: NewPayeeReview,
   PaymentHoldOnChange: PaymentHoldOnChange,
@@ -17206,7 +17249,7 @@ const defaultProps$s = {
     fraudErrorMessageTitle: "Looks like you tried referring yourself",
   },
 };
-const Default$p = () => h(EmailRegistrationView, Object.assign({}, defaultProps$s));
+const Default$q = () => h(EmailRegistrationView, Object.assign({}, defaultProps$s));
 const HasFirstNameLastName = () => (h(EmailRegistrationView, Object.assign({}, {
   ...defaultProps$s,
   content: {
@@ -17236,7 +17279,7 @@ const BackgroundColor$2 = () => (h(EmailRegistrationView, Object.assign({}, {
     backgroundColor: "aquamarine",
   },
 })));
-const Loading$c = () => (h(EmailRegistrationView, Object.assign({}, {
+const Loading$d = () => (h(EmailRegistrationView, Object.assign({}, {
   ...defaultProps$s,
   states: {
     error: "",
@@ -17271,12 +17314,12 @@ const EmptyEmailError = () => (h(EmailRegistrationView, Object.assign({}, {
 const EmailRegistration = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': EmailRegistration_stories,
-  Default: Default$p,
+  Default: Default$q,
   HasFirstNameLastName: HasFirstNameLastName,
   WithSlots: WithSlots,
   NoBorder: NoBorder$1,
   BackgroundColor: BackgroundColor$2,
-  Loading: Loading$c,
+  Loading: Loading$d,
   Error: Error$c,
   FraudError: FraudError,
   EmptyEmailError: EmptyEmailError
@@ -17357,7 +17400,7 @@ const slottedProps$2 = {
       h("sqm-lead-dropdown-field", null))),
   },
 };
-const Default$q = () => h(LeadFormView, Object.assign({}, defaultProps$t));
+const Default$r = () => h(LeadFormView, Object.assign({}, defaultProps$t));
 const LeadSubmitSuccess = () => h(LeadFormView, Object.assign({}, successProps$5));
 const LeadSubmitWithError = () => h(LeadFormView, Object.assign({}, errorProps$c));
 const LeadSubmitLoading = () => h(LeadFormView, Object.assign({}, loadingProps$9));
@@ -17377,7 +17420,7 @@ const SlottedInputs$2 = () => h(LeadFormView, Object.assign({}, slottedProps$2))
 const LeadForm = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': LeadForm_stories,
-  Default: Default$q,
+  Default: Default$r,
   LeadSubmitSuccess: LeadSubmitSuccess,
   LeadSubmitWithError: LeadSubmitWithError,
   LeadSubmitLoading: LeadSubmitLoading,
@@ -17406,8 +17449,8 @@ const defaultProps$u = {
     fieldOptional: false,
   },
 };
-const Default$r = () => h(LeadInputFieldView, Object.assign({}, defaultProps$u));
-const WithError = () => (h(LeadInputFieldView, Object.assign({}, defaultProps$u, { states: {
+const Default$s = () => h(LeadInputFieldView, Object.assign({}, defaultProps$u));
+const WithError$1 = () => (h(LeadInputFieldView, Object.assign({}, defaultProps$u, { states: {
     ...defaultProps$u.states,
     leadFormState: {
       ...defaultProps$u.states.leadFormState,
@@ -17436,8 +17479,8 @@ const WithInitialValue = () => (h(LeadInputFieldView, Object.assign({}, defaultP
 const LeadInputField = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': LeadInputField_stories,
-  Default: Default$r,
-  WithError: WithError,
+  Default: Default$s,
+  WithError: WithError$1,
   Disabled: Disabled$2,
   WithInitialValue: WithInitialValue
 });
@@ -17468,9 +17511,9 @@ const defaultProps$v = {
     ],
   },
 };
-const Default$s = () => h(LeadDropdownFieldView, Object.assign({}, defaultProps$v));
+const Default$t = () => h(LeadDropdownFieldView, Object.assign({}, defaultProps$v));
 const Multiple = () => (h(LeadDropdownFieldView, Object.assign({}, defaultProps$v, { content: { ...defaultProps$v.content, multiple: true } })));
-const WithError$1 = () => (h(LeadDropdownFieldView, Object.assign({}, defaultProps$v, { states: {
+const WithError$2 = () => (h(LeadDropdownFieldView, Object.assign({}, defaultProps$v, { states: {
     ...defaultProps$v.states,
     leadFormState: {
       ...defaultProps$v.states.leadFormState,
@@ -17486,7 +17529,7 @@ const Disabled$3 = () => (h(LeadDropdownFieldView, Object.assign({}, defaultProp
       disabled: true,
     },
   } })));
-const Loading$d = () => (h(LeadDropdownFieldView, Object.assign({}, defaultProps$v, { states: {
+const Loading$e = () => (h(LeadDropdownFieldView, Object.assign({}, defaultProps$v, { states: {
     ...defaultProps$v.states,
     leadFormState: {
       ...defaultProps$v.states.leadFormState,
@@ -17506,11 +17549,11 @@ const WithInitialValue$1 = () => (h(LeadDropdownFieldView, Object.assign({}, def
 const LeadFormDropdownField = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': LeadFormDropdownField_stories,
-  Default: Default$s,
+  Default: Default$t,
   Multiple: Multiple,
-  WithError: WithError$1,
+  WithError: WithError$2,
   Disabled: Disabled$3,
-  Loading: Loading$d,
+  Loading: Loading$e,
   WithInitialValue: WithInitialValue$1
 });
 
@@ -17531,7 +17574,7 @@ const defaultProps$w = {
     errorMessage: "{checkboxLabel} Must be checked",
   },
 };
-const Default$t = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}, defaultProps$w))));
+const Default$u = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}, defaultProps$w))));
 const CustomLabel$3 = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}, defaultProps$w, { content: {
     ...defaultProps$w.content,
     checkboxLabel: "I Agree",
@@ -17559,7 +17602,7 @@ const CustomError$3 = createHookStory(() => (h(LeadCheckboxFieldView, Object.ass
 const LeadCheckboxField = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': LeadCheckboxField_stories,
-  Default: Default$t,
+  Default: Default$u,
   CustomLabel: CustomLabel$3,
   Error: Error$d,
   CustomError: CustomError$3
@@ -17708,7 +17751,7 @@ const baseProps = {
     phoneCountryRef: { current: null },
   },
 };
-const Default$u = () => {
+const Default$v = () => {
   return h(UserInfoFormView$1, Object.assign({}, baseProps));
 };
 const WithPrefilledData = () => {
@@ -17730,7 +17773,7 @@ const WithPrefilledData = () => {
       },
     } })));
 };
-const Loading$e = () => {
+const Loading$f = () => {
   return (h(UserInfoFormView$1, Object.assign({}, baseProps, { states: {
       ...baseProps.states,
       loading: true,
@@ -17892,9 +17935,9 @@ const DisabledForm = () => {
 const UserInfoFormView = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': UserInfoFormView_stories,
-  Default: Default$u,
+  Default: Default$v,
   WithPrefilledData: WithPrefilledData,
-  Loading: Loading$e,
+  Loading: Loading$f,
   LoadingError: LoadingError,
   WithValidationErrors: WithValidationErrors,
   WithGeneralError: WithGeneralError,
@@ -20584,6 +20627,7 @@ const stories = [
   ChangeMarketing,
   BaseRegistrationForm,
   PortalGoogleRegistrationFormStories,
+  PortalGoogleLoginFormStories,
   WidgetEmailVerification,
   WidgetCodeVerification,
   PayoutButtonScroll,

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

@@ -1,7 +1,7 @@
 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 './index.module-c9811a48.js';
-import { a as useRequestRerender } from './re-render-7e22fb0d.js';
+import './index.module-234e8f5e.js';
+import { a as useRequestRerender } from './re-render-b56bc163.js';
 
 const TabView = ({}, children) => {
   return h(Host, null, children);

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

@@ -1,9 +1,9 @@
 import { h, c as Host, r as registerInstance } from './index-b3a06de8.js';
 import { u as useMemo, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
-import { _ } from './index.module-c9811a48.js';
+import { _ } from './index.module-234e8f5e.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { u as useRerenderListener } from './re-render-7e22fb0d.js';
-import { u as useChildElements } from './useChildElements-3d872cef.js';
+import { u as useRerenderListener } from './re-render-b56bc163.js';
+import { u as useChildElements } from './useChildElements-daf489b1.js';
 
 const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.

package/dist/esm/{sqm-user-info-form-view-9a3048d9.js → sqm-user-info-form-view-0a8999d0.js}

@@ -1,7 +1,7 @@
 import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-58a69018.js';
+import { i as intl } from './global-5d501632.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { f as formatErrorMessage, L as LoadingView, F as FORM_STEPS, v as validateBillingField } from './data-a581119a.js';
+import { f as formatErrorMessage, L as LoadingView, F as FORM_STEPS, v as validateBillingField } from './data-f2f77358.js';
 
 const style = {
   Description: {

package/dist/esm/sqm-widget-verification-controller.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
 import { b as browser, n as h, k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
-import { I as In, u as useCallback, i as isDemo } from './index.module-c9811a48.js';
+import { I as In, u as useCallback, i as isDemo } from './index.module-234e8f5e.js';
 import { a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 
 const debug = browser("sq:widget-verification");

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
-import { d as dist, J, I as In, p as En, X as Xe, i as isDemo } from './index.module-c9811a48.js';
+import { d as dist, J, I as In, h as En, X as Xe, i as isDemo } from './index.module-234e8f5e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { e as extractProps, p as parseStates } from './extractProps-54064fb0.js';

package/dist/esm/{useChildElements-3d872cef.js → useChildElements-daf489b1.js}

@@ -1,5 +1,5 @@
 import { k as useState, u as useMemo } from './dom-context-hooks.module-63370afd.js';
-import { _ } from './index.module-c9811a48.js';
+import { _ } from './index.module-234e8f5e.js';
 
 function useChildElements() {
   const host = _();

package/dist/esm/{useInstantAccessRegistration-dda1f52b.js → useInstantAccessRegistration-89e7dfc8.js}

@@ -1,7 +1,7 @@
 import { k as useState } from './dom-context-hooks.module-63370afd.js';
-import { L, v as vn } from './index.module-c9811a48.js';
+import { L, v as vn } from './index.module-234e8f5e.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-24d594ea.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-a9e156e6.js';
 
 function useInstantAccessRegistration(props) {
   const locale = L();

package/dist/esm/{useLeadFormState-8d4b2620.js → useLeadFormState-d2f1c87d.js}

@@ -1,7 +1,7 @@
 import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-58a69018.js';
+import { i as intl } from './global-5d501632.js';
 import { k as useState, y } from './dom-context-hooks.module-63370afd.js';
-import { _ } from './index.module-c9811a48.js';
+import { _ } from './index.module-234e8f5e.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const style = {

package/dist/esm/{usePayoutStatus-7404eb9d.js → usePayoutStatus-6be47a64.js}

@@ -1,5 +1,5 @@
 import { k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
-import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-c9811a48.js';
+import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-234e8f5e.js';
 
 const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";