@saasquatch/mint-components 1.8.0-67 → 1.8.0-68

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

@@ -1721,12 +1721,12 @@ const BankingInfoForm = class {
      * Heading text for the payment method section
      * @uiName Payment method heading text
      */
-    this.paymentMethod = "Payment Method";
+    this.paymentMethod = "Payment method";
     /**
      * Heading text for the payment schedule section
      * @uiName Payment schedule heading text
      */
-    this.paymentSchedule = "Payment Schedule";
+    this.paymentSchedule = "Payment schedule";
     /**
      * Subtext for the payment method section
      * @uiName Payment method subtext
@@ -1736,22 +1736,22 @@ const BankingInfoForm = class {
      * Label text for the PayPal email input field
      * @uiName PayPal email input label
      */
-    this.payPalInputLabel = "PayPal Email";
+    this.payPalInputLabel = "PayPal email";
     /**
      * Label text for the bank country location input field
      * @uiName Bank country location input label
      */
-    this.bankLocationLabel = "Bank Country Location";
+    this.bankLocationLabel = "Bank country location";
     /**
      * Label text for the beneficiary account name input field
      * @uiName Beneficiary account name input label
      */
-    this.beneficiaryAccountNameLabel = "Beneficiary Account Name";
+    this.beneficiaryAccountNameLabel = "Beneficiary account name";
     /**
      * Label text for the bank account type input field
      * @uiName Bank account type input label
      */
-    this.bankAccountTypeLabel = "Bank Account Type";
+    this.bankAccountTypeLabel = "Bank account type";
     /**
      * Label text for the checking account type select item
      * @uiName Checking select item label
@@ -1766,7 +1766,7 @@ const BankingInfoForm = class {
      * Label text for the bank account number input field
      * @uiName Bank account number input label
      */
-    this.bankAccountNumberLabel = "Bank Account Number";
+    this.bankAccountNumberLabel = "Bank account number";
     /**
      * Label text for the IBAN input field
      * @uiName IBAN input label
@@ -1776,12 +1776,12 @@ const BankingInfoForm = class {
      * Label text for the SWIFT code input field
      * @uiName SWIFT code input label
      */
-    this.swiftCodeLabel = "SWIFT Code";
+    this.swiftCodeLabel = "SWIFT code";
     /**
      * Label text for the routing code input field
      * @uiName Routing code input label
      */
-    this.routingCodeLabel = "{country, select, AU {BSB Number} CA {Routing Number} CZ {Bank Code} HK {Clearing Code} SG {Clearing Code} US {ABA Routing Number} NZ {BSB Number} ZA {Bank/Branch Number} IN {IFSC} CNY {CNAPS} other {Routing Code} }";
+    this.routingCodeLabel = "{country, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch cumber} IN {IFSC} CNY {CNAPS} other {Routing code} }";
     /**
      * Label text for the bank name input field
      * @uiName Bank name input label
@@ -1816,22 +1816,22 @@ const BankingInfoForm = class {
      * Label text for the patronymic name input field
      * @uiName Patronymic name input label
      */
-    this.patronymicNameLabel = "Patronymic Name";
+    this.patronymicNameLabel = "Patronymic name";
     /**
      * Label text for the VO code input field
      * @uiName VO code input label
      */
-    this.voCodeLabel = "VO Code";
+    this.voCodeLabel = "VO code";
     /**
      * Label text for the agency code input field
      * @uiName Agency code input label
      */
-    this.agencyCodeLabel = "Agency Code";
+    this.agencyCodeLabel = "Agency code";
     /**
      * Label text for the branch code input field
      * @uiName Branch code input label
      */
-    this.branchCodeLabel = "Branch Code";
+    this.branchCodeLabel = "Branch code";
     /**
      * Label text for the classification input field
      * @uiName Classification input label
@@ -1846,26 +1846,26 @@ const BankingInfoForm = class {
      * Label text for the Bank Address input
      * @uiName Bank Address input item label
      */
-    this.bankAddressLabel = "Bank Address";
+    this.bankAddressLabel = "Bank address";
     /**
      * Label text for the Bank City input
      * @uiName Bank City Label input label
      */
-    this.bankCityLabel = "Bank City";
+    this.bankCityLabel = "Bank city";
     /**
      * Label text for the Bank Province / State input
      * @uiName Bank Province / State input label
      */
-    this.bankStateLabel = "Bank Province/State";
+    this.bankStateLabel = "Bank province/state";
     /**
      * Label text for the Bank Postal Code
      * @uiName Bank Postal Code input label
      */
-    this.bankPostalCodeLabel = "Bank Postal Code";
+    this.bankPostalCodeLabel = "Bank postal code";
     /**
      * @uiName EFT Withdrawal label text
      */
-    this.eftWithdrawalLabel = "EFT Withdrawal (free)";
+    this.eftWithdrawalLabel = "EFT withdrawal (free)";
     /**
      * @uiName FX Wire Processing fee text
      */
@@ -3159,7 +3159,7 @@ const IndirectTaxForm = class {
      * Heading text for the indirect tax details section
      * @uiName Indirect tax details heading text
      */
-    this.indirectTaxDetails = "Indirect Tax Details";
+    this.indirectTaxDetails = "Indirect tax details";
     /**
      * Text shown below the indirect tax details heading text
      * @uiName Indirect tax details subtext
@@ -3189,7 +3189,7 @@ const IndirectTaxForm = class {
      * Label text for the country/region select input
      * @uiName Selected country/region label
      */
-    this.selectedRegion = "Country / Region of Indirect Tax";
+    this.selectedRegion = "Country / region of indirect tax";
     /**
      * Label text for the province input
      * @uiName Province input label
@@ -3199,12 +3199,12 @@ const IndirectTaxForm = class {
      * Label text for the indirect tax number input with a dynamic placeholder based on tax type
      * @uiName Indirect tax number input label
      */
-    this.indirectTaxNumber = "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}";
+    this.indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}";
     /**
      * Label text for the QST number input field
      * @uiName QST number input label
      */
-    this.qstNumber = "QST Number";
+    this.qstNumber = "QST number";
     /**
      * Text for the option indicating registration for QST tax
      * @uiName Registered for QST tax option text
@@ -3234,12 +3234,12 @@ const IndirectTaxForm = class {
      * Alert text indicating participant cannot change info after it has been submitted
      * @uiName Cannot change info Alert text
      */
-    this.cannotChangeInfoAlert = "Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing.";
+    this.cannotChangeInfoAlert = "Changes to your personal and indirect tax information can only be made through our Support team after you complete this step. Make sure these are correct before continuing.";
     /**
      * Error message for the indirect tax number input field with a dynamic placeholder based on tax type
      * @uiName Indirect tax number error message
      */
-    this.indirectTaxNumberError = "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required";
+    this.indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
     /**
      * Required error text shown at the bottom of field inputs
      * @uiName Field inputs error text
@@ -3910,12 +3910,12 @@ const style$4 = {
   },
   Alert: {
     "&::part(base)": {
-      backgroundColor: "var(--sl-color-red-100)",
-      borderTop: "none",
+      backgroundColor: "var(--sl-color-warning-100)",
+      border: "1px solid var(--sl-color-warning-300)",
       padding: "0 16px",
     },
     "& sl-icon::part(base)": {
-      color: "var(--sl-color-danger-500)",
+      color: "var(--sl-color-warning-500)",
     },
   },
   AlertContent: {
@@ -3961,8 +3961,8 @@ function PayoutDetailsCardView(props) {
   });
   return (index.h("div", { class: classes.Container },
     index.h("style", { type: "text/css" }, styleString),
-    states.error && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: classes.Alert, type: "danger", open: true },
-      index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
+    states.error && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: classes.Alert, type: "warning", open: true },
+      index.h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
       index.h("div", { class: classes.AlertContent },
         index.h("b", null, text.error.errorTitleText),
         text.error.errorDescriptionText))),
@@ -4066,12 +4066,12 @@ const PayoutDetailsCard = class {
      * Error alert header shown above payout details card
      * @uiName Error alert header
      */
-    this.errorTitleText = "There was an error with your payout infomation";
+    this.errorTitleText = "Your payout is on hold ";
     /**
      * Error alert description shown above payout details card
      * @uiName Error alert description
      */
-    this.errorDescriptionText = "Please ensure your payout information is correct. If this problem continues, contact Support.";
+    this.errorDescriptionText = "If you’ve recently added your payout information, please wait while we verify your information. If it’s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com.";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -4210,7 +4210,7 @@ function useTaxAndCash() {
     namespace: COUNTRIES_NAMESPACE,
     initialValue: [],
   });
-  const { data } = useParentQuery({
+  const { data, errors } = useParentQuery({
     namespace: USER_QUERY_NAMESPACE,
     query: GET_USER,
     skip: !user,
@@ -4259,7 +4259,13 @@ function useTaxAndCash() {
     if (supportedCurrencies)
       setCurrenciesContext(supportedCurrencies);
   }, [supportedCurrencies]);
+  // console.log({ errors });
   stencilHooks_module.useEffect(() => {
+    console.log({ errors, data });
+    if (errors) {
+      setStep("/error");
+      return;
+    }
     if (!host || !user)
       return;
     if (data) {
@@ -4269,7 +4275,7 @@ function useTaxAndCash() {
       const currentStep = getCurrentStep(user);
       setStep(currentStep);
     }
-  }, [host, user, (_d = data === null || data === void 0 ? void 0 : data.user) === null || _d === void 0 ? void 0 : _d.email]);
+  }, [host, user, (_d = data === null || data === void 0 ? void 0 : data.user) === null || _d === void 0 ? void 0 : _d.email, errors]);
   function getFinanceNetworkFilter() {
     var _a, _b, _c;
     if (step === "/4")
@@ -4372,7 +4378,7 @@ const TaxAndCashMonolith = class {
      * @uiName Indirect tax details heading
      * @uiGroup Step 2 Properties
      */
-    this.step2_indirectTaxDetails = "Indirect Tax Details";
+    this.step2_indirectTaxDetails = "Indirect tax details";
     /**
      * Sub text shown above the tax details radio buttons
      * @uiName Indirect tax details sub text
@@ -4408,7 +4414,7 @@ const TaxAndCashMonolith = class {
      * @uiName Selected region select input label
      * @uiGroup Step 2 Properties
      */
-    this.step2_selectedRegion = "Country / Region of Indirect Tax";
+    this.step2_selectedRegion = "Country / region of indirect tax";
     /**
      * Label text for the Province select input
      * @uiName Province select input label
@@ -4420,13 +4426,13 @@ const TaxAndCashMonolith = class {
      * @uiName Indirect Tax Number input label
      * @uiGroup Step 2 Properties
      */
-    this.step2_indirectTaxNumber = "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}";
+    this.step2_indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}";
     /**
      * Label text for the QST Tax Number input
      * @uiName QST Tax Number input label
      * @uiGroup Step 2 Properties
      */
-    this.step2_qstNumber = "QST Number";
+    this.step2_qstNumber = "QST number";
     /**
      * Label text for the QST checkbox
      * @uiName checkbox label
@@ -4456,13 +4462,13 @@ const TaxAndCashMonolith = class {
      * @uiName Cannot change info Alert text
      * @uiGroup Step 2 Properties
      */
-    this.step2_cannotChangeInfoAlert = "Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing.";
+    this.step2_cannotChangeInfoAlert = "Changes to your personal and indirect tax information can only be made through our Support team after you complete this step. Make sure these are correct before continuing.";
     /**
      * Error text shown below the Indirect Tax Number select input
      * @uiName Indirect Tax Number error text
      * @uiGroup Step 2 Properties
      */
-    this.step2_indirectTaxNumberError = "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required";
+    this.step2_indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                       STEP 3 PROPS:
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -4619,7 +4625,7 @@ const TaxAndCashMonolith = class {
      * @uiName Payment day select label
      * @uiGroup Step 4 Properties
      */
-    this.step4_paymentThresholdSelectLabel = "Payment Threshold";
+    this.step4_paymentThresholdSelectLabel = "Payment threshold";
     /**
      * Label text for the payment day select option for the first of the month
      * @uiName First of month label text
@@ -4637,13 +4643,13 @@ const TaxAndCashMonolith = class {
      * @uiName Payment method heading text
      * @uiGroup Step 4 Properties
      */
-    this.step4_paymentMethod = "Payment Method";
+    this.step4_paymentMethod = "Payment method";
     /**
      * Heading text for the payment schedule section
      * @uiName Payment schedule heading text
      * @uiGroup Step 4 Properties
      */
-    this.step4_paymentSchedule = "Payment Schedule";
+    this.step4_paymentSchedule = "Payment schedule";
     /**
      * Subtext for the payment method section
      * @uiName Payment method subtext
@@ -4655,13 +4661,13 @@ const TaxAndCashMonolith = class {
      * @uiName PayPal email input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_payPalInputLabel = "PayPal Email";
+    this.step4_payPalInputLabel = "PayPal email";
     /**
      * Label text for the bank country location input field
      * @uiName Bank country location input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_bankLocationLabel = "Bank Country Location";
+    this.step4_bankLocationLabel = "Bank country location";
     /**
      * Label text for the beneficiary account name input field
      * @uiName Beneficiary account name input label
@@ -4673,7 +4679,7 @@ const TaxAndCashMonolith = class {
      * @uiName Bank account type input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_bankAccountTypeLabel = "Bank Account Type";
+    this.step4_bankAccountTypeLabel = "Bank account type";
     /**
      * Label text for the checking account type select item
      * @uiName Checking select item label
@@ -4691,7 +4697,7 @@ const TaxAndCashMonolith = class {
      * @uiName Bank account number input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_bankAccountNumberLabel = "Bank Account Number";
+    this.step4_bankAccountNumberLabel = "Bank account number";
     /**
      * Label text for the IBAN input field
      * @uiName IBAN input label
@@ -4703,25 +4709,25 @@ const TaxAndCashMonolith = class {
      * @uiName SWIFT code input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_swiftCodeLabel = "SWIFT Code";
+    this.step4_swiftCodeLabel = "SWIFT code";
     /**
      * Label text for the routing code input field
      * @uiName Routing code input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_routingCodeLabel = "Routing Code";
+    this.step4_routingCodeLabel = "Routing code";
     /**
      * Label text for the bank name input field
      * @uiName Bank name input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_bankNameLabel = "Bank Name";
+    this.step4_bankNameLabel = "Bank name";
     /**
      * Label text for the classification entity input field
      * @uiName Classification entity input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_classificationEntityLabel = "Classification Entity";
+    this.step4_classificationEntityLabel = "Classification entity";
     /**
      * Label text for the business select item
      * @uiName Business select item label
@@ -4751,25 +4757,25 @@ const TaxAndCashMonolith = class {
      * @uiName Patronymic name input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_patronymicNameLabel = "Patronymic Name";
+    this.step4_patronymicNameLabel = "Patronymic name";
     /**
      * Label text for the VO code input field
      * @uiName VO code input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_voCodeLabel = "VO Code";
+    this.step4_voCodeLabel = "VO code";
     /**
      * Label text for the agency code input field
      * @uiName Agency code input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_agencyCodeLabel = "Agency Code";
+    this.step4_agencyCodeLabel = "Agency code";
     /**
      * Label text for the branch code input field
      * @uiName Branch code input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_branchCodeLabel = "Branch Code";
+    this.step4_branchCodeLabel = "Branch code";
     /**
      * Label text for the classification input field
      * @uiName Classification input label
@@ -4787,13 +4793,13 @@ const TaxAndCashMonolith = class {
      * @uiName Bank Address input item label
      * @uiGroup Step 4 Properties
      */
-    this.step4_bankAddressLabel = "Bank Address";
+    this.step4_bankAddressLabel = "Bank address";
     /**
      * Label text for the Bank City input
      * @uiName Bank City Label input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_bankCityLabel = "Bank City";
+    this.step4_bankCityLabel = "Bank city";
     /**
      * Label text for the Bank Province / State input
      * @uiName Bank Province / State input label
@@ -4805,7 +4811,7 @@ const TaxAndCashMonolith = class {
      * @uiName  Bank Postal Code input label
      * @uiGroup Step 4 Properties
      */
-    this.step4_bankPostalCodeLabel = "Bank Postal Code";
+    this.step4_bankPostalCodeLabel = "Bank postal code";
     /**
      * Alert text indicating participant cannot change info after it has been submitted
      * @uiName Cannot change info Alert text
@@ -5058,13 +5064,13 @@ const TaxAndCashMonolith = class {
      * @uiName Error title text
      * @uiGroup Dashboard Properties
      */
-    this.dashboard_errorTitleText = "There was an error with your payout infomation";
+    this.dashboard_errorTitleText = "Your payout is on hold ";
     /**
      * Error alert description shown above payout details card
      * @uiName Error description text
      * @uiGroup Dashboard Properties
      */
-    this.dashboard_errorDescriptionText = "Please ensure your payout information is correct. If this problem continues, contact Support.";
+    this.dashboard_errorDescriptionText = "If you’ve recently added your payout information, please wait while we verify your information. If it’s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com.";
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                       GENERAL PROPS:
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -5187,6 +5193,8 @@ const TaxAndCashMonolith = class {
         return (index.h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
       case "/dashboard":
         return (index.h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
+      case "/error":
+        return (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true }, index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }), index.h("strong", null, this.loadingErrorAlertHeader), index.h("br", null), this.loadingErrorAlertDescription));
     }
     return index.h(sqmInvoiceTableView.LoadingView, null);
   }
@@ -5757,11 +5765,11 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Error banner title text
      */
-    this.errorTitleText = "There was an error with your payout infomation";
+    this.errorTitleText = "Your payout is on hold ";
     /**
      * @uiName Error banner description text
      */
-    this.errorDescriptionText = "Please ensure your payout information is correct. If this problem continues, contact Support.";
+    this.errorDescriptionText = "If you’ve recently added your payout information, please wait while we verify your information. If it’s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com.";
     /**
      * The title for error message shown at the top of the page in an error banner
      *