@adyen/kyc-components 4.13.0 → 4.14.0-beta.1

package/dist/InputDate--h7l0kcO.js

@@ -1,52 +0,0 @@
-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] = "3904aed6-7045-4235-88c1-9ae68d054e16", e._sentryDebugIdIdentifier = "sentry-dbid-3904aed6-7045-4235-88c1-9ae68d054e16");
-} catch (e) {}
-import { r as InputBase } from "./InputText-BK_8YUd_.js";
-import { useMemo } from "preact/hooks";
-import { jsx } from "preact/jsx-runtime";
-//#region src/components/ui/molecules/InputDate/InputDate.utils.ts
-/**
-* Returns either the date input is supported or not in the current browser
-*/
-var checkDateInputSupport = () => {
-	const input = document.createElement("input");
-	input.setAttribute("type", "date");
-	return input.type === "date";
-};
-/**
-* Returns a formatted date
-* @param value -
-* @example
-* formatDate('22111990');
-* // '22/11/1990'
-*/
-var 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;
-};
-var formatDateObj = (date) => date.toJSON().slice(0, 10);
-//#endregion
-//#region src/components/ui/molecules/InputDate/InputDate.tsx
-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
-	});
-}
-//#endregion
-export { formatDateObj as n, InputDate as t };

package/dist/InputText-BK_8YUd_.js

@@ -1,119 +0,0 @@
-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] = "cb013245-beac-4fea-aa00-c8070f236a78", e._sentryDebugIdIdentifier = "sentry-dbid-cb013245-beac-4fea-aa00-c8070f236a78");
-} catch (e) {}
-import { t as useAnalyticsContext } from "./useAnalyticsContext-pNSIB8AZ.js";
-import { t as debouncedInputEvent } from "./debouncedInputEvent-CUZBv60e.js";
-import { forwardRef } from "preact/compat";
-import { useCallback as useCallback$1, useLayoutEffect, useRef as useRef$1, useState as useState$1 } from "preact/hooks";
-import cx from "classnames";
-import { jsx } from "preact/jsx-runtime";
-//#region src/components/ui/atoms/InputBase/InputBase.tsx
-var 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";
-//#endregion
-//#region src/utils/useForwardRef.ts
-var useForwardedRef = (forwardedRef) => {
-	const backupRef = useRef$1();
-	return forwardedRef ?? backupRef;
-};
-//#endregion
-//#region src/components/ui/molecules/InputText/InputText.tsx
-var InputText = forwardRef(({ onInput, onBlur, transformInput, transformMode, ...props }, ref) => {
-	const [cursorPosition, setCursorPosition] = useState$1(null);
-	const localRef = useForwardedRef(ref);
-	const inputHandler = useCallback$1((event) => {
-		const inputEl = event.currentTarget;
-		if (transformInput && (!transformMode || transformMode === "input")) {
-			setCursorPosition(inputEl.selectionStart);
-			const transformedInput = transformInput(inputEl.value);
-			onInput({
-				...event,
-				target: {
-					...event.target,
-					value: transformedInput
-				}
-			});
-		} else onInput(event);
-	}, [
-		transformInput,
-		transformMode,
-		onInput
-	]);
-	const blurHandler = useCallback$1((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"
-	});
-});
-//#endregion
-export { useForwardedRef as n, InputBase as r, InputText as t };

package/dist/Introduction-p7SxkPvq.js

@@ -1,325 +0,0 @@
-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] = "950a64ea-3d4d-4814-bcc3-bd4122478e8a", e._sentryDebugIdIdentifier = "sentry-dbid-950a64ea-3d4d-4814-bcc3-bd4122478e8a");
-} catch (e) {}
-import { n as addResourceBundles, r as useTranslation } from "./translation-BHUZ_WP7.js";
-import { r as Loader, t as Button } from "./Button-BxfzWsRl.js";
-import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-k2lxoMzW.js";
-import { t as LegalEntityTypes } from "./legal-entity-type-VIfNYnJP.js";
-import { t as _rolldown_dynamic_import_helper_default } from "./_rolldown_dynamic_import_helper-C4ugHLZT.js";
-import { t as TaskTypes } from "./taskTypes-CDFRB7A4.js";
-import { t as useAnalyticsContext } from "./useAnalyticsContext-pNSIB8AZ.js";
-import { n as useLegalEntityType, t as useCanSeeIntroduction } from "./useCanSeeIntroduction-C7a4t7HJ.js";
-import { t as useTaskLandedEvent } from "./useTaskLandedEvent-BdO8qSBg.js";
-import { useMemo } from "preact/compat";
-import { useEffect as useEffect$1, useState as useState$1 } from "preact/hooks";
-import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
-//#region src/components/Shared/Introduction/types.ts
-var IntroductionScreens = {
-	PROLOGUE: "PROLOGUE",
-	INDIVIDUAL: TaskTypes.INDIVIDUAL,
-	DECISION_MAKER: TaskTypes.DECISION_MAKER,
-	SOLE_PROPRIETOR_COMPANY: TaskTypes.SOLE_PROPRIETOR_COMPANY,
-	TRUST: TaskTypes.TRUST,
-	TRUST_MEMBER: TaskTypes.TRUST_MEMBER,
-	ACCOUNT: "ACCOUNT",
-	EPILOGUE: "EPILOGUE"
-};
-//#endregion
-//#region src/components/Shared/Introduction/constants.ts
-var introductionScreensByLegalEntityType = {
-	[LegalEntityTypes.INDIVIDUAL]: [
-		IntroductionScreens.PROLOGUE,
-		IntroductionScreens.INDIVIDUAL,
-		IntroductionScreens.ACCOUNT,
-		IntroductionScreens.EPILOGUE
-	],
-	[LegalEntityTypes.ORGANIZATION]: [
-		IntroductionScreens.PROLOGUE,
-		IntroductionScreens.DECISION_MAKER,
-		IntroductionScreens.ACCOUNT,
-		IntroductionScreens.EPILOGUE
-	],
-	[LegalEntityTypes.SOLE_PROPRIETORSHIP]: [
-		IntroductionScreens.PROLOGUE,
-		IntroductionScreens.INDIVIDUAL,
-		IntroductionScreens.SOLE_PROPRIETOR_COMPANY,
-		IntroductionScreens.ACCOUNT,
-		IntroductionScreens.EPILOGUE
-	],
-	[LegalEntityTypes.TRUST]: [
-		IntroductionScreens.PROLOGUE,
-		IntroductionScreens.INDIVIDUAL,
-		IntroductionScreens.DECISION_MAKER,
-		IntroductionScreens.TRUST,
-		IntroductionScreens.TRUST_MEMBER,
-		IntroductionScreens.ACCOUNT,
-		IntroductionScreens.EPILOGUE
-	],
-	[LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]: [
-		IntroductionScreens.PROLOGUE,
-		IntroductionScreens.INDIVIDUAL,
-		IntroductionScreens.DECISION_MAKER,
-		IntroductionScreens.TRUST,
-		IntroductionScreens.TRUST_MEMBER,
-		IntroductionScreens.ACCOUNT,
-		IntroductionScreens.EPILOGUE
-	]
-};
-//#endregion
-//#region src/hooks/introduction/useIntroductionScreens.ts
-var useIntroductionScreens = ({ legalEntity, tasks }) => {
-	const canSeeIntroduction = useCanSeeIntroduction({ legalEntity });
-	const legalEntityType = useLegalEntityType({ legalEntity });
-	const introductionScreens = useMemo(() => legalEntityType ? introductionScreensByLegalEntityType[legalEntityType].filter((screen) => {
-		const isAccountScreen = screen === IntroductionScreens.ACCOUNT;
-		const hasAccountTask = tasks.includes(TaskTypes.PAYIN) || tasks.includes(TaskTypes.PAYOUT);
-		const isSoleProprietorScreen = screen === IntroductionScreens.SOLE_PROPRIETOR_COMPANY;
-		const isSoleProprietor = legalEntityType === LegalEntityTypes.SOLE_PROPRIETORSHIP;
-		const isTrustScreen = screen === IntroductionScreens.TRUST || screen === IntroductionScreens.TRUST_MEMBER;
-		const isTrust = legalEntityType === LegalEntityTypes.TRUST;
-		if (isAccountScreen) return hasAccountTask;
-		if (isSoleProprietorScreen) return isSoleProprietor;
-		if (isTrustScreen) return isTrust;
-		return tasks.some((task) => screen === task);
-	}) : [], [legalEntityType, tasks]);
-	return canSeeIntroduction && introductionScreens?.length > 0 ? [
-		IntroductionScreens.PROLOGUE,
-		...introductionScreens,
-		IntroductionScreens.EPILOGUE
-	] : void 0;
-};
-//#endregion
-//#region src/utils/range.ts
-/**
-* Create a range of numbers
-* @param {number} start The first number in the range
-* @param {number} stop The last number in the range
-* @param {number} step The step between each number in the range
-* @returns {number[]} A range of numbers
-*/
-var range = (stop, start = 0, step = 1) => Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step);
-var Introduction_module_default = {
-	intro: "adyen-kyc-intro",
-	"intro-skip": "adyen-kyc-intro-skip",
-	introSkip: "adyen-kyc-intro-skip",
-	"intro-number": "adyen-kyc-intro-number",
-	introNumber: "adyen-kyc-intro-number",
-	"intro-title": "adyen-kyc-intro-title",
-	introTitle: "adyen-kyc-intro-title",
-	"intro-description": "adyen-kyc-intro-description",
-	introDescription: "adyen-kyc-intro-description",
-	"intro-nav": "adyen-kyc-intro-nav",
-	introNav: "adyen-kyc-intro-nav",
-	progress: "adyen-kyc-progress",
-	"progress-bar": "adyen-kyc-progress-bar",
-	progressBar: "adyen-kyc-progress-bar",
-	"progress-step": "adyen-kyc-progress-step",
-	progressStep: "adyen-kyc-progress-step",
-	"progress-step-active": "adyen-kyc-progress-step-active",
-	progressStepActive: "adyen-kyc-progress-step-active"
-};
-//#endregion
-//#region src/utils/toCapitalized.ts
-var toCapitalized = (s) => `${s[0].toUpperCase()}${s.slice(1).toLowerCase()}`;
-//#endregion
-//#region src/utils/toPascalCase.ts
-var toPascalCase = (s) => s.split(/[^A-Za-z]/).map((word) => toCapitalized(word)).join("");
-//#endregion
-//#region src/components/Shared/Introduction/copy.tsx
-var IntroductionScreenTranslationKeyElements = {
-	ListItem: "LI",
-	Paragraph: "P"
-};
-var getIntroductionScreenTranslationKeys = (factors, i18n) => {
-	const introductionStrings = i18n.getResourceBundle(i18n.language, "introduction");
-	if (!introductionStrings || !factors.legalEntityType) return;
-	const elForKey = (factors.elementType || "").toUpperCase();
-	const lForKey = toPascalCase(factors.legalEntityType || "");
-	const iForKey = toPascalCase(factors.introductionScreen);
-	const keyPrefix = `introductionScreen${iForKey}Description${elForKey}`;
-	const keyPrefixWithL = `introductionScreen${iForKey}${lForKey}Description${elForKey}`;
-	const keys = Object.keys(introductionStrings).filter((key) => key.startsWith(keyPrefix));
-	const keysWithL = Object.keys(introductionStrings).filter((key) => key.startsWith(keyPrefixWithL));
-	return (keysWithL.length ? keysWithL : keys).sort((a, b) => Number(a.at(-1)) - Number(b.at(-1)));
-};
-//#endregion
-//#region src/components/Shared/Introduction/IntroductionScreen.tsx
-var IntroductionScreen = ({ introductionScreen, legalEntity, number }) => {
-	const { t, i18n } = useTranslation("introduction");
-	const legalEntityType = useLegalEntityType({ legalEntity });
-	const paragraphKeys = getIntroductionScreenTranslationKeys({
-		introductionScreen,
-		legalEntityType,
-		elementType: IntroductionScreenTranslationKeyElements.Paragraph
-	}, i18n);
-	const listItemKeys = getIntroductionScreenTranslationKeys({
-		introductionScreen,
-		legalEntityType,
-		elementType: IntroductionScreenTranslationKeyElements.ListItem
-	}, i18n);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx("div", {
-			className: Introduction_module_default.introNumber,
-			children: number
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: Introduction_module_default.introTitle,
-			children: t(($) => $[`introductionScreen${toPascalCase(introductionScreen)}Title`])
-		}),
-		/* @__PURE__ */ jsxs("div", {
-			className: Introduction_module_default.introDescription,
-			children: [!!paragraphKeys?.length && paragraphKeys.map((key) => /* @__PURE__ */ jsx("p", { children: t(($) => $[key]) }, key)), !!listItemKeys?.length && /* @__PURE__ */ jsx("ul", { children: listItemKeys.map((key) => /* @__PURE__ */ jsx("li", { children: t(($) => $[key]) }, key)) })]
-		})
-	] });
-};
-//#endregion
-//#region src/components/Shared/Introduction/Introduction.tsx
-var StepProgressIndicator = ({ activeStepIndex, stepsCount }) => {
-	const { t } = useTranslation("ui");
-	return /* @__PURE__ */ jsx("div", {
-		"aria-label": t(($) => $["stepXofY"], {
-			currentStep: activeStepIndex,
-			totalSteps: stepsCount
-		}),
-		className: Introduction_module_default.progress,
-		role: "group",
-		children: /* @__PURE__ */ jsx("ol", {
-			className: Introduction_module_default.progressBar,
-			children: range(stepsCount).map((stepNumber) => /* @__PURE__ */ jsx("li", {
-				"aria-current": activeStepIndex === stepNumber ? "step" : void 0,
-				className: `${Introduction_module_default.progressStep}${activeStepIndex === stepNumber ? ` ${Introduction_module_default.progressStepActive}` : ""}`,
-				children: /* @__PURE__ */ jsx("span", {
-					className: "u-screen-reader-only",
-					children: t(($) => $["stepNumberStatus"], {
-						stepNumber,
-						status: t(($) => $[stepNumber < activeStepIndex ? "completed" : "notCompleted"])
-					})
-				})
-			}, stepNumber))
-		})
-	});
-};
-function Introduction({ onExitIntroduction, tasks }) {
-	const { data: rootLe, isLoading } = useLegalEntity(ROOT_LE);
-	const { i18n } = useTranslation();
-	addResourceBundles(i18n, [{
-		ns: "introduction",
-		importFn: (lang) => _rolldown_dynamic_import_helper_default(/* @__PURE__ */ Object.assign({
-			"../language/introduction/bg-BG.json": () => import("./bg-BG-B845EAcI.js"),
-			"../language/introduction/cs-CZ.json": () => import("./cs-CZ-Bl40lHzE.js"),
-			"../language/introduction/da-DK.json": () => import("./da-DK-CzFS-0y6.js"),
-			"../language/introduction/de-DE.json": () => import("./de-DE-CHdEma9v.js"),
-			"../language/introduction/el-GR.json": () => import("./el-GR-XuQDipDR.js"),
-			"../language/introduction/en-US.json": () => import("./en-US-DmDPhSJN.js"),
-			"../language/introduction/es-ES.json": () => import("./es-ES-DFYOkj68.js"),
-			"../language/introduction/et-EE.json": () => import("./et-EE-RpLsFwBS.js"),
-			"../language/introduction/fi-FI.json": () => import("./fi-FI-BhZIWccP.js"),
-			"../language/introduction/fr-FR.json": () => import("./fr-FR-CTaavJDz.js"),
-			"../language/introduction/hr-HR.json": () => import("./hr-HR-O1W0RKHg.js"),
-			"../language/introduction/hu-HU.json": () => import("./hu-HU-BzAy_OWc.js"),
-			"../language/introduction/it-IT.json": () => import("./it-IT-BxdBXweN.js"),
-			"../language/introduction/ja-JP.json": () => import("./ja-JP-DDT5jvAB.js"),
-			"../language/introduction/lt-LT.json": () => import("./lt-LT-QPJqX0US.js"),
-			"../language/introduction/lv-LV.json": () => import("./lv-LV-C9zoAq4h.js"),
-			"../language/introduction/nl-NL.json": () => import("./nl-NL-BXTbqvDG.js"),
-			"../language/introduction/no-NO.json": () => import("./no-NO-hgC3Li7e.js"),
-			"../language/introduction/pl-PL.json": () => import("./pl-PL-DDxFQhlh.js"),
-			"../language/introduction/pt-BR.json": () => import("./pt-BR-B5i0TdE9.js"),
-			"../language/introduction/pt-PT.json": () => import("./pt-PT-CI47ZET7.js"),
-			"../language/introduction/ro-RO.json": () => import("./ro-RO-C3g0pSKU.js"),
-			"../language/introduction/sk-SK.json": () => import("./sk-SK-BSv5VXox.js"),
-			"../language/introduction/sl-SI.json": () => import("./sl-SI-B-t1nY1x.js"),
-			"../language/introduction/sv-SE.json": () => import("./sv-SE-BOEa4u9p.js")
-		}), `../language/introduction/${lang}.json`, 4)
-	}]);
-	if (isLoading || !rootLe) return /* @__PURE__ */ jsx(Loader, { size: "large" });
-	return /* @__PURE__ */ jsx(IntroductionInner, {
-		legalEntity: rootLe,
-		onExitIntroduction,
-		tasks
-	});
-}
-var IntroductionInner = ({ legalEntity, onExitIntroduction, tasks }) => {
-	const { t } = useTranslation(["common", "introduction"]);
-	const userEvents = useAnalyticsContext();
-	const introductionScreens = useIntroductionScreens({
-		legalEntity,
-		tasks
-	});
-	const [activeIndex, setActiveIndex] = useState$1(0);
-	const pageEventDetails = { page: introductionScreens?.length ? introductionScreens[activeIndex] : void 0 };
-	/**
-	* Analytics
-	*/
-	useTaskLandedEvent("INTRODUCTION");
-	useEffect$1(() => {
-		if (!introductionScreens?.length) onExitIntroduction();
-	}, [introductionScreens, onExitIntroduction]);
-	return introductionScreens?.length ? /* @__PURE__ */ jsxs("div", {
-		className: Introduction_module_default.intro,
-		children: [
-			/* @__PURE__ */ jsx(StepProgressIndicator, {
-				activeStepIndex: activeIndex + 1,
-				stepsCount: introductionScreens.length
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: Introduction_module_default.introSkip,
-				children: /* @__PURE__ */ jsx(Button, {
-					onClick: () => {
-						userEvents.addPageEvent("Clicked button", {
-							...pageEventDetails,
-							actionType: "skip",
-							label: "goToOverviewFromIntroduction"
-						});
-						onExitIntroduction();
-					},
-					variant: "link",
-					children: t(($) => $["goToOverviewFromIntroduction"], { ns: "introduction" })
-				})
-			}),
-			/* @__PURE__ */ jsx(IntroductionScreen, {
-				introductionScreen: introductionScreens[activeIndex],
-				legalEntity,
-				number: activeIndex > 0 && activeIndex < introductionScreens.length - 1 ? activeIndex : void 0
-			}, introductionScreens[activeIndex]),
-			/* @__PURE__ */ jsxs("div", {
-				className: Introduction_module_default.introNav,
-				children: [/* @__PURE__ */ jsx(Button, {
-					disabled: activeIndex === 0,
-					onClick: () => {
-						userEvents.addPageEvent("Clicked button", {
-							...pageEventDetails,
-							actionType: "back",
-							label: "back"
-						});
-						setActiveIndex((currentValue) => currentValue - 1);
-					},
-					variant: "secondary",
-					children: t(($) => $["back"])
-				}), activeIndex + 1 === introductionScreens.length ? /* @__PURE__ */ jsx(Button, {
-					onClick: () => {
-						userEvents.addTaskEvent("Success", {
-							actionType: "submit",
-							label: "start"
-						});
-						onExitIntroduction();
-					},
-					children: t(($) => $["start"])
-				}) : /* @__PURE__ */ jsx(Button, {
-					onClick: () => {
-						userEvents.addPageEvent("Clicked button", {
-							...pageEventDetails,
-							actionType: "next",
-							label: "next"
-						});
-						setActiveIndex((currentValue) => currentValue + 1);
-					},
-					children: t(($) => $["continue"])
-				})]
-			})
-		]
-	}) : null;
-};
-//#endregion
-export { Introduction };