@saasquatch/mint-components 2.0.0-53 → 2.0.0-55

package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js

@@ -18,7 +18,6 @@ const luxon = require('./luxon-949beaf2.js');
 const useReferralTable = require('./useReferralTable-90d4d6e9.js');
 const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e5f70b8b.js');
 const utils$1 = require('./utils-83d125fa.js');
-const parseStates = require('./parseStates-d1effc19.js');
 const data = require('./data-88adb95b.js');
 const keys = require('./keys-cff24974.js');
 const usePayoutStatus = require('./usePayoutStatus-fe32dd1a.js');
@@ -3724,9 +3723,6 @@ const style$5 = {
       borderTop: "none",
       maxWidth: "600px",
     },
-    "& sl-icon::part(base)": {
-      color: "var(--sl-color-warning-500)",
-    },
   },
   WarningHoldAlertContainer: {
     marginLeft: "-20px",
@@ -3736,7 +3732,7 @@ const style$5 = {
       backgroundColor: "transparent",
     },
     "& sl-icon::part(base)": {
-      color: "var(--sl-color-warning-500)",
+      color: "var(--sqm-warning-color-icon)",
     },
   },
   ErrorHoldAlertContainer: {
@@ -3746,9 +3742,6 @@ const style$5 = {
       border: "none",
       backgroundColor: "transparent",
     },
-    "& sl-icon::part(base)": {
-      color: "var(--sl-color-danger-500)",
-    },
   },
   ExpiringSoonAlertContainer: {
     "&::part(base)": {
@@ -3898,6 +3891,27 @@ const style$5 = {
     },
   },
   DialogButton: { margin: "auto", width: "100%" },
+  SuccessBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-success-color-icon)",
+    },
+  },
+  WarningBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-warning-color-icon)",
+    },
+  },
+  ErrorBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-danger-color-icon)",
+    },
+  },
 };
 const sheet$4 = JSS.createStyleSheet(style$5);
 const styleString$4 = sheet$4.toString();
@@ -4006,7 +4020,7 @@ const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          alertType: "error",
+          alertType: "danger",
           icon: "exclamation-octagon",
           class: sheet$4.classes.ErrorHoldAlertContainer,
         };
@@ -4044,7 +4058,7 @@ const TaxAndCashDashboardView = (props) => {
   }
   const statusMap = {
     NOT_VERIFIED: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      index.h("sl-badge", { type: "warning", pill: true }, text.statusTextNotVerified),
+      index.h("sl-badge", { class: sheet$4.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
       index.h("p", null, global.intl.formatMessage({
         id: `badgeTextAwaitingReview`,
         defaultMessage: text.badgeTextAwaitingReview,
@@ -4052,7 +4066,7 @@ const TaxAndCashDashboardView = (props) => {
         dateSubmitted: states.dateSubmitted,
       })))),
     ACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      index.h("sl-badge", { type: "success", pill: true }, text.statusTextActive),
+      index.h("sl-badge", { class: sheet$4.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
       index.h("p", null, global.intl.formatMessage({
         id: `badgeTextSubmittedOn`,
         defaultMessage: states.documentType === "W9"
@@ -4062,7 +4076,7 @@ const TaxAndCashDashboardView = (props) => {
         dateSubmitted: states.dateSubmitted,
       })))),
     INACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      index.h("sl-badge", { type: "danger", pill: true }, text.statusTextNotActive),
+      index.h("sl-badge", { class: sheet$4.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
       index.h("p", null, text.invalidForm))),
     undefined: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
       index.h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
@@ -4127,10 +4141,9 @@ const TaxAndCashDashboardView = (props) => {
     index.h("div", null,
       index.h("style", { type: "text/css" },
         styleString$4,
-        " ",
         vanillaStyle$3),
       states.loadingError && (index.h("div", null,
-        index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true },
+        index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.ErrorAlertContainer },
           index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
           index.h("strong", null, text.error.loadingErrorAlertHeader),
           index.h("br", null),
@@ -4150,7 +4163,7 @@ const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
-      alertInfo && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, open: true, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class },
+      alertInfo && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, open: true, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class },
         index.h("sl-icon", { slot: "icon", name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon }),
         index.h("strong", null, alertInfo.header),
         index.h("p", { style: { margin: "0" } }, alertInfo.description),
@@ -4166,10 +4179,7 @@ const TaxAndCashDashboardView = (props) => {
         index.h("div", { class: sheet$4.classes.BankingInformationContainer },
           slots.payoutDetailsCardSlot,
           !states.loading && (index.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", 
-            // style={{ backgroundColor: "green" }}
-            // class={sheet.classes.EditBankDetailsButton}
-            onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
+          states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
       (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (index.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
         index.h("div", null, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
           index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
@@ -4720,7 +4730,6 @@ const TaxAndCashDashboard = class {
   }
 };
 function useDemoTaxAndCashDashboard(props) {
-  const stateController = parseStates.parseStates(props.stateController);
   // @ts-ignore
   return cjs.cjs({
     states: {
@@ -4762,7 +4771,7 @@ function useDemoTaxAndCashDashboard(props) {
           },
         } })),
     },
-  }, stateController || props.demoData || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
 }
 
 const PHONE_EXTENSIONS = {

package/dist/cjs/{sqm-base-registration-form-view-8847804c.js → sqm-base-registration-form-view-7b95ae7a.js}

@@ -49,6 +49,7 @@ function BaseRegistrationFormView(props) {
     index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.handleEmailSubmit, novalidate: true },
       states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
+      content.formData,
       index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", required: true, validationError: ({ value }) => {
           if (!value) {
             return content.requiredFieldErrorMessage;

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

@@ -11,7 +11,7 @@ const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-7a61ae4c.js');
 const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8847804c.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-7b95ae7a.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
 require('./AsYouType-6788393a.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-75b647fe.js');
@@ -85,9 +85,12 @@ function usePortalGoogleRegistrationForm(props) {
     let formData = {};
     let errorMessage = null;
     formControls.forEach((control) => {
-      if (!control.name || control.name !== "/email")
+      if (!control.name)
         return;
       jsonpointer.jsonpointer.set(formData, control.name, control.value);
+      // only validate email field
+      if (control.name !== "/email")
+        return;
       if (control.required && !control.value)
         errorMessage = props.requiredFieldErrorMessage;
       if (typeof control.validationError === "function") {
@@ -325,9 +328,7 @@ const PortalGoogleRegistrationForm = class {
         ...states,
         emailDisabled: true,
         hidePasswords: showRegistrationForm.mode === "google",
-      }, callbacks: callbacks, content: {
-        ...content,
-      }, refs: refs }));
+      }, callbacks: callbacks, content: content, refs: refs }));
   }
 };
 function useRegisterDemo(props) {
@@ -363,7 +364,7 @@ function useGoogleDemo(props) {
     mode: "base",
   });
   return cjs.cjs({
-    emailValidationError: true,
+    emailValidationError: false,
     handleEmailSubmit: () => setShowRegistrationForm({ mode: "manual" }),
     showRegistrationForm,
     handleGoogleInit: () => setShowRegistrationForm({ mode: "google" }),

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

@@ -26,7 +26,7 @@ const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-de90ef03
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-4e88f774.js');
 const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-5518eb0d.js');
 const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8847804c.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-7b95ae7a.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
 const sqmPortalProfileView = require('./sqm-portal-profile-view-615e6975.js');
 require('./utilities-9a0c5e91.js');

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

@@ -46,6 +46,7 @@ export function BaseRegistrationFormView(props) {
     h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.handleEmailSubmit, novalidate: true },
       states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, props.states.error))),
+      content.formData,
       h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", required: true, validationError: ({ value }) => {
           if (!value) {
             return content.requiredFieldErrorMessage;

package/dist/collection/components/sqm-hero-image/sqm-hero-image.js

@@ -6,8 +6,8 @@ import { HeroImageView } from "./sqm-hero-image-view";
  * @uiName Hero Image
  * @validParents ["sqm-portal-container","sqm-brand", "div"]
  * @exampleGroup Common Components
- * @example Two Column Hero Image - <sqm-hero-image image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png" header="MyCompany Rewards" description="Refer a friend and earn up to $1200 in rewards" layout="columns" image-pos="right" background-color="#F9F9F9"></sqm-hero-image>
- * @example Overlay Hero Image - <sqm-hero-image image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png" header="MyCompany Rewards" description="Refer a friend and earn up to $1200 in rewards" layout="overlay" image-pos="center" background-color="#F9F9F9" button-link="https://www.example.com" button-new-tab button-text="Earn!" image-percentage="45" overlay-opacity=".5" padding-image="small" padding-text="xxxx-large"></sqm-hero-image>
+ * @example Two Column Hero Image - <sqm-hero-image image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png" header="MyCompany Rewards" description="Refer a friend and earn up to $1200 in rewards" layout="columns" image-pos="right"></sqm-hero-image>
+ * @example Overlay Hero Image - <sqm-hero-image image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png" header="MyCompany Rewards" description="Refer a friend and earn up to $1200 in rewards" layout="overlay" image-pos="center" button-link="https://www.example.com" button-new-tab button-text="Earn!" image-percentage="45" overlay-opacity=".5" padding-image="small" padding-text="xxxx-large"></sqm-hero-image>
  */
 export class HeroImage {
   constructor() {

package/dist/collection/components/sqm-portal-google-registration-form/sqm-portal-google-registration-form.js

@@ -7,6 +7,11 @@ import { PortalRegistrationFormView, } from "../sqm-portal-registration-form/sqm
 import { usePortalRegistrationForm } from "../sqm-portal-registration-form/usePortalRegistrationForm";
 import { usePortalGoogleRegistrationForm } from "./usePortalGoogleRegistrationForm";
 import { createStyleSheet } from "../../styling/JSS";
+/**
+ * @uiName Google Registration
+ * @canvasRenderer always-replace
+ * @slots [{"name":"formData","title":"Additional Fields"},{"name":"terms","title":"Terms And Conditions Fields"}]
+ */
 export class PortalGoogleRegistrationForm {
   constructor() {
     this.ignored = true;
@@ -194,9 +199,7 @@ export class PortalGoogleRegistrationForm {
         ...states,
         emailDisabled: true,
         hidePasswords: showRegistrationForm.mode === "google",
-      }, callbacks: callbacks, content: {
-        ...content,
-      }, refs: refs }));
+      }, callbacks: callbacks, content: content, refs: refs }));
   }
   static get is() { return "sqm-portal-google-registration-form"; }
   static get encapsulation() { return "shadow"; }
@@ -871,7 +874,7 @@ function useGoogleDemo(props) {
     mode: "base",
   });
   return deepmerge({
-    emailValidationError: true,
+    emailValidationError: false,
     handleEmailSubmit: () => setShowRegistrationForm({ mode: "manual" }),
     showRegistrationForm,
     handleGoogleInit: () => setShowRegistrationForm({ mode: "google" }),

package/dist/collection/components/sqm-portal-google-registration-form/usePortalGoogleRegistrationForm.js

@@ -13,9 +13,12 @@ export function usePortalGoogleRegistrationForm(props) {
     let formData = {};
     let errorMessage = null;
     formControls.forEach((control) => {
-      if (!control.name || control.name !== "/email")
+      if (!control.name)
         return;
       jsonpointer.set(formData, control.name, control.value);
+      // only validate email field
+      if (control.name !== "/email")
+        return;
       if (control.required && !control.value)
         errorMessage = props.requiredFieldErrorMessage;
       if (typeof control.validationError === "function") {

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js

@@ -17,9 +17,6 @@ const style = {
       borderTop: "none",
       maxWidth: "600px",
     },
-    "& sl-icon::part(base)": {
-      color: "var(--sl-color-warning-500)",
-    },
   },
   WarningHoldAlertContainer: {
     marginLeft: "-20px",
@@ -29,7 +26,7 @@ const style = {
       backgroundColor: "transparent",
     },
     "& sl-icon::part(base)": {
-      color: "var(--sl-color-warning-500)",
+      color: "var(--sqm-warning-color-icon)",
     },
   },
   ErrorHoldAlertContainer: {
@@ -39,9 +36,6 @@ const style = {
       border: "none",
       backgroundColor: "transparent",
     },
-    "& sl-icon::part(base)": {
-      color: "var(--sl-color-danger-500)",
-    },
   },
   ExpiringSoonAlertContainer: {
     "&::part(base)": {
@@ -191,6 +185,27 @@ const style = {
     },
   },
   DialogButton: { margin: "auto", width: "100%" },
+  SuccessBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-success-color-icon)",
+    },
+  },
+  WarningBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-warning-color-icon)",
+    },
+  },
+  ErrorBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-danger-color-icon)",
+    },
+  },
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
@@ -299,7 +314,7 @@ export const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          alertType: "error",
+          alertType: "danger",
           icon: "exclamation-octagon",
           class: sheet.classes.ErrorHoldAlertContainer,
         };
@@ -337,7 +352,7 @@ export const TaxAndCashDashboardView = (props) => {
   }
   const statusMap = {
     NOT_VERIFIED: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
-      h("sl-badge", { type: "warning", pill: true }, text.statusTextNotVerified),
+      h("sl-badge", { class: sheet.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
       h("p", null, intl.formatMessage({
         id: `badgeTextAwaitingReview`,
         defaultMessage: text.badgeTextAwaitingReview,
@@ -345,7 +360,7 @@ export const TaxAndCashDashboardView = (props) => {
         dateSubmitted: states.dateSubmitted,
       })))),
     ACTIVE: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
-      h("sl-badge", { type: "success", pill: true }, text.statusTextActive),
+      h("sl-badge", { class: sheet.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
       h("p", null, intl.formatMessage({
         id: `badgeTextSubmittedOn`,
         defaultMessage: states.documentType === "W9"
@@ -355,7 +370,7 @@ export const TaxAndCashDashboardView = (props) => {
         dateSubmitted: states.dateSubmitted,
       })))),
     INACTIVE: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
-      h("sl-badge", { type: "danger", pill: true }, text.statusTextNotActive),
+      h("sl-badge", { class: sheet.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
       h("p", null, text.invalidForm))),
     undefined: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
       h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
@@ -420,10 +435,9 @@ export const TaxAndCashDashboardView = (props) => {
     h("div", null,
       h("style", { type: "text/css" },
         styleString,
-        " ",
         vanillaStyle),
       states.loadingError && (h("div", null,
-        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true },
+        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.ErrorAlertContainer },
           h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
           h("strong", null, text.error.loadingErrorAlertHeader),
           h("br", null),
@@ -443,7 +457,7 @@ export const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
-      alertInfo && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, open: true, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class },
+      alertInfo && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, open: true, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class },
         h("sl-icon", { slot: "icon", name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon }),
         h("strong", null, alertInfo.header),
         h("p", { style: { margin: "0" } }, alertInfo.description),
@@ -459,10 +473,7 @@ export const TaxAndCashDashboardView = (props) => {
         h("div", { class: sheet.classes.BankingInformationContainer },
           slots.payoutDetailsCardSlot,
           !states.loading && (h("p", { class: sheet.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", 
-            // style={{ backgroundColor: "green" }}
-            // class={sheet.classes.EditBankDetailsButton}
-            onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
+          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
       (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet.classes.TaxDocumentsContainer },
         h("div", null, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
           h("sl-skeleton", { class: sheet.classes.SkeletonOne }),

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js

@@ -2,7 +2,6 @@ import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Prop } from "@stencil/core";
 import deepmerge from "deepmerge";
-import { parseStates } from "../../../utils/parseStates";
 import { getProps } from "../../../utils/utils";
 import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
 import { useTaxAndCashDashboard, } from "./useTaxAndCashDashboard";
@@ -1901,7 +1900,6 @@ export class TaxAndCashDashboard {
   }; }
 }
 function useDemoTaxAndCashDashboard(props) {
-  const stateController = parseStates(props.stateController);
   // @ts-ignore
   return deepmerge({
     states: {
@@ -1943,5 +1941,5 @@ function useDemoTaxAndCashDashboard(props) {
           },
         } })),
     },
-  }, stateController || props.demoData || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
 }

package/dist/esm/sqm-banking-info-form_10.entry.js

@@ -14,7 +14,6 @@ import { l as luxon } from './luxon-bbf75a9d.js';
 import { g as generateUserError } from './useReferralTable-909ccb28.js';
 import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS } from './IndirectTaxDetailsView-0a57b622.js';
 import { t as taxTypeToName, v as validTaxDocument, g as getCountryObj, L as LoadingView, f as formatErrorMessage, a as validateBillingField, o as objectIsFull } from './utils-6122971b.js';
-import { p as parseStates } from './parseStates-ed75e224.js';
 import { i as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, F as FINANCE_NETWORK_SETTINGS_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, C as CURRENCIES_NAMESPACE } from './data-807686c2.js';
 import { b as VERIFICATION_EVENT_KEY } from './keys-406491dc.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-42cc6a2c.js';
@@ -3720,9 +3719,6 @@ const style$5 = {
       borderTop: "none",
       maxWidth: "600px",
     },
-    "& sl-icon::part(base)": {
-      color: "var(--sl-color-warning-500)",
-    },
   },
   WarningHoldAlertContainer: {
     marginLeft: "-20px",
@@ -3732,7 +3728,7 @@ const style$5 = {
       backgroundColor: "transparent",
     },
     "& sl-icon::part(base)": {
-      color: "var(--sl-color-warning-500)",
+      color: "var(--sqm-warning-color-icon)",
     },
   },
   ErrorHoldAlertContainer: {
@@ -3742,9 +3738,6 @@ const style$5 = {
       border: "none",
       backgroundColor: "transparent",
     },
-    "& sl-icon::part(base)": {
-      color: "var(--sl-color-danger-500)",
-    },
   },
   ExpiringSoonAlertContainer: {
     "&::part(base)": {
@@ -3894,6 +3887,27 @@ const style$5 = {
     },
   },
   DialogButton: { margin: "auto", width: "100%" },
+  SuccessBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-success-color-icon)",
+    },
+  },
+  WarningBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-warning-color-icon)",
+    },
+  },
+  ErrorBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-danger-color-icon)",
+    },
+  },
 };
 const sheet$4 = createStyleSheet(style$5);
 const styleString$4 = sheet$4.toString();
@@ -4002,7 +4016,7 @@ const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          alertType: "error",
+          alertType: "danger",
           icon: "exclamation-octagon",
           class: sheet$4.classes.ErrorHoldAlertContainer,
         };
@@ -4040,7 +4054,7 @@ const TaxAndCashDashboardView = (props) => {
   }
   const statusMap = {
     NOT_VERIFIED: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      h("sl-badge", { type: "warning", pill: true }, text.statusTextNotVerified),
+      h("sl-badge", { class: sheet$4.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
       h("p", null, intl.formatMessage({
         id: `badgeTextAwaitingReview`,
         defaultMessage: text.badgeTextAwaitingReview,
@@ -4048,7 +4062,7 @@ const TaxAndCashDashboardView = (props) => {
         dateSubmitted: states.dateSubmitted,
       })))),
     ACTIVE: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      h("sl-badge", { type: "success", pill: true }, text.statusTextActive),
+      h("sl-badge", { class: sheet$4.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
       h("p", null, intl.formatMessage({
         id: `badgeTextSubmittedOn`,
         defaultMessage: states.documentType === "W9"
@@ -4058,7 +4072,7 @@ const TaxAndCashDashboardView = (props) => {
         dateSubmitted: states.dateSubmitted,
       })))),
     INACTIVE: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      h("sl-badge", { type: "danger", pill: true }, text.statusTextNotActive),
+      h("sl-badge", { class: sheet$4.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
       h("p", null, text.invalidForm))),
     undefined: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
       h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
@@ -4123,10 +4137,9 @@ const TaxAndCashDashboardView = (props) => {
     h("div", null,
       h("style", { type: "text/css" },
         styleString$4,
-        " ",
         vanillaStyle$3),
       states.loadingError && (h("div", null,
-        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true },
+        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.ErrorAlertContainer },
           h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
           h("strong", null, text.error.loadingErrorAlertHeader),
           h("br", null),
@@ -4146,7 +4159,7 @@ const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
-      alertInfo && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, open: true, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class },
+      alertInfo && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, open: true, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class },
         h("sl-icon", { slot: "icon", name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon }),
         h("strong", null, alertInfo.header),
         h("p", { style: { margin: "0" } }, alertInfo.description),
@@ -4162,10 +4175,7 @@ const TaxAndCashDashboardView = (props) => {
         h("div", { class: sheet$4.classes.BankingInformationContainer },
           slots.payoutDetailsCardSlot,
           !states.loading && (h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", 
-            // style={{ backgroundColor: "green" }}
-            // class={sheet.classes.EditBankDetailsButton}
-            onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
+          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
       (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet$4.classes.TaxDocumentsContainer },
         h("div", null, states.loading ? (h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
           h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
@@ -4716,7 +4726,6 @@ const TaxAndCashDashboard = class {
   }
 };
 function useDemoTaxAndCashDashboard(props) {
-  const stateController = parseStates(props.stateController);
   // @ts-ignore
   return cjs({
     states: {
@@ -4758,7 +4767,7 @@ function useDemoTaxAndCashDashboard(props) {
           },
         } })),
     },
-  }, stateController || props.demoData || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
 }
 
 const PHONE_EXTENSIONS = {

package/dist/esm/{sqm-base-registration-form-view-193f1721.js → sqm-base-registration-form-view-1a6bb4b4.js}

@@ -47,6 +47,7 @@ function BaseRegistrationFormView(props) {
     h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.handleEmailSubmit, novalidate: true },
       states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, props.states.error))),
+      content.formData,
       h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", required: true, validationError: ({ value }) => {
           if (!value) {
             return content.requiredFieldErrorMessage;

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

@@ -7,7 +7,7 @@ import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-4c17b8c9.js';
 import { a as useRegistrationForm } from './useRegistrationFormState-24d594ea.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-193f1721.js';
+import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-1a6bb4b4.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-8bdc3804.js';
 import './AsYouType-46f67d0d.js';
 import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-1eb3cd72.js';
@@ -81,9 +81,12 @@ function usePortalGoogleRegistrationForm(props) {
     let formData = {};
     let errorMessage = null;
     formControls.forEach((control) => {
-      if (!control.name || control.name !== "/email")
+      if (!control.name)
         return;
       jsonpointer.set(formData, control.name, control.value);
+      // only validate email field
+      if (control.name !== "/email")
+        return;
       if (control.required && !control.value)
         errorMessage = props.requiredFieldErrorMessage;
       if (typeof control.validationError === "function") {
@@ -321,9 +324,7 @@ const PortalGoogleRegistrationForm = class {
         ...states,
         emailDisabled: true,
         hidePasswords: showRegistrationForm.mode === "google",
-      }, callbacks: callbacks, content: {
-        ...content,
-      }, refs: refs }));
+      }, callbacks: callbacks, content: content, refs: refs }));
   }
 };
 function useRegisterDemo(props) {
@@ -359,7 +360,7 @@ function useGoogleDemo(props) {
     mode: "base",
   });
   return cjs({
-    emailValidationError: true,
+    emailValidationError: false,
     handleEmailSubmit: () => setShowRegistrationForm({ mode: "manual" }),
     showRegistrationForm,
     handleGoogleInit: () => setShowRegistrationForm({ mode: "google" }),

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

@@ -22,7 +22,7 @@ import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0a2ec5
 import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-5a452423.js';
 import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-7d86299c.js';
 import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-193f1721.js';
+import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-1a6bb4b4.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-8bdc3804.js';
 import { P as PortalProfileView } from './sqm-portal-profile-view-3ed13e4d.js';
 import './utilities-72c07b09.js';