@adyen/kyc-components 3.91.0-beta.3 → 3.92.0-beta.0

package/dist/InputDate-DXZciuhR.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] = "21ed6a8f-b1f3-48be-be74-4a33c346b79f", e._sentryDebugIdIdentifier = "sentry-dbid-21ed6a8f-b1f3-48be-be74-4a33c346b79f");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+import { useMemo } from "preact/hooks";
+import { a as InputBase } from "./InputText-C5aotXLF.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-C5aotXLF.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] = "b11ac153-81d9-4747-b37d-d426dbca828e", e._sentryDebugIdIdentifier = "sentry-dbid-b11ac153-81d9-4747-b37d-d426dbca828e");
+  } 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 { V as useAnalyticsContext } from "./StoreProvider-W47xsQUu.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-CogY4SRV.js → Introduction-CWqdBTZe.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] = "a7dbb088-ed00-4d2c-a284-93bd617d7739", e._sentryDebugIdIdentifier = "sentry-dbid-a7dbb088-ed00-4d2c-a284-93bd617d7739");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "6ec49348-af38-46d1-8388-867d3e81103e", e._sentryDebugIdIdentifier = "sentry-dbid-6ec49348-af38-46d1-8388-867d3e81103e");
   } 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-1OKeIzng.js";
+import { U as TaskTypes, r as LegalEntityTypes, u as useTranslation, c as useLegalEntity, R as ROOT_LE, a as addResourceBundles, L as Loader, V as useAnalyticsContext, B as Button, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-W47xsQUu.js";
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
 import { useState, useEffect } from "preact/hooks";
-import { S as StepProgressIndicator } from "./StepProgressIndicator-BgZlmzew.js";
+import { S as StepProgressIndicator } from "./StepProgressIndicator-DnYrIdMx.js";
 import { useMemo } from "preact/compat";
-import { b as useCanSeeIntroduction, c as useLegalEntityType } from "./OnboardingDropinComponent-bB8igIVw.js";
+import { b as useCanSeeIntroduction, c as useLegalEntityType } from "./OnboardingDropinComponent-DduSUFwg.js";
 const IntroductionScreens = {
   PROLOGUE: "PROLOGUE",
   INDIVIDUAL: TaskTypes.INDIVIDUAL,

package/dist/{JpAddress-SwR07uGB.js → JpAddress-uSDdk01M.js}

@@ -2,21 +2,26 @@
 {
   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] = "3bc2c768-081d-4fd2-ac80-f6dc276bfca5", e._sentryDebugIdIdentifier = "sentry-dbid-3bc2c768-081d-4fd2-ac80-f6dc276bfca5");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "5fa5caa7-10f6-4ec1-8841-ab558cd3695a", e._sentryDebugIdIdentifier = "sentry-dbid-5fa5caa7-10f6-4ec1-8841-ab558cd3695a");
   } 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-1OKeIzng.js";
-import { F as Field, u as useForm } from "./useForm-toxM6BuV.js";
-import { S as StackLayout, L as List } from "./CountryField-fKjZ6eNz.js";
-import { M as MaskedInput, m as makeMask, n as numericInputs, d as nonInputs, E as convertFullToHalf, z as Spacer } from "./Spacer-C_wuUjGk.js";
-import { I as InputText } from "./InputText-BJmgiBaZ.js";
-import { V as JP_ADDRESS_REQUIRED_FIELDS, j as toFullWidth } from "./IndividualOnfido-CFoYrGlk.js";
-import { q as addressValidationRulesV4, r as addressValidationRules } from "./Address-60p2PM3m.js";
-import { u as useDebouncedCallback } from "./debouncedInputEvent-DYPebEvv.js";
+import { b as useApiContext, j as useQuery, m as httpGet, Y as noop, u as useTranslation, aj as useI18nContext, Z as useExperimentsContext, V as useAnalyticsContext, H as createLogger, C as CountryCodes, G as Typography } from "./StoreProvider-W47xsQUu.js";
+import { F as Field } from "./Field-7VEEzNuR.js";
+import { L as List } from "./List-BAzyC6sw.js";
+import { S as Spacer } from "./Spacer-BK3jDget.js";
+import { u as useForm } from "./useForm-N9aTiFDr.js";
+import { S as StackLayout } from "./unincorporated-partnership-MeN1dp53.js";
+import { I as InputText } from "./InputText-C5aotXLF.js";
+import { M as MaskedInput, m as makeMask, n as numericInputs, a as nonInputs } from "./MaskedInput-C3XjWT0l.js";
+import { J as JP_ADDRESS_REQUIRED_FIELDS } from "./jpAddressSchema-De6ix57p.js";
+import { e as addressValidationRulesV4, h as addressValidationRules } from "./Address-HRaj8XNz.js";
+import { u as useDebouncedCallback } from "./debouncedInputEvent-Cv2S512Y.js";
+import { c as convertFullToHalf } from "./TextArea-C57-MXu6.js";
+import { t as toFullWidth } from "./mapJpAddressSchemaToAddressLocalizations-DAYmQzHJ.js";
 const retrieveFromPostcodeJp = async (legalEntityId, baseUrl, postalCode) => httpGet({
   baseUrl,
   path: `legalEntities/${legalEntityId}/addresses/jp/${postalCode}`
@@ -30,7 +35,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,
@@ -168,6 +177,7 @@ const JpAddress = ({
           /* @__PURE__ */ jsx(
             Field,
             {
+              className: styles.jpField,
               name: "otherAddressInformationFullWidth",
               label: t(($) => $.chomeAndBanchi),
               isValid: formValid.otherAddressInformation,
@@ -201,6 +211,7 @@ const JpAddress = ({
         /* @__PURE__ */ jsx(
           Field,
           {
+            className: styles.jpField,
             name: "jaHaniAddress",
             label: t(($) => $.buildingNameFloorRoomNumberEtc),
             isValid: formValid.jaHaniAddress,
@@ -272,6 +283,7 @@ const JpAddress = ({
         /* @__PURE__ */ jsx(
           Field,
           {
+            className: styles.jpField,
             name: "address",
             label: t(($) => $.buildingNameFloorRoomNumberEtc),
             isValid: formValid.address,

package/dist/LandingLayout-unV6i-t6.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] = "fb03dfee-7005-49a3-9739-aca38e5a9367", e._sentryDebugIdIdentifier = "sentry-dbid-fb03dfee-7005-49a3-9739-aca38e5a9367");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import { G as Typography } from "./StoreProvider-W47xsQUu.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/{LegalRepresentativeDetailsPage-u1Umrwfh.js → LegalRepresentativeDetailsPage-EPO0scJy.js}

@@ -2,15 +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] = "93aa143c-86e6-46a0-821b-ab3a2875b074", e._sentryDebugIdIdentifier = "sentry-dbid-93aa143c-86e6-46a0-821b-ab3a2875b074");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "2168c21c-63fd-4ad2-8be6-32fb1e65e2f7", e._sentryDebugIdIdentifier = "sentry-dbid-2168c21c-63fd-4ad2-8be6-32fb1e65e2f7");
   } 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-1OKeIzng.js";
+import { c as useLegalEntity, w as skipToken, R as ROOT_LE, Z as useExperimentsContext, u as useTranslation, a as addResourceBundles, L as Loader, g as getLegalEntityCountry, O as EntityTypes, ae as isOnfidoAutofillFlowEnabled, Y as noop, U as TaskTypes, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-W47xsQUu.js";
 import { jsx } from "preact/jsx-runtime";
-import { i as useCapabilityProblems, j as getProblemsForEntity } from "./Spacer-C_wuUjGk.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-BX-WVBMP.js";
+import { u as useCapabilityProblems, g as getProblemsForEntity } from "./Image-DEnYyKm9.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DY5OrhKl.js";
 function LegalRepresentativeDetailsPage({
   legalRepresentativeId,
   asModal = false,

package/dist/Link-CO6LxwUV.js

@@ -0,0 +1,35 @@
+;
+{
+  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] = "50572fab-644f-4f69-9239-db9d9415dbb3", e._sentryDebugIdIdentifier = "sentry-dbid-50572fab-644f-4f69-9239-db9d9415dbb3");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { W as Icon } from "./StoreProvider-W47xsQUu.js";
+const link = "adyen-kyc-link";
+const linkDefault = "adyen-kyc-link-default";
+const linkInline = "adyen-kyc-link-inline";
+const styles = {
+  link,
+  linkDefault,
+  linkInline
+};
+const Link = ({ children, external = false, href, inline = false }) => {
+  const rel = external ? "external noopener noreferrer" : void 0;
+  const target = external ? "_blank" : "_self";
+  const className = cx(styles.link, {
+    [styles.linkInline]: inline,
+    [styles.linkDefault]: !inline
+  });
+  return /* @__PURE__ */ jsxs("a", { className, href, rel, target, children: [
+    children,
+    external && !inline && /* @__PURE__ */ jsx(Icon, { name: "external-link" })
+  ] });
+};
+export {
+  Link as L
+};

package/dist/List-BAzyC6sw.js

@@ -0,0 +1,83 @@
+;
+{
+  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] = "4a76e7ae-9b8a-4d73-b285-9bd999feff5d", e._sentryDebugIdIdentifier = "sentry-dbid-4a76e7ae-9b8a-4d73-b285-9bd999feff5d");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { toChildArray } from "preact";
+const list = "adyen-kyc-list";
+const listHeader = "adyen-kyc-list-header";
+const listFooter = "adyen-kyc-list-footer";
+const listItems = "adyen-kyc-list-items";
+const listItemsPlain = "adyen-kyc-list-items-plain";
+const listItemsGroupedPrimary = "adyen-kyc-list-items-grouped-primary";
+const listItemsGroupedSecondary = "adyen-kyc-list-items-grouped-secondary";
+const listItemsPaddingNone = "adyen-kyc-list-items-padding-none";
+const listItemsPaddingSmall = "adyen-kyc-list-items-padding-small";
+const listItemsPaddingMedium = "adyen-kyc-list-items-padding-medium";
+const listItemsPaddingLarge = "adyen-kyc-list-items-padding-large";
+const listItemRowSeparator = "adyen-kyc-list-item-row-separator";
+const styles = {
+  list,
+  listHeader,
+  listFooter,
+  listItems,
+  listItemsPlain,
+  listItemsGroupedPrimary,
+  listItemsGroupedSecondary,
+  listItemsPaddingNone,
+  listItemsPaddingSmall,
+  listItemsPaddingMedium,
+  listItemsPaddingLarge,
+  listItemRowSeparator
+};
+const List = ({
+  children,
+  dividers = true,
+  footer,
+  header,
+  padding = "medium",
+  variant = "plain"
+}) => {
+  const childrenArray = toChildArray(children);
+  const listVariantStyles = {
+    plain: styles.listItemsPlain,
+    "grouped-primary": styles.listItemsGroupedPrimary,
+    "grouped-secondary": styles.listItemsGroupedSecondary
+  };
+  const listClassName = cx(
+    styles.listItems,
+    listVariantStyles[variant],
+    variant !== "plain" && {
+      [styles.listItemsPaddingSmall]: padding === "small",
+      [styles.listItemsPaddingMedium]: padding === "medium",
+      [styles.listItemsPaddingLarge]: padding === "large"
+    },
+    {
+      [styles.listItemsPaddingNone]: padding === "none"
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: styles.list, children: [
+    header && /* @__PURE__ */ jsx("div", { className: styles.listHeader, children: header }),
+    /* @__PURE__ */ jsx("ul", { className: listClassName, children: childrenArray.map((item) => {
+      const itemClassname = cx(styles.listItem, {
+        [styles.listItemRowSeparator]: dividers
+      });
+      return (
+        // Content of <li /> will be unknown. Not including a key is preferred over
+        // using something else, such as index, which may cause problems.
+        // eslint-disable-next-line react/jsx-key
+        /* @__PURE__ */ jsx("li", { className: itemClassname, children: item })
+      );
+    }) }),
+    footer && /* @__PURE__ */ jsx("div", { className: styles.listFooter, children: footer })
+  ] });
+};
+export {
+  List as L
+};

package/dist/{ListItem-DkpV9RmY.js → ListItem-Crm2LUE7.js}

@@ -2,15 +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] = "0f3d8966-af15-4328-bd40-9e1edb1466b1", e._sentryDebugIdIdentifier = "sentry-dbid-0f3d8966-af15-4328-bd40-9e1edb1466b1");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c93887fe-b744-4425-9beb-065dd9183a73", e._sentryDebugIdIdentifier = "sentry-dbid-c93887fe-b744-4425-9beb-065dd9183a73");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import cx from "classnames";
-import { A as Avatar } from "./Avatar-uof74GrS.js";
-import { a4 as Icon } from "./StoreProvider-1OKeIzng.js";
+import { A as Avatar } from "./Avatar-BRV3DttH.js";
+import { W as Icon } from "./StoreProvider-W47xsQUu.js";
 const listItem = "adyen-kyc-list-item";
 const listItemInteractive = "adyen-kyc-list-item-interactive";
 const listItemText = "adyen-kyc-list-item-text";

package/dist/LoaderWrapper-CvZ8iY1N.js

@@ -0,0 +1,42 @@
+;
+{
+  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] = "2269d6e1-ec0b-465d-8c59-df3ce541932e", e._sentryDebugIdIdentifier = "sentry-dbid-2269d6e1-ec0b-465d-8c59-df3ce541932e");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { L as Loader } from "./StoreProvider-W47xsQUu.js";
+const loaderWrapperLoader = "adyen-kyc-loader-wrapper-loader";
+const loaderWrapperLoaderActive = "adyen-kyc-loader-wrapper-loader-active";
+const styles = {
+  loaderWrapperLoader,
+  loaderWrapperLoaderActive
+};
+const LoaderWrapper = ({
+  children,
+  status,
+  formOpacityWhenLoading = 0,
+  loaderSize = "medium",
+  showSpinner = true,
+  className
+}) => {
+  const opacitySyle = status === "loading" ? {
+    opacity: formOpacityWhenLoading
+  } : { opacity: 1 };
+  const showLoader = status === "loading" && showSpinner;
+  const loaderWrapperClass = cx(styles.loaderWrapperLoader, {
+    [styles.loaderWrapperLoaderActive]: showLoader
+  });
+  const overlayClass = cx(styles.loaderWrapper, className);
+  return /* @__PURE__ */ jsxs("div", { className: overlayClass, style: { position: "relative" }, children: [
+    showLoader && /* @__PURE__ */ jsx("div", { className: loaderWrapperClass, children: /* @__PURE__ */ jsx(Loader, { size: loaderSize }) }),
+    /* @__PURE__ */ jsx("div", { className: styles.loaderWrapperForm, style: opacitySyle, children })
+  ] });
+};
+export {
+  LoaderWrapper as L
+};

package/dist/{ManageIndividualComponent-BFAx_t4E.js → ManageIndividualComponent-B0Lb8ovG.js}

@@ -2,16 +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] = "04465664-272c-4f4a-a3fd-679d06b2a430", e._sentryDebugIdIdentifier = "sentry-dbid-04465664-272c-4f4a-a3fd-679d06b2a430");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "02eeff79-39a4-4129-bb9b-871dbd6e19ee", e._sentryDebugIdIdentifier = "sentry-dbid-02eeff79-39a4-4129-bb9b-871dbd6e19ee");
   } catch (e) {
   }
 }
 ;
-import { u as useTranslation, b as useApiContext, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, c as useLegalEntity, R as ROOT_LE } from "./StoreProvider-1OKeIzng.js";
+import { u as useTranslation, b as useApiContext, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, c as useLegalEntity, R as ROOT_LE } from "./StoreProvider-W47xsQUu.js";
 import { jsx } from "preact/jsx-runtime";
-import { u as useOnboardingStatus } from "./useOnboardingStatus-Bduco7xn.js";
+import { u as useOnboardingStatus } from "./useOnboardingStatus-CvGvC8eS.js";
 import { O as OnboardingStatuses } from "./view-verification-status-VFcBydkR.js";
-import { E as EmbeddedStatus } from "./EmbeddedStatus-8nXzhxZ-.js";
+import { E as EmbeddedStatus } from "./EmbeddedStatus-DJ8acbqR.js";
 function ManageIndividualComponent({
   legalEntityId,
   onClick
@@ -20,7 +20,7 @@ function ManageIndividualComponent({
   const { rootLegalEntityId: currentLegalEntityId } = useApiContext();
   currentLegalEntityId.value = legalEntityId;
   addResourceBundles(i18n, [
-    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/bg-BG.json": () => import("./bg-BG-DVjwfSz4.js"), "../../../language/locales/cs-CZ.json": () => import("./cs-CZ-CLY9qYTs.js"), "../../../language/locales/da-DK.json": () => import("./da-DK-uHPPFvD-.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-SMf6w4NJ.js"), "../../../language/locales/el-GR.json": () => import("./el-GR-wv99Y9Yf.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-1OKeIzng.js").then((n) => n.bN), "../../../language/locales/es-ES.json": () => import("./es-ES-BqpvBqmR.js"), "../../../language/locales/et-EE.json": () => import("./et-EE-CAuCY0qn.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-DPegZzTc.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-BPGwsLDa.js"), "../../../language/locales/hr-HR.json": () => import("./hr-HR-DdqNL1pQ.js"), "../../../language/locales/hu-HU.json": () => import("./hu-HU-C1LJENXO.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-B1eJg9RL.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-PnqAHl14.js"), "../../../language/locales/lt-LT.json": () => import("./lt-LT-BmRnIfWs.js"), "../../../language/locales/lv-LV.json": () => import("./lv-LV-CX9j9Dtv.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-cVVIDG7s.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-C_tmZ39d.js"), "../../../language/locales/pl-PL.json": () => import("./pl-PL-DFZFSKZX.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-CMiGlY3k.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-DmdQxN_1.js"), "../../../language/locales/ro-RO.json": () => import("./ro-RO-B0slmyWK.js"), "../../../language/locales/sk-SK.json": () => import("./sk-SK-BptPuon4.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-C3nGkfNb.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-CXn28ybc.js") }), `../../../language/locales/${lang}.json`, 6) }
+    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/bg-BG.json": () => import("./bg-BG-DVjwfSz4.js"), "../../../language/locales/cs-CZ.json": () => import("./cs-CZ-CLY9qYTs.js"), "../../../language/locales/da-DK.json": () => import("./da-DK-uHPPFvD-.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-SMf6w4NJ.js"), "../../../language/locales/el-GR.json": () => import("./el-GR-wv99Y9Yf.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-W47xsQUu.js").then((n) => n.bN), "../../../language/locales/es-ES.json": () => import("./es-ES-BqpvBqmR.js"), "../../../language/locales/et-EE.json": () => import("./et-EE-CAuCY0qn.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-DPegZzTc.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-BPGwsLDa.js"), "../../../language/locales/hr-HR.json": () => import("./hr-HR-DdqNL1pQ.js"), "../../../language/locales/hu-HU.json": () => import("./hu-HU-C1LJENXO.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-B1eJg9RL.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-PnqAHl14.js"), "../../../language/locales/lt-LT.json": () => import("./lt-LT-BmRnIfWs.js"), "../../../language/locales/lv-LV.json": () => import("./lv-LV-CX9j9Dtv.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-cVVIDG7s.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-C_tmZ39d.js"), "../../../language/locales/pl-PL.json": () => import("./pl-PL-DFZFSKZX.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-CMiGlY3k.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-DmdQxN_1.js"), "../../../language/locales/ro-RO.json": () => import("./ro-RO-B0slmyWK.js"), "../../../language/locales/sk-SK.json": () => import("./sk-SK-BptPuon4.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-C3nGkfNb.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-CXn28ybc.js") }), `../../../language/locales/${lang}.json`, 6) }
   ]);
   const { data: legalEntityData } = useLegalEntity(ROOT_LE);
   const { isPending, data: onboardingStatusData } = useOnboardingStatus({