@saasquatch/mint-components 1.16.0-9 → 2.0.0-1

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

@@ -60,7 +60,7 @@ export class TaxAndCashDashboard {
      * @uiName Inactive W-9 error message title
      * @uiWidget textArea
      */
-    this.taxAlertHeaderNotActiveW9 = "Your W9 tax form has personal information that doesn’t match your profile";
+    this.taxAlertHeaderNotActiveW9 = "Your W-9 tax form has personal information that doesn’t match your profile";
     /**
      * Part of the alert displayed at the top of the page.
      *
@@ -232,21 +232,29 @@ export class TaxAndCashDashboard {
      */
     this.verificationRequiredButtonText = "Start Verification";
     /**
-     * @uiName W9 payment threshold alert header
+     * @uiName W-9 payment threshold alert header
      */
     this.w9RequiredHeader = "Your next payout is on hold";
     /**
-     * @uiName W9 payment threshold alert description
+     * @uiName W-9 payment threshold alert description
      */
-    this.w9RequiredDescription = "You have surpassed the $600 threshold for a W9 tax form. To remove the hold, you need to submit a W9 tax form as outlined in our {termsAndConditions}. Please click 'Submit W9' to start the process.";
+    this.w9RequiredDescription = "You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.";
+    /**
+     * @uiName Account review alert header
+     */
+    this.accountReviewHeader = "Your account is under review";
+    /**
+     * @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 Terms and Conditions text
      */
     this.termsAndConditions = "Terms and Conditions";
     /**
-     * @uiName W9 payment threshold alert button text
+     * @uiName W-9 payment threshold alert button text
      */
-    this.w9RequiredButtonText = "Submit W9";
+    this.w9RequiredButtonText = "Submit W-9";
     /**
      * Part of the alert displayed at the top of the page.
      * @uiName Form submission error message title
@@ -314,11 +322,6 @@ export class TaxAndCashDashboard {
     this.invoiceEmptyStateHeader = "View your invoice details";
     /** @uiName Empty invoice table description  */
     this.invoiceEmptyStateText = "Refer a friend to view the status of your invoices and rewards earned";
-    /**
-     * Displayed at the top of the page on all set up steps and on the dashboard.
-     * @uiName Page description
-     */
-    this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
     /**
      * @uiName Replace tax form modal header
      */
@@ -335,6 +338,11 @@ export class TaxAndCashDashboard {
      * @uiName Cancel button label
      */
     this.cancelButton = "Cancel";
+    /**
+     * @undocumented
+     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "uiGroup": "Dashboard Properties" }
+     */
+    this.stateController = "{}";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -552,7 +560,7 @@ export class TaxAndCashDashboard {
       },
       "attribute": "tax-alert-header-not-active-w-9",
       "reflect": false,
-      "defaultValue": "\"Your W9 tax form has personal information that doesn\u2019t match your profile\""
+      "defaultValue": "\"Your W-9 tax form has personal information that doesn\u2019t match your profile\""
     },
     "taxAlertHeaderNotActiveW8": {
       "type": "string",
@@ -1286,7 +1294,7 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "W9 payment threshold alert header",
+            "text": "W-9 payment threshold alert header",
             "name": "uiName"
           }],
         "text": ""
@@ -1307,14 +1315,56 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "W9 payment threshold alert description",
+            "text": "W-9 payment threshold alert description",
             "name": "uiName"
           }],
         "text": ""
       },
       "attribute": "w-9-required-description",
       "reflect": false,
-      "defaultValue": "\"You have surpassed the $600 threshold for a W9 tax form. To remove the hold, you need to submit a W9 tax form as outlined in our {termsAndConditions}. Please click 'Submit W9' to start the process.\""
+      "defaultValue": "\"You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.\""
+    },
+    "accountReviewHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Account review alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "account-review-header",
+      "reflect": false,
+      "defaultValue": "\"Your account is under review\""
+    },
+    "accountReviewDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Account review alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "account-review-description",
+      "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}.\""
     },
     "termsAndConditions": {
       "type": "string",
@@ -1349,14 +1399,14 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "W9 payment threshold alert button text",
+            "text": "W-9 payment threshold alert button text",
             "name": "uiName"
           }],
         "text": ""
       },
       "attribute": "w-9-required-button-text",
       "reflect": false,
-      "defaultValue": "\"Submit W9\""
+      "defaultValue": "\"Submit W-9\""
     },
     "generalErrorTitle": {
       "type": "string",
@@ -1709,27 +1759,6 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"Refer a friend to view the status of your invoices and rewards earned\""
     },
-    "taxAndPayoutsDescription": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Page description",
-            "name": "uiName"
-          }],
-        "text": "Displayed at the top of the page on all set up steps and on the dashboard."
-      },
-      "attribute": "tax-and-payouts-description",
-      "reflect": false,
-      "defaultValue": "\"Submit your tax documents and add your banking information to receive your rewards.\""
-    },
     "replaceTaxFormModalHeader": {
       "type": "string",
       "mutable": false,
@@ -1819,7 +1848,7 @@ export class TaxAndCashDashboard {
       "mutable": false,
       "complexType": {
         "original": "DemoData<UseTaxAndCashDashboardResult>",
-        "resolved": "{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; canEditPayoutInfo: boolean; disabled?: boolean; dateSubmitted?: string; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: string; subRegionTaxNumber?: string; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isBusinessEntity?: boolean; loading?: boolean; loadingError?: boolean; showNewFormDialog: boolean; hasHold: boolean; payoutStatus: PayoutStatus; veriffLoading: boolean; errors?: { general?: boolean; }; }; }",
+        "resolved": "{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; canEditPayoutInfo: boolean; disabled?: boolean; dateSubmitted?: string; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: string; subRegionTaxNumber?: string; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isBusinessEntity?: boolean; loading?: boolean; loadingError?: boolean; showNewFormDialog: boolean; hasHold: boolean; payoutStatus: PayoutStatus; veriffLoading: boolean; errors?: { general?: boolean; }; enforceUsTaxComplianceOption?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -1843,27 +1872,60 @@ export class TaxAndCashDashboard {
           }],
         "text": ""
       }
+    },
+    "stateController": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "{ \"title\": \"Payouts on hold\", \"props\": { \"states\": { \"payoutStatus\": \"HOLD\" } }, \"uiGroup\": \"Dashboard Properties\" }",
+            "name": "componentState"
+          }],
+        "text": ""
+      },
+      "attribute": "state-controller",
+      "reflect": false,
+      "defaultValue": "\"{}\""
     }
   }; }
 }
 function useDemoTaxAndCashDashboard(props) {
+  console.log("dashboard", { props });
+  // @ts-ignore
   return deepmerge({
     states: {
       dateSubmitted: "today",
       documentType: "W9",
-      documentTypeString: "W9",
+      documentTypeString: "W-9",
       status: "ACTIVE",
       country: "United States",
-      indirectTaxNumber: 55555555,
+      indirectTaxNumber: "55555555",
       indirectTaxType: "Indirect Tax",
-      noFormNeeded: true,
+      noFormNeeded: false,
       disabled: false,
       loading: false,
       showNewFormDialog: false,
       hasHold: false,
-      showVerifyIdentity: false,
+      subRegion: "CA",
+      subRegionTaxNumber: undefined,
+      qstNumber: undefined,
+      isBusinessEntity: false,
+      province: undefined,
+      notRegistered: true,
+      loadingError: false,
       payoutStatus: "DONE",
       veriffLoading: false,
+      canEditPayoutInfo: true,
     },
     callbacks: {
       onClick: () => console.debug("check step"),
@@ -1873,5 +1935,12 @@ function useDemoTaxAndCashDashboard(props) {
       onVerifyClick: () => console.log("verify"),
     },
     text: props.getTextProps(),
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+    slots: {
+      payoutDetailsCardSlot: (h("sqm-payout-details-card", { demoData: {
+          states: {
+            badgeStatus: "nextPayout",
+          },
+        } })),
+    },
+  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -1,12 +1,20 @@
-import { useLocale, useParentQueryValue, useSetParent, } from "@saasquatch/component-boilerplate";
+import { useLocale, useParentQueryValue, useQuery, useSetParent, } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { DateTime } from "luxon";
 import { vatLabels } from "../countries";
-import { getStatus } from "../sqm-payout-status-alert/usePayoutStatus";
-import { TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../sqm-tax-and-cash/data";
+import { getStatus, } from "../sqm-payout-status-alert/usePayoutStatus";
+import { TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../data";
 import { INDIRECT_TAX_PROVINCES, INDIRECT_TAX_SPAIN_REGIONS, } from "../subregions";
 import { useVeriffApp, VERIFF_COMPLETE_EVENT_KEY } from "../useVeriffApp";
 import { taxTypeToName } from "../utils";
+import { gql } from "graphql-request";
+const GET_TAX_SETTING = gql `
+  query getTenantSettings {
+    tenantSettings {
+      enforceUsTaxCompliance
+    }
+  }
+`;
 function getCountryName(countryCode, locale) {
   if (!countryCode)
     return undefined;
@@ -42,11 +50,12 @@ function getIndirectTaxType(taxInformation) {
   return "Indirect Tax";
 }
 export const useTaxAndCashDashboard = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const setContext = useSetParent(TAX_FORM_CONTEXT_NAMESPACE);
   const [showDialog, setShowDialog] = useState(false);
   const { render, loading: veriffLoading, errors: veriffErrors, } = useVeriffApp();
+  const { data: taxSettingRes } = useQuery(GET_TAX_SETTING, {});
   const locale = useLocale();
   useEffect(() => {
     // Clear override context once on submitted
@@ -87,30 +96,32 @@ export const useTaxAndCashDashboard = (props) => {
       window.removeEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);
     };
   }, []);
+  const enforceUsTaxComplianceOption = (_e = taxSettingRes === null || taxSettingRes === void 0 ? void 0 : taxSettingRes.tenantSettings) === null || _e === void 0 ? void 0 : _e.enforceUsTaxCompliance;
   return {
     states: {
       dateSubmitted,
       documentType,
       canEditPayoutInfo: publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup,
       documentTypeString: taxTypeToName(documentType),
-      status: (_e = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _e === void 0 ? void 0 : _e.status,
-      subRegion: getSubRegionName((_f = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _f === void 0 ? void 0 : _f.indirectTaxRegion),
-      subRegionTaxNumber: (_g = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _g === void 0 ? void 0 : _g.withholdingTaxId,
-      qstNumber: (_h = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _h === void 0 ? void 0 : _h.additionalTaxId,
+      status: (_f = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _f === void 0 ? void 0 : _f.status,
+      subRegion: getSubRegionName((_g = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _g === void 0 ? void 0 : _g.indirectTaxRegion),
+      subRegionTaxNumber: (_h = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _h === void 0 ? void 0 : _h.withholdingTaxId,
+      qstNumber: (_j = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _j === void 0 ? void 0 : _j.additionalTaxId,
       indirectTaxType: getIndirectTaxType(publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation),
-      indirectTaxNumber: (_j = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _j === void 0 ? void 0 : _j.indirectTaxId,
+      indirectTaxNumber: (_k = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _k === void 0 ? void 0 : _k.indirectTaxId,
       isBusinessEntity: (publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) === "W8BENE",
       province: provinceName,
-      country: getCountryName((_k = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _k === void 0 ? void 0 : _k.indirectTaxCountryCode, locale),
-      notRegistered: !((_l = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _l === void 0 ? void 0 : _l.indirectTaxId),
+      country: getCountryName((_l = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _l === void 0 ? void 0 : _l.indirectTaxCountryCode, locale),
+      notRegistered: !((_m = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _m === void 0 ? void 0 : _m.indirectTaxId),
       noFormNeeded: !documentType,
       disabled: loading,
       loading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
       showNewFormDialog: showDialog,
-      hasHold: !!((_m = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount) === null || _m === void 0 ? void 0 : _m.hold),
+      hasHold: !!((_o = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount) === null || _o === void 0 ? void 0 : _o.hold),
       payoutStatus,
       veriffLoading,
+      enforceUsTaxComplianceOption,
     },
     callbacks: {
       onClick: () => setShowDialog(true),

package/dist/collection/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.js

@@ -10,7 +10,7 @@ const style = {
     gap: "10px",
     margin: "auto",
     textAlign: "center",
-    border: "1px solid var(--sl-color-gray-200)",
+    border: "var(--sqm-border-thickness) solid var(--sqm-border-color)",
   },
 };
 const sheet = createStyleSheet(style);

package/dist/collection/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.js

@@ -25,7 +25,7 @@ const style = {
     gap: "16px",
   },
   HR: {
-    border: "1px solid #E0E0E0",
+    border: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
     margin: "10px 0",
   },
   Input: { maxWidth: "500px" },
@@ -40,11 +40,11 @@ const style = {
   ErrorInput: {
     maxWidth: "500px",
     "&::part(base)": {
-      border: "1px solid var(--sl-color-danger-500)",
+      border: "var(--sqm-border-thickness, 1px) solid var(--sqm-danger-color-border)",
       borderRadius: "var(--sl-input-border-radius-medium)",
     },
     "&::part(help-text)": {
-      color: "var(--sl-color-danger-500)",
+      color: "var(--sqm-danger-color-text)",
     },
   },
 };
@@ -59,6 +59,20 @@ const vanillaStyle = `
        padding: 0;
        box-sizing: border-box;
     }
+    sl-menu-item::part(base) {
+      color: var(--sqm-input-color);
+    }
+
+    sl-menu-item::part(base):hover {
+      background-color: var(--sqm-input-border-color-hover);
+    }
+    sl-checkbox[checked]::part(control){
+      background-color: var(--sqm-input-border-color-focus);
+    }
+
+    sl-checkbox[checked]::part(checked-icon){
+      color: var(--sqm-input-background);
+    }
   `;
 export const OtherRegionSlotView = (props) => {
   var _a, _b, _c;