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

package/dist/InputDate-CLxqciJA.js

@@ -0,0 +1,43 @@
+;
+{
+  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] = "fe33e3b0-64a2-4af9-87fc-503eff25b5e1", e._sentryDebugIdIdentifier = "sentry-dbid-fe33e3b0-64a2-4af9-87fc-503eff25b5e1");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+import { useMemo } from "preact/hooks";
+import { a as InputBase } from "./InputText-BdCbTzL9.js";
+const checkDateInputSupport = () => {
+  const input = document.createElement("input");
+  input.setAttribute("type", "date");
+  return input.type === "date";
+};
+const formatDate = (value) => {
+  const date = value.replace(/\D|\s/g, "").replace(/^(00)(.*)?/, "01$2").replace(/^(3[2-9])(.*)?/, "0$1$2").replace(/^([4-9])(.*)?/, "0$1").replace(/^([0-9]{2})(00)(.*)?/, "$101").replace(/^(3[01])(02)(.*)?/, "29$2").replace(/^([0-9]{2})([2-9]|1[3-9])(.*)?/, "$10$2").replace(/^([0-9]{2})([0-9]{2})([0-9])/, "$1/$2/$3").replace(/^([0-9]{2})([0-9])/, "$1/$2");
+  const [day = "", month = "", year = ""] = date.split("/");
+  if (year.length === 4 && day === "29" && month === "02" && (Number(year) % 4 !== 0 || year.substring(2, 4) === "00" && Number(year) % 400 !== 0)) {
+    return date.replace(/^29/, "28");
+  }
+  return date;
+};
+const formatDateObj = (date) => date.toJSON().slice(0, 10);
+function InputDate(props) {
+  const isDateInputSupported = useMemo(checkDateInputSupport, []);
+  const { onInput } = props;
+  const handleInput = (e) => {
+    const { value } = e.currentTarget;
+    e.currentTarget.value = formatDate(value);
+    onInput(e);
+  };
+  if (isDateInputSupported) {
+    return /* @__PURE__ */ jsx(InputBase, { ...props, type: "date" });
+  }
+  return /* @__PURE__ */ jsx(InputBase, { ...props, onInput: handleInput, maxLength: 10 });
+}
+export {
+  InputDate as I,
+  formatDateObj as f
+};

package/dist/InputGroup-WBfGDV5F.js

@@ -0,0 +1,32 @@
+;
+{
+  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] = "982492e0-b2a7-4141-82ba-c79e74587917", e._sentryDebugIdIdentifier = "sentry-dbid-982492e0-b2a7-4141-82ba-c79e74587917");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+const InputGroup = ({
+  id,
+  isFocused,
+  isInvalid = false,
+  className,
+  children
+}) => {
+  const classNames = cx(
+    "adyen-kyc-input-group",
+    {
+      "adyen-kyc-input-group--invalid": isInvalid,
+      "adyen-kyc-input-group--valid": !isInvalid,
+      "adyen-kyc-input-group--focused": isFocused
+    },
+    className
+  );
+  return /* @__PURE__ */ jsx("div", { id, "data-testid": id, className: classNames, children });
+};
+export {
+  InputGroup as I
+};

package/dist/InputText-BdCbTzL9.js

@@ -0,0 +1,134 @@
+;
+{
+  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] = "91cb52fb-dc7c-49d3-9ebc-a6ae0cb12025", e._sentryDebugIdIdentifier = "sentry-dbid-91cb52fb-dc7c-49d3-9ebc-a6ae0cb12025");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+import { forwardRef } from "preact/compat";
+import { useRef, useState, useCallback, useLayoutEffect } from "preact/hooks";
+import cx from "classnames";
+import { p as useAnalyticsContext } from "./StoreProvider-99-ewU62.js";
+import { d as debouncedInputEvent } from "./debouncedInputEvent-Cv2S512Y.js";
+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(userEvents, { actionType: "input", field: name });
+    }
+    props.onInput?.(e);
+  };
+  const handleBlur = (e) => {
+    if (enableTracking) {
+      userEvents.addFieldEvent("Interacted with form field", {
+        actionType: "blur",
+        field: name
+      });
+    }
+    props.onBlurHandler?.(e);
+    if (props.trimOnBlur) {
+      e.currentTarget.value = e.currentTarget.value.trim();
+    }
+    props.onBlur?.(e);
+  };
+  const handleFocus = (e) => {
+    if (enableTracking) {
+      userEvents.addFieldEvent("Interacted with form field", {
+        actionType: "focus",
+        field: name
+      });
+    }
+    props.onFocusHandler?.(e);
+  };
+  const inputClassNames = cx("adyen-kyc-input", [`adyen-kyc-input--${type}`], props.className, {
+    "adyen-kyc-input--invalid": isInvalid,
+    "adyen-kyc-field--valid": isValid,
+    "adyen-kyc-input--disabled": disabled
+  });
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ...passedProps,
+      name,
+      "aria-disabled": disabled,
+      "aria-invalid": !isValid,
+      "aria-required": passedProps.required || passedProps["aria-required"],
+      className: inputClassNames,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      onInput: handleInput,
+      ref,
+      type
+    }
+  );
+});
+InputBase.displayName = "InputBase";
+const useForwardedRef = (forwardedRef) => {
+  const backupRef = useRef();
+  return forwardedRef ?? backupRef;
+};
+const InputText = forwardRef(
+  ({ onInput, onBlur, transformInput, transformMode, ...props }, ref) => {
+    const [cursorPosition, setCursorPosition] = useState(null);
+    const localRef = useForwardedRef(ref);
+    const inputHandler = useCallback(
+      (event) => {
+        const inputEl = event.currentTarget;
+        if (transformInput && (!transformMode || transformMode === "input")) {
+          setCursorPosition(inputEl.selectionStart);
+          const transformedInput = transformInput(inputEl.value);
+          const eventWithTransformedValue = {
+            ...event,
+            target: { ...event.target, value: transformedInput }
+          };
+          onInput(eventWithTransformedValue);
+        } else {
+          onInput(event);
+        }
+      },
+      [transformInput, transformMode, onInput]
+    );
+    const blurHandler = useCallback(
+      (event) => {
+        const inputEl = event.currentTarget;
+        if (transformInput && transformMode === "blur") {
+          setCursorPosition(inputEl.selectionStart);
+          const transformedInput = transformInput(inputEl.value);
+          const eventWithTransformedValue = {
+            ...event,
+            target: { ...event.target, value: transformedInput }
+          };
+          onBlur?.(eventWithTransformedValue);
+        } else {
+          onBlur?.(event);
+        }
+      },
+      [transformInput, transformMode, onBlur]
+    );
+    useLayoutEffect(() => {
+      if (cursorPosition && localRef.current?.selectionStart !== cursorPosition) {
+        localRef?.current?.setSelectionRange(cursorPosition, cursorPosition, "none");
+      }
+    }, [cursorPosition, localRef]);
+    return /* @__PURE__ */ jsx(
+      InputBase,
+      {
+        ...props,
+        onInput: inputHandler,
+        onBlur: blurHandler,
+        ref: localRef,
+        type: "text"
+      }
+    );
+  }
+);
+export {
+  InputText as I,
+  InputBase as a,
+  useForwardedRef as u
+};

package/dist/{Introduction-Ee8931m9.js → Introduction-BRWdnVv5.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] = "7c61e3b5-4ae1-4a1f-8a55-f4acf25b6d97", e._sentryDebugIdIdentifier = "sentry-dbid-7c61e3b5-4ae1-4a1f-8a55-f4acf25b6d97");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "9cec94ed-967e-4acc-8b34-1594b82e8f91", e._sentryDebugIdIdentifier = "sentry-dbid-9cec94ed-967e-4acc-8b34-1594b82e8f91");
   } catch (e) {
   }
 }
 ;
-import { O as TaskTypes, r as LegalEntityTypes, u as useTranslation, c as useLegalEntity, R as ROOT_LE, a as addResourceBundles, L as Loader, a3 as useAnalyticsContext, B as Button, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-DTMSAVgy.js";
+import { j as TaskTypes, o as LegalEntityTypes, u as useTranslation, c as useLegalEntity, a as addResourceBundles, L as Loader, R as ROOT_LE, p as useAnalyticsContext, V as Button, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-99-ewU62.js";
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
 import { useState, useEffect } from "preact/hooks";
-import { S as StepProgressIndicator } from "./StepProgressIndicator-Bs1V38Kt.js";
+import { S as StepProgressIndicator } from "./StepProgressIndicator-BSGlNU3K.js";
 import { useMemo } from "preact/compat";
-import { b as useCanSeeIntroduction, c as useLegalEntityType } from "./OnboardingDropinComponent-Cu2pv74K.js";
+import { u as useCanSeeIntroduction, a as useLegalEntityType } from "./useCanSeeIntroduction-BdZJ7k-_.js";
 const IntroductionScreens = {
   PROLOGUE: "PROLOGUE",
   INDIVIDUAL: TaskTypes.INDIVIDUAL,

package/dist/{JpAddress-Br78ZY9o.js → JpAddress-BSEenMj0.js}

@@ -2,21 +2,27 @@
 {
   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] = "74bbf9db-c091-4997-9366-519e81a1de46", e._sentryDebugIdIdentifier = "sentry-dbid-74bbf9db-c091-4997-9366-519e81a1de46");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "fbe3e132-5950-4036-8669-ec43861f5469", e._sentryDebugIdIdentifier = "sentry-dbid-fbe3e132-5950-4036-8669-ec43861f5469");
   } 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, a5 as noop, u as useTranslation, V as useI18nContext, X as useExperimentsContext, a3 as useAnalyticsContext, P as createLogger, C as CountryCodes, G as Typography } from "./StoreProvider-DTMSAVgy.js";
-import { F as Field, u as useForm } from "./useForm-BsQfbbso.js";
-import { S as StackLayout, L as List } from "./CountryField-BIYJvEAW.js";
-import { M as MaskedInput, m as makeMask, n as numericInputs, d as nonInputs, E as convertFullToHalf, z as Spacer } from "./Spacer-BT5nYRXK.js";
-import { I as InputText } from "./InputText-qTMbrUXW.js";
-import { V as JP_ADDRESS_REQUIRED_FIELDS, j as toFullWidth } from "./IndividualOnfido-BxhmIQwc.js";
-import { q as addressValidationRulesV4, r as addressValidationRules } from "./Address-BG5_sFfZ.js";
-import { u as useDebouncedCallback } from "./debouncedInputEvent-BdLyqQK5.js";
+import { useQuery } from "@tanstack/preact-query";
+import { b as useApiContext, k as httpGet, a7 as noop, u as useTranslation, aa as useI18nContext, v as useExperimentsContext, p as useAnalyticsContext, a0 as CountryCodes, z as Typography, a3 as createLogger } from "./StoreProvider-99-ewU62.js";
+import { F as Field } from "./Field-Bs7wGDqk.js";
+import { L as List } from "./List-BAzyC6sw.js";
+import { S as Spacer } from "./Spacer-BK3jDget.js";
+import { u as useForm } from "./useForm-DqUW2TbW.js";
+import { S as StackLayout } from "./unincorporated-partnership-MeN1dp53.js";
+import { I as InputText } from "./InputText-BdCbTzL9.js";
+import { M as MaskedInput, m as makeMask, n as numericInputs, a as nonInputs } from "./MaskedInput-BSW18fxr.js";
+import { J as JP_ADDRESS_REQUIRED_FIELDS } from "./jpAddressSchema-DEOyz9Yo.js";
+import { h as addressValidationRulesV4, j as addressValidationRules } from "./Address-Bj7zJ6yZ.js";
+import { u as useDebouncedCallback } from "./debouncedInputEvent-Cv2S512Y.js";
+import { c as convertFullToHalf } from "./TextArea-BjsWgkR-.js";
+import { t as toFullWidth } from "./mapJpAddressSchemaToAddressLocalizations-Cu4hdrYE.js";
 const retrieveFromPostcodeJp = async (legalEntityId, baseUrl, postalCode) => httpGet({
   baseUrl,
   path: `legalEntities/${legalEntityId}/addresses/jp/${postalCode}`
@@ -30,7 +36,11 @@ const useRetrieveFromPostcodeJp = (postalCode, options) => {
     ...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 jpField = "adyen-kyc-jp-field";
+const styles = {
+  jpField
+};
+const ReadonlyTextField = ({ name, label, value }) => /* @__PURE__ */ jsx(Field, { name, label, className: styles.jpField, children: (innerProps) => /* @__PURE__ */ jsx(InputText, { ...innerProps, name, type: "text", value, onInput: noop, readonly: true }) });
 const logger = createLogger();
 const JpAddress = ({
   addressType,
@@ -120,6 +130,34 @@ const JpAddress = ({
       isValid: formIsValid
     });
   }, [formData, formErrors, formFieldProblems, formIsValid, formValid]);
+  const handleOtherAddressInformationFullWidth = {
+    input: (e) => {
+      handleChangeFor("otherAddressInformationFullWidth", "input")(e);
+      handleChangeFor(
+        "otherAddressInformation",
+        "input"
+      )({
+        ...e,
+        target: {
+          ...e.target,
+          value: convertFullToHalf(e.target.value)
+        }
+      });
+    },
+    blur: (e) => {
+      handleChangeFor("otherAddressInformationFullWidth", "blur")(e);
+      handleChangeFor(
+        "otherAddressInformation",
+        "blur"
+      )({
+        ...e,
+        target: {
+          ...e.target,
+          value: convertFullToHalf(e.target.value)
+        }
+      });
+    }
+  };
   return /* @__PURE__ */ jsxs("fieldset", { children: [
     /* @__PURE__ */ jsx(Typography, { el: "legend", variant: "title", children: t(($) => $[addressType]) }),
     /* @__PURE__ */ jsx(
@@ -168,6 +206,7 @@ const JpAddress = ({
           /* @__PURE__ */ jsx(
             Field,
             {
+              className: styles.jpField,
               name: "otherAddressInformationFullWidth",
               label: t(($) => $.chomeAndBanchi),
               isValid: formValid.otherAddressInformation,
@@ -176,22 +215,11 @@ const JpAddress = ({
                 InputText,
                 {
                   ...childProps,
-                  value: formData.otherAddressInformationFullWidth ?? "",
-                  onInput: (e) => {
-                    handleChangeFor("otherAddressInformationFullWidth", "input")(e);
-                    handleChangeFor(
-                      "otherAddressInformation",
-                      "input"
-                    )({
-                      ...e,
-                      target: {
-                        ...e.target,
-                        value: convertFullToHalf(e.target.value)
-                      }
-                    });
-                  },
-                  onBlur: handleChangeFor("otherAddressInformationFullWidth", "blur"),
-                  transformInput: (value) => toFullWidth(value)
+                  value: formData.otherAddressInformationFullWidth ?? toFullWidth(formData.otherAddressInformation ?? ""),
+                  onInput: handleOtherAddressInformationFullWidth.input,
+                  onBlur: handleOtherAddressInformationFullWidth.blur,
+                  transformInput: (value) => toFullWidth(value),
+                  transformMode: "blur"
                 }
               )
             }
@@ -201,6 +229,7 @@ const JpAddress = ({
         /* @__PURE__ */ jsx(
           Field,
           {
+            className: styles.jpField,
             name: "jaHaniAddress",
             label: t(($) => $.buildingNameFloorRoomNumberEtc),
             isValid: formValid.jaHaniAddress,
@@ -211,7 +240,8 @@ const JpAddress = ({
                 ...childProps,
                 onInput: handleChangeFor("jaHaniAddress", "input"),
                 value: formData.jaHaniAddress,
-                transformInput: (value) => toFullWidth(value)
+                transformInput: (value) => toFullWidth(value),
+                transformMode: "blur"
               }
             )
           }
@@ -272,6 +302,7 @@ const JpAddress = ({
         /* @__PURE__ */ jsx(
           Field,
           {
+            className: styles.jpField,
             name: "address",
             label: t(($) => $.buildingNameFloorRoomNumberEtc),
             isValid: formValid.address,
@@ -281,7 +312,10 @@ const JpAddress = ({
               {
                 ...childProps,
                 onInput: handleChangeFor("address", "input"),
-                value: formData.address
+                onBlur: handleChangeFor("address", "blur"),
+                value: formData.address,
+                transformInput: (value) => convertFullToHalf(value),
+                transformMode: "blur"
               }
             )
           }

package/dist/LandingLayout-kl7TkBGx.js

@@ -0,0 +1,60 @@
+;
+{
+  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] = "f76e51c4-2751-440d-97d0-70504e68c319", e._sentryDebugIdIdentifier = "sentry-dbid-f76e51c4-2751-440d-97d0-70504e68c319");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import { z as Typography } from "./StoreProvider-99-ewU62.js";
+import { S as StackLayout } from "./unincorporated-partnership-MeN1dp53.js";
+const landingLayoutImage = "adyen-kyc-landing-layout-image";
+const landingLayoutActions = "adyen-kyc-landing-layout-actions";
+const landingLayoutErrors = "adyen-kyc-landing-layout-errors";
+const landingLayoutDisclaimer = "adyen-kyc-landing-layout-disclaimer";
+const landingLayoutCenter = "adyen-kyc-landing-layout-center";
+const styles = {
+  landingLayoutImage,
+  landingLayoutActions,
+  landingLayoutErrors,
+  landingLayoutDisclaimer,
+  landingLayoutCenter
+};
+const LandingLayout = ({
+  actions,
+  content,
+  description,
+  error,
+  disclaimer,
+  helpAction,
+  media,
+  title
+}) => {
+  return /* @__PURE__ */ jsxs(StackLayout, { gap: "large", align: "center", children: [
+    media && /* @__PURE__ */ jsx("div", { role: "region", className: styles.landingLayoutImage, children: media }),
+    error && /* @__PURE__ */ jsx("div", { className: styles.landingLayoutErrors, children: error }),
+    /* @__PURE__ */ jsxs(StackLayout, { gap: "small", children: [
+      /* @__PURE__ */ jsx(Typography, { el: "h2", className: styles.landingLayoutCenter, variant: "title-l", children: title }),
+      description && /* @__PURE__ */ jsx(Typography, { className: styles.landingLayoutCenter, variant: "body", color: "primary", children: description }),
+      helpAction
+    ] }),
+    content,
+    /* @__PURE__ */ jsx("div", { className: styles.landingLayoutActions, children: /* @__PURE__ */ jsxs(StackLayout, { gap: "small", children: [
+      actions,
+      disclaimer && /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "caption",
+          color: "tertiary",
+          className: styles.landingLayoutDisclaimer,
+          children: disclaimer
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  LandingLayout as L
+};

package/dist/LegalCompanyNameField-DzAxAnD9.js

@@ -0,0 +1,138 @@
+;
+{
+  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] = "d4dd9841-4ae5-4879-bbca-7ebf855e3f17", e._sentryDebugIdIdentifier = "sentry-dbid-d4dd9841-4ae5-4879-bbca-7ebf855e3f17");
+  } catch (e) {
+  }
+}
+;
+import { a0 as CountryCodes } from "./StoreProvider-99-ewU62.js";
+import { d as validateLegalCompanyName, a as validateNotEmptyOnBlur, e as validateLatinSpaceMarkPunctuationNumbersOnlyOnBlur } from "./patternValidators-vYKnE5-t.js";
+import { jsx } from "preact/jsx-runtime";
+import { F as Field } from "./Field-Bs7wGDqk.js";
+import { K as KEYBOARD_KEYS } from "./Modal-CZ-HuGUO.js";
+import { I as InputText } from "./InputText-BdCbTzL9.js";
+const defaultFieldMetadata = {
+  label: "legalCompanyName",
+  validators: validateNotEmptyOnBlur
+};
+const defaultFieldConfig = {
+  [CountryCodes.Australia]: {
+    label: "legalCompanyName",
+    validators: validateNotEmptyOnBlur
+  },
+  [CountryCodes.HongKong]: {
+    label: "legalCompanyName",
+    validators: validateNotEmptyOnBlur
+  },
+  [CountryCodes.Netherlands]: {
+    label: "legalCompanyName",
+    validators: validateNotEmptyOnBlur
+  },
+  [CountryCodes.Singapore]: {
+    label: "legalCompanyName",
+    validators: validateNotEmptyOnBlur
+  },
+  [CountryCodes.UnitedStates]: {
+    label: "legalCompanyName__US",
+    validators: validateNotEmptyOnBlur
+  }
+};
+const defaultFieldMetadataV4 = {
+  label: "legalCompanyName",
+  validators: validateLegalCompanyName
+};
+const defaultFieldConfigV4 = {
+  [CountryCodes.Australia]: {
+    label: "legalCompanyName",
+    validators: validateLegalCompanyName
+  },
+  [CountryCodes.HongKong]: {
+    label: "legalCompanyName",
+    validators: validateLegalCompanyName
+  },
+  [CountryCodes.Netherlands]: {
+    label: "legalCompanyName",
+    validators: validateLegalCompanyName
+  },
+  [CountryCodes.Singapore]: {
+    label: "legalCompanyName",
+    validators: validateLegalCompanyName
+  },
+  [CountryCodes.UnitedStates]: {
+    label: "legalCompanyName__US",
+    validators: validateLegalCompanyName
+  },
+  [CountryCodes.Japan]: {
+    label: "legalCompanyName__JP",
+    validators: [...validateLegalCompanyName, validateLatinSpaceMarkPunctuationNumbersOnlyOnBlur]
+  }
+};
+const getLegalCompanyNameHelperText = (t, { country }) => {
+  switch (country) {
+    case CountryCodes.Australia:
+      return t(($) => $["legalCompanyName__helperText__AU"]);
+    case CountryCodes.HongKong:
+      return t(($) => $["legalCompanyName__helperText__HK"]);
+    case CountryCodes.Netherlands:
+      return t(($) => $["legalCompanyName__helperText__NL"]);
+    case CountryCodes.Singapore:
+      return t(($) => $["legalCompanyName__helperText__SG"]);
+    case CountryCodes.UnitedStates:
+      return t(($) => $["legalCompanyName__helperText__US"]);
+    default:
+      return t(($) => $["legalCompanyName__helperText"]);
+  }
+};
+const LEGAL_COMPANY_NAME_FIELD = [
+  "legalCompanyName"
+];
+function LegalCompanyNameField({
+  data,
+  valid,
+  errors,
+  labels,
+  helperText,
+  readonly,
+  handleChangeFor
+}) {
+  const handleKeyDown = (e) => {
+    if (e.key === KEYBOARD_KEYS.enter) {
+      e.preventDefault();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Field,
+    {
+      name: "legalCompanyName",
+      label: labels.legalCompanyName,
+      helper: helperText,
+      errorMessage: errors.legalCompanyName,
+      isValid: valid.legalCompanyName,
+      children: (childProps) => /* @__PURE__ */ jsx(
+        InputText,
+        {
+          ...childProps,
+          "aria-required": true,
+          "aria-invalid": !valid.legalCompanyName,
+          name: "legalCompanyName",
+          value: data.legalCompanyName,
+          readonly,
+          onInput: handleChangeFor("legalCompanyName", "input"),
+          onBlur: handleChangeFor("legalCompanyName", "blur"),
+          onKeyDown: handleKeyDown
+        }
+      )
+    }
+  );
+}
+export {
+  LEGAL_COMPANY_NAME_FIELD as L,
+  defaultFieldMetadata as a,
+  defaultFieldConfigV4 as b,
+  defaultFieldConfig as c,
+  defaultFieldMetadataV4 as d,
+  LegalCompanyNameField as e,
+  getLegalCompanyNameHelperText as g
+};

package/dist/{LegalRepresentativeDetailsPage-kZbXv8m2.js → LegalRepresentativeDetailsPage--yY_D66i.js}

@@ -2,15 +2,16 @@
 {
   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] = "cea04917-32dd-497b-a53f-2771f50e5b27", e._sentryDebugIdIdentifier = "sentry-dbid-cea04917-32dd-497b-a53f-2771f50e5b27");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "a610b384-db1b-4bc8-8003-ee3f296657b6", e._sentryDebugIdIdentifier = "sentry-dbid-a610b384-db1b-4bc8-8003-ee3f296657b6");
   } catch (e) {
   }
 }
 ;
-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, al as isOnfidoAutofillFlowEnabled, a5 as noop, O as TaskTypes, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-DTMSAVgy.js";
+import { c as useLegalEntity, u as useTranslation, a as addResourceBundles, L as Loader, g as getLegalEntityCountry, a8 as EntityTypes, a7 as noop, j as TaskTypes, R as ROOT_LE, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-99-ewU62.js";
 import { jsx } from "preact/jsx-runtime";
-import { i as useCapabilityProblems, j as getProblemsForEntity } from "./Spacer-BT5nYRXK.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-Cy08-w8F.js";
+import { skipToken } from "@tanstack/preact-query";
+import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-D8qEVVOM.js";
+import { I as IndividualOnfidoDropin } from "./IndividualDropin-xfXkDkrM.js";
 function LegalRepresentativeDetailsPage({
   legalRepresentativeId,
   asModal = false,
@@ -24,21 +25,15 @@ function LegalRepresentativeDetailsPage({
   const { data: legalRepresentativeLe } = useLegalEntity(legalRepresentativeId ?? skipToken);
   const { data: rootLe } = useLegalEntity(ROOT_LE);
   const capabilityProblems = useCapabilityProblems();
-  const { isExperimentEnabled } = useExperimentsContext();
   const { i18n } = useTranslation();
   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/ja-JP.json": () => import("./ja-JP-D1vtig2x.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/sl-SI.json": () => import("./sl-SI-C0wSbuau.js"), "../language/sv-SE.json": () => import("./sv-SE-DtKjf4Go.js") }), `../language/${lang}.json`, 3) }
+    { 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-cVpRgdC8.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/ja-JP.json": () => import("./ja-JP-B3wVYIJU.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/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, {});
   }
   const country = getLegalEntityCountry(legalRepresentativeLe ?? rootLe);
   const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, rootLe.id) : void 0;
-  const isOnfidoAutofillFlow = isOnfidoAutofillFlowEnabled(
-    country,
-    TaskTypes.LEGAL_REPRESENTATIVE_DETAILS,
-    isExperimentEnabled
-  );
   const props = {
     taskType: TaskTypes.LEGAL_REPRESENTATIVE_DETAILS,
     taskName: "legalRepresentativeDetails",
@@ -53,7 +48,7 @@ function LegalRepresentativeDetailsPage({
     handleCloseClick,
     handleHomeClick
   };
-  return isOnfidoAutofillFlow ? /* @__PURE__ */ jsx(IndividualOnfidoDropin, { ...props }) : /* @__PURE__ */ jsx(IndividualDropin, { ...props });
+  return /* @__PURE__ */ jsx(IndividualOnfidoDropin, { ...props });
 }
 export {
   LegalRepresentativeDetailsPage