@adyen/kyc-components 4.0.0-compact.3 → 4.0.0-compact.7

package/dist/CountryField-DxZlK1rV.js

@@ -0,0 +1,66 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "18515475-b57a-4556-b1a1-be8cdace0f54", e._sentryDebugIdIdentifier = "sentry-dbid-18515475-b57a-4556-b1a1-be8cdace0f54");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+import { useMemo } from "preact/hooks";
+import { F as Field } from "./Field-Bs7wGDqk.js";
+import { S as Select } from "./Select-DaCJsYNl.js";
+import { u as useDataset } from "./useDataset-Cap5ZjTr.js";
+import { d as datasetIdentifier } from "./datasetUtil-BHQp0-xL.js";
+import { u as useTranslation } from "./StoreProvider-99-ewU62.js";
+const COUNTRY_FIELD = ["country"];
+function CountryField({
+  name = "country",
+  data,
+  valid,
+  errors,
+  labels,
+  readonly,
+  handleChangeFor,
+  helperText,
+  allowedCountries,
+  handleBlur
+}) {
+  const { t } = useTranslation("common");
+  const { dataset: countriesFromApi } = useDataset(datasetIdentifier.country);
+  const countries = useMemo(
+    () => countriesFromApi.filter(
+      (country) => allowedCountries ? allowedCountries.includes(country.id) : true
+    ),
+    [allowedCountries, countriesFromApi]
+  );
+  return /* @__PURE__ */ jsx(
+    Field,
+    {
+      name,
+      label: labels?.country || t(($) => $["country"]),
+      errorMessage: errors.country,
+      isValid: valid.country,
+      helper: helperText,
+      dataTestId: "country",
+      children: (childProps) => /* @__PURE__ */ jsx(
+        Select,
+        {
+          ...childProps,
+          name,
+          placeholder: t(($) => $["selectCountryRegion"]),
+          selected: data.country,
+          items: countries,
+          readonly: (countries.length === 1 || readonly) && !!data,
+          onChange: handleChangeFor("country"),
+          onBlur: handleBlur
+        }
+      )
+    }
+  );
+}
+export {
+  CountryField as C,
+  COUNTRY_FIELD as a
+};

package/dist/CreateIndividualComponent-BppUrKMC.js

@@ -0,0 +1,65 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "03dabaf8-8f06-445f-a895-19e12884c58a", e._sentryDebugIdIdentifier = "sentry-dbid-03dabaf8-8f06-445f-a895-19e12884c58a");
+  } catch (e) {
+  }
+}
+;
+import { c as useLegalEntity, u as useTranslation, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, L as Loader, g as getLegalEntityCountry, a8 as EntityTypes, j as TaskTypes } from "./StoreProvider-99-ewU62.js";
+import { jsx } from "preact/jsx-runtime";
+import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-D8qEVVOM.js";
+import { I as IndividualOnfidoDropin } from "./IndividualDropin-xfXkDkrM.js";
+const CreateIndividualComponent = ({
+  legalEntityId,
+  onSubmitSuccess,
+  modalView = false,
+  onClose,
+  onUnmount
+}) => {
+  if (!legalEntityId) {
+    throw new Error("Must provide a legalEntityId");
+  }
+  const { data: individualLe } = useLegalEntity(legalEntityId);
+  const capabilityProblems = useCapabilityProblems();
+  const { i18n } = useTranslation();
+  addResourceBundles(i18n, [
+    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-DzcTI92X.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-dPfrbCii.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-99-ewU62.js").then((n) => n.bF), "../../../language/locales/es-ES.json": () => import("./es-ES--IvNed_Q.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-BUixKfXH.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-BM-qNLci.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-D63gRTDc.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-DL0IjTzn.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-KQ6bciOb.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-Ds3VioxT.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-Ct4s4jXV.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-hxwQIw_i.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-0PQ-U1u6.js") }), `../../../language/locales/${lang}.json`, 6) },
+    { ns: "ui", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/da-DK.json": () => import("./da-DK-DQ4ZYSea.js"), "../../ui/language/de-DE.json": () => import("./de-DE-CkbOZ6S_.js"), "../../ui/language/en-US.json": () => import("./en-US-CjjPhkB5.js"), "../../ui/language/es-ES.json": () => import("./es-ES-BAolMrZ0.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-D8WrLxxq.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-Beljeilc.js"), "../../ui/language/it-IT.json": () => import("./it-IT-5a7NHVFo.js"), "../../ui/language/ja-JP.json": () => import("./ja-JP-DSvZhFNY.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-CmURERx_.js"), "../../ui/language/no-NO.json": () => import("./no-NO-qyqWODMp.js"), "../../ui/language/pt-BR.json": () => import("./pt-BR-BxoOF8jB.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-DTvJT7fC.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-N-Hqwcjq.js") }), `../../ui/language/${lang}.json`, 5) },
+    { ns: "individual", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../Individual/language/da-DK.json": () => import("./da-DK-DvZ431fC.js"), "../../Individual/language/de-DE.json": () => import("./de-DE-0uSzhWg5.js"), "../../Individual/language/en-US.json": () => import("./en-US-cVpRgdC8.js"), "../../Individual/language/es-ES.json": () => import("./es-ES-B7dt4cn7.js"), "../../Individual/language/fi-FI.json": () => import("./fi-FI-REMsyTSr.js"), "../../Individual/language/fr-FR.json": () => import("./fr-FR-CvHWmim-.js"), "../../Individual/language/it-IT.json": () => import("./it-IT-BeX7-OcD.js"), "../../Individual/language/ja-JP.json": () => import("./ja-JP-B3wVYIJU.js"), "../../Individual/language/nl-NL.json": () => import("./nl-NL-CM5U8ODq.js"), "../../Individual/language/no-NO.json": () => import("./no-NO-BQL_M1pn.js"), "../../Individual/language/pt-BR.json": () => import("./pt-BR-AZ3roErF.js"), "../../Individual/language/sl-SI.json": () => import("./sl-SI-C0wSbuau.js"), "../../Individual/language/sv-SE.json": () => import("./sv-SE-DtKjf4Go.js") }), `../../Individual/language/${lang}.json`, 5) }
+  ]);
+  const handleOnClose = () => {
+    if (modalView) {
+      onUnmount?.();
+    }
+    onClose?.();
+  };
+  const onSubmit = (d) => {
+    if (modalView) {
+      onUnmount?.();
+    }
+    onSubmitSuccess?.(d);
+  };
+  if (!individualLe) {
+    return /* @__PURE__ */ jsx(Loader, {});
+  }
+  const country = getLegalEntityCountry(individualLe);
+  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, individualLe.id) : void 0;
+  const props = {
+    taskType: TaskTypes.INDIVIDUAL,
+    taskName: "individualDetails",
+    legalEntityResponse: individualLe,
+    problems,
+    country,
+    asModal: modalView,
+    hideSidebar: true,
+    onSubmit,
+    handleHomeClick: handleOnClose,
+    handleCloseClick: handleOnClose
+  };
+  return /* @__PURE__ */ jsx(IndividualOnfidoDropin, { ...props });
+};
+export {
+  CreateIndividualComponent as C
+};

package/dist/CreateTransferInstrumentComponent-Cl2NOJb6.js

@@ -0,0 +1,56 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "bbf011ee-1d45-4402-900a-19167781509b", e._sentryDebugIdIdentifier = "sentry-dbid-bbf011ee-1d45-4402-900a-19167781509b");
+  } catch (e) {
+  }
+}
+;
+import { u as useTranslation, c as useLegalEntity, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, L as Loader, j as TaskTypes } from "./StoreProvider-99-ewU62.js";
+import { jsx } from "preact/jsx-runtime";
+import { useState } from "preact/hooks";
+import { P as PayoutDetailsDropin } from "./PayoutDetailsDropin-C2pNMAZS.js";
+function CreateTransferInstrumentComponent({
+  legalEntityId,
+  transferInstrumentId,
+  openBankingPartnerConfigId,
+  modalView = false,
+  onClose,
+  onUnmount,
+  onSubmitSuccess,
+  handleBackClick
+}) {
+  const [currentTransferInstrumentId, setCurrentTransferInstrumentId] = useState(transferInstrumentId);
+  const { i18n } = useTranslation();
+  const { data: legalEntity, isLoading: isLegalEntityLoading } = useLegalEntity(legalEntityId);
+  addResourceBundles(i18n, [
+    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-DzcTI92X.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-dPfrbCii.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-99-ewU62.js").then((n) => n.bF), "../../../language/locales/es-ES.json": () => import("./es-ES--IvNed_Q.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-BUixKfXH.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-BM-qNLci.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-D63gRTDc.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-DL0IjTzn.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-KQ6bciOb.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-Ds3VioxT.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-Ct4s4jXV.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-hxwQIw_i.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-0PQ-U1u6.js") }), `../../../language/locales/${lang}.json`, 6) },
+    { ns: "ui", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/da-DK.json": () => import("./da-DK-DQ4ZYSea.js"), "../../ui/language/de-DE.json": () => import("./de-DE-CkbOZ6S_.js"), "../../ui/language/en-US.json": () => import("./en-US-CjjPhkB5.js"), "../../ui/language/es-ES.json": () => import("./es-ES-BAolMrZ0.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-D8WrLxxq.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-Beljeilc.js"), "../../ui/language/it-IT.json": () => import("./it-IT-5a7NHVFo.js"), "../../ui/language/ja-JP.json": () => import("./ja-JP-DSvZhFNY.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-CmURERx_.js"), "../../ui/language/no-NO.json": () => import("./no-NO-qyqWODMp.js"), "../../ui/language/pt-BR.json": () => import("./pt-BR-BxoOF8jB.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-DTvJT7fC.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-N-Hqwcjq.js") }), `../../ui/language/${lang}.json`, 5) },
+    { ns: "banking", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../BankAccount/language/da-DK.json": () => import("./da-DK-h8DYQ_Iq.js"), "../../BankAccount/language/de-DE.json": () => import("./de-DE-LQE_LFFL.js"), "../../BankAccount/language/en-US.json": () => import("./en-US-h0JneJJl.js"), "../../BankAccount/language/es-ES.json": () => import("./es-ES-DdGmXdxO.js"), "../../BankAccount/language/fi-FI.json": () => import("./fi-FI-CIYa9SyS.js"), "../../BankAccount/language/fr-FR.json": () => import("./fr-FR-l5z31r7i.js"), "../../BankAccount/language/it-IT.json": () => import("./it-IT-BAvmkEF8.js"), "../../BankAccount/language/ja-JP.json": () => import("./ja-JP-g6VOUGXZ.js"), "../../BankAccount/language/nl-NL.json": () => import("./nl-NL-DV4NqPVW.js"), "../../BankAccount/language/no-NO.json": () => import("./no-NO-B9618F4_.js"), "../../BankAccount/language/pt-BR.json": () => import("./pt-BR-zuqB_CBf.js"), "../../BankAccount/language/sl-SI.json": () => import("./sl-SI-59OQIZ3f.js"), "../../BankAccount/language/sv-SE.json": () => import("./sv-SE-CQWBP7n1.js") }), `../../BankAccount/language/${lang}.json`, 5) }
+  ]);
+  const handleOnClose = () => {
+    if (modalView) {
+      onUnmount?.();
+    }
+    onClose?.();
+  };
+  return isLegalEntityLoading || !legalEntity ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx(
+    PayoutDetailsDropin,
+    {
+      legalEntityResponse: legalEntity,
+      openBankingPartnerConfigId,
+      handleBackClick,
+      handleCloseClick: handleOnClose,
+      currentTransferInstrumentId,
+      setCurrentTransferInstrumentId,
+      onSubmit: onSubmitSuccess,
+      taskType: TaskTypes.PAYOUT,
+      hideSidebar: true,
+      asModal: modalView
+    }
+  );
+}
+export {
+  CreateTransferInstrumentComponent as C
+};

package/dist/Currency-CIgj9KwH.js

@@ -0,0 +1,238 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "eb73688e-72ae-4883-aa52-8d33355f4e9e", e._sentryDebugIdIdentifier = "sentry-dbid-eb73688e-72ae-4883-aa52-8d33355f4e9e");
+  } catch (e) {
+  }
+}
+;
+import { i as isDateOlderThanAYear } from "./Address-Bj7zJ6yZ.js";
+import { aH as drop, b as useApiContext, k as httpGet, aa as useI18nContext, a3 as createLogger, i as isUndefinedOrNull, u as useTranslation } from "./StoreProvider-99-ewU62.js";
+import { jsx } from "preact/jsx-runtime";
+import { useRef, useEffect, useCallback, useMemo, useState } from "preact/hooks";
+import { useQuery } from "@tanstack/preact-query";
+import { F as Field } from "./Field-Bs7wGDqk.js";
+import { S as Select } from "./Select-DaCJsYNl.js";
+import { I as InputText, a as InputBase } from "./InputText-BdCbTzL9.js";
+import { c as currencyByCountry } from "./types-C8io4KaH.js";
+const mapFinancialInformationToFinancialReport = ({
+  currency,
+  financialReportingDate,
+  numberOfEmployees,
+  balanceSheetTotal,
+  netAssets,
+  annualTurnover
+}, dateOfIncorporation) => {
+  if (dateOfIncorporation && !isDateOlderThanAYear(dateOfIncorporation)) {
+    return {
+      employeeCount: typeof numberOfEmployees === "number" ? numberOfEmployees.toFixed(0) : numberOfEmployees
+    };
+  }
+  return {
+    currencyOfFinancialData: currency,
+    // TODO type this better
+    dateOfFinancialData: financialReportingDate,
+    employeeCount: typeof numberOfEmployees === "number" ? numberOfEmployees.toFixed(0) : numberOfEmployees,
+    netAssets: netAssets?.toFixed(2) ?? void 0,
+    balanceSheetTotal: balanceSheetTotal?.toFixed(2) ?? void 0,
+    annualTurnover: annualTurnover?.toFixed(2) ?? void 0
+  };
+};
+const mapFinancialReportsToFinancialInformation = (financialReports, withReportedValueOption = true) => {
+  if (financialReports.length === 0) {
+    throw new Error("No financial reports");
+  }
+  const mostRecentReport = financialReports.reduce((latest, curr) => {
+    if (curr?.dateOfFinancialData && latest?.dateOfFinancialData && curr?.dateOfFinancialData > latest?.dateOfFinancialData) {
+      return curr;
+    }
+    return latest;
+  }, financialReports[0]);
+  const financialInfo = {
+    numberOfEmployees: mostRecentReport.employeeCount ? parseInt(mostRecentReport.employeeCount) : void 0,
+    financialReportingDate: mostRecentReport.dateOfFinancialData,
+    currency: mostRecentReport.currencyOfFinancialData
+  };
+  if (mostRecentReport.balanceSheetTotal !== void 0) {
+    financialInfo.reportedValueOption = "balanceSheetTotal";
+    financialInfo.balanceSheetTotal = parseFloat(mostRecentReport.balanceSheetTotal);
+  }
+  if (mostRecentReport.netAssets !== void 0) {
+    financialInfo.reportedValueOption = "netAssets";
+    financialInfo.netAssets = parseFloat(mostRecentReport.netAssets);
+  }
+  if (mostRecentReport.annualTurnover !== void 0) {
+    financialInfo.reportedValueOption = "annualTurnover";
+    financialInfo.annualTurnover = parseFloat(mostRecentReport.annualTurnover);
+  }
+  return withReportedValueOption ? financialInfo : drop("reportedValueOption").from(financialInfo);
+};
+const getLegalForms = async (countryCode, baseUrl) => {
+  return httpGet({
+    baseUrl,
+    path: `datasets/legalForms/${countryCode}`
+  });
+};
+const useLegalForms = (countryCode, options) => {
+  const { baseUrl } = useApiContext();
+  return useQuery({
+    queryKey: ["legalForms", countryCode],
+    queryFn: () => getLegalForms(countryCode, baseUrl.value),
+    ...options
+  });
+};
+function LegalFormField({
+  name = "legalForm",
+  data,
+  valid,
+  errorMessage,
+  label,
+  readonly,
+  handleChangeFor,
+  countryCode
+}) {
+  const { i18n } = useI18nContext();
+  const { data: legalFormsData } = useLegalForms(countryCode);
+  const handleChangeForRef = useRef(handleChangeFor);
+  useEffect(() => {
+    handleChangeForRef.current = handleChangeFor;
+  }, [handleChangeFor]);
+  const handleChangeForLegalForm = useCallback(
+    (e) => {
+      const legalFormEvent = {
+        target: {
+          name: "legalForm",
+          value: e.target.value
+        }
+      };
+      handleChangeFor("legalForm")(legalFormEvent);
+    },
+    [handleChangeFor]
+  );
+  useEffect(() => {
+    const selectedLabel = legalFormsData?.find(
+      (legalForm) => legalForm.id === data.legalForm
+    )?.name;
+    const legalFormEvent = {
+      target: {
+        name: "legalFormLabel",
+        value: selectedLabel
+      }
+    };
+    handleChangeForRef.current("legalFormLabel")(legalFormEvent);
+  }, [data.legalForm, legalFormsData]);
+  return /* @__PURE__ */ jsx(
+    Field,
+    {
+      name,
+      label: label || i18n.get("businessStructure"),
+      errorMessage,
+      isValid: valid.legalForm,
+      children: (childProps) => /* @__PURE__ */ jsx(
+        Select,
+        {
+          ...childProps,
+          name,
+          placeholder: i18n.get("selectOne"),
+          selected: data.legalForm,
+          items: legalFormsData ?? [],
+          readonly: readonly && !!data,
+          onChange: handleChangeForLegalForm
+        }
+      )
+    }
+  );
+}
+const logger = createLogger();
+const determineDecimalSeparator = (formatter) => formatter.formatToParts(0.1).find((part) => part.type === "decimal").value;
+const determineCurrencySymbol = (formatter) => formatter.formatToParts(0).find((part) => part.type === "currency").value;
+const getNumberFromFormattedCurrency = (formatted, decimalSeparator) => {
+  const lastDecimalIndex = formatted.lastIndexOf(decimalSeparator);
+  const normalized = Array.from(formatted).reduce((acc, curr, i) => {
+    if (/[0-9]/.test(curr)) return acc + curr;
+    if (i === lastDecimalIndex) return `${acc}.`;
+    return acc;
+  }, "");
+  return parseFloat(normalized);
+};
+const InputCurrency = ({
+  locale,
+  currency,
+  amount,
+  onAmountChanged,
+  ...baseProps
+}) => {
+  const formatter = useMemo(
+    () => new Intl.NumberFormat(locale, { style: "currency", currency }),
+    [locale, currency]
+  );
+  const decimalSeparator = useMemo(() => determineDecimalSeparator(formatter), [formatter]);
+  const currencySymbol = useMemo(() => determineCurrencySymbol(formatter), [formatter]);
+  const [text, setText] = useState("");
+  const onInput = (e) => {
+    setText(e.currentTarget.value);
+  };
+  const onBlur = (e) => {
+    const rawValue = e.currentTarget.value;
+    const value = getNumberFromFormattedCurrency(rawValue, decimalSeparator);
+    if (Number.isNaN(value)) {
+      logger.warn(`Unable to get number from formatted currency: "${rawValue}"`);
+      setText(isUndefinedOrNull(amount) ? currencySymbol : formatter.format(amount));
+      return;
+    }
+    onAmountChanged(value);
+  };
+  useEffect(() => {
+    setText(isUndefinedOrNull(amount) ? currencySymbol : formatter.format(amount));
+  }, [amount, currencySymbol, formatter]);
+  return /* @__PURE__ */ jsx(InputText, { ...baseProps, value: text, onInput, onBlur });
+};
+function InputNumber(props) {
+  return /* @__PURE__ */ jsx(InputBase, { ...props, type: "number" });
+}
+const CURRENCY_FIELD = ["currency"];
+function Currency({
+  data,
+  valid,
+  errors,
+  labels,
+  readonly,
+  handleChangeFor,
+  country
+}) {
+  const { t } = useTranslation("common");
+  const currenciesForCurrCountry = currencyByCountry[country];
+  const countryCurrenciesItems = currenciesForCurrCountry ? currenciesForCurrCountry.map((currency) => ({ id: currency, name: currency })) : [];
+  return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-field__currency", children: /* @__PURE__ */ jsx(
+    Field,
+    {
+      name: "currency",
+      label: labels.currency,
+      errorMessage: errors.currency,
+      isValid: valid.currency,
+      dataTestId: "currency",
+      children: (childProps) => /* @__PURE__ */ jsx(
+        Select,
+        {
+          ...childProps,
+          onChange: handleChangeFor("currency", "blur"),
+          name: "currency",
+          placeholder: t(($) => $["currencyPlaceholder"]),
+          selected: data.currency,
+          items: countryCurrenciesItems,
+          readonly: readonly && !!data.currency
+        }
+      )
+    }
+  ) });
+}
+export {
+  Currency as C,
+  InputNumber as I,
+  LegalFormField as L,
+  mapFinancialInformationToFinancialReport as a,
+  CURRENCY_FIELD as b,
+  InputCurrency as c,
+  mapFinancialReportsToFinancialInformation as m
+};

package/dist/CustomerSupport-UenL9SqQ.js

@@ -0,0 +1,156 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "60c0aa79-7f75-4290-af00-156a69c23435", e._sentryDebugIdIdentifier = "sentry-dbid-60c0aa79-7f75-4290-af00-156a69c23435");
+  } catch (e) {
+  }
+}
+;
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { useQueryClient } from "@tanstack/preact-query";
+import { useCallback, useMemo, useEffect } from "preact/hooks";
+import { c as useLegalEntity, L as Loader, R as ROOT_LE, a8 as EntityTypes, u as useTranslation, p as useAnalyticsContext, a3 as createLogger } from "./StoreProvider-99-ewU62.js";
+import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-tRw1V_Mt.js";
+import { c as contactDetailsValidationRules, f as fieldConfig, u as useValidatePhoneNumberImperatively, g as getAsyncPhoneValidationRules, C as ContactDetails, d as defaultFieldMetadata } from "./ContactDetails-CXTim9KR.js";
+import { H as Header } from "./Header-vslG1ugE.js";
+import { u as useToastContext } from "./useToastContext-D643iewp.js";
+import { u as useMultiForm } from "./useMultiForm-Dm2IEMH9.js";
+import { E as ErrorPanel } from "./ErrorPanel-CAALFKmE.js";
+import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-D8qEVVOM.js";
+import { r as resolveFieldMetadata } from "./fieldConfigurations-BUT9DTUH.js";
+import { c as createFormUtils } from "./formUtils-C_sWWLS3.js";
+import { A as ActionBar } from "./ActionBar-CijauUSe.js";
+const mapCustomerSupportSchemaToCustomerSupportType = (customerSupport) => {
+  return {
+    email: customerSupport?.customerSupport?.email || "",
+    phone: {
+      number: customerSupport?.customerSupport?.phoneNumber?.number || "",
+      type: "mobile"
+    }
+  };
+};
+const logger = createLogger();
+const CustomerSupport = (props) => {
+  const { data, isLoading } = useLegalEntity(ROOT_LE);
+  if (isLoading || !data) {
+    return /* @__PURE__ */ jsx(Loader, { size: "large" });
+  }
+  return /* @__PURE__ */ jsx(CustomerSupportInner, { ...props, legalEntity: data });
+};
+function CustomerSupportInner({
+  country,
+  onSubmit,
+  legalEntity
+}) {
+  const capabilityProblems = useCapabilityProblems();
+  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, legalEntity.id) : void 0;
+  const { t } = useTranslation("common");
+  const userEvents = useAnalyticsContext();
+  const { showToast } = useToastContext();
+  const formUtils = createFormUtils({}, t);
+  const { mutateAsync: updateLegalEntity } = useUpdateLegalEntity();
+  const queryClient = useQueryClient();
+  const requiredFields = {
+    customerSupport: ["email", "phoneNumber"]
+  };
+  const validators = useCallback(
+    (data2) => ({
+      customerSupport: {
+        ...contactDetailsValidationRules,
+        phoneNumber: resolveFieldMetadata(
+          fieldConfig[data2?.customerSupport?.phoneNumber?.phoneCountryCode ?? country],
+          {},
+          defaultFieldMetadata
+        )?.validators
+      }
+    }),
+    [country]
+  );
+  const validatePhoneNumber = useValidatePhoneNumberImperatively();
+  const asyncValidators = useMemo(
+    () => ({
+      customerSupport: {
+        phoneNumber: getAsyncPhoneValidationRules(validatePhoneNumber).phoneNumber
+      }
+    }),
+    [validatePhoneNumber]
+  );
+  const legalEntityType = legalEntity.type;
+  const defaultCustomerSupportData = {
+    customerSupport: {
+      phoneNumber: legalEntity[legalEntityType]?.support?.phone,
+      email: legalEntity[legalEntityType]?.support?.email
+    }
+  };
+  const { data, handleChangeFor, valid, errors, isValid, triggerValidation } = useMultiForm({
+    requiredFields,
+    defaultData: defaultCustomerSupportData,
+    rules: validators,
+    asyncRules: asyncValidators
+  });
+  useEffect(() => {
+    userEvents.addTaskEvent("Landed on page", {
+      actionType: "start"
+    });
+  }, [userEvents]);
+  const submitForm = async () => {
+    const isAsyncValidationValid = await triggerValidation("customerSupport");
+    if (!isValid?.customerSupport || !isAsyncValidationValid) {
+      return;
+    }
+    const support = mapCustomerSupportSchemaToCustomerSupportType(data);
+    const payload = {
+      [legalEntityType]: { support }
+    };
+    try {
+      const patchLegalEntity = {
+        ...payload,
+        id: legalEntity.id
+      };
+      await updateLegalEntity(patchLegalEntity);
+      queryClient.invalidateQueries({ queryKey: ["legalEntity", legalEntity?.id] });
+      onSubmit();
+      userEvents.addTaskEvent("Success", {
+        actionType: "submit"
+      });
+    } catch {
+      const label = t(($) => $["failedToUpdateDetails"]);
+      logger.error(label, payload);
+      showToast({ label, variant: "error" });
+    }
+  };
+  const handleFieldChange = (fieldName, mode) => handleChangeFor(fieldName, "customerSupport", mode);
+  return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc-individual__customer-support", "aria-describedby": "ariaErrorField", children: [
+    /* @__PURE__ */ jsx(
+      Header,
+      {
+        title: t(($) => $["customerSupport"]),
+        description: t(($) => $["howYourCustomersCanReachYou"])
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ErrorPanel,
+      {
+        verificationErrors: problems?.verificationErrors?.["customerSupport"],
+        formUtils,
+        id: "ariaErrorField"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ContactDetails,
+      {
+        data: data.customerSupport,
+        errors: errors.customerSupport,
+        valid: valid.customerSupport,
+        country,
+        requiredFields: requiredFields?.customerSupport,
+        handleFieldChange
+      }
+    ),
+    /* @__PURE__ */ jsx(ActionBar, { onNext: submitForm, nextButtonLabel: t(($) => $["submit"]) })
+  ] });
+}
+export {
+  CustomerSupport
+};