@saasquatch/mint-components 2.0.8-7 → 2.0.9-0

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

@@ -25,16 +25,14 @@ const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-b61c8bd
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-de90ef03.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-4e88f774.js');
 const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-1745d9a2.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-69a4b615.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
 const sqmPortalProfileView = require('./sqm-portal-profile-view-5c5e29b1.js');
 require('./utilities-9a0c5e91.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
 require('./ErrorView-3f91e5ab.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-4ccf89da.js');
-const ShadowViewAddon = require('./ShadowViewAddon-ae3a32c3.js');
+const ShadowViewAddon = require('./ShadowViewAddon-31199cba.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
 const sqmUserInfoFormView = require('./sqm-user-info-form-view-c14ba407.js');
 const data = require('./data-24028727.js');
@@ -5068,10 +5066,10 @@ const errorProps = {
   },
 };
 const Default$1 = () => {
-  return index.h(sqmBaseRegistrationFormView.BaseRegistrationFormView, Object.assign({}, defaultProps));
+  return index.h(ShadowViewAddon.BaseRegistrationFormView, Object.assign({}, defaultProps));
 };
 const EmailError = () => {
-  return index.h(sqmBaseRegistrationFormView.BaseRegistrationFormView, Object.assign({}, errorProps));
+  return index.h(ShadowViewAddon.BaseRegistrationFormView, Object.assign({}, errorProps));
 };
 
 const BaseRegistrationForm = /*#__PURE__*/Object.freeze({
@@ -9242,7 +9240,7 @@ const loadingProps$3 = {
     },
   },
 };
-const Default$f = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, defaultProps$g)));
+const Default$f = () => (index.h("sqm-portal-google-registration-form", null));
 const RegisterWithError = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, errorProps$5)));
 const RegisterLoading = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, loadingProps$3)));
 const TermsAndConditions$2 = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, defaultProps$g, { content: {
@@ -9262,6 +9260,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 index.h("sqm-portal-google-login", null);
+};
+const WithError = () => {
+  return (index.h("sqm-portal-google-login", { demoData: {
+      states: { ...demoProps.states, error: "This is an error message" },
+    } }));
+};
+const Loading$4 = () => {
+  return (index.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",
 };
@@ -9320,8 +9363,8 @@ const googleProps = {
     googleButton: index.h("sl-button", null, "Sign in with Google"),
   },
 };
-const Default$g = () => (index.h("sqm-portal-login", { demoData: { ...defaultProps$h } }));
-const Text = () => index.h(sqmPortalLoginView.PortalLoginView, Object.assign({}, defaultProps$h));
+const Default$h = () => (index.h("sqm-portal-login", { demoData: { ...defaultProps$h } }));
+const Text = () => index.h(ShadowViewAddon.PortalLoginView, Object.assign({}, defaultProps$h));
 const IsGoogle = () => (index.h("sqm-portal-login", { demoData: { ...googleProps } }));
 const LoginWithError = () => (index.h("sqm-portal-login", { demoData: { ...errorProps$6 } }));
 const LoginLoading = () => (index.h("sqm-portal-login", { demoData: { ...loadingProps$4 } }));
@@ -9329,7 +9372,7 @@ const LoginLoading = () => (index.h("sqm-portal-login", { demoData: { ...loading
 const PortalLogin = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalLogin_stories,
-  Default: Default$g,
+  Default: Default$h,
   Text: Text,
   IsGoogle: IsGoogle,
   LoginWithError: LoginWithError,
@@ -9555,9 +9598,9 @@ const successProps$3 = {
     onChange: (e) => console.log(e),
   },
 };
-const Default$h = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, defaultProps$i));
+const Default$i = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, defaultProps$i));
 const DefaultNoCountry = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, noCountry));
-const Loading$4 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, loadingProps$5));
+const Loading$5 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, loadingProps$5));
 const Disabled = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, disabledProps));
 const Error$6 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, errorProps$7));
 const Success$2 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, successProps$3));
@@ -9565,9 +9608,9 @@ const Success$2 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.a
 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
@@ -9671,7 +9714,7 @@ const slottedProps = {
       index.h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
   },
 };
-const Default$i = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultProps$j));
+const Default$j = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultProps$j));
 const RegisterWithError$1 = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, errorProps$8));
 const RegisterLoading$1 = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, loadingProps$6));
 const FieldsHidden = () => {
@@ -9698,7 +9741,7 @@ const TermsAndConditions$3 = () => (index.h(ShadowViewAddon.PortalRegisterView,
 const PortalRegister = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalRegister_stories,
-  Default: Default$i,
+  Default: Default$j,
   RegisterWithError: RegisterWithError$1,
   RegisterLoading: RegisterLoading$1,
   FieldsHidden: FieldsHidden,
@@ -9787,7 +9830,7 @@ const slottedProps$1 = {
       index.h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
   },
 };
-const Default$j = () => index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, defaultProps$k));
+const Default$k = () => index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, defaultProps$k));
 const RegisterWithError$2 = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, errorProps$9)));
 const RegisterLoading$2 = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, loadingProps$7)));
 const FieldsHidden$1 = () => {
@@ -9818,7 +9861,7 @@ const TermsAndConditions$4 = () => (index.h(sqmPortalRegistrationFormView.Portal
 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,
@@ -9973,7 +10016,7 @@ const validatingCodeProps = {
     failed: () => console.log("failed"),
   },
 };
-const Default$k = () => index.h(sqmPortalResetPasswordView.PortalResetPasswordView, Object.assign({}, defaultProps$l));
+const Default$l = () => index.h(sqmPortalResetPasswordView.PortalResetPasswordView, Object.assign({}, defaultProps$l));
 const DefaultWithoutConfirmField = () => (index.h(sqmPortalResetPasswordView.PortalResetPasswordView, Object.assign({}, defaultPropsNoConfirm)));
 const ResetPasswordWithError = () => (index.h(sqmPortalResetPasswordView.PortalResetPasswordView, Object.assign({}, errorProps$a)));
 const ResetPasswordLoading = () => (index.h(sqmPortalResetPasswordView.PortalResetPasswordView, Object.assign({}, loadingProps$8)));
@@ -9983,7 +10026,7 @@ const CodeValidating = () => (index.h(sqmPortalResetPasswordView.PortalResetPass
 const PortalResetPassword = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalResetPassword_stories,
-  Default: Default$k,
+  Default: Default$l,
   DefaultWithoutConfirmField: DefaultWithoutConfirmField,
   ResetPasswordWithError: ResetPasswordWithError,
   ResetPasswordLoading: ResetPasswordLoading,
@@ -10193,7 +10236,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 index.h(sqmQrCodeView.QrCodeView, Object.assign({}, defaultProps$m));
 };
 const HideTitle = () => {
@@ -10208,7 +10251,7 @@ const CenterAlign = () => {
 const RightAlign$1 = () => {
   return index.h(sqmQrCodeView.QrCodeView, Object.assign({}, defaultProps$m, { alignment: "right" }));
 };
-const Loading$5 = () => {
+const Loading$6 = () => {
   return index.h(sqmQrCodeView.QrCodeView, Object.assign({}, defaultProps$m, { loading: true }));
 };
 const Error$7 = () => {
@@ -10221,12 +10264,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
 });
@@ -10618,7 +10661,7 @@ const EmptyWithCustomTextAndImage = () => {
     shareCodes("shareCodes"),
     shareButtons("shareButtons")));
 };
-const Loading$6 = () => {
+const Loading$7 = () => {
   return (index.h("sqm-referral-codes", { demoData: { states: { ...demoData.states, loading: true } } },
     pagination("pagination"),
     shareCodes("shareCodes"),
@@ -10633,7 +10676,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     |              |";
@@ -11898,7 +11941,7 @@ const RedemptionError = () => StoryBase(ShadowViewAddon.redemptionError);
 const QueryError = () => StoryBase(ShadowViewAddon.queryError);
 const SuccessPromo = () => StoryBase(ShadowViewAddon.success);
 const SuccessVariableAndStepped = () => StoryBase(ShadowViewAddon.successVariable);
-const Loading$7 = () => StoryBase(ShadowViewAddon.loading);
+const Loading$8 = () => StoryBase(ShadowViewAddon.loading);
 const Empty$3 = () => StoryBase(ShadowViewAddon.empty);
 
 const RewardExchangeList = /*#__PURE__*/Object.freeze({
@@ -11920,7 +11963,7 @@ const RewardExchangeList = /*#__PURE__*/Object.freeze({
   QueryError: QueryError,
   SuccessPromo: SuccessPromo,
   SuccessVariableAndStepped: SuccessVariableAndStepped,
-  Loading: Loading$7,
+  Loading: Loading$8,
   Empty: Empty$3
 });
 
@@ -13422,7 +13465,7 @@ const ShareLink_stories = {
     scenario: scenario$B,
   },
 };
-const Default$m = () => {
+const Default$n = () => {
   const props = {
     copyString: "https://noah.example.com",
     open: false,
@@ -13511,7 +13554,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,
@@ -15123,14 +15166,14 @@ const defaultProps$p = {
   verifyFailed: false,
   emailResent: false,
 };
-const Default$n = () => (index.h("sqm-code-verification", { demoData: { states: defaultProps$p } }));
+const Default$o = () => (index.h("sqm-code-verification", { demoData: { states: defaultProps$p } }));
 const InitialLoading = () => (index.h("sqm-code-verification", { demoData: {
     states: {
       ...defaultProps$p,
       initialiseLoading: true,
     },
   } }));
-const Loading$8 = () => (index.h("sqm-code-verification", { demoData: {
+const Loading$9 = () => (index.h("sqm-code-verification", { demoData: {
     states: {
       ...defaultProps$p,
       loading: true,
@@ -15152,9 +15195,9 @@ const VerificationFailed = () => (index.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
 });
@@ -15169,7 +15212,7 @@ const defaultProps$q = {
   initialLoading: false,
   sendCodeError: false,
 };
-const Default$o = () => (index.h("sqm-email-verification", { demoData: {} }));
+const Default$p = () => (index.h("sqm-email-verification", { demoData: {} }));
 const EmailIsPrefilled = () => (index.h("div", null,
   index.h("sqm-text", null,
     index.h("h4", null, "Verify your email")),
@@ -15181,7 +15224,7 @@ const EmailIsPrefilled = () => (index.h("div", null,
         email: "test@example.com",
       },
     } })));
-const Loading$9 = () => (index.h("sqm-email-verification", { demoData: {
+const Loading$a = () => (index.h("sqm-email-verification", { demoData: {
     states: {
       ...defaultProps$q,
       initialLoading: true,
@@ -15220,9 +15263,9 @@ const SendCodeError = () => (index.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,
@@ -16959,7 +17002,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
 const PayoutDetailsCard_stories = {
   title: "Components/Payout Details Card",
 };
-const Loading$a = () => {
+const Loading$b = () => {
   return (index.h("sqm-payout-details-card", { demoData: {
       states: {
         loading: true,
@@ -16999,7 +17042,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,
@@ -17015,7 +17058,6 @@ const defaultProps$r = {
   loading: false,
   veriffLoading: false,
 };
-const Test = () => index.h("sqm-payout-status-alert", null);
 const InformationRequired = () => (index.h("sqm-payout-status-alert", { demoData: { states: defaultProps$r } }));
 const VerifyIdentity = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "VERIFICATION:REQUIRED" } } }));
 const VerifyIdentityRequiredInternal = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "VERIFICATION:INTERNAL" } } }));
@@ -17023,7 +17065,7 @@ const VerifyIdentityReviewInternal = () => (index.h("sqm-payout-status-alert", {
 const VerifyIdentityFailedInternal = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "VERIFICATION:FAILED" } } }));
 const W9ThresholdReached = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "OVER_W9_THRESHOLD" } } }));
 const Hold = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "HOLD" } } }));
-const Loading$b = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, loading: true } } }));
+const Loading$c = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, loading: true } } }));
 const Error$b = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, error: true } } }));
 const NewPayeeReview = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "NEW_PAYEE_REVIEW" } } }));
 const PaymentHoldOnChange = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "PAYMENT_HOLD_ON_CHANGE" } } }));
@@ -17042,7 +17084,6 @@ const PaymentReturned = () => (index.h("sqm-payout-status-alert", { demoData: {
 const PayoutStatusAlert = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PayoutStatusAlert_stories,
-  Test: Test,
   InformationRequired: InformationRequired,
   VerifyIdentity: VerifyIdentity,
   VerifyIdentityRequiredInternal: VerifyIdentityRequiredInternal,
@@ -17050,7 +17091,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,
@@ -17212,7 +17253,7 @@ const defaultProps$s = {
     fraudErrorMessageTitle: "Looks like you tried referring yourself",
   },
 };
-const Default$p = () => index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, defaultProps$s));
+const Default$q = () => index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, defaultProps$s));
 const HasFirstNameLastName = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
   ...defaultProps$s,
   content: {
@@ -17242,7 +17283,7 @@ const BackgroundColor$2 = () => (index.h(emailRegistrationView.EmailRegistration
     backgroundColor: "aquamarine",
   },
 })));
-const Loading$c = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
+const Loading$d = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
   ...defaultProps$s,
   states: {
     error: "",
@@ -17277,12 +17318,12 @@ const EmptyEmailError = () => (index.h(emailRegistrationView.EmailRegistrationVi
 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
@@ -17363,7 +17404,7 @@ const slottedProps$2 = {
       index.h("sqm-lead-dropdown-field", null))),
   },
 };
-const Default$q = () => index.h(ShadowViewAddon.LeadFormView, Object.assign({}, defaultProps$t));
+const Default$r = () => index.h(ShadowViewAddon.LeadFormView, Object.assign({}, defaultProps$t));
 const LeadSubmitSuccess = () => index.h(ShadowViewAddon.LeadFormView, Object.assign({}, successProps$5));
 const LeadSubmitWithError = () => index.h(ShadowViewAddon.LeadFormView, Object.assign({}, errorProps$c));
 const LeadSubmitLoading = () => index.h(ShadowViewAddon.LeadFormView, Object.assign({}, loadingProps$9));
@@ -17383,7 +17424,7 @@ const SlottedInputs$2 = () => index.h(ShadowViewAddon.LeadFormView, Object.assig
 const LeadForm = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': LeadForm_stories,
-  Default: Default$q,
+  Default: Default$r,
   LeadSubmitSuccess: LeadSubmitSuccess,
   LeadSubmitWithError: LeadSubmitWithError,
   LeadSubmitLoading: LeadSubmitLoading,
@@ -17412,8 +17453,8 @@ const defaultProps$u = {
     fieldOptional: false,
   },
 };
-const Default$r = () => index.h(sqmLeadInputFieldView.LeadInputFieldView, Object.assign({}, defaultProps$u));
-const WithError = () => (index.h(sqmLeadInputFieldView.LeadInputFieldView, Object.assign({}, defaultProps$u, { states: {
+const Default$s = () => index.h(sqmLeadInputFieldView.LeadInputFieldView, Object.assign({}, defaultProps$u));
+const WithError$1 = () => (index.h(sqmLeadInputFieldView.LeadInputFieldView, Object.assign({}, defaultProps$u, { states: {
     ...defaultProps$u.states,
     leadFormState: {
       ...defaultProps$u.states.leadFormState,
@@ -17442,8 +17483,8 @@ const WithInitialValue = () => (index.h(sqmLeadInputFieldView.LeadInputFieldView
 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
 });
@@ -17474,9 +17515,9 @@ const defaultProps$v = {
     ],
   },
 };
-const Default$s = () => index.h(ShadowViewAddon.LeadDropdownFieldView, Object.assign({}, defaultProps$v));
+const Default$t = () => index.h(ShadowViewAddon.LeadDropdownFieldView, Object.assign({}, defaultProps$v));
 const Multiple = () => (index.h(ShadowViewAddon.LeadDropdownFieldView, Object.assign({}, defaultProps$v, { content: { ...defaultProps$v.content, multiple: true } })));
-const WithError$1 = () => (index.h(ShadowViewAddon.LeadDropdownFieldView, Object.assign({}, defaultProps$v, { states: {
+const WithError$2 = () => (index.h(ShadowViewAddon.LeadDropdownFieldView, Object.assign({}, defaultProps$v, { states: {
     ...defaultProps$v.states,
     leadFormState: {
       ...defaultProps$v.states.leadFormState,
@@ -17492,7 +17533,7 @@ const Disabled$3 = () => (index.h(ShadowViewAddon.LeadDropdownFieldView, Object.
       disabled: true,
     },
   } })));
-const Loading$d = () => (index.h(ShadowViewAddon.LeadDropdownFieldView, Object.assign({}, defaultProps$v, { states: {
+const Loading$e = () => (index.h(ShadowViewAddon.LeadDropdownFieldView, Object.assign({}, defaultProps$v, { states: {
     ...defaultProps$v.states,
     leadFormState: {
       ...defaultProps$v.states.leadFormState,
@@ -17512,11 +17553,11 @@ const WithInitialValue$1 = () => (index.h(ShadowViewAddon.LeadDropdownFieldView,
 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
 });
 
@@ -17537,7 +17578,7 @@ const defaultProps$w = {
     errorMessage: "{checkboxLabel} Must be checked",
   },
 };
-const Default$t = createHookStory(() => (index.h(sqmLeadCheckboxFieldView.LeadCheckboxFieldView, Object.assign({}, defaultProps$w))));
+const Default$u = createHookStory(() => (index.h(sqmLeadCheckboxFieldView.LeadCheckboxFieldView, Object.assign({}, defaultProps$w))));
 const CustomLabel$3 = createHookStory(() => (index.h(sqmLeadCheckboxFieldView.LeadCheckboxFieldView, Object.assign({}, defaultProps$w, { content: {
     ...defaultProps$w.content,
     checkboxLabel: "I Agree",
@@ -17565,7 +17606,7 @@ const CustomError$3 = createHookStory(() => (index.h(sqmLeadCheckboxFieldView.Le
 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
@@ -17714,7 +17755,7 @@ const baseProps = {
     phoneCountryRef: { current: null },
   },
 };
-const Default$u = () => {
+const Default$v = () => {
   return index.h(sqmUserInfoFormView.UserInfoFormView, Object.assign({}, baseProps));
 };
 const WithPrefilledData = () => {
@@ -17736,7 +17777,7 @@ const WithPrefilledData = () => {
       },
     } })));
 };
-const Loading$e = () => {
+const Loading$f = () => {
   return (index.h(sqmUserInfoFormView.UserInfoFormView, Object.assign({}, baseProps, { states: {
       ...baseProps.states,
       loading: true,
@@ -17898,9 +17939,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,
@@ -20590,6 +20631,7 @@ const stories = [
   ChangeMarketing,
   BaseRegistrationForm,
   PortalGoogleRegistrationFormStories,
+  PortalGoogleLoginFormStories,
   WidgetEmailVerification,
   WidgetCodeVerification,
   PayoutButtonScroll,