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

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

@@ -125,11 +125,6 @@ export function useBankingInfoForm(props) {
   const paymentMethodChecked = !hasPayPal
     ? "toBankAccount"
     : _paymentMethodChecked;
-  useEffect(() => {
-    // reset redirect hash
-    if (window.location.hash !== "#4")
-      window.location.hash = "";
-  }, []);
   useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (!userData)
@@ -301,6 +296,7 @@ export function useBankingInfoForm(props) {
     }
     await runMutation(formData, token);
     setShowModal(false);
+    window.location.hash = "";
   };
   const onVerification = async (token) => {
     host.dispatchEvent(new CustomEvent(VERIFICATION_EVENT_KEY, {
@@ -330,7 +326,15 @@ export 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),

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

@@ -115,11 +115,17 @@ export 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 {

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.js

@@ -17,3 +17,16 @@ export const W9ThresholdReached = () => (h("sqm-payout-status-alert", { demoData
 export const Hold = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "HOLD" } } }));
 export const Loading = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, loading: true } } }));
 export const Error = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, error: true } } }));
+export const NewPayeeReview = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "NEW_PAYEE_REVIEW" } } }));
+export const PaymentHoldOnChange = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "PAYMENT_HOLD_ON_CHANGE" } } }));
+export const BeneficiaryNameInvalid = () => (h("sqm-payout-status-alert", { demoData: {
+    states: { ...defaultProps, status: "BENEFICIARY_NAME_INVALID" },
+  } }));
+export const BeneficiaryNameMismatch = () => (h("sqm-payout-status-alert", { demoData: {
+    states: { ...defaultProps, status: "BENEFICIARY_NAME_MISMATCH" },
+  } }));
+export const BankTaxNameMismatch = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "BANK_TAX_NAME_MISMATCH" } } }));
+export const WithdrawalSettingsInvalid = () => (h("sqm-payout-status-alert", { demoData: {
+    states: { ...defaultProps, status: "WITHDRAWAL_SETTINGS_INVALID" },
+  } }));
+export const PaymentReturned = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "PAYMENT_RETURNED" } } }));

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js

@@ -1,7 +1,13 @@
-import { Fragment, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 const style = {
+  ButtonContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+    marginTop: "var(--sl-spacing-medium)",
+    flexWrap: "wrap",
+  },
   SkeletonOne: {
     width: "50%",
     height: "16px",
@@ -161,7 +167,7 @@ export function PayoutStatusAlertView(props) {
           }, {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          button: (h(Fragment, null,
+          button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
             h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
@@ -176,7 +182,7 @@ export function PayoutStatusAlertView(props) {
           }, {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          button: (h(Fragment, null,
+          button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
             h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
@@ -191,7 +197,7 @@ export function PayoutStatusAlertView(props) {
           }, {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          button: (h(Fragment, null,
+          button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
             h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
@@ -206,7 +212,7 @@ export function PayoutStatusAlertView(props) {
           }, {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          button: (h(Fragment, null,
+          button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
           alertType: "warning",
           icon: "exclamation-triangle",
@@ -220,7 +226,7 @@ export function PayoutStatusAlertView(props) {
           }, {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          button: (h(Fragment, null,
+          button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
           alertType: "error",
           icon: "exclamation-triangle",

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

@@ -114,11 +114,11 @@ export class PayoutStatusAlert {
     /**
      * @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
      */
@@ -713,7 +713,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "withdrawal-settings-invalid-header",
       "reflect": false,
-      "defaultValue": "\"Your payment information includes invalid characters\""
+      "defaultValue": "\"Your payment information is incomplete or includes invalid characters\""
     },
     "withdrawalSettingsInvalidDescription": {
       "type": "string",
@@ -734,7 +734,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "withdrawal-settings-invalid-description",
       "reflect": false,
-      "defaultValue": "\"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.\""
+      "defaultValue": "\"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": {
       "type": "string",
@@ -1061,7 +1061,7 @@ function useDemoPayoutStatusAlert(props) {
   return deepmerge({
     states: {
       error: false,
-      status: "INFORMATION_REQUIRED",
+      status: props.demoData.states.status,
       loading: false,
       veriffLoading: false,
     },

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js

@@ -1,7 +1,6 @@
-import { getEnvironmentSDK, useQuery, useSetParent, } from "@saasquatch/component-boilerplate";
+import { getEnvironmentSDK, useQuery } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/stencil-hooks";
 import { gql } from "graphql-request";
-import { TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, } from "../data";
 import { TAX_FORM_UPDATED_EVENT_KEY } from "../eventKeys";
 import { useVeriffApp, VERIFF_COMPLETE_EVENT_KEY } from "../useVeriffApp";
 const GET_USER_STATUS = gql `
@@ -85,8 +84,6 @@ export function usePayoutStatus(props) {
   const { data: taxSettingRes } = useQuery(GET_TAX_SETTING, {});
   const { render, loading: veriffLoading, errors: veriffErrors, } = useVeriffApp();
   const [status, setStatus] = useState(undefined);
-  const setContext = useSetParent(TAX_FORM_CONTEXT_NAMESPACE);
-  const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const enforceUsTaxComplianceOption = (_a = taxSettingRes === null || taxSettingRes === void 0 ? void 0 : taxSettingRes.tenantSettings) === null || _a === void 0 ? void 0 : _a.enforceUsTaxCompliance;
   useEffect(() => {
     if (!data)

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

@@ -977,11 +977,11 @@ export class TaxAndCashMonolith {
     /**
      * @uiName Withdrawal settings invalid alert header
      */
-    this.dashboard_withdrawalSettingsInvalidHeader = "Your payment information includes invalid characters";
+    this.dashboard_withdrawalSettingsInvalidHeader = "Your payment information is incomplete or includes invalid characters";
     /**
      * @uiName Withdrawal settings invalid alert description
      */
-    this.dashboard_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.dashboard_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
      */
@@ -5255,7 +5255,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "dashboard_withdrawal-settings-invalid-header",
       "reflect": false,
-      "defaultValue": "\"Your payment information includes invalid characters\""
+      "defaultValue": "\"Your payment information is incomplete or includes invalid characters\""
     },
     "dashboard_withdrawalSettingsInvalidDescription": {
       "type": "string",
@@ -5276,7 +5276,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "dashboard_withdrawal-settings-invalid-description",
       "reflect": false,
-      "defaultValue": "\"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.\""
+      "defaultValue": "\"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.\""
     },
     "dashboard_paymentReturnedHeader": {
       "type": "string",

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

@@ -1,4 +1,4 @@
-import { Fragment, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 const style = {
@@ -211,6 +211,11 @@ const style = {
   SubduedText: {
     color: "var(--sqm-text-subdued)",
   },
+  ButtonContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+    flexWrap: "wrap",
+  },
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
@@ -360,7 +365,7 @@ export const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          button: (h(Fragment, null,
+          button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
             h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
@@ -376,7 +381,7 @@ export const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          button: (h(Fragment, null,
+          button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
             h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
@@ -392,7 +397,7 @@ export const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          button: (h(Fragment, null,
+          button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
             h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",

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

@@ -282,11 +282,11 @@ export class TaxAndCashDashboard {
     /**
      * @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
      */
@@ -1601,7 +1601,7 @@ export class TaxAndCashDashboard {
       },
       "attribute": "withdrawal-settings-invalid-header",
       "reflect": false,
-      "defaultValue": "\"Your payment information includes invalid characters\""
+      "defaultValue": "\"Your payment information is incomplete or includes invalid characters\""
     },
     "withdrawalSettingsInvalidDescription": {
       "type": "string",
@@ -1622,7 +1622,7 @@ export class TaxAndCashDashboard {
       },
       "attribute": "withdrawal-settings-invalid-description",
       "reflect": false,
-      "defaultValue": "\"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.\""
+      "defaultValue": "\"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": {
       "type": "string",

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

@@ -60,8 +60,14 @@ export const useTaxAndCashDashboard = (props) => {
   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, } = useParentQueryValue(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;

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

@@ -399,7 +399,7 @@ export const UserInfoFormView = (props) => {
           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
             !validateBillingField(/^[\x20-\xFF]+$/, value) &&
-              formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("address") }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
+              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: formatErrorMessage(text.address, formState.errors.address),
           }
@@ -407,17 +407,17 @@ export const UserInfoFormView = (props) => {
           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
             !validateBillingField(/^[\x20-\xFF]+$/, value) &&
-              formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("city") }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
+              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: formatErrorMessage(text.city, formState.errors.city),
           }
             : {}), { required: true })),
-          !states.hideState && (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 && (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: formatErrorMessage(text.state, formState.errors.state),
           }
             : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (h("sl-menu-item", { value: r.value }, r.label))))),
-          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) ? {
+          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: formatErrorMessage(text.postalCode, formState.errors.postalCode),
           }

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

@@ -1,4 +1,4 @@
-import { useMutation, useParent, useParentQueryValue, useParentValue, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { useMutation, useParent, useParentQueryValue, useParentValue, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { useEffect, useMemo, useRef, useState, } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
 import { CURRENCIES_NAMESPACE, SORTED_COUNTRIES_NAMESPACE, TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../data";
@@ -6,8 +6,17 @@ 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 { gql } from "graphql-request";
+const GET_INDIRECT_TAX_COUNTRY_CODE = gql `
+  query getIndirectTaxCountryCode {
+    tenantSettings {
+      impactBrandCountryCode
+      impactBrandIndirectTaxCountryCode
+    }
+  }
+`;
 export function useUserInfoForm(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const currencyRef = useRef(undefined);
   const phoneCountryRef = useRef(undefined);
   const formRef = useRef(null);
@@ -17,6 +26,7 @@ export function useUserInfoForm(props) {
   const [userFormContext, setUserFormContext] = useParent(USER_FORM_CONTEXT_NAMESPACE);
   const user = useUserIdentity();
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = useMutation(CONNECT_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);
   const currencies = useMemo(() => [...(_currencies || [])].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
@@ -201,7 +211,6 @@ export function useUserInfoForm(props) {
       currency: userData.currency,
     });
     const skipNextStep = getSkipNextStep(userData);
-    console.log({ skipNextStep });
     if (skipNextStep) {
       try {
         const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
@@ -230,15 +239,14 @@ export function useUserInfoForm(props) {
     const nextStep = context.overrideNextStep || skipNextStep ? "/3" : "/2";
     setStep(nextStep);
   }
-  // TODO: get from backend
-  const hasIndirectTax = false;
-  const brandCountry = "";
+  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 (userData.countryCode === "US")
-      return true;
     if (!hasIndirectTax)
       return true;
-    if (hasIndirectTax && userData.countryCode !== brandCountry)
+    if (userData.countryCode === "US")
+      return true;
+    if (hasIndirectTax && userData.countryCode !== indirectTaxCountry)
       return true;
     return false;
   }
@@ -269,7 +277,7 @@ export 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 === null || data === void 0 ? void 0 : data.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("/", ""),
@@ -278,8 +286,8 @@ export 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 === null || data === void 0 ? void 0 : data.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher),
+      isUser: !!((_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.user),
       formState: {
         ...userFormContext,
         errors: formErrors,

package/dist/collection/global/styles.js

@@ -486,7 +486,7 @@ html {
   --sl-transition-fast: 150ms;
   --sl-transition-x-fast: 50ms;
   --sl-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
-  --sl-font-sans: "Nunito Sans", sans;
+  --sl-font-sans: var(--sqm-primary-font);
   --sl-font-serif: Georgia, "Times New Roman", serif;
   --sl-font-size-xx-small: 0.625rem;
   --sl-font-size-x-small: 0.75rem;

package/dist/collection/global/styles.ts

@@ -493,7 +493,7 @@ html {
   --sl-transition-fast: 150ms;
   --sl-transition-x-fast: 50ms;
   --sl-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
-  --sl-font-sans: "Nunito Sans", sans;
+  --sl-font-sans: var(--sqm-primary-font);
   --sl-font-serif: Georgia, "Times New Roman", serif;
   --sl-font-size-xx-small: 0.625rem;
   --sl-font-size-x-small: 0.75rem;

package/dist/esm/{IndirectTaxDetailsView-0a57b622.js → IndirectTaxDetailsView-8dec05e4.js}

@@ -1,7 +1,7 @@
 import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-1099f20d.js';
+import { i as intl } from './global-58a69018.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { f as formatErrorMessage } from './utils-6122971b.js';
+import { f as formatErrorMessage } from './utils-2695a43e.js';
 
 const style = {
   Description: {

package/dist/esm/{ShadowViewAddon-aae27c2e.js → ShadowViewAddon-78a1c35c.js}

@@ -1,5 +1,5 @@
 import { h, c as Host, d as getAssetPath, F as Fragment, g as getElement } from './index-b3a06de8.js';
-import { i as intl } from './global-1099f20d.js';
+import { i as intl } from './global-58a69018.js';
 import { b as browser, u as useMemo, k as useState } from './dom-context-hooks.module-63370afd.js';
 import { H, L, J, d as dist, w as wn, j as jn, B, F as Fn, $ as $e, g as getEnvironmentSDK } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -3159,7 +3159,7 @@ const style$8 = {
     },
     "& sl-menu-item::part(base)": {
       flexDirection: "column",
-      color: "var(--sqm-input-color)"
+      color: "var(--sqm-input-color)",
     },
     "& sl-menu-item::part(base):hover": {
       backgroundColor: "var(--sqm-input-border-color-hover)",
@@ -3330,14 +3330,14 @@ const style$8 = {
       marginBottom: "var(--sl-spacing-xxx-large)",
     },
     "& sl-menu-item[disabled]::part(label)": {
-      color: "var(sqm-text-subdued)",
+      color: "var(--sqm-text-subdued)",
     },
     "& sl-menu-item[disabled]": {
       "& .step-cost": {
-        color: "var(sqm-text-subdued)",
+        color: "var(--sqm-text-subdued)",
       },
       "& .step-value": {
-        color: "var(sqm-text-subdued)",
+        color: "var(--sqm-text-subdued)",
       },
     },
   },