@saasquatch/mint-components 2.2.0 → 2.3.0-10

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

@@ -0,0 +1,151 @@
+import { h } from "@stencil/core";
+import { TaxAndCashDashboardView, } from "./sqm-tax-and-cash-dashboard-view";
+import { taxTypeToName } from "../utils";
+export default {
+  title: "Components/Tax And Cash Dashboard View",
+};
+const defaultText = {
+  statusTextActive: "Active",
+  statusTextNotActive: "Invalid Tax Form",
+  statusTextNotVerified: "Not Verified",
+  statusTextRequired: "Required",
+  requiredTaxForm: "Your payouts are on hold until you submit a {taxFormType} tax form.",
+  badgeTextSubmittedOn: "Submitted on {dateSubmitted}.",
+  badgeTextSubmittedOnW8: "Submitted on {dateSubmitted}. Valid for three years after submission.",
+  badgeTextAwaitingReview: "Awaiting review. Submitted on {dateSubmitted}.",
+  taxAlertHeaderNotActiveW9: "Your W-9 tax form has personal information that doesn't match your profile",
+  taxAlertHeaderNotActiveW8: "{documentType} tax form is invalid",
+  taxAlertNotActiveMessageW9: "Please resubmit a new {documentType} form.",
+  taxAlertNotActiveMessageW8: "Your tax form may have expired or has personal information that doesn't match your profile. Please submit a new {documentType} form.",
+  invalidForm: "Make sure your information is correct and submit new form.",
+  bankingInformationSectionHeader: "Payout information",
+  taxDocumentSectionHeader: "Tax documents",
+  taxDocumentSectionSubHeader: "{documentType} tax form",
+  taxDocumentSectionSubHeaderNoDocument: "Tax form",
+  indirectTaxInfoSectionHeader: "Indirect tax",
+  indirectTaxInfoCanada: "Registered in {province}, {country}",
+  indirectTaxInfoOtherCountry: "Registered in {country}",
+  indirectTaxInfoSpain: "Registered in {country}, {subRegion}",
+  indirectTaxTooltipSupport: "To make changes to your indirect tax information, please contact our {supportLink}.",
+  indirectTaxDetails: "{indirectTaxType} number: {indirectTaxNumber}",
+  newFormButton: "Submit new tax form",
+  editPaymentInformationButton: "Edit payout information",
+  notRegisteredForTax: "Not registered for indirect tax. If you've previously registered with your tax authority, contact our {supportLink} to add your information to stay tax compliant.",
+  qstNumber: "QST number: {qstNumber}",
+  subRegionTaxNumber: "Income tax number: {subRegionTaxNumber}",
+  invoiceColumnTitle: "Invoice",
+  dateColumnTitle: "Date",
+  earningsColumnTitle: "Earnings",
+  indirectTaxColumnTitle: "Indirect tax",
+  earningsAfterTaxColumnTitle: "Earnings after tax",
+  invoiceDescription: "View and download your invoices to report your earnings and stay tax compliant.",
+  invoicePrevLabel: "Prev",
+  invoiceMoreLabel: "Next",
+  invoiceHeader: "Invoices",
+  invoiceEmptyStateHeader: "View your invoice details",
+  invoiceEmptyStateText: "Refer a friend to view the status of your invoices and rewards earned",
+  payoutFromImpact: "Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com.",
+  replaceTaxFormModalHeader: "Replace existing tax form",
+  replaceTaxFormModalBodyText: "Submitting a new tax form will remove your existing form. Make sure to sign and complete your new tax form to prevent any issues with your next payout.",
+  supportLink: "support team",
+  cancelButton: "Cancel",
+  payoutHoldAlertHeader: "Your payout is on hold",
+  payoutHoldAlertDescription: "Please contact our {supportLink} or check your inbox for an email from our referral program provider, impact.com.",
+  verificationRequiredHeader: "Verify your identity",
+  verificationRequiredDescription: "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",
+  verificationRequiredButtonText: "Start Verification",
+  verificationRequiredInternalHeader: "Identity verification in progress",
+  verificationRequiredInternalDescription: "Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",
+  verificationReviewInternalHeader: "Identity verification under review",
+  verificationReviewInternalDescription: "Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",
+  verificationFailedInternalHeader: "Identity verification unsuccessful",
+  verificationFailedInternalDescription: "Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",
+  w9RequiredHeader: "Your next payout is on hold",
+  w9RequiredDescription: "You have surpassed the $2000 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.",
+  w9RequiredButtonText: "Submit W-9",
+  accountReviewHeader: "Your account is under review",
+  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}.",
+  paymentHoldOnChangeHeader: "We are reviewing your new payout settings",
+  paymentHoldOnChangeDescription: "Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.",
+  beneficiaryNameInvalidHeader: "Your payment information does not match your tax form",
+  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.",
+  beneficiaryNameMismatchHeader: "Your payment information does not match your tax form",
+  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.",
+  bankTaxNameMismatchHeader: "Your payment information does not match your tax form",
+  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.",
+  withdrawalSettingsInvalidHeader: "Your payment information is incomplete or includes invalid characters",
+  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.",
+  paymentReturnedHeader: "Payout unsuccessful",
+  paymentReturnedDescription: "Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.",
+  termsAndConditions: "Terms and Conditions",
+  error: {
+    generalTitle: "There was a problem submitting your information",
+    generalDescription: "Please review your information and try again. If this problem continues, contact our {supportLink}.",
+    loadingErrorAlertHeader: "There was a problem loading your form",
+    loadingErrorAlertDescription: "Please refresh the page and try again. If this problem continues, contact our {supportLink}.",
+  },
+};
+const defaultCallbacks = {
+  onClick: () => { },
+  onVerifyClick: () => { },
+  onEditPayoutInfo: () => { },
+  onNewFormCancel: () => { },
+  onNewFormClick: () => { },
+};
+const defaultSlots = {
+  payoutDetailsCardSlot: (h("sqm-payout-details-card", { demoData: { states: { badgeStatus: "nextPayout" } } })),
+};
+const baseStates = {
+  payoutStatus: "DONE",
+  veriffLoading: false,
+  canEditPayoutInfo: true,
+  disabled: false,
+  status: "ACTIVE",
+  documentType: "W9",
+  documentTypeString: taxTypeToName("W9"),
+  dateSubmitted: "Jan 18th, 2025",
+  noFormNeeded: false,
+  country: "United States",
+  indirectTaxType: "VAT",
+  indirectTaxNumber: "123456",
+  showNewFormDialog: false,
+  hasHold: false,
+  loading: false,
+  loadingError: false,
+};
+// Stories not covered by TaxForm.stories.tsx (which uses sqm-tax-and-cash-dashboard WC)
+// ─── Base ─────────────────────────────────────────────────────────────────────
+export const ActiveW9Form = () => (h(TaxAndCashDashboardView, { states: baseStates, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const TaxFormRequired = () => (h(TaxAndCashDashboardView, { states: {
+    ...baseStates,
+    status: undefined,
+    documentType: "W9",
+    documentTypeString: taxTypeToName("W9"),
+    noFormNeeded: false,
+  }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+// ─── Payout hold statuses not in TaxForm.stories.tsx ─────────────────────────
+export const AccountUnderReview = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "NEW_PAYEE_REVIEW" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const PaymentHoldOnChange = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "PAYMENT_HOLD_ON_CHANGE" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const BeneficiaryNameInvalid = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "BENEFICIARY_NAME_INVALID" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const BeneficiaryNameMismatch = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "BENEFICIARY_NAME_MISMATCH" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const BankTaxNameMismatch = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "BANK_TAX_NAME_MISMATCH" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const WithdrawalSettingsInvalid = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "WITHDRAWAL_SETTINGS_INVALID" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const PaymentReturned = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "PAYMENT_RETURNED" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const W9ThresholdReachedHardBlock = () => (h(TaxAndCashDashboardView, { states: {
+    ...baseStates,
+    payoutStatus: "OVER_W9_THRESHOLD",
+    enforceUsTaxComplianceOption: "HARD_BLOCK",
+    status: undefined,
+  }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+// ─── Verification loading state ───────────────────────────────────────────────
+export const VerificationRequiredLoading = () => (h(TaxAndCashDashboardView, { states: {
+    ...baseStates,
+    payoutStatus: "VERIFICATION:REQUIRED",
+    veriffLoading: true,
+    notRegistered: true,
+  }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+// ─── Loading and error states ─────────────────────────────────────────────────
+export const Loading = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, loading: true }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const LoadingError = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, loadingError: true }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const GeneralError = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, errors: { general: true } }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const Disabled = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, disabled: true }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));

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

@@ -70,7 +70,6 @@ const defaultText = {
   region: "Region",
   postalCode: "Postal Code",
   currency: "Currency",
-  currencyHelpText: "Select your preferred currency for payouts",
   allowBankingCollection: "I agree to the {termsAndConditionsLink}",
   personalInformation: "Personal Information",
   continueButton: "Continue",

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

@@ -4,7 +4,7 @@ import { createStyleSheet } from "../../../styling/JSS";
 import { FORM_STEPS } from "../data";
 import { PHONE_EXTENSIONS } from "../phoneExtensions";
 import LoadingView from "../sqm-tax-and-cash/LoadingView";
-import { formatErrorMessage, validateBillingField } from "../utils";
+import { formatErrorMessage, isValidI18nPhoneNumber, validateBillingField, } from "../utils";
 const style = {
   FormWrapper: {},
   ErrorInput: {
@@ -264,7 +264,7 @@ const vanillaStyle = `
     }
 `;
 export const UserInfoFormView = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
   const { states, states: { formState }, callbacks, text, refs, data, } = props;
   const { classes } = sheet;
   const bankingCollectionText = intl.formatMessage({
@@ -287,9 +287,20 @@ export const UserInfoFormView = (props) => {
     default:
       regionLabel = text.state;
   }
+  // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "0000000" and the phoneNumberCountryCode to "DZ"
   function isDisabledPartnerInput(field) {
-    var _a;
-    return states.isPartner && !!((_a = data.partnerData) === null || _a === void 0 ? void 0 : _a[field]);
+    var _a, _b, _c, _d;
+    if (((_a = data.partnerData) === null || _a === void 0 ? void 0 : _a.phoneNumber) === "0000000" &&
+      (field === "phoneNumber" || field === "phoneNumberCountryCode")) {
+      return false;
+    }
+    // if bad phone number was previously saved, unlock the field so user can correct it
+    if ((field === "phoneNumber" || field === "phoneNumberCountryCode") &&
+      states.isPartner &&
+      !isValidI18nPhoneNumber((_b = data.partnerData) === null || _b === void 0 ? void 0 : _b.phoneNumberCountryCode, (_c = data.partnerData) === null || _c === void 0 ? void 0 : _c.phoneNumber)) {
+      return false;
+    }
+    return states.isPartner && !!((_d = data.partnerData) === null || _d === void 0 ? void 0 : _d[field]);
   }
   function isDisabledUserInput(field) {
     var _a;
@@ -325,14 +336,6 @@ export const UserInfoFormView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         })))),
-      (states.isPartner || states.isUser) && (h("sqm-form-message", { loading: states.loading, type: "info" },
-        h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
-        h("p", { part: "alert-description" }, intl.formatMessage({
-          id: "isPartnerAlertDescription",
-          defaultMessage: text.isPartnerAlertDescription,
-        }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-        })))),
       h("div", null,
         h("div", { class: classes.InputContainer },
           h("sl-input", Object.assign({ class: "ErrorInput", exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled || isDisabledUserInput("firstName") }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
@@ -385,10 +388,15 @@ export const UserInfoFormView = (props) => {
                     h("div", { slot: "prefix" }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
                     _b.dial_code));
                 })),
-              h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, validationError: ({ value }) => {
-                  // Naive phone number validation
-                  validateBillingField(/[a-zA-Z]+/, value) &&
-                    formatErrorMessage(text.phoneNumber, text.error.fieldInvalidError);
+              h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, validationError: ({ control, value, formData }) => {
+                  // skip validation for values the user can't edit
+                  if (control === null || control === void 0 ? void 0 : control.disabled)
+                    return undefined;
+                  if (!(value === null || value === void 0 ? void 0 : value.trim()))
+                    return undefined;
+                  return isValidI18nPhoneNumber(formData.phoneNumberCountryCode, value)
+                    ? undefined
+                    : formatErrorMessage(text.phoneNumber, text.error.fieldInvalidError);
                 }, disabled: states.disabled || isDisabledPartnerInput("phoneNumber") }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
                 class: classes.ErrorInput,
                 helpText: formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
@@ -420,7 +428,7 @@ export const UserInfoFormView = (props) => {
             helpText: formatErrorMessage(text.postalCode, formState.errors.postalCode),
           }
             : {}), { required: true })),
-          h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || isDisabledPartnerInput("currency"), helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
+          h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || isDisabledPartnerInput("currency") }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
             class: classes.ErrorInput,
             helpText: formatErrorMessage(text.currency, formState.errors.currency),
           }
@@ -438,11 +446,6 @@ export const UserInfoFormView = (props) => {
             _t.map((c) => (h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
               c.currencyCode,
               " - ",
-              c.displayName)))),
-          h("div", { class: classes.CheckboxWrapper },
-            h("sl-checkbox", { checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
-                e.target.value = e.target.checked;
-              }, disabled: states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
-            ((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (h("p", { class: classes.ErrorText }, formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
+              c.displayName))))),
         h("sl-button", { type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
 };

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

@@ -61,10 +61,6 @@ export class TaxForm {
      * @uiName Currency field label
      */
     this.currency = "Currency";
-    /**
-     * @uiName Currency field help text
-     */
-    this.currencyHelpText = "Choose your preferred payout currency";
     /**
      * @uiName Setup progress
      */
@@ -443,27 +439,6 @@ export class TaxForm {
       "reflect": false,
       "defaultValue": "\"Currency\""
     },
-    "currencyHelpText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Currency field help text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "currency-help-text",
-      "reflect": false,
-      "defaultValue": "\"Choose your preferred payout currency\""
-    },
     "formStep": {
       "type": "string",
       "mutable": false,

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

@@ -5,7 +5,7 @@ import { CURRENCIES_NAMESPACE, SORTED_COUNTRIES_NAMESPACE, TAX_CONTEXT_NAMESPACE
 import { ADDRESS_REGIONS } from "../subregions";
 import { objectIsFull, validTaxDocument } from "../utils";
 import { TAX_FORM_UPDATED_EVENT_KEY } from "../eventKeys";
-import { CONNECT_PARTNER, } from "../sqm-indirect-tax-form/useIndirectTaxForm";
+import { CONNECT_PARTNER, COMPLETE_PARTNER, } from "../sqm-indirect-tax-form/useIndirectTaxForm";
 import { gql } from "graphql-request";
 const GET_INDIRECT_TAX_COUNTRY_CODE = gql `
   query getIndirectTaxCountryCode {
@@ -25,7 +25,8 @@ export function useUserInfoForm(props) {
   const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
   const [userFormContext, setUserFormContext] = useParent(USER_FORM_CONTEXT_NAMESPACE);
   const user = useUserIdentity();
-  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = useMutation(CONNECT_PARTNER);
+  const [connectImpactPartner, { loading: connectLoading }] = useMutation(CONNECT_PARTNER);
+  const [completeImpactPartner, { loading: completeLoading }] = useMutation(COMPLETE_PARTNER);
   const { data: tenantData } = useQuery(GET_INDIRECT_TAX_COUNTRY_CODE, {});
   const { data, loading, refetch, errors: userError, } = useParentQueryValue(USER_QUERY_NAMESPACE);
   const _currencies = useParentValue(CURRENCIES_NAMESPACE);
@@ -60,8 +61,13 @@ export function useUserInfoForm(props) {
         lastName: user.impactConnection.user.lastName,
         countryCode: user.impactConnection.publisher.countryCode,
         currency: user.impactConnection.publisher.currency,
-        phoneNumberCountryCode: user.impactConnection.publisher.phoneNumberCountryCode,
-        phoneNumber: user.impactConnection.publisher.phoneNumber,
+        // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "0000000" and the phoneNumberCountryCode to "DZ"
+        phoneNumberCountryCode: user.impactConnection.publisher.phoneNumber === "0000000"
+          ? null
+          : user.impactConnection.publisher.phoneNumberCountryCode,
+        phoneNumber: user.impactConnection.publisher.phoneNumber === "0000000"
+          ? null
+          : user.impactConnection.publisher.phoneNumber,
         address: user.impactConnection.publisher.billingAddress,
         city: user.impactConnection.publisher.billingCity,
         state: user.impactConnection.publisher.billingState,
@@ -116,9 +122,7 @@ export function useUserInfoForm(props) {
       setFilteredPhoneCountries(countries || []);
     }
     else {
-      setFilteredPhoneCountries(countries.filter((c) => c.displayName
-        .toLowerCase()
-        .includes(phoneCountrySearch.toLowerCase())) || []);
+      setFilteredPhoneCountries(countries.filter((c) => c.displayName.toLowerCase().includes(phoneCountrySearch.toLowerCase())) || []);
     }
   }, [phoneCountrySearch, countries]);
   useEffect(() => {
@@ -132,7 +136,7 @@ export function useUserInfoForm(props) {
     }
   }, [currencySearch, currencies]);
   async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const vars = {
       user: {
         id: user.id,
@@ -149,20 +153,36 @@ export function useUserInfoForm(props) {
       phoneNumber: formData.phoneNumber,
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
-    const result = await connectImpactPartner({
+    // If the partner has already been started call completeImpactPartner to
+    // update the remaining details. Otherwise create a new connection.
+    const userData = data === null || data === void 0 ? void 0 : data.user;
+    let result = null;
+    let connectionResult;
+    result = await completeImpactPartner({
       vars,
     });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+    connectionResult = (_a = result) === null || _a === void 0 ? void 0 : _a.completeImpactConnection;
+    // if (userData?.impactConnection?.connectionStatus === "STARTED") {
+    //   result = await completeImpactPartner({
+    //     vars,
+    //   });
+    //   connectionResult = (result as CompletePartnerResult)
+    //     ?.completeImpactConnection;
+    // } else {
+    //   result = await connectImpactPartner({
+    //     vars,
+    //   });
+    //   connectionResult = (result as ConnectPartnerResult)
+    //     ?.createImpactConnection;
+    // }
+    if (!result || ((_b = result) === null || _b === void 0 ? void 0 : _b.message))
       throw new Error();
-    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
-      // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection
-        .validationErrors);
+    if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
+      console.error("Failed to create Impact connection: ", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
       throw new Error();
     }
     await refetch();
-    const resultPublisher = (_e = (_d = (_c = result
-      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
+    const resultPublisher = (_d = (_c = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.publisher;
     const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
     // Fire form change event
     window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
@@ -183,7 +203,7 @@ export function useUserInfoForm(props) {
       // custom validation
       if (typeof control.validationError === "function") {
         const validate = control.validationError;
-        const validationError = validate({ control, key, value });
+        const validationError = validate({ control, key, value, formData });
         if (validationError)
           jsonpointer.set(errors, key, validationError);
       }
@@ -287,9 +307,9 @@ export function useUserInfoForm(props) {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
       hideState: !hasStates,
       hideSteps: !!context.hideSteps,
-      disabled: loading || connectLoading,
+      disabled: loading || connectLoading || completeLoading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
-      loading: loading || connectLoading,
+      loading: loading || connectLoading || completeLoading,
       isPartner: !!((_g = (_f = data === null || data === void 0 ? void 0 : data.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher),
       isUser: !!((_j = (_h = data === null || data === void 0 ? void 0 : data.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.user),
       formState: {

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

@@ -1,4 +1,59 @@
 import { intl } from "../../global/global";
+import { PHONE_EXTENSIONS } from "./phoneExtensions";
+function stripLeadingZero(d) {
+  return d.startsWith("0") ? d.slice(1) : d;
+}
+/**
+ * Mirrors Impact's I18nPhoneNumberParams validation rules per country.
+ * Returns true when the phone number is valid for the given the phoneNumberCountryCode country.
+ */
+export function isValidI18nPhoneNumber(phoneCountryCode, phoneNumber) {
+  var _a, _b;
+  if (!phoneCountryCode || !(phoneNumber === null || phoneNumber === void 0 ? void 0 : phoneNumber.trim()))
+    return false;
+  const country = phoneCountryCode.toUpperCase();
+  const digits = phoneNumber.replace(/\D/g, "");
+  switch (country) {
+    case "US":
+    case "CA": {
+      // strip a single leading "1", then exactly 10 digits
+      const n = digits.startsWith("1") ? digits.slice(1) : digits;
+      return n.length === 10;
+    }
+    case "AU":
+      // 9 or 10 digits
+      return digits.length === 9 || digits.length === 10;
+    case "NZ": {
+      // trim "640" country prefix or leading "0" (only when >9 digits),
+      // then 8–10 digits
+      let n = digits;
+      if (n.length > 9) {
+        if (n.startsWith("640"))
+          n = n.slice(3);
+        else if (n.startsWith("0"))
+          n = n.slice(1);
+      }
+      return n.length >= 8 && n.length <= 10;
+    }
+    case "GB":
+      // >= 6 digits after stripping a single leading "0", no dialing-code check
+      return stripLeadingZero(digits).length >= 6;
+    default: {
+      // All other countries: strip a single leading "0", then >= 6 digits
+      if (stripLeadingZero(digits).length < 6)
+        return false;
+      // If input starts with "+", the dialing code (first whitespace-split
+      // token) must match the selected country exactly. Splits on first
+      // whitespace, so "+4420 7946 0958" supplies "4420" (not "44") and fails.
+      if (phoneNumber.trim().startsWith("+")) {
+        const supplied = phoneNumber.trim().split(/\s/)[0].slice(1);
+        const expected = (_b = (_a = PHONE_EXTENSIONS[country]) === null || _a === void 0 ? void 0 : _a.dial_code) === null || _b === void 0 ? void 0 : _b.replace(/^\+/, "");
+        return expected === supplied;
+      }
+      return true;
+    }
+  }
+}
 export function validTaxDocument(requiredType) {
   const validTypes = ["W9", "W8BENE", "W8BEN"];
   if (validTypes.includes(requiredType))

package/dist/esm/{ShadowViewAddon-0b980200.js → ShadowViewAddon-e115fa1c.js}

@@ -1,19 +1,19 @@
 import { h, c as Host, d as getAssetPath, F as Fragment, g as getElement } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-75e96214.js';
 import { b as browser, u as useMemo, k as useState, m as useRef } from './dom-context-hooks.module-50442785.js';
-import { H, L, J, d as dist, w as wn, B, F as Fn, $ as $e, g as getEnvironmentSDK, X as Xe, Q as Qe } from './index.module-b23fdad8.js';
+import { H, L, J, d as dist, w as wn, B, F as Fn, $ as $e, g as getEnvironmentSDK, X as Xe, Q as Qe } from './index.module-02cb914c.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-67b5cff8.js';
-import { a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED } from './useReferralCodes-52ca720f.js';
+import { a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED } from './useReferralCodes-25f8b792.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
 import { C as CopyTextView } from './copy-text-view-87259b11.js';
 import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
-import { u as useChildElements } from './useChildElements-9bccfb72.js';
+import { u as useChildElements } from './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 import { o as optimizeCloudinaryUrl } from './imageUrl-4775f17b.js';
-import { a as isValidColor, b as isMobile } from './utilities-77b1e0cc.js';
+import { a as isValidColor, b as isMobile } from './utilities-cbd8f2eb.js';
 import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-200c9df8.js';
 
 function BigStatView(props) {

package/dist/{mint-components/p-0c0d4065.js → esm/data-8698cbc6.js}

@@ -1,8 +1,21 @@
-import{h as e}from"./p-083180bf.js";import{i as t}from"./p-f8a09b0f.js";import{d as i}from"./p-d0993bb9.js";import{c as s}from"./p-cef45012.js";const a=s({Container:{display:"flex",flexDirection:"column",gap:"35px"},HeaderContainer:{display:"flex",flexDirection:"column",gap:"10px"}}),n=a.toString(),r=()=>e("div",{class:a.classes.Container},e("style",{type:"text/css"},n),e("sqm-skeleton",{width:"45%",height:"40px !important"}),e("div",{class:a.classes.HeaderContainer},e("sqm-skeleton",{width:"15%"}),e("sqm-skeleton",{width:"25%",height:"30px !important"})),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"15%"}),e("sqm-skeleton",{width:"80px",height:"30px !important"}));function o(e){return!!["W9","W8BENE","W8BEN"].includes(e)}const d=e=>!Object.keys(e).find((t=>null==e[t])),l=e=>{switch(e){case"W9":return"W-9";case"W8BEN":case"W8BENE":return"W-8";default:return""}};function c(e,t){return t.trim().search(e)>-1}const u=(e,i)=>t.formatMessage({id:e,defaultMessage:i},{fieldName:e});function h({countryCode:e,locale:t}){return{countryCode:e,displayName:new Intl.DisplayNames([t],{type:"region"}).of(e)}}const m="sq:tax-and-cash",p="sq:tax-form-context",y="sq:user-info-query",g="sq:user-form-context",x="sq:finance-network-settings",f="sq:countries:list",q="sq:countries:sorted",w="sq:countries:query",C="sq:currencies:list",k="sq:currencies:query",b=i.gql`
+import { d as dist } from './index.module-02cb914c.js';
+
+const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
+const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
+const USER_QUERY_NAMESPACE = "sq:user-info-query";
+const USER_FORM_CONTEXT_NAMESPACE = "sq:user-form-context";
+const FINANCE_NETWORK_SETTINGS_NAMESPACE = "sq:finance-network-settings";
+const COUNTRIES_NAMESPACE = "sq:countries:list";
+const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
+const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
+const CURRENCIES_NAMESPACE = "sq:currencies:list";
+const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
+const GET_USER = dist.gql `
   query getUserTaxInfo {
     user: viewer {
       ... on User {
         id
+        accountId
         firstName
         lastName
         email
@@ -27,6 +40,7 @@ import{h as e}from"./p-083180bf.js";import{i as t}from"./p-f8a09b0f.js";import{d
         }
         impactConnection {
           connected
+          connectionStatus
           user {
             firstName
             lastName
@@ -76,7 +90,8 @@ import{h as e}from"./p-083180bf.js";import{i as t}from"./p-f8a09b0f.js";import{d
       }
     }
   }
-`,N=i.gql`
+`;
+const GET_COUNTRIES = dist.gql `
   query getCountries {
     impactPayoutCountries(limit: 1000) {
       data {
@@ -85,7 +100,8 @@ import{h as e}from"./p-083180bf.js";import{i as t}from"./p-f8a09b0f.js";import{d
       }
     }
   }
-`,T=i.gql`
+`;
+const GET_CURRENCIES = dist.gql `
   query currencies($locale: RSLocale) {
     currencies(limit: 300) {
       data {
@@ -94,7 +110,8 @@ import{h as e}from"./p-083180bf.js";import{i as t}from"./p-f8a09b0f.js";import{d
       }
     }
   }
-`,F=i.gql`
+`;
+const GET_FINANCE_NETWORK_SETTINGS = dist.gql `
   query impactFinanceNetworkSettings(
     $filter: ImpactFinanceNetworkSettingsFilterInput
   ) {
@@ -112,4 +129,7 @@ import{h as e}from"./p-083180bf.js";import{i as t}from"./p-f8a09b0f.js";import{d
       totalCount
     }
   }
-`,I=4;export{C,I as F,b as G,r as L,q as S,m as T,g as U,p as a,f as b,y as c,w as d,N as e,u as f,h as g,x as h,F as i,k as j,T as k,o as l,d as o,l as t,c as v}
+`;
+const FORM_STEPS = 4;
+
+export { CURRENCIES_NAMESPACE as C, FORM_STEPS as F, GET_USER as G, SORTED_COUNTRIES_NAMESPACE as S, TAX_CONTEXT_NAMESPACE as T, USER_FORM_CONTEXT_NAMESPACE as U, TAX_FORM_CONTEXT_NAMESPACE as a, COUNTRIES_NAMESPACE as b, USER_QUERY_NAMESPACE as c, COUNTRIES_QUERY_NAMESPACE as d, GET_COUNTRIES as e, FINANCE_NETWORK_SETTINGS_NAMESPACE as f, GET_FINANCE_NETWORK_SETTINGS as g, CURRENCIES_QUERY_NAMESPACE as h, GET_CURRENCIES as i };

package/dist/esm/eventKeys-f76b6a03.js

@@ -0,0 +1,3 @@
+const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
+
+export { TAX_FORM_UPDATED_EVENT_KEY as T };

package/dist/esm/{global-96c14d63.js → global-75e96214.js}

@@ -1,5 +1,5 @@
 import { g as getAugmentedNamespace, c as createCommonjsModule, a as commonjsGlobal, b as browser, l as l$1 } from './dom-context-hooks.module-50442785.js';
-import { U, g as getEnvironmentSDK } from './index.module-b23fdad8.js';
+import { U, g as getEnvironmentSDK } from './index.module-02cb914c.js';
 
 /* @generated */	
 // prettier-ignore