@saasquatch/mint-components 1.14.3 → 1.14.5-1

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

@@ -120,6 +120,18 @@ export class DocusignForm {
      * @uiName Exit button text
      */
     this.exitButton = "Exit";
+    /**
+     * @uiName Information modal title
+     */
+    this.modalTitle = "Important Note";
+    /**
+     * @uiName Information modal description text
+     */
+    this.modalDescription = "Remember the name you enter in your tax form. It must exactly match the bank account holder name configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.";
+    /**
+     * @uiName Information modal button text
+     */
+    this.modalButtonText = "I understand";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -607,12 +619,75 @@ export class DocusignForm {
       "reflect": false,
       "defaultValue": "\"Exit\""
     },
+    "modalTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal title",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "modal-title",
+      "reflect": false,
+      "defaultValue": "\"Important Note\""
+    },
+    "modalDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal description text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "modal-description",
+      "reflect": false,
+      "defaultValue": "\"Remember the name you enter in your tax form. It must exactly match the bank account holder name configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.\""
+    },
+    "modalButtonText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal button text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "modal-button-text",
+      "reflect": false,
+      "defaultValue": "\"I understand\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<UseDocusignFormResult>",
-        "resolved": "{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; showExitButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }",
+        "resolved": "{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; showExitButton: boolean; showModal: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -661,6 +736,7 @@ function useDocusignFormDemo(props) {
         errors: {},
       },
       documentType: "W9",
+      showModal: false,
     },
     data: {
       taxForm: "W9",
@@ -671,6 +747,8 @@ function useDocusignFormDemo(props) {
       demo: {
         onSubmit: () => setStep("/4"),
         onBack: () => setStep("/3"),
+        onModalOpen: () => { },
+        onModalClose: () => { },
       },
       setParticipantType: (p) => console.log({ p }),
       setDocusignStatus: (status) => console.log(status),

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

@@ -44,6 +44,7 @@ export function useDocusignForm(props) {
   const [errors, setErrors] = useState({});
   const [loading, setLoading] = useState(false);
   const [showExitButton, setShowExitButton] = useState(false);
+  const [showModal, setShowModal] = useState(true);
   // Only look at current document if it's valid (same as required type)
   const existingDocumentType = validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
     ? publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType : undefined;
@@ -139,6 +140,7 @@ export function useDocusignForm(props) {
       documentType: actualDocumentType,
       documentTypeString: taxTypeToName(actualDocumentType),
       showExitButton,
+      showModal,
     },
     data: {
       taxForm: actualDocumentType,
@@ -149,6 +151,8 @@ export function useDocusignForm(props) {
       completeDocument,
       onExit: progressStep,
       setParticipantType,
+      onModalClose: () => setShowModal(false),
+      onModalOpen: () => setShowModal(true),
     },
     text: props.getTextProps(),
   };

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

@@ -304,6 +304,21 @@ export class TaxAndCashMonolith {
      * @uiGroup Step 3 Properties
      */
     this.step3_exitButton = "Exit";
+    /**
+     * @uiName Information modal title
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_modalTitle = "Important Note";
+    /**
+     * @uiName Information modal description text
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_modalDescription = "Remember the name you enter in your tax form. It must exactly match the bank account holder name configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.";
+    /**
+     * @uiName Information modal button text
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_modalButtonText = "I understand";
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                       STEP 4 PROPS:
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -386,7 +401,12 @@ export class TaxAndCashMonolith {
      * @uiName Beneficiary account field label
      * @uiGroup Step 4 Properties
      */
-    this.step4_beneficiaryAccountNameLabel = "Beneficiary account name";
+    this.step4_beneficiaryAccountNameLabel = "Account holder name";
+    /**
+     * @uiName Beneficiary account field description
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_beneficiaryAccountNameDescription = "The beneficiary name of your bank account. Ensure this matches the name on your tax form.";
     /**
      * @uiName Bank account type field label
      * @uiGroup Step 4 Properties
@@ -528,6 +548,21 @@ export class TaxAndCashMonolith {
      * @uiGroup Step 4 Properties
      */
     this.step4_verifyEmailDescriptionText = "Verify your email to update your payment settings. Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * @uiName Information modal title
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_modalTitle = "Important Note";
+    /**
+     * @uiName Information modal description text
+     * @uiGroup Step 4 Properties
+     */
+    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
+     */
+    this.step4_modalButtonText = "I understand, update my information";
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                       DASHBOARD PROPS:
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -2224,6 +2259,78 @@ export class TaxAndCashMonolith {
       "reflect": false,
       "defaultValue": "\"Exit\""
     },
+    "step3_modalTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal title",
+            "name": "uiName"
+          }, {
+            "text": "Step 3 Properties",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "step-3_modal-title",
+      "reflect": false,
+      "defaultValue": "\"Important Note\""
+    },
+    "step3_modalDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal description text",
+            "name": "uiName"
+          }, {
+            "text": "Step 3 Properties",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "step-3_modal-description",
+      "reflect": false,
+      "defaultValue": "\"Remember the name you enter in your tax form. It must exactly match the bank account holder name configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.\""
+    },
+    "step3_modalButtonText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal button text",
+            "name": "uiName"
+          }, {
+            "text": "Step 3 Properties",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "step-3_modal-button-text",
+      "reflect": false,
+      "defaultValue": "\"I understand\""
+    },
     "step4_taxAndPayouts": {
       "type": "string",
       "mutable": false,
@@ -2582,7 +2689,31 @@ export class TaxAndCashMonolith {
       },
       "attribute": "step-4_beneficiary-account-name-label",
       "reflect": false,
-      "defaultValue": "\"Beneficiary account name\""
+      "defaultValue": "\"Account holder name\""
+    },
+    "step4_beneficiaryAccountNameDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Beneficiary account field description",
+            "name": "uiName"
+          }, {
+            "text": "Step 4 Properties",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "step-4_beneficiary-account-name-description",
+      "reflect": false,
+      "defaultValue": "\"The beneficiary name of your bank account. Ensure this matches the name on your tax form.\""
     },
     "step4_bankAccountTypeLabel": {
       "type": "string",
@@ -3232,6 +3363,78 @@ export class TaxAndCashMonolith {
       "reflect": false,
       "defaultValue": "\"Verify your email to update your payment settings. Enter the code sent to {email} from our referral provider, impact.com.\""
     },
+    "step4_modalTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal title",
+            "name": "uiName"
+          }, {
+            "text": "Step 4 Properties",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "step-4_modal-title",
+      "reflect": false,
+      "defaultValue": "\"Important Note\""
+    },
+    "step4_modalDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal description text",
+            "name": "uiName"
+          }, {
+            "text": "Step 4 Properties",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "step-4_modal-description",
+      "reflect": false,
+      "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",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal button text",
+            "name": "uiName"
+          }, {
+            "text": "Step 4 Properties",
+            "name": "uiGroup"
+          }],
+        "text": ""
+      },
+      "attribute": "step-4_modal-button-text",
+      "reflect": false,
+      "defaultValue": "\"I understand, update my information\""
+    },
     "dashboard_statusTextActive": {
       "type": "string",
       "mutable": false,