@saasquatch/mint-components 2.0.0-52 → 2.0.0-54

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

@@ -3906,7 +3906,19 @@ const vanillaStyle$3 = `
       display: block;   
     }
 
+    sl-button[type="secondary"]::part(base) {
+    font-family: var(--sqm-primary-font);
+      background-color: var(--sqm-secondary-button-background);
+      color: var(--sqm-secondary-button-color);
+      border-color: var(--sqm-secondary-button-color-border);
+      border-radius: var(--sqm-secondary-button-radius);
+    }
 
+    sl-button[type="secondary"]::part(base):hover {
+      background-color: var(--sqm-secondary-button-background-hover);
+      color: var(--sqm-secondary-button-color-hover);
+      border-color: var(--sqm-secondary-button-border-color-hover);
+    }
     
   `;
 const TaxAndCashDashboardView = (props) => {
@@ -4154,10 +4166,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 }),

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

@@ -199,7 +199,19 @@ const vanillaStyle = `
       display: block;   
     }
 
+    sl-button[type="secondary"]::part(base) {
+    font-family: var(--sqm-primary-font);
+      background-color: var(--sqm-secondary-button-background);
+      color: var(--sqm-secondary-button-color);
+      border-color: var(--sqm-secondary-button-color-border);
+      border-radius: var(--sqm-secondary-button-radius);
+    }
 
+    sl-button[type="secondary"]::part(base):hover {
+      background-color: var(--sqm-secondary-button-background-hover);
+      color: var(--sqm-secondary-button-color-hover);
+      border-color: var(--sqm-secondary-button-border-color-hover);
+    }
     
   `;
 export const TaxAndCashDashboardView = (props) => {
@@ -447,10 +459,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/esm/sqm-banking-info-form_10.entry.js

@@ -3902,7 +3902,19 @@ const vanillaStyle$3 = `
       display: block;   
     }
 
+    sl-button[type="secondary"]::part(base) {
+    font-family: var(--sqm-primary-font);
+      background-color: var(--sqm-secondary-button-background);
+      color: var(--sqm-secondary-button-color);
+      border-color: var(--sqm-secondary-button-color-border);
+      border-radius: var(--sqm-secondary-button-radius);
+    }
 
+    sl-button[type="secondary"]::part(base):hover {
+      background-color: var(--sqm-secondary-button-background-hover);
+      color: var(--sqm-secondary-button-color-hover);
+      border-color: var(--sqm-secondary-button-border-color-hover);
+    }
     
   `;
 const TaxAndCashDashboardView = (props) => {
@@ -4150,10 +4162,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 }),

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';