@saasquatch/mint-components 1.14.3-3 → 1.14.3-5

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

@@ -798,6 +798,8 @@ const style = {
     "&::part(title)": {
       fontSize: "var(--sl-font-size-x-large)",
       fontWeight: "600",
+      marginTop: "var(--sl-spacing-x-large)",
+      padding: "var(--sl-spacing-small) var(--sl-spacing-large) 0 var(--sl-spacing-large)",
     },
     "&::part(body)": {
       padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
@@ -883,12 +885,13 @@ const BankingInfoFormView = (props) => {
       styleString,
       vanillaStyle),
     index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      index.h("div", { slot: "label" },
-        index.h("div", { color: "red" },
-          index.h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+      index.h("div", null,
+        index.h("h1", null,
+          index.h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } })),
+        index.h("h2", { style: { fontSize: "var(--sl-font-size-x-large)" } }, text.modalTitle),
+        index.h("br", null)),
       index.h("p", null, text.modalDescription),
-      index.h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true }, text.modalButtonText)),
+      index.h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     index.h("div", { class: classes.TextContainer },
       index.h("div", null,
         !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
@@ -1230,6 +1233,7 @@ function useBankingInfoForm(props) {
     }
     let token = undefined;
     if (isPartner) {
+      setShowModal(false);
       setShowVerification(true);
       token = await new Promise((res) => {
         const cb = (e) => {
@@ -1586,7 +1590,7 @@ const BankingInfoForm = class {
     /**
      * @uiName Information modal description text
      */
-    this.modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      */
@@ -2537,10 +2541,6 @@ const style$3 = {
     "&::part(close-button)": {
       marginBottom: "var(--sl-spacing-xx-large)",
     },
-    "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
-      fontWeight: "600",
-    },
     "&::part(body)": {
       padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
       fontSize: "var(--sl-font-size-small)",
@@ -2584,23 +2584,25 @@ const DocusignFormView = (props) => {
   var _a;
   const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
   const { classes } = sheet$3;
-  console.log({ states });
   return (index.h("div", { class: classes.Container },
     index.h("style", { type: "text/css" },
       styleString$3,
       vanillaStyle$2),
-    index.h("sl-dialog", { class: sheet$3.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      index.h("div", { slot: "label" },
-        index.h("div", { color: "red" },
-          index.h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+    index.h("sl-dialog", { class: sheet$3.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose, "no-header": true },
+      index.h("div", { style: {
+          marginTop: "var(--sl-spacing-x-large)",
+          marginBottom: "var(--sl-spacing-large)",
+        } },
+        index.h("h1", null,
+          index.h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } })),
+        index.h("h2", { style: { fontSize: "var(--sl-font-size-x-large)" } }, text.modalTitle)),
       index.h("p", null, global.intl.formatMessage({
         id: "modalText",
         defaultMessage: text.modalDescription,
       }, {
         br: index.h("br", null),
       })),
-      index.h("sl-button", { slot: "footer", type: "primary", class: sheet$3.classes.DialogButton, onClick: callbacks.onModalClose }, text.modalButtonText)),
+      index.h("sl-button", { slot: "footer", type: "primary", class: sheet$3.classes.DialogButton, onClick: callbacks.onModalClose, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     index.h("div", { class: classes.TextContainer },
       index.h("div", null,
         !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
@@ -5026,7 +5028,7 @@ const TaxAndCashMonolith = class {
      * @uiName Information modal description text
      * @uiGroup Step 4 Properties
      */
-    this.step4_modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.step4_modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      * @uiGroup Step 4 Properties

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.js

@@ -152,6 +152,8 @@ const style = {
     "&::part(title)": {
       fontSize: "var(--sl-font-size-x-large)",
       fontWeight: "600",
+      marginTop: "var(--sl-spacing-x-large)",
+      padding: "var(--sl-spacing-small) var(--sl-spacing-large) 0 var(--sl-spacing-large)",
     },
     "&::part(body)": {
       padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
@@ -237,12 +239,13 @@ export const BankingInfoFormView = (props) => {
       styleString,
       vanillaStyle),
     h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      h("div", { slot: "label" },
-        h("div", { color: "red" },
-          h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+      h("div", null,
+        h("h1", null,
+          h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } })),
+        h("h2", { style: { fontSize: "var(--sl-font-size-x-large)" } }, text.modalTitle),
+        h("br", null)),
       h("p", null, text.modalDescription),
-      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true }, text.modalButtonText)),
+      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     h("div", { class: classes.TextContainer },
       h("div", null,
         !states.hideSteps && (h("p", null, intl.formatMessage({

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.js

@@ -282,7 +282,7 @@ export class BankingInfoForm {
     /**
      * @uiName Information modal description text
      */
-    this.modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      */
@@ -1684,7 +1684,7 @@ export class BankingInfoForm {
       },
       "attribute": "modal-description",
       "reflect": false,
-      "defaultValue": "\"By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.\""
+      "defaultValue": "\"Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.\""
     },
     "modalButtonText": {
       "type": "string",

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js

@@ -282,6 +282,7 @@ export function useBankingInfoForm(props) {
     }
     let token = undefined;
     if (isPartner) {
+      setShowModal(false);
       setShowVerification(true);
       token = await new Promise((res) => {
         const cb = (e) => {

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

@@ -121,10 +121,6 @@ const style = {
     "&::part(close-button)": {
       marginBottom: "var(--sl-spacing-xx-large)",
     },
-    "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
-      fontWeight: "600",
-    },
     "&::part(body)": {
       padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
       fontSize: "var(--sl-font-size-small)",
@@ -168,23 +164,25 @@ export const DocusignFormView = (props) => {
   var _a;
   const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
   const { classes } = sheet;
-  console.log({ states });
   return (h("div", { class: classes.Container },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
-    h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      h("div", { slot: "label" },
-        h("div", { color: "red" },
-          h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+    h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose, "no-header": true },
+      h("div", { style: {
+          marginTop: "var(--sl-spacing-x-large)",
+          marginBottom: "var(--sl-spacing-large)",
+        } },
+        h("h1", null,
+          h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } })),
+        h("h2", { style: { fontSize: "var(--sl-font-size-x-large)" } }, text.modalTitle)),
       h("p", null, intl.formatMessage({
         id: "modalText",
         defaultMessage: text.modalDescription,
       }, {
         br: h("br", null),
       })),
-      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onModalClose }, text.modalButtonText)),
+      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onModalClose, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     h("div", { class: classes.TextContainer },
       h("div", null,
         !states.hideSteps && (h("p", null, intl.formatMessage({

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

@@ -557,7 +557,7 @@ export class TaxAndCashMonolith {
      * @uiName Information modal description text
      * @uiGroup Step 4 Properties
      */
-    this.step4_modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.step4_modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      * @uiGroup Step 4 Properties
@@ -3409,7 +3409,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "step-4_modal-description",
       "reflect": false,
-      "defaultValue": "\"By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.\""
+      "defaultValue": "\"Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.\""
     },
     "step4_modalButtonText": {
       "type": "string",

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

@@ -794,6 +794,8 @@ const style = {
     "&::part(title)": {
       fontSize: "var(--sl-font-size-x-large)",
       fontWeight: "600",
+      marginTop: "var(--sl-spacing-x-large)",
+      padding: "var(--sl-spacing-small) var(--sl-spacing-large) 0 var(--sl-spacing-large)",
     },
     "&::part(body)": {
       padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
@@ -879,12 +881,13 @@ const BankingInfoFormView = (props) => {
       styleString,
       vanillaStyle),
     h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      h("div", { slot: "label" },
-        h("div", { color: "red" },
-          h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+      h("div", null,
+        h("h1", null,
+          h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } })),
+        h("h2", { style: { fontSize: "var(--sl-font-size-x-large)" } }, text.modalTitle),
+        h("br", null)),
       h("p", null, text.modalDescription),
-      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true }, text.modalButtonText)),
+      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     h("div", { class: classes.TextContainer },
       h("div", null,
         !states.hideSteps && (h("p", null, intl.formatMessage({
@@ -1226,6 +1229,7 @@ function useBankingInfoForm(props) {
     }
     let token = undefined;
     if (isPartner) {
+      setShowModal(false);
       setShowVerification(true);
       token = await new Promise((res) => {
         const cb = (e) => {
@@ -1582,7 +1586,7 @@ const BankingInfoForm = class {
     /**
      * @uiName Information modal description text
      */
-    this.modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      */
@@ -2533,10 +2537,6 @@ const style$3 = {
     "&::part(close-button)": {
       marginBottom: "var(--sl-spacing-xx-large)",
     },
-    "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
-      fontWeight: "600",
-    },
     "&::part(body)": {
       padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
       fontSize: "var(--sl-font-size-small)",
@@ -2580,23 +2580,25 @@ const DocusignFormView = (props) => {
   var _a;
   const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
   const { classes } = sheet$3;
-  console.log({ states });
   return (h("div", { class: classes.Container },
     h("style", { type: "text/css" },
       styleString$3,
       vanillaStyle$2),
-    h("sl-dialog", { class: sheet$3.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      h("div", { slot: "label" },
-        h("div", { color: "red" },
-          h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+    h("sl-dialog", { class: sheet$3.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose, "no-header": true },
+      h("div", { style: {
+          marginTop: "var(--sl-spacing-x-large)",
+          marginBottom: "var(--sl-spacing-large)",
+        } },
+        h("h1", null,
+          h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } })),
+        h("h2", { style: { fontSize: "var(--sl-font-size-x-large)" } }, text.modalTitle)),
       h("p", null, intl.formatMessage({
         id: "modalText",
         defaultMessage: text.modalDescription,
       }, {
         br: h("br", null),
       })),
-      h("sl-button", { slot: "footer", type: "primary", class: sheet$3.classes.DialogButton, onClick: callbacks.onModalClose }, text.modalButtonText)),
+      h("sl-button", { slot: "footer", type: "primary", class: sheet$3.classes.DialogButton, onClick: callbacks.onModalClose, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     h("div", { class: classes.TextContainer },
       h("div", null,
         !states.hideSteps && (h("p", null, intl.formatMessage({
@@ -5022,7 +5024,7 @@ const TaxAndCashMonolith = class {
      * @uiName Information modal description text
      * @uiGroup Step 4 Properties
      */
-    this.step4_modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.step4_modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      * @uiGroup Step 4 Properties