@saasquatch/mint-components 2.0.2-9 → 2.0.3-1

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-8bba5b3a.js');
+const global = require('./global-e862bfd4.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
@@ -16,10 +16,10 @@ const reRender = require('./re-render-d516138a.js');
 const useChildElements = require('./useChildElements-966c9041.js');
 const luxon = require('./luxon-949beaf2.js');
 const useReferralTable = require('./useReferralTable-90d4d6e9.js');
-const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e5f70b8b.js');
-const utils$1 = require('./utils-83d125fa.js');
+const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-659a139c.js');
+const utils$1 = require('./utils-4eb18a29.js');
 const keys = require('./keys-cff24974.js');
-const usePayoutStatus = require('./usePayoutStatus-9abe2de8.js');
+const data = require('./data-44260010.js');
 
 function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32;
@@ -728,7 +728,7 @@ const BankingInfoFormView = (props) => {
         !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
           id: "formStep",
           defaultMessage: text.formStep,
-        }, { step: states.step, count: usePayoutStatus.FORM_STEPS }))),
+        }, { step: states.step, count: data.FORM_STEPS }))),
         index.h("h3", { style: { fontSize: "24px" } }, text.taxAndPayouts),
         index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription)),
       ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sqm-form-message", { type: "error" },
@@ -865,12 +865,12 @@ function useBankingInfoForm(props) {
   const host = index_module._();
   const locale = index_module.L();
   const user = index_module.J();
-  const [step, setStep] = index_module.Pn(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
-  const context = index_module.Fn(usePayoutStatus.TAX_FORM_CONTEXT_NAMESPACE);
-  const countries = index_module.Fn(usePayoutStatus.SORTED_COUNTRIES_NAMESPACE);
+  const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
+  const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
+  const countries = index_module.Fn(data.SORTED_COUNTRIES_NAMESPACE);
   const formRef = domContextHooks_module.useRef(null);
-  const { data: paymentOptionsData, loading: paymentOptionsLoading, errors: paymentOptionsError, } = index_module.$n(usePayoutStatus.FINANCE_NETWORK_SETTINGS_NAMESPACE);
-  const { data: userData, refetch, errors: userError, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
+  const { data: paymentOptionsData, loading: paymentOptionsLoading, errors: paymentOptionsError, } = index_module.$n(data.FINANCE_NETWORK_SETTINGS_NAMESPACE);
+  const { data: userData, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
   const [saveWithdrawalSettings] = index_module.$e(SAVE_WITHDRAWAL_SETTINGS);
   const [updateWithdrawalSettings] = index_module.$e(UPDATE_WITHDRAWAL_SETTINGS);
   const [showVerification, setShowVerification] = domContextHooks_module.useState(false);
@@ -903,11 +903,6 @@ function useBankingInfoForm(props) {
   const paymentMethodChecked = !hasPayPal
     ? "toBankAccount"
     : _paymentMethodChecked;
-  domContextHooks_module.useEffect(() => {
-    // reset redirect hash
-    if (window.location.hash !== "#4")
-      window.location.hash = "";
-  }, []);
   domContextHooks_module.useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (!userData)
@@ -1032,7 +1027,7 @@ function useBankingInfoForm(props) {
         return;
       }
       // Fire form change event
-      window.dispatchEvent(new Event(usePayoutStatus.TAX_FORM_UPDATED_EVENT_KEY));
+      window.dispatchEvent(new Event(data.TAX_FORM_UPDATED_EVENT_KEY));
       await refetch();
       setStep("/dashboard");
     }
@@ -1079,6 +1074,7 @@ function useBankingInfoForm(props) {
     }
     await runMutation(formData, token);
     setShowModal(false);
+    window.location.hash = "";
   };
   const onVerification = async (token) => {
     host.dispatchEvent(new CustomEvent(keys.VERIFICATION_EVENT_KEY, {
@@ -1108,7 +1104,15 @@ function useBankingInfoForm(props) {
       setBankCountry: updateBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
-      onBack: () => setStep("/dashboard"),
+      onBack: () => {
+        // return to dashboard
+        if (window.location.hash) {
+          window.location.hash = "";
+        }
+        else {
+          setStep("/dashboard");
+        }
+      },
       setCountrySearch,
       onVerification,
       onVerificationHide: () => onVerification(null),
@@ -1575,7 +1579,7 @@ function useDemoBankingInfoForm(props) {
   const defaultPaymentScheduleChecked = (_f = (_e = (_d = props.demoData) === null || _d === void 0 ? void 0 : _d.states) === null || _e === void 0 ? void 0 : _e.formState) === null || _f === void 0 ? void 0 : _f.paymentScheduleChecked;
   const defaultCurrency = (_h = (_g = props.demoData) === null || _g === void 0 ? void 0 : _g.states) === null || _h === void 0 ? void 0 : _h.currency;
   const defaultCountry = (_l = (_k = (_j = props.demoData) === null || _j === void 0 ? void 0 : _j.states) === null || _k === void 0 ? void 0 : _k.formState) === null || _l === void 0 ? void 0 : _l.bankCountry;
-  const setStep = index_module.En(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
+  const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
   const [paymentMethodChecked, setPaymentMethodChecked] = domContextHooks_module.useState(undefined);
   const [paymentScheduleChecked, setPaymentScheduleChecked] = domContextHooks_module.useState(undefined);
   const [currency, setCurrency] = domContextHooks_module.useState(defaultCurrency);
@@ -1699,10 +1703,10 @@ const DOCUSIGN_EXPIRED_STATES = ["ttl_expired", "session_timeout"];
 function useDocusignForm(props) {
   var _a, _b, _c;
   const user = index_module.J();
-  const context = index_module.Fn(usePayoutStatus.TAX_FORM_CONTEXT_NAMESPACE);
-  const [step, setStep] = index_module.Pn(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
-  const { data, loading: userLoading, refetch, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
-  const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
+  const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
+  const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
+  const { data: data$1, loading: userLoading, refetch, } = index_module.$n(data.USER_QUERY_NAMESPACE);
+  const publisher = (_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
   const [createTaxDocument, { loading: documentLoading, data: document, errors: documentErrors },] = index_module.$e(GET_TAX_DOCUMENT);
   const [completeTaxDocument, { loading: completeDocumentLoading, data: completeData, errors: completeErrors, },] = index_module.$e(COMPLETE_TAX_DOCUMENT);
   const [docusignStatus, setDocusignStatus] = domContextHooks_module.useState(undefined);
@@ -1770,7 +1774,7 @@ function useDocusignForm(props) {
       if (!result.completeImpactPublisherTaxDocument.success)
         throw new Error();
       // Fire form change event
-      window.dispatchEvent(new Event(usePayoutStatus.TAX_FORM_UPDATED_EVENT_KEY));
+      window.dispatchEvent(new Event(data.TAX_FORM_UPDATED_EVENT_KEY));
       setShowExitButton(true);
     }
     catch (e) {
@@ -1781,11 +1785,17 @@ function useDocusignForm(props) {
     }
   };
   const progressStep = () => {
-    setStep(context.overrideNextStep ||
-      !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
-      !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
-      ? "/dashboard"
-      : "/4");
+    // return to dashboard
+    if (window.location.hash) {
+      window.location.hash = "";
+    }
+    else {
+      setStep(context.overrideNextStep ||
+        !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
+        !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
+        ? "/dashboard"
+        : "/4");
+    }
   };
   const allLoading = userLoading || documentLoading || loading;
   return {
@@ -2074,7 +2084,7 @@ const DocusignFormView = (props) => {
         !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
           id: "formStep",
           defaultMessage: text.formStep,
-        }, { step: states.step, count: usePayoutStatus.FORM_STEPS }))),
+        }, { step: states.step, count: data.FORM_STEPS }))),
         index.h("h3", null, text.taxForm),
         index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
     states.loadingError && (index.h("div", null,
@@ -2267,7 +2277,7 @@ const DocusignForm = class {
   get el() { return index.getElement(this); }
 };
 function useDocusignFormDemo(props) {
-  const setStep = index_module.En(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
+  const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
   return cjs.cjs({
     text: props.getTextProps(),
     states: {
@@ -2453,7 +2463,7 @@ const IndirectTaxFormView = (props) => {
           global.intl.formatMessage({
             id: "formStep",
             defaultMessage: text.formStep,
-          }, { step: states.step, count: usePayoutStatus.FORM_STEPS }))),
+          }, { step: states.step, count: data.FORM_STEPS }))),
         index.h("h3", null, text.indirectTax),
         index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription),
         index.h("p", { class: classes.DescriptionText }, text.indirectTaxDescription)),
@@ -2548,12 +2558,12 @@ function useIndirectTaxForm(props) {
   const user = index_module.J();
   const locale = index_module.L();
   const formRef = domContextHooks_module.useRef(null);
-  const context = index_module.Fn(usePayoutStatus.TAX_FORM_CONTEXT_NAMESPACE);
-  const [step, setStep] = index_module.Pn(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
+  const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
+  const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
-  const userForm = index_module.Fn(usePayoutStatus.USER_FORM_CONTEXT_NAMESPACE);
-  const { data: userData, refetch, errors: userError, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
-  const { data: _countriesRes, loading: countriesLoading } = index_module.$n(usePayoutStatus.COUNTRIES_QUERY_NAMESPACE);
+  const userForm = index_module.Fn(data.USER_FORM_CONTEXT_NAMESPACE);
+  const { data: userData, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
+  const { data: _countriesRes, loading: countriesLoading } = index_module.$n(data.COUNTRIES_QUERY_NAMESPACE);
   const intlLocale = (locale === null || locale === void 0 ? void 0 : locale.replace("_", "-")) || "en";
   const _countries = domContextHooks_module.useMemo(() => { var _a, _b; return (_b = (_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.map((country) => utils$1.getCountryObj({ countryCode: country.countryCode, locale: intlLocale })); }, [(_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data]);
   const [loading, setLoading] = domContextHooks_module.useState(false);
@@ -2650,7 +2660,7 @@ function useIndirectTaxForm(props) {
       .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 hasValidCurrentDocument = utils$1.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(usePayoutStatus.TAX_FORM_UPDATED_EVENT_KEY));
+    window.dispatchEvent(new Event(data.TAX_FORM_UPDATED_EVENT_KEY));
     return {
       resultPublisher,
       hasValidCurrentDocument,
@@ -2958,7 +2968,7 @@ const IndirectTaxForm = class {
   }
 };
 function useDemoIndirectTaxForm(props) {
-  const setStep = index_module.En(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
+  const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
   const [option, setOption] = domContextHooks_module.useState("otherRegion");
   const [demoFormState, setDemoFormState] = domContextHooks_module.useState({});
   return cjs.cjs({
@@ -3593,8 +3603,8 @@ function PayoutDetailsCardView(props) {
 
 function usePayoutDetailsCard(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-  const { data, loading } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
-  const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
+  const { data: data$1, loading } = index_module.$n(data.USER_QUERY_NAMESPACE);
+  const publisher = (_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
   function getPayoutDetailedStatusText(paymentDay) {
     var _a;
     const currentDay = luxon.luxon.DateTime.now().day;
@@ -3923,6 +3933,11 @@ const style$5 = {
   SubduedText: {
     color: "var(--sqm-text-subdued)",
   },
+  ButtonContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+    flexWrap: "wrap",
+  },
 };
 const sheet$4 = JSS.createStyleSheet(style$5);
 const styleString$4 = sheet$4.toString();
@@ -4072,7 +4087,7 @@ const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          button: (index.h(index.Fragment, null,
+          button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
             index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
             index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
@@ -4088,7 +4103,7 @@ const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          button: (index.h(index.Fragment, null,
+          button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
             index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
             index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
@@ -4104,7 +4119,7 @@ const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          button: (index.h(index.Fragment, null,
+          button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
             index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
             index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
@@ -4386,20 +4401,26 @@ function getIndirectTaxType(taxInformation) {
 }
 const useTaxAndCashDashboard = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-  const setStep = index_module.En(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
-  const setContext = index_module.En(usePayoutStatus.TAX_FORM_CONTEXT_NAMESPACE);
+  const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
+  const setContext = index_module.En(data.TAX_FORM_CONTEXT_NAMESPACE);
   const [showDialog, setShowDialog] = domContextHooks_module.useState(false);
-  const { render, loading: veriffLoading, errors: veriffErrors, } = usePayoutStatus.useVeriffApp();
+  const { render, loading: veriffLoading, errors: veriffErrors, } = data.useVeriffApp();
   const { data: taxSettingRes } = index_module.wn(GET_TAX_SETTING, {});
   const locale = index_module.L();
   domContextHooks_module.useEffect(() => {
     // Clear override context once on submitted
     setContext({});
-    if (window.location.hash)
+    if (window.location.hash) {
+      setContext({
+        overrideNextStep: "/dashboard",
+        overrideBackStep: "/dashboard",
+        hideSteps: true,
+      });
       setStep(`/${window.location.hash.replace("#", "")}`);
+    }
   }, []);
-  const { data, loading, errors: userError, refetch, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
-  const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
+  const { data: data$1, loading, errors: userError, refetch, } = index_module.$n(data.USER_QUERY_NAMESPACE);
+  const publisher = (_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
   const documentType = publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType;
   const submissionDate = (_c = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _c === void 0 ? void 0 : _c.dateCreated;
   const dateSubmitted = submissionDate
@@ -4423,12 +4444,12 @@ const useTaxAndCashDashboard = (props) => {
     setStep("/3");
   };
   const provinceName = (_d = IndirectTaxDetailsView.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 = data ? usePayoutStatus.getStatus(data) : null;
+  const payoutStatus = data$1 ? data.getStatus(data$1) : null;
   domContextHooks_module.useEffect(() => {
     const cb = () => refetch();
-    window.addEventListener(usePayoutStatus.VERIFF_COMPLETE_EVENT_KEY, cb);
+    window.addEventListener(data.VERIFF_COMPLETE_EVENT_KEY, cb);
     return () => {
-      window.removeEventListener(usePayoutStatus.VERIFF_COMPLETE_EVENT_KEY, cb);
+      window.removeEventListener(data.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;
@@ -4744,11 +4765,11 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Withdrawal settings invalid alert header
      */
-    this.withdrawalSettingsInvalidHeader = "Your payment information includes invalid characters";
+    this.withdrawalSettingsInvalidHeader = "Your payment information is incomplete or includes invalid characters";
     /**
      * @uiName Withdrawal settings invalid alert description
      */
-    this.withdrawalSettingsInvalidDescription = "There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.";
+    this.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.";
     /**
      * @uiName Payment returned alert header
      */
@@ -6153,7 +6174,7 @@ const vanillaStyle$4 = `
 `;
 const UserInfoFormView = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
-  const { states, states: { formState }, callbacks, text, refs, data, } = props;
+  const { states, states: { formState }, callbacks, text, refs, data: data$1, } = props;
   const { classes } = sheet$5;
   const bankingCollectionText = global.intl.formatMessage({
     id: "bankingCollectionText",
@@ -6162,7 +6183,7 @@ const UserInfoFormView = (props) => {
     termsAndConditionsLink: (index.h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
   let regionLabel = undefined;
-  switch (data.regionLabelEnum) {
+  switch (data$1.regionLabelEnum) {
     case "STATE":
       regionLabel = text.state;
       break;
@@ -6177,7 +6198,7 @@ const UserInfoFormView = (props) => {
   }
   function isDisabledInput(field) {
     var _a;
-    if (states.isPartner && !!((_a = data.partnerData) === null || _a === void 0 ? void 0 : _a[field]))
+    if (states.isPartner && !!((_a = data$1.partnerData) === null || _a === void 0 ? void 0 : _a[field]))
       return true;
     return false;
   }
@@ -6200,7 +6221,7 @@ const UserInfoFormView = (props) => {
           !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
             id: "formStep",
             defaultMessage: text.formStep,
-          }, { step: states.step, count: usePayoutStatus.FORM_STEPS }))),
+          }, { step: states.step, count: data.FORM_STEPS }))),
           index.h("h3", null, text.personalInformation),
           index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
       ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sqm-form-message", { type: "error" },
@@ -6246,8 +6267,8 @@ const UserInfoFormView = (props) => {
                 e.stopPropagation();
               }, "onSl-input": (e) => {
                 callbacks.setCountrySearch(e.target.value);
-              } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
-            _e.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
+              } }), (_e = data$1 === null || data$1 === void 0 ? void 0 : data$1.countries) === null || _e === void 0 ? void 0 :
+            _e.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data$1 === null || data$1 === void 0 ? void 0 : data$1.allCountries) === null || _f === void 0 ? void 0 :
             _f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
           index.h("div", { class: classes.PhoneInputsSection },
             index.h("p", null, text.phoneNumber),
@@ -6262,13 +6283,13 @@ const UserInfoFormView = (props) => {
                     e.stopPropagation();
                   }, "onSl-input": (e) => {
                     callbacks.setPhoneCountrySearch(e.target.value);
-                  } }), (_h = data === null || data === void 0 ? void 0 : data.phoneCountries) === null || _h === void 0 ? void 0 :
+                  } }), (_h = data$1 === null || data$1 === void 0 ? void 0 : data$1.phoneCountries) === null || _h === void 0 ? void 0 :
                 _h.map((c) => {
                   var _a, _b;
                   return (index.h("sl-menu-item", { value: c.countryCode },
                     index.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));
-                }), (_j = data === null || data === void 0 ? void 0 : data.allCountries) === null || _j === void 0 ? void 0 :
+                }), (_j = data$1 === null || data$1 === void 0 ? void 0 : data$1.allCountries) === null || _j === void 0 ? void 0 :
                 _j.map((c) => {
                   var _a, _b;
                   return (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
@@ -6287,7 +6308,7 @@ const UserInfoFormView = (props) => {
           index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) => 
             // Checks for non-ASCII characters
             !utils$1.validateBillingField(/^[\x20-\xFF]+$/, value) &&
-              utils$1.formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("address") }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
+              utils$1.formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("billingAddress") }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.address, formState.errors.address),
           }
@@ -6295,17 +6316,17 @@ const UserInfoFormView = (props) => {
           index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.city, id: "city", name: "/city", value: formState.city, validationError: ({ value }) => 
             // Checks for non-ASCII characters
             !utils$1.validateBillingField(/^[\x20-\xFF]+$/, value) &&
-              utils$1.formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("city") }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
+              utils$1.formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("billingCity") }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.city, formState.errors.city),
           }
             : {}), { required: true })),
-          !states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled || isDisabledInput("state") }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
+          !states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled || isDisabledInput("billingState") }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.state, formState.errors.state),
           }
-            : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
-          index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || isDisabledInput("postalCode") }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
+            : {}), { required: true }), (_p = data$1.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
+          index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || isDisabledInput("billingPostalCode") }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.postalCode, formState.errors.postalCode),
           }
@@ -6320,11 +6341,11 @@ const UserInfoFormView = (props) => {
                 e.stopPropagation();
               }, "onSl-input": (e) => {
                 callbacks.setCurrencySearch(e.target.value);
-              } }), (_s = data === null || data === void 0 ? void 0 : data.currencies) === null || _s === void 0 ? void 0 :
+              } }), (_s = data$1 === null || data$1 === void 0 ? void 0 : data$1.currencies) === null || _s === void 0 ? void 0 :
             _s.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
               c.currencyCode,
               " - ",
-              c.displayName))), (_t = data === null || data === void 0 ? void 0 : data.allCurrencies) === null || _t === void 0 ? void 0 :
+              c.displayName))), (_t = data$1 === null || data$1 === void 0 ? void 0 : data$1.allCurrencies) === null || _t === void 0 ? void 0 :
             _t.map((c) => (index.h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
               c.currencyCode,
               " - ",
@@ -6337,19 +6358,28 @@ const UserInfoFormView = (props) => {
         index.h("sl-button", { type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
 };
 
+const GET_INDIRECT_TAX_COUNTRY_CODE = index_module.dist.gql `
+  query getIndirectTaxCountryCode {
+    tenantSettings {
+      impactBrandCountryCode
+      impactBrandIndirectTaxCountryCode
+    }
+  }
+`;
 function useUserInfoForm(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const currencyRef = domContextHooks_module.useRef(undefined);
   const phoneCountryRef = domContextHooks_module.useRef(undefined);
   const formRef = domContextHooks_module.useRef(null);
-  const context = index_module.Fn(usePayoutStatus.TAX_FORM_CONTEXT_NAMESPACE);
-  const countries = index_module.Fn(usePayoutStatus.SORTED_COUNTRIES_NAMESPACE);
-  const [step, setStep] = index_module.Pn(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
-  const [userFormContext, setUserFormContext] = index_module.Pn(usePayoutStatus.USER_FORM_CONTEXT_NAMESPACE);
+  const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
+  const countries = index_module.Fn(data.SORTED_COUNTRIES_NAMESPACE);
+  const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
+  const [userFormContext, setUserFormContext] = index_module.Pn(data.USER_FORM_CONTEXT_NAMESPACE);
   const user = index_module.J();
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
-  const { data, loading, refetch, errors: userError, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
-  const _currencies = index_module.Fn(usePayoutStatus.CURRENCIES_NAMESPACE);
+  const { data: tenantData } = index_module.wn(GET_INDIRECT_TAX_COUNTRY_CODE, {});
+  const { data: data$1, loading, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
+  const _currencies = index_module.Fn(data.CURRENCIES_NAMESPACE);
   const currencies = domContextHooks_module.useMemo(() => [...(_currencies || [])].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
   const [countrySearch, setCountrySearch] = domContextHooks_module.useState("");
   const [phoneCountrySearch, setPhoneCountrySearch] = domContextHooks_module.useState("");
@@ -6364,7 +6394,7 @@ function useUserInfoForm(props) {
   }, []);
   domContextHooks_module.useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const user = data === null || data === void 0 ? void 0 : data.user;
+    const user = data$1 === null || data$1 === void 0 ? void 0 : data$1.user;
     if (!user || step !== "/1")
       return;
     // If form already filled out, skip initialising it
@@ -6405,7 +6435,7 @@ function useUserInfoForm(props) {
         postalCode: (_k = user.customFields) === null || _k === void 0 ? void 0 : _k.postalCode,
       });
     }
-  }, [data, step, userFormContext]);
+  }, [data$1, step, userFormContext]);
   const onFormChange = (field, e) => {
     var _a, _b;
     const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
@@ -6483,7 +6513,7 @@ function useUserInfoForm(props) {
       .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 hasValidCurrentDocument = utils$1.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(usePayoutStatus.TAX_FORM_UPDATED_EVENT_KEY));
+    window.dispatchEvent(new Event(data.TAX_FORM_UPDATED_EVENT_KEY));
     return {
       resultPublisher,
       hasValidCurrentDocument,
@@ -6532,7 +6562,6 @@ function useUserInfoForm(props) {
       currency: userData.currency,
     });
     const skipNextStep = getSkipNextStep(userData);
-    console.log({ skipNextStep });
     if (skipNextStep) {
       try {
         const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
@@ -6561,10 +6590,16 @@ function useUserInfoForm(props) {
     const nextStep = context.overrideNextStep || skipNextStep ? "/3" : "/2";
     setStep(nextStep);
   }
+  const indirectTaxCountry = (_a = tenantData === null || tenantData === void 0 ? void 0 : tenantData.tenantSettings) === null || _a === void 0 ? void 0 : _a.impactBrandIndirectTaxCountryCode;
+  const hasIndirectTax = !!indirectTaxCountry;
   function getSkipNextStep(userData) {
+    if (!hasIndirectTax)
+      return true;
     if (userData.countryCode === "US")
       return true;
-    return true;
+    if (hasIndirectTax && userData.countryCode !== indirectTaxCountry)
+      return true;
+    return false;
   }
   const hasStates = ["ES", "AU", "US", "CA"].includes(userFormContext.countryCode);
   const regionObj = hasStates
@@ -6593,7 +6628,7 @@ function useUserInfoForm(props) {
       allCountries: countries,
       regionLabelEnum: regionObj === null || regionObj === void 0 ? void 0 : regionObj.labelEnum,
       regions: (regionObj === null || regionObj === void 0 ? void 0 : regionObj.regions) || [],
-      partnerData: (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher,
+      partnerData: (_c = (_b = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher,
     },
     states: {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
@@ -6602,8 +6637,8 @@ function useUserInfoForm(props) {
       disabled: loading || connectLoading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
       loading: loading || connectLoading,
-      isPartner: !!((_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.publisher),
-      isUser: !!((_f = (_e = data === null || data === void 0 ? void 0 : data.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.user),
+      isPartner: !!((_e = (_d = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher),
+      isUser: !!((_g = (_f = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.user),
       formState: {
         ...userFormContext,
         errors: formErrors,
@@ -6793,7 +6828,7 @@ const TaxForm = class {
   }
 };
 function useDemoUserInfoForm(props) {
-  const setStep = index_module.En(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
+  const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
   return cjs.cjs({
     setStep,
     onSubmit: async () => {