@adyen/kyc-components 3.89.1 → 3.90.0

package/dist/{fieldConfigurations-Kb-fhpg7.js → Spacer-D-c-0ch_.js}

@@ -2,23 +2,23 @@
 {
   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] = "05a2ffef-a87c-4d54-9a03-709cef1e804e", e._sentryDebugIdIdentifier = "sentry-dbid-05a2ffef-a87c-4d54-9a03-709cef1e804e");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "59742e70-c34a-4423-94a6-f65d58d18a86", e._sentryDebugIdIdentifier = "sentry-dbid-59742e70-c34a-4423-94a6-f65d58d18a86");
   } catch (e) {
   }
 }
 ;
 import { useMemo, useState, useEffect, useCallback, useLayoutEffect, useRef } from "preact/hooks";
-import { c as useLegalEntity, R as ROOT_LE, Z as useExperimentsContext, aA as getCapabilityProblems, g as getLegalEntityCountry, aB as cloneObject, C as CountryCodes, aC as hasText, aD as isValidMinLength, aE as matchesRegex, W as isEmpty, aF as NO_ALPHABET_REGEX, aG as EMOJI_REGEX, aH as hasRepeatedCharacters, aI as isInvalidName, aJ as OTHER_ENTITIES_VALID_CHAR_REGEX, aK as LATIN_SPACE_MARK_PUNCTUATION_REGEX, aL as standardKatakanaValidator, aM as standardKanjiValidator, a0 as useAnalyticsContext, P as createLogger, u as useTranslation, az as StateContext, L as Loader, a3 as Icon, G as Typography, X as IconButton } from "./StoreProvider-BHckWEYg.js";
+import { c as useLegalEntity, R as ROOT_LE, X as useExperimentsContext, aA as getCapabilityProblems, g as getLegalEntityCountry, aB as cloneObject, C as CountryCodes, aC as hasText, aD as isValidMinLength, aE as matchesRegex, W as isEmpty, aF as NO_ALPHABET_REGEX, aG as EMOJI_REGEX, aH as hasRepeatedCharacters, aI as isInvalidName, aJ as OTHER_ENTITIES_VALID_CHAR_REGEX, aK as LATIN_SPACE_MARK_PUNCTUATION_REGEX, aL as standardKatakanaValidator, aM as standardKanjiValidator, a2 as useAnalyticsContext, P as createLogger, u as useTranslation, az as StateContext, L as Loader, a3 as Icon, G as Typography, Y as IconButton } from "./StoreProvider-D_0Pta7w.js";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { a as Alert } from "./Alert-Dr-PTLt5.js";
+import { a as Alert } from "./Alert-DlSROjS7.js";
 import cx from "classnames";
-import { a as debouncedInputEvent } from "./debouncedInputEvent-C-zXYOuE.js";
+import { a as debouncedInputEvent } from "./debouncedInputEvent-ZbuNEN6W.js";
 import { Suspense, lazy, forwardRef } from "preact/compat";
-import { b as useId } from "./useToastContext-5JlKjAbN.js";
-import { R as Radio } from "./CountryField-CJeBvrKJ.js";
-import { F as Field } from "./useForm-DzONzNQu.js";
-import { K as KEYBOARD_KEYS } from "./Modal-B-CzUny3.js";
-import { u as useForwardedRef, a as InputBase, I as InputText } from "./InputText-DmMvZip7.js";
+import { b as useId } from "./useToastContext-CqIJgGTa.js";
+import { R as Radio } from "./CountryField-BO-n2nAh.js";
+import { F as Field } from "./useForm-C261ZUdn.js";
+import { K as KEYBOARD_KEYS } from "./Modal-W8cfdxrr.js";
+import { u as useForwardedRef, a as InputBase, I as InputText } from "./InputText-DR70nC51.js";
 const useCapabilityProblems = () => {
   const { data: rootLegalEntity } = useLegalEntity(ROOT_LE);
   const { isExperimentEnabled } = useExperimentsContext();
@@ -151,7 +151,7 @@ const nonInputs = (str, options) => Array.from(str).map((char) => ({
   includeInValue: options?.includeInValue ?? false,
   displayEagerly: options?.displayEagerly ?? true
 }));
-const spacer = nonInputs(" ")[0];
+const spacer$1 = nonInputs(" ")[0];
 const alphaInputs = (length, optional = false) => makeArrayOfRepeatedObjects(length, { type: "input", allow: /[A-Za-z]/, optional });
 const numericInputs = (length, optional = false) => makeArrayOfRepeatedObjects(length, { type: "input", allow: /\d/, optional });
 const alphanumericInputs = (length, optional = false) => makeArrayOfRepeatedObjects(length, { type: "input", allow: /[\dA-Za-z]/, optional });
@@ -641,7 +641,7 @@ const RadioCard = ({
           ),
           footer && /* @__PURE__ */ jsx("div", { className: cx("adyen-kyc-radio-card__footer", classNames?.footer), children: footer })
         ] }),
-        loading ? /* @__PURE__ */ jsx("span", { className: "adyen-kyc-radio-card__loading-icon", children: /* @__PURE__ */ jsx(Loader, { size: "small", dot: true }) }) : /* @__PURE__ */ jsx(
+        loading ? /* @__PURE__ */ jsx("span", { className: "adyen-kyc-radio-card__loading-icon", children: /* @__PURE__ */ jsx(Loader, { size: "small" }) }) : /* @__PURE__ */ jsx(
           Radio,
           {
             id,
@@ -878,7 +878,7 @@ const InputEmail = forwardRef(
     const localRef = useForwardedRef(ref);
     const inputHandler = useCallback(
       (event) => {
-        const inputEl = event.target;
+        const inputEl = event.currentTarget;
         if (transformInput) {
           setCursorPosition(inputEl.selectionStart);
           const transformedInput = transformInput(inputEl.value);
@@ -916,7 +916,7 @@ const InputTelephone = forwardRef(
     const localRef = useForwardedRef(ref);
     const inputHandler = useCallback(
       (event) => {
-        const inputEl = event.target;
+        const inputEl = event.currentTarget;
         if (transformInput) {
           setCursorPosition(inputEl.selectionStart);
           const transformedInput = transformInput(inputEl.value);
@@ -940,7 +940,7 @@ const InputTelephone = forwardRef(
   }
 );
 const mismatch = "adyen-kyc-mismatch";
-const styles = {
+const styles$1 = {
   mismatch
 };
 const deriveInputState = (isValid, isFocused, isDisabled, isOptional, hasNullishValue, hasBlurred, errorMessage, shouldValidate, potentiallyMoreOptionalCharacters, formatGuidance, t) => {
@@ -1016,7 +1016,7 @@ const Inner = ({
           readonly,
           placeholder,
           value: displayValue,
-          className: showingMismatch ? styles.mismatch : void 0,
+          className: showingMismatch ? styles$1.mismatch : void 0,
           onInput,
           onPaste,
           onKeyDown,
@@ -1187,7 +1187,7 @@ const MaskedInput = ({
   }, [caretReturnPosition]);
   const handleInput = useCallback(
     (event) => {
-      const inputEl = event.target;
+      const inputEl = event.currentTarget;
       const newPureValue = displayValueToPure(inputEl.value);
       const newMaskResult = getMaskResult(newPureValue);
       const returnCaretLater = (offset = 0) => {
@@ -1233,9 +1233,13 @@ const MaskedInput = ({
       fieldOnBlur?.(event);
       const eventWithProcessedValue = {
         ...event,
+        currentTarget: {
+          ...event.currentTarget,
+          value: displayValueToPure(event.currentTarget.value)
+        },
         target: {
           ...event.target,
-          value: displayValueToPure(event.target.value)
+          value: displayValueToPure(event.currentTarget.value)
         }
       };
       onBlur?.(eventWithProcessedValue);
@@ -1247,7 +1251,7 @@ const MaskedInput = ({
   const handlePaste = useCallback(
     (event) => {
       const pasteValue = event.clipboardData?.getData("text/plain");
-      const inputEl = event.target;
+      const inputEl = event.currentTarget;
       const { selectionStart, selectionEnd } = inputEl;
       if (!pasteValue || !selectionStart || selectionStart !== selectionEnd) return;
       const pureDisplayValue = displayValueToPure(displayValue);
@@ -1274,7 +1278,7 @@ const MaskedInput = ({
   );
   const handleKeyDown = useCallback(
     (event) => {
-      const inputEl = event.target;
+      const inputEl = event.currentTarget;
       const isCaretAtEndWithNoSelection = inputEl.selectionStart === inputEl.value.length && inputEl.selectionStart === inputEl.selectionEnd;
       if (event.key !== KEYBOARD_KEYS.backspace || !isCaretAtEndWithNoSelection) return;
       event.preventDefault();
@@ -1368,8 +1372,14 @@ const resolveFieldMetadata = (countryEntry, params, defaultMetadata) => {
   }
   return defaultMetadata;
 };
+const spacer = "adyen-kyc-spacer";
+const styles = {
+  spacer
+};
+const Spacer = () => /* @__PURE__ */ jsx("div", { className: styles.spacer });
 export {
-  isValueObscured as A,
+  isNewlyUploadedFile as A,
+  isValueObscured as B,
   ContextGuidance as C,
   DropzoneFile as D,
   Image as I,
@@ -1379,8 +1389,8 @@ export {
   TrustedFieldsProviders as T,
   validateNotEmptyOnBlur as a,
   alphanumericInputs as b,
-  nonInputs as c,
-  alphaInputs as d,
+  alphaInputs as c,
+  nonInputs as d,
   validateLegalCompanyName as e,
   validateLatinSpaceMarkPunctuationOnlyOnBlur as f,
   validateJaKanaLegalCompanyName as g,
@@ -1395,12 +1405,12 @@ export {
   bytesToSize as p,
   DocumentGuidance as q,
   resolveFieldMetadata as r,
-  spacer as s,
+  spacer$1 as s,
   TextArea as t,
   uppercase as u,
   validatePatternOnBlur as v,
   getLocalizedIdDocumentTypeOptions as w,
   createFormRules as x,
   InputEmail as y,
-  isNewlyUploadedFile as z
+  Spacer as z
 };

package/dist/{StepProgressIndicator-yqQhirdb.js → StepProgressIndicator--8FNnauI.js}

@@ -9,7 +9,7 @@
 ;
 import { jsx } from "preact/jsx-runtime";
 import cx from "classnames";
-import { u as useTranslation, G as Typography } from "./StoreProvider-BHckWEYg.js";
+import { u as useTranslation, G as Typography } from "./StoreProvider-D_0Pta7w.js";
 const range = (stop, start = 0, step = 1) => Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step);
 const progressBar = "adyen-kyc-progress-bar";
 const progressBarThick = "adyen-kyc-progress-bar-thick";