@saasquatch/mint-components 1.12.0-9 → 1.12.1-1

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

@@ -748,14 +748,14 @@ export class TaxAndCashMonolith {
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.payoutHoldAlertHeader = "Your payout is on hold";
+    this.dashboard_errorTitleText = "Your payout is on hold ";
     /**
      * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
      * @uiName Payout error message description
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.payoutHoldAlertDescription = "Please contact Support or check your inbox for an email from our referral program provider, impact.com.";
+    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.";
     /**
      * Text displayed for existing publishers that do not have saved banking information.
      * @uiName Payout missing information subtext
@@ -3972,7 +3972,7 @@ export class TaxAndCashMonolith {
       "reflect": false,
       "defaultValue": "\"Earnings after tax\""
     },
-    "payoutHoldAlertHeader": {
+    "dashboard_errorTitleText": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -3995,11 +3995,11 @@ export class TaxAndCashMonolith {
           }],
         "text": "Part of the alert displayed at the top of the page when there\u2019s been an issue preventing payouts."
       },
-      "attribute": "payout-hold-alert-header",
+      "attribute": "dashboard_error-title-text",
       "reflect": false,
-      "defaultValue": "\"Your payout is on hold\""
+      "defaultValue": "\"Your payout is on hold \""
     },
-    "payoutHoldAlertDescription": {
+    "dashboard_errorDescriptionText": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -4022,9 +4022,9 @@ export class TaxAndCashMonolith {
           }],
         "text": "Part of the alert displayed at the top of the page when there\u2019s been an issue preventing payouts."
       },
-      "attribute": "payout-hold-alert-description",
+      "attribute": "dashboard_error-description-text",
       "reflect": false,
-      "defaultValue": "\"Please contact Support or check your inbox for an email from our referral program provider, impact.com.\""
+      "defaultValue": "\"If you\u2019ve recently added your payout information, please wait while we verify your information. If it\u2019s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com.\""
     },
     "dashboard_payoutMissingInformationText": {
       "type": "string",

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

@@ -3,8 +3,8 @@ import { useEffect, useMemo } from "@saasquatch/universal-hooks";
 import { getCountryObj } from "../utils";
 import { COUNTRIES_NAMESPACE, COUNTRIES_QUERY_NAMESPACE, CURRENCIES_NAMESPACE, CURRENCIES_QUERY_NAMESPACE, FINANCE_NETWORK_SETTINGS_NAMESPACE, GET_COUNTRIES, GET_CURRENCIES, GET_FINANCE_NETWORK_SETTINGS, GET_USER, SORTED_COUNTRIES_NAMESPACE, TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "./data";
 function getCurrentStep(user) {
-  var _a, _b;
-  if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
+  var _a;
+  if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected)) {
     return "/1";
   }
   const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, } = user.impactConnection.publisher;

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

@@ -8,12 +8,6 @@ const style = {
       borderTop: "none",
     },
   },
-  HoldAlertContainer: {
-    "&::part(base)": {
-      border: "none",
-      backgroundColor: "transparent",
-    },
-  },
   ExpiringSoonAlertContainer: {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-yellow-100)",
@@ -253,22 +247,6 @@ export const TaxAndCashDashboardView = (props) => {
         h("strong", null, text.error.generalTitle),
         h("br", null),
         text.error.generalDescription)),
-      states.hasHold && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet.classes.HoldAlertContainer },
-        h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
-        h("strong", null, text.payoutHoldAlertHeader),
-        h("br", null),
-        text.payoutHoldAlertDescription)),
-      states.payoutStatus === "VERIFICATION_NEEDED" && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet.classes.HoldAlertContainer },
-        h("sl-icon", { slot: "icon", name: "exclamation-triangle" }),
-        h("strong", null, text.verificationRequiredHeader),
-        h("p", { style: { margin: "0" } }, text.verificationRequiredDescription),
-        h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.loading, 
-          //AL: TODO hooks
-          onClick: () => callbacks.onClick }, text.verificationRequiredButtonText))),
-      h("sl-dialog", { noDismiss: true, class: sheet.classes.Dialog, open: states.showVerifyIdentity, "onSl-hide": callbacks.onVerifyIdentityCancel },
-        h("iframe", { 
-          // AL: TODO replace iframe URL with verification url when available
-          scrolling: "yes", frameBorder: "0", width: "100%", height: "100%", src: "https://impacttech.complytaxforms.com/ServiceRedirect.aspx?Language=eng&Param1=UxBORV4bOIrqNb4gbpNmtvW3wjdZJyx4gPElIGMJNR8=&UUID=B576EA3E-80FD-4D85-AA59-653D23A7CCE8" })),
       h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
         h("p", null, text.replaceTaxFormModalBodyText),
         h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),

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

@@ -173,35 +173,18 @@ export class TaxAndCashDashboard {
      * @uiName Payout error message title
      * @uiWidget textArea
      */
-    this.payoutHoldAlertHeader = "Your payout is on hold";
+    this.errorTitleText = "Your payout is on hold ";
     /**
      * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
      * @uiName Payout error message description
      * @uiWidget textArea
      */
-    this.payoutHoldAlertDescription = "Please contact Support or check your inbox for an email from our referral program provider, impact.com.";
+    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.";
     /**
      * Text displayed for existing publishers that do not have saved banking information.
      * @uiName Payout missing information subtext
      */
     this.payoutMissingInformationText = "Missing banking information, go to Impact.com to resolve.";
-    /**
-     * Part of the alert displayed at the top of the page when the user needs to verify their identity.
-     * @uiName Verification required alert message title
-     * @uiWidget textArea
-     */
-    this.verificationRequiredHeader = "Verify your identity";
-    /**
-     * Part of the alert displayed at the top of the page when the user needs to verify their identity
-     * @uiName Verification required alert message description
-     * @uiWidget textArea
-     */
-    this.verificationRequiredDescription = "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.";
-    /**
-     * Part of the alert displayed at the top of the page when the user needs to verify their identity.
-     * @uiName Verification required alert button text
-     */
-    this.verificationRequiredButtonText = "Start Verification";
     /**
      * Part of the alert displayed at the top of the page.
      * @uiName Form submission error message title
@@ -943,7 +926,7 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"Account\""
     },
-    "payoutHoldAlertHeader": {
+    "errorTitleText": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -963,11 +946,11 @@ export class TaxAndCashDashboard {
           }],
         "text": "Part of the alert displayed at the top of the page when there\u2019s been an issue preventing payouts."
       },
-      "attribute": "payout-hold-alert-header",
+      "attribute": "error-title-text",
       "reflect": false,
-      "defaultValue": "\"Your payout is on hold\""
+      "defaultValue": "\"Your payout is on hold \""
     },
-    "payoutHoldAlertDescription": {
+    "errorDescriptionText": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -987,9 +970,9 @@ export class TaxAndCashDashboard {
           }],
         "text": "Part of the alert displayed at the top of the page when there\u2019s been an issue preventing payouts."
       },
-      "attribute": "payout-hold-alert-description",
+      "attribute": "error-description-text",
       "reflect": false,
-      "defaultValue": "\"Please contact Support or check your inbox for an email from our referral program provider, impact.com.\""
+      "defaultValue": "\"If you\u2019ve recently added your payout information, please wait while we verify your information. If it\u2019s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com.\""
     },
     "payoutMissingInformationText": {
       "type": "string",
@@ -1012,75 +995,6 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"Missing banking information, go to Impact.com to resolve.\""
     },
-    "verificationRequiredHeader": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Verification required alert message title",
-            "name": "uiName"
-          }, {
-            "text": "textArea",
-            "name": "uiWidget"
-          }],
-        "text": "Part of the alert displayed at the top of the page when the user needs to verify their identity."
-      },
-      "attribute": "verification-required-header",
-      "reflect": false,
-      "defaultValue": "\"Verify your identity\""
-    },
-    "verificationRequiredDescription": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Verification required alert message description",
-            "name": "uiName"
-          }, {
-            "text": "textArea",
-            "name": "uiWidget"
-          }],
-        "text": "Part of the alert displayed at the top of the page when the user needs to verify their identity"
-      },
-      "attribute": "verification-required-description",
-      "reflect": false,
-      "defaultValue": "\"Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.\""
-    },
-    "verificationRequiredButtonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Verification required alert button text",
-            "name": "uiName"
-          }],
-        "text": "Part of the alert displayed at the top of the page when the user needs to verify their identity."
-      },
-      "attribute": "verification-required-button-text",
-      "reflect": false,
-      "defaultValue": "\"Start Verification\""
-    },
     "generalErrorTitle": {
       "type": "string",
       "mutable": false,
@@ -1521,7 +1435,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; showIdentityVerificationDialog?: boolean; identiyRequired?: boolean; hasHold: boolean; payoutStatus: PayoutStatus; showVerifyIdentity: 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; errors?: { general?: boolean; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -1562,16 +1476,12 @@ function useDemoTaxAndCashDashboard(props) {
       disabled: false,
       loading: false,
       showNewFormDialog: false,
-      hasHold: false,
-      showVerifyIdentity: false,
-      payoutStatus: "DONE",
     },
     callbacks: {
       onClick: () => console.debug("check step"),
       onEditPayoutInfo: () => console.debug("payout info"),
       onNewFormCancel: () => console.log("hide"),
       onNewFormClick: () => console.log("show"),
-      onVerifyIdentityCancel: () => console.log("hide"),
     },
     text: props.getTextProps(),
   }, props.demoData || {}, { arrayMerge: (_, a) => a });

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

@@ -5,7 +5,6 @@ import { vatLabels } from "../countries";
 import { TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../sqm-tax-and-cash/data";
 import { INDIRECT_TAX_PROVINCES, INDIRECT_TAX_SPAIN_REGIONS, } from "../subregions";
 import { taxTypeToName } from "../utils";
-import { getStatus } from "../sqm-payout-status-alert/usePayoutStatus";
 function getCountryName(countryCode, locale) {
   if (!countryCode)
     return undefined;
@@ -41,11 +40,10 @@ 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;
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const setContext = useSetParent(TAX_FORM_CONTEXT_NAMESPACE);
   const [showDialog, setShowDialog] = useState(false);
-  const [showVerification, setShowVerification] = useState(false);
   const locale = useLocale();
   useEffect(() => {
     // Clear override context once on submitted
@@ -76,7 +74,6 @@ export const useTaxAndCashDashboard = (props) => {
     setStep("/3");
   };
   const provinceName = (_d = INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _d === void 0 ? void 0 : _d.displayName;
-  const payoutStatus = getStatus(data);
   return {
     states: {
       dateSubmitted,
@@ -98,16 +95,12 @@ export const useTaxAndCashDashboard = (props) => {
       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),
-      payoutStatus,
-      showVerifyIdentity: showVerification,
     },
     callbacks: {
       onClick: () => setShowDialog(true),
       onEditPayoutInfo,
       onNewFormCancel: () => setShowDialog(false),
       onNewFormClick,
-      onVerifyIdentityCancel: () => setShowVerification(false),
     },
     text: props.getTextProps(),
   };

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

@@ -85,7 +85,7 @@ const style = {
   },
   PhoneInputsSection: {
     display: "flex",
-    alignItems: "flex-end",
+    alignItems: "flex-start",
     flexDirection: "column",
     gap: "4px",
     "& p": {
@@ -96,7 +96,7 @@ const style = {
   },
   PhoneInputsContainer: {
     display: "flex",
-    alignItems: "flex-end",
+    alignItems: "flex-start",
     gap: "4px",
     width: "100%",
     "& #phoneNumber": {

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

@@ -24,20 +24,17 @@ export function useUserInfoForm(props) {
   const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
   const [formErrors, setErrors] = useState({});
   useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const user = data === null || data === void 0 ? void 0 : data.user;
     if (!user || step !== "/1")
       return;
     // If form already filled out, skip initialising it
     if (objectIsFull(userFormContext))
       return;
-    // Prefer MI email if it was verified before this
-    const email = ((_a = user.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) ? user.managedIdentity.email
-      : user.email;
-    if (((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) && ((_c = user.impactConnection) === null || _c === void 0 ? void 0 : _c.user)) {
+    if (((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) && ((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.user)) {
       // Initialise with partner information
       setUserFormContext({
-        email,
+        email: user.email,
         firstName: user.impactConnection.user.firstName,
         lastName: user.impactConnection.user.lastName,
         countryCode: user.impactConnection.publisher.countryCode,
@@ -53,17 +50,17 @@ export function useUserInfoForm(props) {
     else if (!(userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.email)) {
       // Initialise with user information
       setUserFormContext({
-        email,
+        email: user.email,
         firstName: user.firstName,
         lastName: user.lastName,
         countryCode: user.countryCode || "US",
-        currency: (_d = user.customFields) === null || _d === void 0 ? void 0 : _d.currency,
-        phoneNumberCountryCode: ((_e = user.customFields) === null || _e === void 0 ? void 0 : _e.phoneNumberCountryCode) || "US",
-        phoneNumber: (_f = user.customFields) === null || _f === void 0 ? void 0 : _f.phoneNumber,
-        address: (_g = user.customFields) === null || _g === void 0 ? void 0 : _g.address,
-        city: (_h = user.customFields) === null || _h === void 0 ? void 0 : _h.city,
-        state: (_j = user.customFields) === null || _j === void 0 ? void 0 : _j.state,
-        postalCode: (_k = user.customFields) === null || _k === void 0 ? void 0 : _k.postalCode,
+        currency: (_c = user.customFields) === null || _c === void 0 ? void 0 : _c.currency,
+        phoneNumberCountryCode: ((_d = user.customFields) === null || _d === void 0 ? void 0 : _d.phoneNumberCountryCode) || "US",
+        phoneNumber: (_e = user.customFields) === null || _e === void 0 ? void 0 : _e.phoneNumber,
+        address: (_f = user.customFields) === null || _f === void 0 ? void 0 : _f.address,
+        city: (_g = user.customFields) === null || _g === void 0 ? void 0 : _g.city,
+        state: (_h = user.customFields) === null || _h === void 0 ? void 0 : _h.state,
+        postalCode: (_j = user.customFields) === null || _j === void 0 ? void 0 : _j.postalCode,
       });
     }
   }, [data, step, userFormContext]);

package/dist/esm/{ShadowViewAddon-69b61037.js → ShadowViewAddon-65c8679e.js}

@@ -1269,12 +1269,9 @@ const payoutBalanceQuery = () => {
       query payoutBalance {
         viewer: viewer {
           ... on User {
-            id
-            impactConnection {
-              publisher {
-                payoutsAccount {
-                  balance
-                }
+            publisher {
+              payoutsAccount {
+                balance
               }
             }
           }