npm - @saasquatch/mint-components - Versions diffs - 2.0.5-2 → 2.0.5-3 - Mend

@saasquatch/mint-components 2.0.5-2 → 2.0.5-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (562) hide show

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js CHANGED Viewed

@@ -18,6 +18,15 @@ export class PayoutStatusAlert {
      * @uiName Info required alert header
      */
     this.informationRequiredHeader = "Payout and tax information required";
+    /**
+     *
+     * @uiName Edit payment info button label
+     */
+    this.editPaymentInformationButton = "Edit Payout Information";
+    /**
+     * @uiName Submit new tax form button label
+     */
+    this.newFormButton = "Submit new tax form";
     /**
      * @uiName Info required alert description
      */
@@ -41,7 +50,7 @@ export class PayoutStatusAlert {
     /**
      * @uiName Verification required internal alert header
      */
-    this.verificationRequiredInternalHeader = "Identity Verification in Progress";
+    this.verificationRequiredInternalHeader = "Identity Verification in progress";
     /**
      * @uiName Verification required internal alert description
      */
@@ -49,7 +58,7 @@ export class PayoutStatusAlert {
     /**
      * @uiName Verification review internal alert header
      */
-    this.verificationReviewInternalHeader = "Identity Verification Under Review";
+    this.verificationReviewInternalHeader = "Identity Verification under review";
     /**
      * @uiName Verification review internal alert description
      */
@@ -57,7 +66,7 @@ export class PayoutStatusAlert {
     /**
      * @uiName Verification failed internal alert header
      */
-    this.verificationFailedInternalHeader = "Identity Verification Unsuccessful";
+    this.verificationFailedInternalHeader = "Identity verification unsuccessful";
     /**
      * @uiName Verification failed internal alert description
      */
@@ -70,6 +79,54 @@ export class PayoutStatusAlert {
      * @uiName Account review alert description
      */
     this.accountReviewDescription = "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.";
+    /**
+     * @uiName Payment on hold alert header
+     */
+    this.paymentHoldOnChangeHeader = "We are reviewing your new payout settings";
+    /**
+     * @uiName Payment on hold alert description
+     */
+    this.paymentHoldOnChangeDescription = "Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.";
+    /**
+     * @uiName Beneficiary name invalid alert header
+     */
+    this.beneficiaryNameInvalidHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Beneficiary name invalid description
+     */
+    this.beneficiaryNameInvalidDescription = "The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Beneficiary name mismatch alert header
+     */
+    this.beneficiaryNameMismatchHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Beneficiary name mismatch alert description
+     */
+    this.beneficiaryNameMismatchDescription = "The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Bank name mismatch alert header
+     */
+    this.bankTaxNameMismatchHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Bank name mismatch alert description
+     */
+    this.bankTaxNameMismatchDescription = "The bank account (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Withdrawal settings invalid alert header
+     */
+    this.withdrawalSettingsInvalidHeader = "Your payment information is incomplete or includes invalid characters";
+    /**
+     * @uiName Withdrawal settings invalid alert description
+     */
+    this.withdrawalSettingsInvalidDescription = "There are missing fields or invalid characters in your payment information. Please review your information and make sure it is correct. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Payment returned alert header
+     */
+    this.paymentReturnedHeader = "Payout unsuccessful";
+    /**
+     * @uiName Payment returned alert description
+     */
+    this.paymentReturnedDescription = "Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.";
     /**
      * @uiName W-9 payment threshold alert header
      */
@@ -154,6 +211,48 @@ export class PayoutStatusAlert {
       "reflect": false,
       "defaultValue": "\"Payout and tax information required\""
     },
+    "editPaymentInformationButton": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Edit payment info button label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "edit-payment-information-button",
+      "reflect": false,
+      "defaultValue": "\"Edit Payout Information\""
+    },
+    "newFormButton": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Submit new tax form button label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "new-form-button",
+      "reflect": false,
+      "defaultValue": "\"Submit new tax form\""
+    },
     "informationRequiredDescription": {
       "type": "string",
       "mutable": false,
@@ -278,7 +377,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "verification-required-internal-header",
       "reflect": false,
-      "defaultValue": "\"Identity Verification in Progress\""
+      "defaultValue": "\"Identity Verification in progress\""
     },
     "verificationRequiredInternalDescription": {
       "type": "string",
@@ -320,7 +419,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "verification-review-internal-header",
       "reflect": false,
-      "defaultValue": "\"Identity Verification Under Review\""
+      "defaultValue": "\"Identity Verification under review\""
     },
     "verificationReviewInternalDescription": {
       "type": "string",
@@ -362,7 +461,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "verification-failed-internal-header",
       "reflect": false,
-      "defaultValue": "\"Identity Verification Unsuccessful\""
+      "defaultValue": "\"Identity verification unsuccessful\""
     },
     "verificationFailedInternalDescription": {
       "type": "string",
@@ -427,6 +526,258 @@ export class PayoutStatusAlert {
       "reflect": false,
       "defaultValue": "\"This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.\""
     },
+    "paymentHoldOnChangeHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment on hold alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "payment-hold-on-change-header",
+      "reflect": false,
+      "defaultValue": "\"We are reviewing your new payout settings\""
+    },
+    "paymentHoldOnChangeDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment on hold alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "payment-hold-on-change-description",
+      "reflect": false,
+      "defaultValue": "\"Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.\""
+    },
+    "beneficiaryNameInvalidHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Beneficiary name invalid alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "beneficiary-name-invalid-header",
+      "reflect": false,
+      "defaultValue": "\"Your payment information does not match your tax form\""
+    },
+    "beneficiaryNameInvalidDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Beneficiary name invalid description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "beneficiary-name-invalid-description",
+      "reflect": false,
+      "defaultValue": "\"The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.\""
+    },
+    "beneficiaryNameMismatchHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Beneficiary name mismatch alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "beneficiary-name-mismatch-header",
+      "reflect": false,
+      "defaultValue": "\"Your payment information does not match your tax form\""
+    },
+    "beneficiaryNameMismatchDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Beneficiary name mismatch alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "beneficiary-name-mismatch-description",
+      "reflect": false,
+      "defaultValue": "\"The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.\""
+    },
+    "bankTaxNameMismatchHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank name mismatch alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "bank-tax-name-mismatch-header",
+      "reflect": false,
+      "defaultValue": "\"Your payment information does not match your tax form\""
+    },
+    "bankTaxNameMismatchDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank name mismatch alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "bank-tax-name-mismatch-description",
+      "reflect": false,
+      "defaultValue": "\"The bank account (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.\""
+    },
+    "withdrawalSettingsInvalidHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Withdrawal settings invalid alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "withdrawal-settings-invalid-header",
+      "reflect": false,
+      "defaultValue": "\"Your payment information is incomplete or includes invalid characters\""
+    },
+    "withdrawalSettingsInvalidDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Withdrawal settings invalid alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "withdrawal-settings-invalid-description",
+      "reflect": false,
+      "defaultValue": "\"There are missing fields or invalid characters in your payment information. Please review your information and make sure it is correct. Your payouts are on hold until this is resolved.\""
+    },
+    "paymentReturnedHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment returned alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "payment-returned-header",
+      "reflect": false,
+      "defaultValue": "\"Payout unsuccessful\""
+    },
+    "paymentReturnedDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment returned alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "payment-returned-description",
+      "reflect": false,
+      "defaultValue": "\"Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.\""
+    },
     "w9RequiredHeader": {
       "type": "string",
       "mutable": false,
@@ -710,7 +1061,7 @@ function useDemoPayoutStatusAlert(props) {
   return deepmerge({
     states: {
       error: false,
-      status: "INFORMATION_REQUIRED",
+      status: props.demoData.states.status,
       loading: false,
       veriffLoading: false,
     },
@@ -719,6 +1070,8 @@ function useDemoPayoutStatusAlert(props) {
     callbacks: {
       onTermsClick: () => { },
       onClick: () => console.log("show"),
+      onPaymentInfoClick: () => { },
+      onNewFormClick: () => { },
     },
   }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
 }

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js CHANGED Viewed

@@ -39,7 +39,7 @@ const GET_TAX_SETTING = gql `
   }
 `;
 export function getStatus(data) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
   const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
   const hasTransferredReward = (_e = (_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.rewards) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.find((reward) => reward.statuses.includes("REDEEMED") &&
     reward.partnerFundsTransfer.status === "TRANSFERRED");
@@ -56,8 +56,23 @@ export function getStatus(data) {
     return "VERIFICATION:REVIEW";
   if ((_p = account.holdReasons) === null || _p === void 0 ? void 0 : _p.includes("IDV_CHECK_FAILED_INTERNAL"))
     return "VERIFICATION:FAILED";
+  // only show banner for NEW_PAYEE_REVIEW if a PFT was created
   if (((_q = account.holdReasons) === null || _q === void 0 ? void 0 : _q.includes("NEW_PAYEE_REVIEW")) && hasTransferredReward)
-    return "ACCOUNT_REVIEW";
+    return "NEW_PAYEE_REVIEW";
+  if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("NEW_PAYEE_REVIEW"))
+    return "DONE";
+  if ((_s = account.holdReasons) === null || _s === void 0 ? void 0 : _s.includes("PAYMENT_HOLD_ON_CHANGE"))
+    return "PAYMENT_HOLD_ON_CHANGE";
+  if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_INVALID"))
+    return "BENEFICIARY_NAME_INVALID";
+  if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BENEFICIARY_NAME_MISMATCH"))
+    return "BENEFICIARY_NAME_MISMATCH";
+  if ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("BANK_TAX_NAME_MISMATCH"))
+    return "BANK_TAX_NAME_MISMATCH";
+  if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("WITHDRAWAL_SETTINGS_INVALID"))
+    return "WITHDRAWAL_SETTINGS_INVALID";
+  if ((_x = account.holdReasons) === null || _x === void 0 ? void 0 : _x.includes("PAYMENT_RETURNED"))
+    return "PAYMENT_RETURNED";
   if (account.hold)
     return "HOLD";
   return "DONE";
@@ -96,6 +111,16 @@ export function usePayoutStatus(props) {
       url += "#3";
     window.history.pushState(null, "", url);
   };
+  const onPaymentInfoClick = () => {
+    let url = props.cashPayoutsPageUrl;
+    url += "#4";
+    window.history.pushState(null, "", url);
+  };
+  const onNewFormClick = () => {
+    let url = props.cashPayoutsPageUrl;
+    url += "#3";
+    window.history.pushState(null, "", url);
+  };
   return {
     states: {
       loading,
@@ -109,6 +134,8 @@ export function usePayoutStatus(props) {
     callbacks: {
       onTermsClick,
       onClick: render,
+      onPaymentInfoClick,
+      onNewFormClick,
     },
   };
 }