@saasquatch/mint-components 1.12.0-1 → 1.12.0-10

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

@@ -69,18 +69,6 @@ export class TaxAndCashDashboard {
      * @uiName Inactive W-8 error message description
      */
     this.taxAlertNotActiveMessageW8 = "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form.";
-    /**
-     * Part of the alert displayed at the top of the page.
-     *
-     * @uiName Verify identity warning message header
-     */
-    this.verifyIdentityAlertHeader = "Verify your identity";
-    /**
-     * Part of the alert displayed at the top of the page.
-     *
-     * @uiName Verify identity warning message description
-     */
-    this.verifyIdentityAlertMessage = "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.";
     /**
      * Additional text displayed next to the tax form's status badge.
      *
@@ -185,18 +173,35 @@ export class TaxAndCashDashboard {
      * @uiName Payout error message title
      * @uiWidget textArea
      */
-    this.errorTitleText = "Your payout is on hold ";
+    this.payoutHoldAlertHeader = "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.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.";
+    this.payoutHoldAlertDescription = "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
@@ -281,10 +286,6 @@ export class TaxAndCashDashboard {
      * @uiName Cancel button label
      */
     this.cancelButton = "Cancel";
-    /**
-     * @uiName Verify button label
-     */
-    this.verifyIdentityButton = "Start Verification";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -531,48 +532,6 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"Your tax form may have expired or has personal information that doesn\u2019t match your profile. Please submit a new {documentType} form.\""
     },
-    "verifyIdentityAlertHeader": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Verify identity warning message header",
-            "name": "uiName"
-          }],
-        "text": "Part of the alert displayed at the top of the page."
-      },
-      "attribute": "verify-identity-alert-header",
-      "reflect": false,
-      "defaultValue": "\"Verify your identity\""
-    },
-    "verifyIdentityAlertMessage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Verify identity warning message description",
-            "name": "uiName"
-          }],
-        "text": "Part of the alert displayed at the top of the page."
-      },
-      "attribute": "verify-identity-alert-message",
-      "reflect": false,
-      "defaultValue": "\"Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.\""
-    },
     "invalidForm": {
       "type": "string",
       "mutable": false,
@@ -984,7 +943,7 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"Account\""
     },
-    "errorTitleText": {
+    "payoutHoldAlertHeader": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -1004,11 +963,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": "error-title-text",
+      "attribute": "payout-hold-alert-header",
       "reflect": false,
-      "defaultValue": "\"Your payout is on hold \""
+      "defaultValue": "\"Your payout is on hold\""
     },
-    "errorDescriptionText": {
+    "payoutHoldAlertDescription": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -1028,9 +987,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": "error-description-text",
+      "attribute": "payout-hold-alert-description",
       "reflect": false,
-      "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.\""
+      "defaultValue": "\"Please contact Support or check your inbox for an email from our referral program provider, impact.com.\""
     },
     "payoutMissingInformationText": {
       "type": "string",
@@ -1053,6 +1012,75 @@ 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,
@@ -1488,33 +1516,12 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"Cancel\""
     },
-    "verifyIdentityButton": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Verify button label",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "verify-identity-button",
-      "reflect": false,
-      "defaultValue": "\"Start Verification\""
-    },
     "demoData": {
       "type": "unknown",
       "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; 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; showIdentityVerificationDialog?: boolean; identiyRequired?: boolean; hasHold: boolean; payoutStatus: PayoutStatus; showVerifyIdentity: boolean; errors?: { general?: boolean; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -1555,12 +1562,16 @@ 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,6 +5,7 @@ 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;
@@ -40,10 +41,11 @@ function getIndirectTaxType(taxInformation) {
   return "Indirect Tax";
 }
 export const useTaxAndCashDashboard = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
   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
@@ -74,6 +76,7 @@ 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,
@@ -95,12 +98,16 @@ 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/useUserInfoForm.js

@@ -24,17 +24,20 @@ export function useUserInfoForm(props) {
   const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
   const [formErrors, setErrors] = useState({});
   useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     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;
-    if (((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) && ((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.user)) {
+    // 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)) {
       // Initialise with partner information
       setUserFormContext({
-        email: user.email,
+        email,
         firstName: user.impactConnection.user.firstName,
         lastName: user.impactConnection.user.lastName,
         countryCode: user.impactConnection.publisher.countryCode,
@@ -50,17 +53,17 @@ export function useUserInfoForm(props) {
     else if (!(userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.email)) {
       // Initialise with user information
       setUserFormContext({
-        email: user.email,
+        email,
         firstName: user.firstName,
         lastName: user.lastName,
         countryCode: user.countryCode || "US",
-        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,
+        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,
       });
     }
   }, [data, step, userFormContext]);
@@ -139,6 +142,8 @@ export function useUserInfoForm(props) {
     const { allowBankingCollection, ...userData } = formData;
     setUserFormContext({
       ...userFormContext,
+      firstName: userData.firstName,
+      lastName: userData.lastName,
       phoneNumberCountryCode: userData.phoneNumberCountryCode,
       phoneNumber: userData.phoneNumber,
       countryCode: userData.countryCode,

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

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

package/dist/esm/extractProps-ae1afbb3.js

@@ -0,0 +1,19 @@
+/**
+ * Util function for getting just the props with a certain prefix.
+ * @param props Text props on stencil component
+ * @param prefix Prefix denoting which group the text prop belongs to
+ * @returns A new object with all keys with the prefix provided. The prefix is removed from each key.
+ */
+function extractProps(props, prefix) {
+  const keys = Object.keys(props).filter((k) => k.startsWith(prefix));
+  const formattedProps = keys.reduce((prev, k) => {
+    const key = k.replace(prefix, "");
+    return {
+      ...prev,
+      [key]: props[k],
+    };
+  }, {});
+  return formattedProps;
+}
+
+export { extractProps as e };

package/dist/esm/{keys-a1496e39.js → keys-db1897ae.js}

@@ -3,4 +3,4 @@ const VERIFICATION_EMAIL_NAMESPACE = "sq:verification-email";
 const VERIFICATION_PARENT_NAMESPACE = "sq:verification-context";
 const VERIFICATION_EVENT_KEY = "sq:code-verified";
 
-export { SHOW_CODE_NAMESPACE as S, VERIFICATION_EVENT_KEY as V, VERIFICATION_PARENT_NAMESPACE as a, VERIFICATION_EMAIL_NAMESPACE as b };
+export { SHOW_CODE_NAMESPACE as S, VERIFICATION_PARENT_NAMESPACE as V, VERIFICATION_EMAIL_NAMESPACE as a, VERIFICATION_EVENT_KEY as b };