@saasquatch/mint-components 2.2.0-7 → 2.2.0-8

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as Host, g as getElement } from './index-38ad4957.js';
 import { i as intl } from './global-75e96214.js';
-import { m as useRef, k as useState, f as useEffect, n as h$1, u as useMemo, b as browser, j as useReducer } from './dom-context-hooks.module-50442785.js';
+import { m as useRef, k as useState, f as useEffect, n as h$1, b as browser, j as useReducer, u as useMemo } from './dom-context-hooks.module-50442785.js';
 import { d as dist, _, L, J, q as Pn, F as Fn, r as $n, $ as $e, i as isDemo, p as En, b as useCallback, R as Rn, w as wn } from './index.module-02cb914c.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -12,15 +12,15 @@ import { u as useRerenderListener, a as useRequestRerender } from './re-render-b
 import { u as useChildElements } from './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { g as generateUserError } from './useReferralTable-03d32c6f.js';
-import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS, U as UserInfoFormView } from './sqm-user-info-form-view-d13f9d3e.js';
-import { t as taxTypeToName, a as validTaxDocument, g as getCountryObj, o as objectIsFull } from './utils-17daa419.js';
-import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, C as CURRENCIES_NAMESPACE } from './data-017e5ef2.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, U as UserInfoFormView } from './sqm-user-info-form-view-e1ba6009.js';
+import { t as taxTypeToName, b as validTaxDocument, I as INDIRECT_TAX_SPAIN_REGIONS, a as INDIRECT_TAX_PROVINCES, o as objectIsFull, A as ADDRESS_REGIONS } from './utils-4f5cd04c.js';
+import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE } from './data-8698cbc6.js';
 import { c as VERIFICATION_EVENT_KEY } from './keys-1054056a.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
-import { a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-227ae365.js';
+import { a as useIndirectTaxForm, b as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY, c as CONNECT_PARTNER, C as COMPLETE_PARTNER } from './useIndirectTaxForm-b2888ea5.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, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70;
+  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, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76;
   const { errors, ...formState } = props.states.formState;
   return {
     0: {
@@ -253,6 +253,24 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
         h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
         h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel))),
     },
+    15: {
+      input: (h("sl-input", Object.assign({ required: true, label: props.text.branchNameLabel, name: "/branchName", id: "branchName", key: "branchName", type: "text" }, (((_71 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _71 === void 0 ? void 0 : _71.branchName) && {
+        class: "error-input",
+        helpText: getValidationErrorMessage({
+          type: (_73 = (_72 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _72 === void 0 ? void 0 : _72.branchName) === null || _73 === void 0 ? void 0 : _73.type,
+          label: props.text.branchNameLabel,
+        }),
+      })))),
+    },
+    16: {
+      input: (h("sl-input", Object.assign({ required: true, label: props.text.classificationCodeLabel, name: "/classificationCode", id: "classificationCode", key: "classificationCode", type: "text" }, (((_74 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _74 === void 0 ? void 0 : _74.classificationCode) && {
+        class: "error-input",
+        helpText: getValidationErrorMessage({
+          type: (_76 = (_75 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _75 === void 0 ? void 0 : _75.classificationCode) === null || _76 === void 0 ? void 0 : _76.type,
+          label: props.text.classificationCodeLabel,
+        }),
+      })))),
+    },
   };
 }
 
@@ -1442,11 +1460,19 @@ const BankingInfoForm = class {
      * @uiName Branch code field label
      */
     this.branchCodeLabel = "Branch code";
+    /**
+     * @uiName Branch name field label
+     */
+    this.branchNameLabel = "Branch name";
     /**
      * Label text for the classification input field
      * @uiName Classification field label
      */
     this.classificationLabel = "Classification";
+    /**
+     * @uiName Classification code field label
+     */
+    this.classificationCodeLabel = "KBE code";
     /**
      * @uiName Taxpayer ID field label
      */
@@ -2842,291 +2868,6 @@ const IndirectTaxFormView = (props) => {
         h("sl-button", { class: classes.SecondaryButton, type: "text", disabled: states.disabled, onClick: callbacks.onBack, exportparts: "base: secondarybutton-base" }, text.backButton))))));
 };
 
-const CONNECT_PARTNER = dist.gql `
-  mutation createImpactConnection($vars: ImpactConnectionInput!) {
-    createImpactConnection(impactConnectionInput: $vars) {
-      success
-      validationErrors {
-        field
-        message
-      }
-      user {
-        id
-        accountId
-        impactConnection {
-          connected
-          publisher {
-            brandedSignup
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-const COMPLETE_PARTNER = dist.gql `
-  mutation completeImpactConnection($vars: ImpactConnectionInput!) {
-    completeImpactConnection(impactConnectionInput: $vars) {
-      success
-      validationErrors {
-        field
-        message
-      }
-      user {
-        id
-        accountId
-        impactConnection {
-          connected
-          publisher {
-            brandedSignup
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-function getOption(countries, countryCode) {
-  if (!countries)
-    return;
-  if (countries.find((c) => c.countryCode === countryCode)) {
-    return "otherRegion";
-  }
-  else {
-    return "notRegistered";
-  }
-}
-function useIndirectTaxForm(props) {
-  var _a, _b, _c, _d, _e;
-  const user = J();
-  const locale = L();
-  const formRef = useRef(null);
-  const context = Fn(TAX_FORM_CONTEXT_NAMESPACE);
-  const [step, setStep] = Pn(TAX_CONTEXT_NAMESPACE);
-  const [connectImpactPartner, { loading: connectLoading }] = $e(CONNECT_PARTNER);
-  const [completeImpactPartner, { loading: completeLoading }] = $e(COMPLETE_PARTNER);
-  const userForm = Fn(USER_FORM_CONTEXT_NAMESPACE);
-  const { data: userData, refetch, errors: userError, } = $n(USER_QUERY_NAMESPACE);
-  const { data: _countriesRes, loading: countriesLoading } = $n(COUNTRIES_QUERY_NAMESPACE);
-  const intlLocale = (locale === null || locale === void 0 ? void 0 : locale.replace("_", "-")) || "en";
-  const _countries = 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) => 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] = useState(false);
-  const [formState, setFormState] = useState({});
-  const [errors, setErrors] = useState({});
-  const [countrySearch, setCountrySearch] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(_countries || []);
-  const [option, setOption] = useState("notRegistered");
-  const publisher = (_c = (_b = userData === null || userData === void 0 ? void 0 : userData.user) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher;
-  useEffect(() => {
-    // reset redirect hash
-    window.location.hash = "";
-  }, []);
-  useEffect(() => {
-    var _a;
-    if (!((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxCountryCode))
-      return;
-    const _option = getOption(_countries, publisher.taxInformation.indirectTaxCountryCode);
-    setOption(_option);
-  }, [publisher, _countries]);
-  useEffect(() => {
-    if (countrySearch.trim() === "") {
-      setFilteredCountries(_countries || []);
-    }
-    else {
-      setFilteredCountries((_countries === null || _countries === void 0 ? void 0 : _countries.filter((c) => c.displayName.toLowerCase().includes(countrySearch.toLowerCase()))) || []);
-    }
-  }, [countrySearch, _countries]);
-  useEffect(() => {
-    var _a, _b;
-    const user = userData === null || userData === void 0 ? void 0 : userData.user;
-    if (!user)
-      return;
-    if ((_b = (_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.taxInformation) {
-      setFormState({
-        province: user.impactConnection.publisher.taxInformation.indirectTaxRegion,
-        subRegion: user.impactConnection.publisher.taxInformation.indirectTaxRegion,
-        hasQst: !!user.impactConnection.publisher.taxInformation.additionalTaxId,
-        qstNumber: user.impactConnection.publisher.taxInformation.additionalTaxId,
-        hasSubRegionTaxNumber: !!user.impactConnection.publisher.taxInformation.withholdingTaxId,
-        subRegionTaxNumber: user.impactConnection.publisher.taxInformation.withholdingTaxId,
-        selectedRegion: user.impactConnection.publisher.taxInformation.indirectTaxCountryCode,
-        indirectTaxNumber: user.impactConnection.publisher.taxInformation.indirectTaxId,
-      });
-    }
-    else {
-      setFormState({
-        selectedRegion: (user === null || user === void 0 ? void 0 : user.countryCode) || (userForm === null || userForm === void 0 ? void 0 : userForm.countryCode),
-      });
-    }
-  }, [userData, userForm]);
-  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;
-    if (!value)
-      console.error("Could not detect select change");
-    setFormState((p) => ({ ...p, [field]: value }));
-  };
-  async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const vars = {
-      user: {
-        id: user.id,
-        accountId: user.accountId,
-      },
-      firstName: userForm.firstName,
-      lastName: userForm.lastName,
-      countryCode: userForm.countryCode,
-      currency: userForm.currency,
-      address: userForm.address,
-      city: userForm.city,
-      state: userForm.state,
-      postalCode: userForm.postalCode,
-      phoneNumber: userForm.phoneNumber,
-      phoneNumberCountryCode: userForm.phoneNumberCountryCode,
-      indirectTaxCountryCode: formData.selectedRegion,
-      indirectTaxRegion: formData.province || formData.subRegion,
-      indirectTaxId: formData.indirectTaxNumber,
-      additionalTaxId: formData.qstNumber,
-      withholdingTaxId: formData.subRegionTaxNumber,
-    };
-    // If the partner has already been started call completeImpactConnection
-    // to fill in the remaining details. Otherwise create from scratch.
-    let result = null;
-    let connectionResult;
-    if (((_b = (_a = userData === null || userData === void 0 ? void 0 : userData.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.connectionStatus) === "STARTED") {
-      result = await completeImpactPartner({
-        vars,
-      });
-      connectionResult = (_c = result) === null || _c === void 0 ? void 0 : _c.completeImpactConnection;
-    }
-    else {
-      result = await connectImpactPartner({
-        vars,
-      });
-      connectionResult = (_d = result) === null || _d === void 0 ? void 0 : _d.createImpactConnection;
-    }
-    if (!result || ((_e = result) === null || _e === void 0 ? void 0 : _e.message))
-      throw new Error();
-    if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
-      // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
-      throw new Error();
-    }
-    await refetch();
-    const resultPublisher = (_g = (_f = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.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));
-    return {
-      resultPublisher,
-      hasValidCurrentDocument,
-    };
-  }
-  const onSubmit = async (event) => {
-    if (!option) {
-      setErrors({ taxDetails: true });
-      return;
-    }
-    let formData = { taxOption: option };
-    let validationErrors = {};
-    const controls = event.target.getFormControls();
-    controls.forEach((control) => {
-      if (!control.name || !control.id)
-        return;
-      if (option === "notRegistered")
-        return; // Don't include fields for notRegistered option
-      const key = control.name;
-      const value = control.value;
-      jsonpointer.set(formData, key, value);
-      if (control.required && !value) {
-        jsonpointer.set(validationErrors, key, true);
-      }
-    });
-    setErrors(validationErrors);
-    if (Object.keys(validationErrors).length) {
-      return;
-    }
-    setLoading(true);
-    try {
-      const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
-      if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
-        !hasValidCurrentDocument) {
-        // Go to docusign form
-        setStep("/3");
-      }
-      else {
-        if (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.brandedSignup) {
-          // Go to banking information form
-          setStep("/4");
-        }
-        else {
-          // Go right to the dashboard
-          setStep("/dashboard");
-        }
-      }
-    }
-    catch (e) {
-      setErrors({ general: true });
-    }
-    finally {
-      setLoading(false);
-    }
-  };
-  const onBack = () => {
-    setStep(context.overrideBackStep || "/1");
-  };
-  return {
-    states: {
-      step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
-      hideSteps: context.hideSteps,
-      disabled: loading || countriesLoading || connectLoading || completeLoading,
-      loading: loading || connectLoading || countriesLoading || completeLoading,
-      isPartner: !!((_e = (_d = userData === null || userData === void 0 ? void 0 : userData.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher),
-      loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
-      formState: {
-        checked: option,
-        errors,
-      },
-    },
-    callbacks: {
-      onBack,
-      onSubmit,
-      onFormChange,
-      onChange: setOption,
-      setCountrySearch,
-      onQstToggle: () => setFormState((p) => ({ ...p, hasQst: !p.hasQst })),
-      onSpainToggle: () => setFormState((p) => ({
-        ...p,
-        hasSubRegionTaxNumber: !p.hasSubRegionTaxNumber,
-      })),
-    },
-    data: {
-      esRegions: INDIRECT_TAX_SPAIN_REGIONS,
-      countries: filteredCountries,
-      allCountries: _countries,
-      provinces: INDIRECT_TAX_PROVINCES,
-    },
-    text: props.getTextProps(),
-    refs: {
-      formRef,
-    },
-    slotProps: {
-      formState: {
-        ...formState,
-        errors,
-      },
-    },
-  };
-}
-
 const IndirectTaxForm = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -3180,7 +2921,7 @@ const IndirectTaxForm = class {
     /**
      * @uiName Indirect tax number field label
      */
-    this.indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}";
+    this.indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number} other {Tax number}}";
     /**
      * Displayed to participants registered for QST.
      * @uiName QST number field label
@@ -3219,7 +2960,7 @@ const IndirectTaxForm = class {
     /**
      * @uiName Missing indirect tax number error message
      */
-    this.indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
+    this.indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number} other {Tax number}} is required";
     /**
      * Placeholder text displayed in the country search dropdown
      * @uiName Country field placeholder text
@@ -4030,7 +3771,7 @@ const PayoutDetailsCard = class {
      * Badge text indicating payout status
      * @uiName Payout badge status text
      */
-    this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+    this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} other {Failed}}";
     /**
      * Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid.
      * @uiName Payout schedule by threshold text
@@ -5084,7 +4825,7 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Payout status badge
      */
-    this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+    this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} other {Failed} }";
     /**
      * Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid.
      * @uiName Payout schedule by threshold text