@adyen/kyc-components 4.18.1 → 4.19.0-beta.0

package/dist/Checkbox-CFN5ywvv.js

@@ -0,0 +1,108 @@
+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] = "94073604-d7b1-44c1-9b06-f6eb2c5e6b49", e._sentryDebugIdIdentifier = "sentry-dbid-94073604-d7b1-44c1-9b06-f6eb2c5e6b49");
+} catch (e) {}
+import { i as useAnalyticsContext } from "./Modal-BYdlsXkf.js";
+import { useCallback, useEffect, useRef } from "preact/hooks";
+import cx from "classnames";
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+//#region src/utils/debounce.ts
+/**
+* Returns a function that will only execute after no further calls have been made for a given time.
+*
+* **Note: functions returned by this are not suitable for use in components! For that, see {@link useDebouncedCallback}**.
+*
+* @param func the function to execute
+* @param wait the time to wait, in milliseconds
+*/
+var debounce = (func, wait) => {
+	let timerId;
+	let shouldInvoke;
+	return (...args) => {
+		shouldInvoke = true;
+		if (!timerId) {
+			func(...args);
+			shouldInvoke = false;
+		}
+		clearTimeout(timerId);
+		timerId = setTimeout(() => shouldInvoke && func(...args), wait);
+	};
+};
+/**
+* Returns a memoized function that will only execute after no further calls have been made for a given time.
+*
+* Callbacks returned by this method *are* safe to use within components, as their reference will be guaranteed stable.
+*
+* @param func the function to execute
+* @param wait the time to wait, in milliseconds
+*/
+var useDebouncedCallback = (func, wait) => {
+	const timeoutRef = useRef();
+	useEffect(() => {
+		return () => clearTimeout(timeoutRef.current);
+	}, []);
+	return useCallback((...args) => {
+		const later = () => {
+			clearTimeout(timeoutRef.current);
+			func(...args);
+		};
+		clearTimeout(timeoutRef.current);
+		timeoutRef.current = setTimeout(later, wait);
+	}, [func, wait]);
+};
+//#endregion
+//#region src/utils/analytics/debouncedInputEvent.ts
+var debouncedInputEvent = debounce((userEvents, properties) => userEvents.addFieldEvent("Interacted with form field", properties), 500);
+var Checkbox_module_default = {
+	input: "_input_1pgbk_1",
+	label: "_label_1pgbk_6",
+	invalid: "_invalid_1pgbk_34",
+	"helper-text": "_helper-text_1pgbk_118",
+	helperText: "_helper-text_1pgbk_118"
+};
+//#endregion
+//#region src/components/ui/atoms/Checkbox/Checkbox.tsx
+function Checkbox({ id, name, value, className, label, isInvalid, onChange, helper, checked, disabled, enableTracking = false, "aria-required": ariaRequired, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy }) {
+	const userEvents = useAnalyticsContext();
+	const handleChange = (newValue) => {
+		if (enableTracking) userEvents.addFieldEvent("Interacted with form field", {
+			actionType: "input",
+			field: name,
+			returnValue: String(newValue)
+		});
+		onChange(newValue);
+	};
+	const helperId = `${id}-helper`;
+	const ariaDescribedById = `${helper ? helperId : ""} ${ariaDescribedBy ?? ""}`.trim();
+	const inputClassname = cx(Checkbox_module_default.input, className, { [Checkbox_module_default.invalid]: isInvalid });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("input", {
+			id,
+			name,
+			value,
+			"aria-describedby": ariaDescribedById,
+			"aria-invalid": ariaInvalid || isInvalid,
+			"aria-required": ariaRequired,
+			disabled,
+			checked,
+			className: inputClassname,
+			type: "checkbox",
+			onClick: (event) => {
+				event.stopPropagation();
+				handleChange(!checked);
+			}
+		}),
+		/* @__PURE__ */ jsx("label", {
+			htmlFor: id,
+			className: Checkbox_module_default.label,
+			children: label
+		}),
+		helper && /* @__PURE__ */ jsx("span", {
+			id: helperId,
+			className: Checkbox_module_default.helperText,
+			children: helper
+		})
+	] });
+}
+//#endregion
+export { debouncedInputEvent as n, useDebouncedCallback as r, Checkbox as t };

package/dist/{CompanyRegistrationNumberTypeSelector-6xHWLs1p.js → CompanyRegistrationNumberTypeSelector-Dw2BkLur.js}

@@ -1,15 +1,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] = "83c84f6d-60fb-4852-a02f-b68976ee59ac", e._sentryDebugIdIdentifier = "sentry-dbid-83c84f6d-60fb-4852-a02f-b68976ee59ac");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "570ee455-48f4-4a47-ae35-ffe3b1667b1f", e._sentryDebugIdIdentifier = "sentry-dbid-570ee455-48f4-4a47-ae35-ffe3b1667b1f");
 } catch (e) {}
-import { r as useTranslation } from "./translation-BYvhW5zA.js";
+import { r as useTranslation } from "./translation-CcKrUksA.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
-import { c as CompanyTypesValues } from "./bafinUtils-CbfyDBkh.js";
-import { l as numericInputs, s as makeMask, u as spacer } from "./MaskedInput-C4s4LV8L.js";
-import { a as validateNotEmptyOnBlur, o as validatePatternOnBlur } from "./patternValidators-DVuOyW9t.js";
-import { M as businessRegistrationNumberMasks, N as stateFormatGuidanceText, j as businessRegistrationNumberPatterns } from "./utils-DL1Gw7UQ.js";
-import { t as Field } from "./Field-Dg-2A6bG.js";
-import { t as RadioGroup } from "./RadioGroup-Bt1Dv_S8.js";
+import { l as CompanyTypesValues } from "./bafinUtils-BnTI4Ice.js";
+import { r as Field } from "./Select-C2axJYZG.js";
+import { l as numericInputs, s as makeMask, u as spacer } from "./MaskedInput-BK38onJ9.js";
+import { a as validateNotEmptyOnBlur, o as validatePatternOnBlur } from "./patternValidators-BXreB-rx.js";
+import { M as businessRegistrationNumberMasks, N as stateFormatGuidanceText, j as businessRegistrationNumberPatterns } from "./utils-Bu9Q872y.js";
+import { t as RadioGroup } from "./RadioGroup-lkTq-fXj.js";
 import { useCallback, useEffect, useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
 //#region src/components/Shared/fields/BusinessRegistrationNumberField/fieldConfig.ts

package/dist/{ContactDetails-YmwbTqND.js → ContactDetails-Bi_d3c4V.js}

@@ -1,18 +1,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] = "afbd65dd-0102-47c8-800c-c92d3a0b7824", e._sentryDebugIdIdentifier = "sentry-dbid-afbd65dd-0102-47c8-800c-c92d3a0b7824");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7ca72cc9-e144-400b-9843-479a12fa7304", e._sentryDebugIdIdentifier = "sentry-dbid-7ca72cc9-e144-400b-9843-479a12fa7304");
 } catch (e) {}
-import { r as useTranslation } from "./translation-BYvhW5zA.js";
-import { C as useDataset, k as Header, nt as isEmpty, w as datasetIdentifier } from "./resolveEnvironment-t5oalzfF.js";
-import { r as httpPost, s as useApiContext } from "./http-8qgzqVqk.js";
+import { r as useTranslation } from "./translation-CcKrUksA.js";
+import { C as useDataset, k as Header, nt as isEmpty, w as datasetIdentifier } from "./resolveEnvironment-DEX5KqEv.js";
+import { r as httpPost, s as useApiContext } from "./http-CFac2y4i.js";
 import { s as entriesOf } from "./AnalyticsContext-BnRQ9H1u.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
-import { n as mergeFieldMetadataIntoProps, t as createFormUtils } from "./formUtils-BrLGUOLK.js";
-import { c as nonInputs, l as numericInputs, n as InputEmail, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-C4s4LV8L.js";
+import { r as Field, t as Select } from "./Select-C2axJYZG.js";
+import { b as createFormUtils, x as mergeFieldMetadataIntoProps } from "./CountryField-CEttz1qx.js";
+import { c as nonInputs, l as numericInputs, n as InputEmail, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-BK38onJ9.js";
 import { n as emailPattern } from "./basePatterns-plHFNzgJ.js";
 import { t as resolveFieldMetadata } from "./fieldConfigurations-CZCFghnK.js";
-import { t as Field } from "./Field-Dg-2A6bG.js";
-import { t as Select } from "./Select-D4oEtS2n.js";
 import { t as InputGroup } from "./InputGroup-B4U3QVEp.js";
 import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
 import { jsx, jsxs } from "preact/jsx-runtime";

package/dist/{ContextGuidance-5E-t22kR.js → ContextGuidance-D7YPJhH5.js}

@@ -2,8 +2,8 @@ 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] = "d5da8859-9632-4657-931c-9316f8fa78d1", e._sentryDebugIdIdentifier = "sentry-dbid-d5da8859-9632-4657-931c-9316f8fa78d1");
 } catch (e) {}
-import { x as Alert } from "./resolveEnvironment-t5oalzfF.js";
-import { i as useAnalyticsContext } from "./Modal-ByJare7m.js";
+import { x as Alert } from "./resolveEnvironment-DEX5KqEv.js";
+import { i as useAnalyticsContext } from "./Modal-BYdlsXkf.js";
 import { jsx } from "preact/jsx-runtime";
 //#region src/components/ui/molecules/ContextGuidance/ContextGuidance.tsx
 function ContextGuidance({ title, content, titleId, contentId, trackingParams }) {