@adyen/kyc-components 4.0.0-compact.0 → 4.0.0-compact.2

package/dist/{InputText-BX5sG9WJ.js → InputText-DXkZ7fwq.js}

@@ -2,17 +2,17 @@
 {
   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] = "91174028-c772-4b37-b690-50d96bf48a3e", e._sentryDebugIdIdentifier = "sentry-dbid-91174028-c772-4b37-b690-50d96bf48a3e");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "5e8d3e79-4004-48ba-b141-2b68ef4bb2f3", e._sentryDebugIdIdentifier = "sentry-dbid-5e8d3e79-4004-48ba-b141-2b68ef4bb2f3");
   } catch (e) {
   }
 }
 ;
-import { jsx } from "preact/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { a3 as Icon, u as useTranslation, U as TaskStatuses, a2 as useAnalyticsContext } from "./StoreProvider-D0o_745u.js";
 import { forwardRef } from "preact/compat";
 import { useRef, useState, useCallback, useLayoutEffect } from "preact/hooks";
-import cx from "classnames";
-import { U as useAnalyticsContext } from "./StoreProvider-BlaJzXSZ.js";
-import { d as debouncedInputEvent } from "./analytics-3-a-Od7Z.js";
+import { a as debouncedInputEvent } from "./debouncedInputEvent-DbzJEMPo.js";
 const SettingNames = {
   AcceptedCountries: "acceptedCountries",
   AllowBankAccountFormatSelection: "allowBankAccountFormatSelection",
@@ -34,18 +34,106 @@ const SettingNames = {
   ShowServiceAgreementsFirst: "showServiceAgreementsFirst",
   ShowBusinessFinancingFirst: "showBusinessFinancingFirst",
   EnforceLegalAge: "enforceLegalAge",
-  MerchantType: "merchantType"
+  MerchantType: "merchantType",
+  AllowBusinessLines: "allowBusinessLines"
+};
+const status = "adyen-kyc-status";
+const statusIcon = "adyen-kyc-status-icon";
+const statusText = "adyen-kyc-status-text";
+const statusTextResponsive = "adyen-kyc-status-text-responsive";
+const statusNeutral = "adyen-kyc-status-neutral";
+const statusError = "adyen-kyc-status-error";
+const statusWarning = "adyen-kyc-status-warning";
+const statusSuccess = "adyen-kyc-status-success";
+const styles = {
+  status,
+  statusIcon,
+  statusText,
+  statusTextResponsive,
+  statusNeutral,
+  statusError,
+  statusWarning,
+  statusSuccess
+};
+const variantStyles = {
+  success: styles.statusSuccess,
+  error: styles.statusError,
+  neutral: styles.statusNeutral,
+  warning: styles.statusWarning
+};
+const Status = ({
+  text,
+  icon = "circle-small-filled",
+  variant = "neutral",
+  responsive = true
+}) => {
+  const rootClassname = cx(styles.status, variantStyles[variant]);
+  const textClassname = cx(styles.statusText, {
+    [styles.statusTextResponsive]: responsive
+  });
+  return /* @__PURE__ */ jsxs("div", { role: "status", className: rootClassname, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.statusIcon, children: /* @__PURE__ */ jsx(Icon, { name: icon }) }),
+    /* @__PURE__ */ jsx("div", { className: textClassname, children: text })
+  ] });
+};
+const TaskVerificationStatus = ({ status: status2, responsive }) => {
+  const { t } = useTranslation("common");
+  switch (status2) {
+    case TaskStatuses.DETAILS_REQUIRED:
+      return /* @__PURE__ */ jsx(
+        Status,
+        {
+          icon: "warning",
+          text: t(($) => $["incomplete"]),
+          variant: "warning",
+          responsive
+        }
+      );
+    case TaskStatuses.ERROR:
+      return /* @__PURE__ */ jsx(
+        Status,
+        {
+          icon: "field-error",
+          text: t(($) => $["actionNeeded"]),
+          variant: "error",
+          responsive
+        }
+      );
+    case TaskStatuses.FINISHED:
+      return /* @__PURE__ */ jsx(
+        Status,
+        {
+          icon: "checkmark",
+          text: t(($) => $["verified"]),
+          variant: "success",
+          responsive
+        }
+      );
+    case TaskStatuses.PROCESSING:
+      return /* @__PURE__ */ jsx(Status, { icon: "clock", text: t(($) => $["inReview"]), responsive });
+    case TaskStatuses.DOWNLOAD:
+    case TaskStatuses.SIGNED:
+      return /* @__PURE__ */ jsx(
+        Status,
+        {
+          icon: "checkmark",
+          text: t(($) => $["signed"]),
+          variant: "success",
+          responsive
+        }
+      );
+    default:
+      return null;
+  }
 };
-const convertFullToHalf = (str) => str.replace(/[！-～]/g, (r) => String.fromCharCode(r.charCodeAt(0) - 65248));
 const InputBase = forwardRef((props, ref) => {
   const userEvents = useAnalyticsContext();
   const { enableTracking = false, ...passedProps } = props;
   const { isInvalid, isValid, type = "text", disabled, name } = props;
   const handleInput = (e) => {
     if (enableTracking) {
-      debouncedInputEvent({ actionType: "input", field: name });
+      debouncedInputEvent(userEvents, { actionType: "input", field: name });
     }
-    e.target.value = convertFullToHalf(e.target.value);
     props.onInput?.(e);
   };
   const handleBlur = (e) => {
@@ -57,7 +145,7 @@ const InputBase = forwardRef((props, ref) => {
     }
     props.onBlurHandler?.(e);
     if (props.trimOnBlur) {
-      e.target.value = e.target.value.trim();
+      e.currentTarget.value = e.currentTarget.value.trim();
     }
     props.onBlur?.(e);
   };
@@ -103,7 +191,7 @@ const InputText = forwardRef(
     const localRef = useForwardedRef(ref);
     const inputHandler = useCallback(
       (event) => {
-        const inputEl = event.target;
+        const inputEl = event.currentTarget;
         if (transformInput && (!transformMode || transformMode === "input")) {
           setCursorPosition(inputEl.selectionStart);
           const transformedInput = transformInput(inputEl.value);
@@ -120,7 +208,7 @@ const InputText = forwardRef(
     );
     const blurHandler = useCallback(
       (event) => {
-        const inputEl = event.target;
+        const inputEl = event.currentTarget;
         if (transformInput && transformMode === "blur") {
           setCursorPosition(inputEl.selectionStart);
           const transformedInput = transformInput(inputEl.value);
@@ -155,7 +243,7 @@ const InputText = forwardRef(
 export {
   InputText as I,
   SettingNames as S,
+  TaskVerificationStatus as T,
   InputBase as a,
-  convertFullToHalf as c,
   useForwardedRef as u
 };

package/dist/{Introduction-BsKwELuc.js → Introduction-CjaMyLeR.js}

@@ -2,19 +2,17 @@
 {
   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] = "990b01ad-c9ba-41b2-9028-d1127ecc0ad7", e._sentryDebugIdIdentifier = "sentry-dbid-990b01ad-c9ba-41b2-9028-d1127ecc0ad7");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "86fdee73-a878-4d11-b60b-27b58e79b0b3", e._sentryDebugIdIdentifier = "sentry-dbid-86fdee73-a878-4d11-b60b-27b58e79b0b3");
   } catch (e) {
   }
 }
 ;
-import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
+import { O as TaskTypes, r as LegalEntityTypes, u as useTranslation, c as useLegalEntity, R as ROOT_LE, a as addResourceBundles, L as Loader, a2 as useAnalyticsContext, B as Button, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-D0o_745u.js";
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
 import { useMemo as useMemo$1, useState, useEffect } from "preact/hooks";
-import { M as TaskTypes, y as LegalEntityTypes, a as useTranslation, c as useLegalEntity, R as ROOT_LE, L as Loader, U as useAnalyticsContext, B as Button } from "./StoreProvider-BlaJzXSZ.js";
-import { S as StepProgressIndicator } from "./StepProgressIndicator-BWCQmDeV.js";
+import { S as StepProgressIndicator } from "./StepProgressIndicator-BG5uNVKJ.js";
 import { useMemo } from "preact/compat";
-import { b as useCanSeeIntroduction, c as useLegalEntityType } from "./OnboardingDropinComponent-B0GrJ_pR.js";
-import { t as toCapitalized } from "./toCapitalized-Bq7laD0b.js";
+import { b as useCanSeeIntroduction, c as useLegalEntityType } from "./OnboardingDropinComponent-CAowzo5z.js";
 const IntroductionScreens = {
   PROLOGUE: "PROLOGUE",
   INDIVIDUAL: TaskTypes.INDIVIDUAL,
@@ -85,6 +83,7 @@ const useIntroductionScreens = ({ legalEntity, tasks }) => {
   );
   return canSeeIntroduction && introductionScreens?.length > 0 ? [IntroductionScreens.PROLOGUE, ...introductionScreens, IntroductionScreens.EPILOGUE] : void 0;
 };
+const toCapitalized = (s) => `${s[0].toUpperCase()}${s.slice(1).toLowerCase()}`;
 const toPascalCase = (s) => s.split(/[^A-Za-z]/).map((word) => toCapitalized(word)).join("");
 const IntroductionStrings = {
   goToOverviewFromIntroduction: "Skip intro",
@@ -187,11 +186,8 @@ const IntroductionScreen = ({
 function Introduction({ onExitIntroduction, tasks }) {
   const { data: rootLe, isLoading } = useLegalEntity(ROOT_LE);
   const { i18n } = useTranslation();
-  addResourceBundles(i18n, i18n.language, [
-    {
-      ns: "introduction",
-      importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/introduction/da-DK.json": () => import("./da-DK-D6UK8XT9.js"), "../language/introduction/de-DE.json": () => import("./de-DE-DUl6gRKv.js"), "../language/introduction/en-US.json": () => Promise.resolve().then(() => enUS), "../language/introduction/es-ES.json": () => import("./es-ES-Cavm0szq.js"), "../language/introduction/fi-FI.json": () => import("./fi-FI-DVa-ccaW.js"), "../language/introduction/fr-FR.json": () => import("./fr-FR-CY9emHgF.js"), "../language/introduction/it-IT.json": () => import("./it-IT-GgHc0cHR.js"), "../language/introduction/nl-NL.json": () => import("./nl-NL-CUcML482.js"), "../language/introduction/no-NO.json": () => import("./no-NO-BBCvsecq.js"), "../language/introduction/pt-PT.json": () => import("./pt-PT-JVqqgvPs.js"), "../language/introduction/sl-SI.json": () => import("./sl-SI-BzeVaC1Z.js"), "../language/introduction/sv-SE.json": () => import("./sv-SE-CVmo11gI.js") }), `../language/introduction/${i18n.language}.json`, 4)
-    }
+  addResourceBundles(i18n, [
+    { ns: "introduction", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/introduction/da-DK.json": () => import("./da-DK-D6UK8XT9.js"), "../language/introduction/de-DE.json": () => import("./de-DE-DUl6gRKv.js"), "../language/introduction/en-US.json": () => Promise.resolve().then(() => enUS), "../language/introduction/es-ES.json": () => import("./es-ES-Cavm0szq.js"), "../language/introduction/fi-FI.json": () => import("./fi-FI-DVa-ccaW.js"), "../language/introduction/fr-FR.json": () => import("./fr-FR-CY9emHgF.js"), "../language/introduction/it-IT.json": () => import("./it-IT-GgHc0cHR.js"), "../language/introduction/nl-NL.json": () => import("./nl-NL-CUcML482.js"), "../language/introduction/no-NO.json": () => import("./no-NO-BBCvsecq.js"), "../language/introduction/pt-BR.json": () => import("./pt-BR-nU_2Wbo5.js"), "../language/introduction/pt-PT.json": () => import("./pt-PT-JVqqgvPs.js"), "../language/introduction/sl-SI.json": () => import("./sl-SI-BzeVaC1Z.js"), "../language/introduction/sv-SE.json": () => import("./sv-SE-CVmo11gI.js") }), `../language/introduction/${lang}.json`, 4) }
   ]);
   if (isLoading || !rootLe) {
     return /* @__PURE__ */ jsx(Loader, { size: "large" });

package/dist/{JE-MFwIYti7.js → JE-B4gj54Hg.js}

@@ -2,14 +2,14 @@
 {
   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] = "5ab467a8-459d-4223-a31d-2bdf412b45e7", e._sentryDebugIdIdentifier = "sentry-dbid-5ab467a8-459d-4223-a31d-2bdf412b45e7");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f34a92b3-3883-4a43-9361-f482758d8254", e._sentryDebugIdIdentifier = "sentry-dbid-f34a92b3-3883-4a43-9361-f482758d8254");
   } catch (e) {
   }
 }
 ;
 const JE = {
   iban: {
-    bankStatementRequirement: "REQUIRED",
+    bankStatementRequirement: "OPTIONAL",
     defaultCurrency: "GBP",
     fields: [
       "accountHolder",
@@ -18,7 +18,7 @@ const JE = {
     ]
   },
   local: {
-    bankStatementRequirement: "REQUIRED",
+    bankStatementRequirement: "OPTIONAL",
     defaultCurrency: "GBP",
     fields: [
       "accountHolder",

package/dist/JpAddress-DSZyw5JH.js

@@ -0,0 +1,271 @@
+;
+{
+  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] = "70669ebb-7d10-4a2a-970d-0e6d548c9237", e._sentryDebugIdIdentifier = "sentry-dbid-70669ebb-7d10-4a2a-970d-0e6d548c9237");
+  } catch (e) {
+  }
+}
+;
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { useState, useEffect } from "preact/hooks";
+import { b as useApiContext, j as useQuery, m as httpGet, a4 as noop, u as useTranslation, V as useI18nContext, X as useExperimentsContext, a2 as useAnalyticsContext, P as createLogger, C as CountryCodes, G as Typography } from "./StoreProvider-D0o_745u.js";
+import { F as Field, u as useForm } from "./useForm-BkgSiM1i.js";
+import { I as InputText } from "./InputText-DXkZ7fwq.js";
+import { M as MaskedInput, m as makeMask, n as numericInputs, d as nonInputs } from "./Spacer-BcPESwGJ.js";
+import { V as JP_ADDRESS_REQUIRED_FIELDS, i as toFullWidth } from "./IndividualOnfido-DGWs87Bu.js";
+import { q as addressValidationRulesV4, r as addressValidationRules } from "./Address-brlyMNsL.js";
+import { u as useDebouncedCallback } from "./debouncedInputEvent-DbzJEMPo.js";
+const retrieveFromPostcodeJp = async (legalEntityId, baseUrl, postalCode) => httpGet({
+  baseUrl,
+  path: `legalEntities/${legalEntityId}/addresses/jp/${postalCode}`
+});
+const useRetrieveFromPostcodeJp = (postalCode, options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useQuery({
+    queryKey: ["retrieveAddress", postalCode],
+    queryFn: () => retrieveFromPostcodeJp(rootLegalEntityId.value, baseUrl.value, postalCode),
+    retry: false,
+    ...options
+  });
+};
+const ReadonlyTextField = ({ name, label, value }) => /* @__PURE__ */ jsx(Field, { name, label, children: (innerProps) => /* @__PURE__ */ jsx(InputText, { ...innerProps, name, type: "text", value, onInput: noop, readonly: true }) });
+const sideBySide = "adyen-kyc-side-by-side";
+const styles = {
+  sideBySide
+};
+const logger = createLogger();
+const JpAddress = ({
+  addressType,
+  data: dataProp,
+  handleFieldChange,
+  errors: propErrors,
+  valid: propValid,
+  fieldValidationErrors: propFieldValidationErrors,
+  onChange
+}) => {
+  const { t } = useTranslation("common");
+  const { i18n } = useI18nContext();
+  const { isExperimentEnabled } = useExperimentsContext();
+  const userEvents = useAnalyticsContext();
+  const form = useForm({
+    schema: JP_ADDRESS_REQUIRED_FIELDS,
+    defaultData: dataProp,
+    rules: isExperimentEnabled("StrictNameAndAddressValidationV4") ? addressValidationRulesV4(CountryCodes.Japan, i18n) : addressValidationRules(CountryCodes.Japan),
+    fieldProblems: propFieldValidationErrors
+  });
+  let {
+    handleChangeFor,
+    data: formData,
+    errors: formErrors,
+    valid: formValid,
+    fieldProblems: formFieldProblems
+  } = form;
+  const { isValid: formIsValid } = form;
+  if (handleFieldChange) {
+    handleChangeFor = handleFieldChange;
+    formData = dataProp ?? {};
+    formErrors = propErrors;
+    formValid = propValid;
+    formFieldProblems = propFieldValidationErrors;
+  }
+  const [postcodeToSearch, setPostcodeToSearch] = useState(formData.postalCode ?? "");
+  const debouncedSetPostcodeToSearch = useDebouncedCallback(setPostcodeToSearch, 1e3);
+  const retrieveFromPostcodeQuery = useRetrieveFromPostcodeJp(postcodeToSearch, {
+    enabled: postcodeToSearch !== ""
+  });
+  useEffect(() => {
+    if (retrieveFromPostcodeQuery.error) {
+      logger.error(retrieveFromPostcodeQuery.error.message);
+      handleChangeFor("jaHaniStateOrProvince")(void 0);
+      handleChangeFor("jaHaniCity")(void 0);
+      handleChangeFor("jaKanaStateOrProvince")(void 0);
+      handleChangeFor("jaKanaCity")(void 0);
+      handleChangeFor("stateOrProvince")(void 0);
+      handleChangeFor("city")(void 0);
+      return;
+    }
+    if (!retrieveFromPostcodeQuery.data) return;
+    userEvents.addPageEvent("Success", {
+      actionType: "select",
+      actionLevel: "field",
+      returnType: "backend",
+      returnValue: "retrieveAddress"
+    });
+    const scriptResults = retrieveFromPostcodeQuery.data.multilocale;
+    if (!scriptResults) return;
+    const jaHani = scriptResults.find((script) => script.locale === "ja-Hani");
+    const jaKana = scriptResults.find((script) => script.locale === "ja-Kana");
+    const en = scriptResults.find((script) => script.locale === "en");
+    if (jaHani) {
+      handleChangeFor("jaHaniStateOrProvince")(jaHani.stateOrProvince);
+      handleChangeFor("jaHaniCity")(jaHani.city);
+    }
+    if (jaKana) {
+      handleChangeFor("jaKanaStateOrProvince")(jaKana.stateOrProvince);
+      handleChangeFor("jaKanaCity")(jaKana.city);
+    }
+    if (en) {
+      handleChangeFor("stateOrProvince")(en.stateOrProvince);
+      handleChangeFor("city")(en.city);
+    }
+  }, [retrieveFromPostcodeQuery.data, retrieveFromPostcodeQuery.error, userEvents]);
+  useEffect(() => {
+    onChange?.({
+      schema: JP_ADDRESS_REQUIRED_FIELDS,
+      data: {
+        ...formData,
+        country: CountryCodes.Japan
+      },
+      errors: formErrors,
+      valid: formValid,
+      fieldProblems: formFieldProblems,
+      isValid: formIsValid
+    });
+  }, [formData, formErrors, formFieldProblems, formIsValid, formValid]);
+  return /* @__PURE__ */ jsxs("fieldset", { children: [
+    /* @__PURE__ */ jsx(Typography, { el: "legend", variant: "title", children: t(($) => $[addressType]) }),
+    /* @__PURE__ */ jsxs("div", { className: styles.sideBySide, children: [
+      /* @__PURE__ */ jsx(
+        MaskedInput,
+        {
+          name: "postalCode",
+          type: "text",
+          label: t(($) => $.postalCode),
+          value: formData.postalCode ?? "",
+          isValid: formValid.postalCode,
+          errorMessage: formErrors.postalCode?.errorMessage ?? formErrors.postalCode?.hasError,
+          onInput: (value) => {
+            handleChangeFor("postalCode", "input")(value);
+            debouncedSetPostcodeToSearch(value);
+          },
+          onBlur: handleChangeFor("postalCode", "blur"),
+          mask: makeMask(...numericInputs(3), ...nonInputs(" - "), ...numericInputs(4)),
+          formatGuidance: t(($) => $.enterNDigitsForExample, {
+            numDigits: "7",
+            example: "530-0001"
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "otherAddressInformation",
+          label: t(($) => $.chomeAndBanchi),
+          isValid: formValid.otherAddressInformation,
+          errorMessage: formErrors.otherAddressInformation?.errorMessage ?? formErrors.otherAddressInformation?.hasError,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            InputText,
+            {
+              ...childProps,
+              value: formData.otherAddressInformation ?? "",
+              onInput: handleChangeFor("otherAddressInformation", "input"),
+              onBlur: handleChangeFor("otherAddressInformation", "blur"),
+              transformInput: (value) => toFullWidth(value)
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("fieldset", { children: [
+      /* @__PURE__ */ jsx(Typography, { el: "legend", variant: "body-strongest", children: t(($) => $.kanjiAddress) }),
+      /* @__PURE__ */ jsxs("div", { className: styles.sideBySide, children: [
+        /* @__PURE__ */ jsx(
+          ReadonlyTextField,
+          {
+            name: "jaHaniStateOrProvince",
+            label: t(($) => $.prefecture),
+            value: formData.jaHaniStateOrProvince
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ReadonlyTextField,
+          {
+            name: "jaHaniCity",
+            label: t(($) => $.districtTownAreaCityWard),
+            value: formData.jaHaniCity
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "jaHaniAddress",
+          label: t(($) => $.buildingNameFloorRoomNumberEtc),
+          isValid: formValid.jaHaniAddress,
+          errorMessage: formErrors.jaHaniAddress?.errorMessage ?? formErrors.jaHaniAddress?.hasError,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            InputText,
+            {
+              ...childProps,
+              onInput: handleChangeFor("jaHaniAddress", "input"),
+              value: formData.jaHaniAddress
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("fieldset", { children: [
+      /* @__PURE__ */ jsx(Typography, { el: "legend", variant: "body-strongest", children: t(($) => $.katakanaAddress) }),
+      /* @__PURE__ */ jsxs("div", { className: styles.sideBySide, children: [
+        /* @__PURE__ */ jsx(
+          ReadonlyTextField,
+          {
+            name: "jaKanaStateOrProvince",
+            label: t(($) => $.prefecture),
+            value: formData.jaKanaStateOrProvince
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ReadonlyTextField,
+          {
+            name: "jaKanaCity",
+            label: t(($) => $.districtTownAreaCityWard),
+            value: formData.jaKanaCity
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("fieldset", { children: [
+      /* @__PURE__ */ jsx(Typography, { el: "legend", variant: "body-strongest", children: t(($) => $.romajiAddress) }),
+      /* @__PURE__ */ jsxs("div", { className: styles.sideBySide, children: [
+        /* @__PURE__ */ jsx(
+          ReadonlyTextField,
+          {
+            name: "stateOrProvince",
+            label: t(($) => $.prefecture),
+            value: formData.stateOrProvince
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ReadonlyTextField,
+          {
+            name: "city",
+            label: t(($) => $.districtTownAreaCityWard),
+            value: formData.city
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "address",
+          label: t(($) => $.buildingNameFloorRoomNumberEtc),
+          isValid: formValid.address,
+          errorMessage: formErrors.address?.errorMessage ?? formErrors.address?.hasError,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            InputText,
+            {
+              ...childProps,
+              onInput: handleChangeFor("address", "input"),
+              value: formData.address
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  JpAddress
+};

package/dist/{LI-DA06W10W.js → LI-L0ZAALRT.js}

@@ -2,14 +2,14 @@
 {
   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] = "09e216ba-03be-48f8-a4eb-c2ade47f5a45", e._sentryDebugIdIdentifier = "sentry-dbid-09e216ba-03be-48f8-a4eb-c2ade47f5a45");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d3d840f7-7964-4070-93e5-de01bbd159c3", e._sentryDebugIdIdentifier = "sentry-dbid-d3d840f7-7964-4070-93e5-de01bbd159c3");
   } catch (e) {
   }
 }
 ;
 const LI = {
   iban: {
-    bankStatementRequirement: "REQUIRED",
+    bankStatementRequirement: "OPTIONAL",
     defaultCurrency: "CHF",
     fields: [
       "accountHolder",

package/dist/{LT-DuU6E2Ct.js → LT-Ao2uagV9.js}

@@ -2,14 +2,14 @@
 {
   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] = "a92ab4a1-7c07-4679-a0ff-a2bdd15e2395", e._sentryDebugIdIdentifier = "sentry-dbid-a92ab4a1-7c07-4679-a0ff-a2bdd15e2395");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "214f9b09-d020-4766-9811-437f64b07051", e._sentryDebugIdIdentifier = "sentry-dbid-214f9b09-d020-4766-9811-437f64b07051");
   } catch (e) {
   }
 }
 ;
 const LT = {
   iban: {
-    bankStatementRequirement: "REQUIRED",
+    bankStatementRequirement: "OPTIONAL",
     defaultCurrency: "EUR",
     fields: [
       "accountHolder",

package/dist/{LU-BQHhNpDy.js → LU-B7LRUuc6.js}

@@ -2,14 +2,14 @@
 {
   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] = "7f9a32ae-1438-4a38-b536-941bbae29828", e._sentryDebugIdIdentifier = "sentry-dbid-7f9a32ae-1438-4a38-b536-941bbae29828");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b0bc9f1a-f756-45cc-9cdd-5c6a558f3593", e._sentryDebugIdIdentifier = "sentry-dbid-b0bc9f1a-f756-45cc-9cdd-5c6a558f3593");
   } catch (e) {
   }
 }
 ;
 const LU = {
   iban: {
-    bankStatementRequirement: "REQUIRED",
+    bankStatementRequirement: "OPTIONAL",
     defaultCurrency: "EUR",
     fields: [
       "accountHolder",

package/dist/{LV-DN7wckbP.js → LV-DZeGjA2G.js}

@@ -2,14 +2,14 @@
 {
   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] = "f3499bd3-3325-4a30-b78d-2aeb3c6f0aed", e._sentryDebugIdIdentifier = "sentry-dbid-f3499bd3-3325-4a30-b78d-2aeb3c6f0aed");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7c7116f3-b0bc-4f07-a4c1-db86a99f01ac", e._sentryDebugIdIdentifier = "sentry-dbid-7c7116f3-b0bc-4f07-a4c1-db86a99f01ac");
   } catch (e) {
   }
 }
 ;
 const LV = {
   iban: {
-    bankStatementRequirement: "REQUIRED",
+    bankStatementRequirement: "OPTIONAL",
     defaultCurrency: "EUR",
     fields: [
       "accountHolder",

package/dist/{LegalRepresentativeDetailsPage-DtMHe1Nq.js → LegalRepresentativeDetailsPage-L1HAsU01.js}

@@ -2,16 +2,15 @@
 {
   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] = "def86b47-0990-47e9-89f3-5de55feb032f", e._sentryDebugIdIdentifier = "sentry-dbid-def86b47-0990-47e9-89f3-5de55feb032f");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "71f0a7e4-39ff-48f1-90fc-27a79f0b02c5", e._sentryDebugIdIdentifier = "sentry-dbid-71f0a7e4-39ff-48f1-90fc-27a79f0b02c5");
   } catch (e) {
   }
 }
 ;
-import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
+import { c as useLegalEntity, w as skipToken, R as ROOT_LE, X as useExperimentsContext, u as useTranslation, a as addResourceBundles, L as Loader, g as getLegalEntityCountry, M as EntityTypes, ak as isOnfidoAutofillFlowEnabled, a4 as noop, O as TaskTypes, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-D0o_745u.js";
 import { jsx } from "preact/jsx-runtime";
-import { c as useLegalEntity, q as skipToken, R as ROOT_LE, X as useExperimentsContext, a as useTranslation, L as Loader, g as getLegalEntityCountry, J as EntityTypes, ag as isOnfidoAutofillFlowEnabled, W as noop, M as TaskTypes } from "./StoreProvider-BlaJzXSZ.js";
-import { b as useCapabilityProblems, g as getProblemsForEntity } from "./fieldConfigurations-B8bDFQ53.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-vuHu-O_C.js";
+import { i as useCapabilityProblems, j as getProblemsForEntity } from "./Spacer-BcPESwGJ.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-CUY4R6Np.js";
 function LegalRepresentativeDetailsPage({
   legalRepresentativeId,
   asModal = false,
@@ -27,8 +26,8 @@ function LegalRepresentativeDetailsPage({
   const capabilityProblems = useCapabilityProblems();
   const { isExperimentEnabled } = useExperimentsContext();
   const { i18n } = useTranslation();
-  addResourceBundles(i18n, i18n.language, [
-    { ns: "individual", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-D0N1TVVU.js"), "../language/de-DE.json": () => import("./de-DE-Dtuu-nE7.js"), "../language/en-US.json": () => import("./en-US-546hB2Wn.js"), "../language/es-ES.json": () => import("./es-ES-BsQpwaPN.js"), "../language/fi-FI.json": () => import("./fi-FI-BJ9RzrL3.js"), "../language/fr-FR.json": () => import("./fr-FR-CNR5-s9g.js"), "../language/it-IT.json": () => import("./it-IT-BV9K87FK.js"), "../language/nl-NL.json": () => import("./nl-NL-DywVQ9km.js"), "../language/no-NO.json": () => import("./no-NO-B8oxqfNI.js"), "../language/pt-PT.json": () => import("./pt-PT-BvK00TeI.js"), "../language/sl-SI.json": () => import("./sl-SI-NI2OJAvm.js"), "../language/sv-SE.json": () => import("./sv-SE-CAZpDX9G.js") }), `../language/${i18n.language}.json`, 3) }
+  addResourceBundles(i18n, [
+    { ns: "individual", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-DvZ431fC.js"), "../language/de-DE.json": () => import("./de-DE-0uSzhWg5.js"), "../language/en-US.json": () => import("./en-US-fyGPkcqX.js"), "../language/es-ES.json": () => import("./es-ES-B7dt4cn7.js"), "../language/fi-FI.json": () => import("./fi-FI-REMsyTSr.js"), "../language/fr-FR.json": () => import("./fr-FR-CvHWmim-.js"), "../language/it-IT.json": () => import("./it-IT-BeX7-OcD.js"), "../language/nl-NL.json": () => import("./nl-NL-CM5U8ODq.js"), "../language/no-NO.json": () => import("./no-NO-BQL_M1pn.js"), "../language/pt-BR.json": () => import("./pt-BR-AZ3roErF.js"), "../language/pt-PT.json": () => import("./pt-PT-DVKtHjIY.js"), "../language/sl-SI.json": () => import("./sl-SI-C0wSbuau.js"), "../language/sv-SE.json": () => import("./sv-SE-DtKjf4Go.js") }), `../language/${lang}.json`, 3) }
   ]);
   if (!rootLe || legalRepresentativeId && !legalRepresentativeLe) {
     return /* @__PURE__ */ jsx(Loader, {});