@adyen/kyc-components 4.23.0 → 4.24.0-beta.0

package/dist/PayoutDetailsPage-KNHCeXgk.js

@@ -0,0 +1,69 @@
+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] = "4a907891-8ed4-4780-b47c-ec302f98d919", e._sentryDebugIdIdentifier = "sentry-dbid-4a907891-8ed4-4780-b47c-ec302f98d919");
+} catch (e) {}
+import { n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
+import { t as Loader } from "./Loader-BVtlpTeo.js";
+import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-DHA8TJeV.js";
+import { t as _rolldown_dynamic_import_helper_default } from "./_rolldown_dynamic_import_helper-sGNwd-kR.js";
+import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-Bn6dXidE.js";
+import { t as useNavigate } from "./useNavigate-CO1Mcekp.js";
+import { t as PayoutDetailsDropin } from "./PayoutDetailsDropin-LKMpfono.js";
+import { jsx } from "preact/jsx-runtime";
+import { useParams } from "wouter-preact";
+//#region src/components/BankAccount/pages/PayoutDetailsPage.tsx
+function PayoutDetailsPage({ transferInstrumentId: transferInstrumentIdProp, setTransferInstrumentId: setTransferInstrumentIdProp, taskType, openBankingPartnerConfigId, onSubmit, handleHomeClick }) {
+	const routeParams = useParams();
+	const navigate = useNavigate();
+	const transferInstrumentId = transferInstrumentIdProp ?? routeParams.transferInstrumentId;
+	const setTransferInstrumentId = setTransferInstrumentIdProp ?? ((id) => navigate.replace(taskType, { transferInstrumentId: id }));
+	const { i18n } = useTranslation();
+	const { data: rootLe } = useLegalEntity(ROOT_LE);
+	const capabilityProblems = useCapabilityProblems();
+	addResourceBundles(i18n, [{
+		ns: "banking",
+		importFn: (lang) => _rolldown_dynamic_import_helper_default(/* #__PURE__ */ Object.assign({
+			"../language/bg-BG.json": () => import("./bg-BG-B0Ia8sQm.js"),
+			"../language/cs-CZ.json": () => import("./cs-CZ-CHMQYoMF.js"),
+			"../language/da-DK.json": () => import("./da-DK-BvT8Ob4A.js"),
+			"../language/de-DE.json": () => import("./de-DE-Cn866nnd.js"),
+			"../language/el-GR.json": () => import("./el-GR-D9PjIB9j.js"),
+			"../language/en-US.instructions.json": () => import("./en-US.instructions-CksZ4E5j.js"),
+			"../language/en-US.json": () => import("./en-US-tFsDZf7y.js"),
+			"../language/es-ES.json": () => import("./es-ES-DdrA8McY.js"),
+			"../language/es-LA.json": () => import("./es-LA-3WgncmHx.js"),
+			"../language/et-EE.json": () => import("./et-EE-BXY66vAz.js"),
+			"../language/fi-FI.json": () => import("./fi-FI-B-eTv4bG.js"),
+			"../language/fr-FR.json": () => import("./fr-FR-C1xYwHeC.js"),
+			"../language/hr-HR.json": () => import("./hr-HR-Ct_41fWV.js"),
+			"../language/hu-HU.json": () => import("./hu-HU-CgJ_F3l2.js"),
+			"../language/it-IT.json": () => import("./it-IT-DfGdOsTs.js"),
+			"../language/ja-JP.json": () => import("./ja-JP-Ct54-uwM.js"),
+			"../language/lt-LT.json": () => import("./lt-LT-DQp7UGdC.js"),
+			"../language/lv-LV.json": () => import("./lv-LV-cKvnQI3j.js"),
+			"../language/nl-NL.json": () => import("./nl-NL-B_MaTF5h.js"),
+			"../language/no-NO.json": () => import("./no-NO-oL1v_O9N.js"),
+			"../language/pl-PL.json": () => import("./pl-PL-B5PBixAB.js"),
+			"../language/pt-BR.json": () => import("./pt-BR-B_XHiDCU.js"),
+			"../language/pt-PT.json": () => import("./pt-PT-B17is9TY.js"),
+			"../language/ro-RO.json": () => import("./ro-RO-W1t7Mnbn.js"),
+			"../language/sk-SK.json": () => import("./sk-SK-C9CiQLgt.js"),
+			"../language/sl-SI.json": () => import("./sl-SI-DmYiMn91.js"),
+			"../language/sv-SE.json": () => import("./sv-SE-Dq6oK7B5.js")
+		}), `../language/${lang}.json`, 3)
+	}]);
+	if (!rootLe) return /* @__PURE__ */ jsx(Loader, {});
+	return /* @__PURE__ */ jsx(PayoutDetailsDropin, {
+		taskType,
+		currentTransferInstrumentId: transferInstrumentId,
+		setCurrentTransferInstrumentId: setTransferInstrumentId,
+		legalEntityResponse: rootLe,
+		problems: capabilityProblems && transferInstrumentId ? getProblemsForEntity(capabilityProblems, "BankAccount", transferInstrumentId) : void 0,
+		onSubmit,
+		handleHomeClick,
+		navigateBackToTaskList: handleHomeClick,
+		openBankingPartnerConfigId
+	});
+}
+//#endregion
+export { PayoutDetailsPage };

package/dist/ProgressBar-DWFxLMUA.js

@@ -0,0 +1,38 @@
+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] = "2c80bee8-f414-4e51-8664-e941b716fd73", e._sentryDebugIdIdentifier = "sentry-dbid-2c80bee8-f414-4e51-8664-e941b716fd73");
+} catch (e) {}
+import cx from "classnames";
+import { jsx, jsxs } from "preact/jsx-runtime";
+var ProgressBar_module_default = {
+	"progress-bar": "_progress-bar_1d5l3_1",
+	progressBar: "_progress-bar_1d5l3_1",
+	"progress-bar-rounded": "_progress-bar-rounded_1d5l3_8",
+	progressBarRounded: "_progress-bar-rounded_1d5l3_8",
+	"progress-bar-indicator": "_progress-bar-indicator_1d5l3_12",
+	progressBarIndicator: "_progress-bar-indicator_1d5l3_12"
+};
+//#endregion
+//#region src/components/ui/atoms/ProgressBar/ProgressBar.tsx
+var ProgressBar = ({ progress, ariaLabel, rounded = false }) => {
+	const clamp = (value) => {
+		return Math.min(Math.max(value, 0), 100);
+	};
+	const clampedProgress = clamp(progress);
+	const cssWidth = `${clampedProgress}%`;
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(ProgressBar_module_default.progressBar, { [ProgressBar_module_default.progressBarRounded]: rounded }),
+		role: "progressbar",
+		"aria-label": ariaLabel,
+		"aria-valuenow": clampedProgress,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: ProgressBar_module_default.progressBarIndicator,
+			style: { width: cssWidth },
+			children: [progress, "%"]
+		})
+	});
+};
+//#endregion
+export { ProgressBar as t };

package/dist/RadioGroup-Bf3DlQnZ.js

@@ -0,0 +1,47 @@
+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] = "0ba9f1b1-7e8e-4c71-8c1a-fff4253bd499", e._sentryDebugIdIdentifier = "sentry-dbid-0ba9f1b1-7e8e-4c71-8c1a-fff4253bd499");
+} catch (e) {}
+import { r as useTranslation } from "./translation-DbATp_35.js";
+import { t as useAnalyticsContext } from "./useAnalyticsContext-gSnRnYgV.js";
+import { t as RadioWithLabel } from "./RadioWithLabel-DQIOEYpF.js";
+import cx from "classnames";
+import { jsx } from "preact/jsx-runtime";
+//#region src/components/ui/atoms/RadioGroup/RadioGroup.tsx
+function RadioGroup({ items, name, onChange, value, disabled = false, horizontal = false, showContentOnlyOnSelected = false, className, enableTracking = false }) {
+	const { t, i18n } = useTranslation("common");
+	const userEvents = useAnalyticsContext();
+	const handleChange = (id) => {
+		if (enableTracking) userEvents.addFieldEvent("Interacted with form field", {
+			actionType: "input",
+			field: name,
+			returnValue: value
+		});
+		onChange(id);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cx([
+			"adyen-kyc-radio-group",
+			{ "adyen-kyc-radio-group--horizontal": horizontal },
+			className
+		]),
+		children: items.map((item) => {
+			const isSelected = item.id === value;
+			const visibleContent = isSelected || !showContentOnlyOnSelected ? item.content : void 0;
+			const keyExists = i18n.exists?.(item.name, { ns: "common" });
+			return /* @__PURE__ */ jsx(RadioWithLabel, {
+				value: item.id,
+				label: keyExists ? t(($) => $[item.name]) : item.name,
+				content: visibleContent,
+				groupName: name,
+				checked: isSelected,
+				disabled,
+				onClick: () => {
+					handleChange(item.id);
+				}
+			}, item.id);
+		})
+	});
+}
+//#endregion
+export { RadioGroup as t };

package/dist/RadioWithLabel-DQIOEYpF.js

@@ -0,0 +1,45 @@
+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] = "da9656c0-5ff7-4853-a45f-b689049e7911", e._sentryDebugIdIdentifier = "sentry-dbid-da9656c0-5ff7-4853-a45f-b689049e7911");
+} catch (e) {}
+import { t as useId } from "./useId-BkDhUta2.js";
+import cx from "classnames";
+import { jsx, jsxs } from "preact/jsx-runtime";
+//#region src/components/ui/atoms/Radio/Radio.tsx
+var Radio = ({ id, value, groupName, checked = false, disabled = false, onClick, className, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy }) => /* @__PURE__ */ jsx("input", {
+	"aria-labelledby": ariaLabelledBy,
+	"aria-describedby": ariaDescribedBy,
+	className: cx(["adyen-kyc-input-radio adyen-kyc-input-radio__input", className]),
+	id,
+	type: "radio",
+	checked,
+	name: groupName,
+	onClick,
+	value,
+	disabled
+});
+//#endregion
+//#region src/components/ui/atoms/RadioWithLabel/RadioWithLabel.tsx
+var RadioWithLabel = ({ value, label, content, groupName, checked = false, disabled = false, onClick }) => {
+	const id = useId("radio");
+	return /* @__PURE__ */ jsxs("label", {
+		htmlFor: id,
+		className: "adyen-kyc-input-radio",
+		children: [/* @__PURE__ */ jsx(Radio, {
+			id,
+			checked,
+			groupName,
+			onClick,
+			value,
+			disabled
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "adyen-kyc-input-radio__content",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "adyen-kyc-input-radio__label adyen-kyc-label__text",
+				children: label
+			}), content]
+		})]
+	});
+};
+//#endregion
+export { RadioWithLabel as t };

package/dist/Review-CS_-zAlg.js

@@ -0,0 +1,99 @@
+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] = "32b8035d-f352-4893-ab89-25a04d0da184", e._sentryDebugIdIdentifier = "sentry-dbid-32b8035d-f352-4893-ab89-25a04d0da184");
+} catch (e) {}
+import { r as useTranslation } from "./translation-DbATp_35.js";
+import { t as Button } from "./Button-DPJ1k02w.js";
+import { r as httpPost, s as useApiContext } from "./http-fdIO--pH.js";
+import { t as Header } from "./Header-DVLlJ6we.js";
+import { t as useToastContext } from "./useToastContext-B6Mqc2HY.js";
+import { t as LoaderWrapper } from "./LoaderWrapper-Dc88hY-P.js";
+import { t as Checkbox } from "./Checkbox-qfdF12cF.js";
+import { t as Spacer } from "./Spacer-CEHRO4Ml.js";
+import { useState } from "preact/hooks";
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { useMutation } from "@tanstack/preact-query";
+//#region src/api/legalEntity/useConfirmReview.ts
+var confirmReview = async (legalEntityId, baseUrl) => {
+	return httpPost({
+		baseUrl,
+		path: `legalEntities/${legalEntityId}/confirmDataReview`
+	});
+};
+var useConfirmReview = (options) => {
+	const { rootLegalEntityId, baseUrl } = useApiContext();
+	return useMutation({
+		mutationFn: () => {
+			return confirmReview(rootLegalEntityId.value, baseUrl.value);
+		},
+		...options
+	});
+};
+//#endregion
+//#region src/components/Shared/tasks/Review/Review.tsx
+function Review({ handleHomeClick }) {
+	const { t } = useTranslation("common");
+	const [loadingStatus, setLoadingStatus] = useState();
+	const { showToast } = useToastContext();
+	const [hasConfirmed, setHasConfirmed] = useState(false);
+	const content = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(LoaderWrapper, {
+		status: loadingStatus,
+		formOpacityWhenLoading: .3,
+		showSpinner: false,
+		children: [
+			/* @__PURE__ */ jsx(Header, { title: t(($) => $["submitReviewOfYourData"]) }),
+			/* @__PURE__ */ jsx("span", { children: t(($) => $["pleaseNote"]) }),
+			/* @__PURE__ */ jsx("br", {}),
+			/* @__PURE__ */ jsx("br", {}),
+			/* @__PURE__ */ jsx(Checkbox, {
+				id: "review-checkbox",
+				checked: hasConfirmed,
+				onChange: setHasConfirmed,
+				label: t(($) => $["byClickingSubmitReview"]),
+				name: "confirmReviewData"
+			})
+		]
+	}) });
+	const { mutateAsync: confirmReview } = useConfirmReview();
+	const onConfirmClick = async () => {
+		try {
+			setLoadingStatus("loading");
+			await confirmReview();
+			setLoadingStatus("success");
+			showToast({
+				label: t(($) => $["submitSuccessful"]),
+				variant: "success"
+			});
+			handleHomeClick();
+		} catch {
+			showToast({
+				label: t(($) => $["submitFailed"]),
+				variant: "error"
+			});
+		} finally {
+			setLoadingStatus("success");
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", { children: [
+		content,
+		" ",
+		/* @__PURE__ */ jsxs("div", {
+			class: "u-display-flex u-margin-top-48",
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					onClick: handleHomeClick,
+					children: t(($) => $["goToOverview"])
+				}),
+				/* @__PURE__ */ jsx(Spacer, {}),
+				/* @__PURE__ */ jsx(Button, {
+					onClick: onConfirmClick,
+					disabled: !hasConfirmed,
+					children: t(($) => $["submitReview"])
+				})
+			]
+		})
+	] });
+}
+//#endregion
+export { Review };

package/dist/RootBusinessDetailsPage-1z2_FAb6.js

@@ -0,0 +1,67 @@
+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] = "8dd01e87-887f-4682-b30c-af9ab5e58a82", e._sentryDebugIdIdentifier = "sentry-dbid-8dd01e87-887f-4682-b30c-af9ab5e58a82");
+} catch (e) {}
+import { n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
+import { t as Loader } from "./Loader-BVtlpTeo.js";
+import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BK-HHa65.js";
+import { t as _rolldown_dynamic_import_helper_default } from "./_rolldown_dynamic_import_helper-sGNwd-kR.js";
+import { t as TaskTypes } from "./taskTypes-3vSkMBDm.js";
+import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-Bn6dXidE.js";
+import { t as filterProblemsByTaskForms } from "./filterProblemsByTaskForms-DaJ3LZ2L.js";
+import { n as getForms, r as BusinessDetailsDropin, t as useBusinessDetailsData } from "./useBusinessDetailsData-DFU0dLxw.js";
+import { jsx } from "preact/jsx-runtime";
+//#region src/components/Business/pages/RootBusinessDetailsPage.tsx
+var RootBusinessDetailsPage = ({ onSubmit, handleHomeClick }) => {
+	const { i18n } = useTranslation();
+	const capabilityProblems = useCapabilityProblems();
+	const taskType = TaskTypes.BUSINESS_DETAILS;
+	const { data, isLoading } = useBusinessDetailsData(taskType);
+	addResourceBundles(i18n, [{
+		ns: "business",
+		importFn: (lang) => _rolldown_dynamic_import_helper_default(/* #__PURE__ */ Object.assign({
+			"../language/bg-BG.json": () => import("./bg-BG-ivZjQNJZ.js"),
+			"../language/cs-CZ.json": () => import("./cs-CZ-NVntX32n.js"),
+			"../language/da-DK.json": () => import("./da-DK-BzBfkSME.js"),
+			"../language/de-DE.json": () => import("./de-DE-C9cUCFOi.js"),
+			"../language/el-GR.json": () => import("./el-GR-aelq5Q0a.js"),
+			"../language/en-US.json": () => import("./en-US-DPr5RN3e.js"),
+			"../language/es-ES.json": () => import("./es-ES-DhkTbihW.js"),
+			"../language/es-LA.json": () => import("./es-LA-JRuDva0n.js"),
+			"../language/et-EE.json": () => import("./et-EE-D8TSvkoE.js"),
+			"../language/fi-FI.json": () => import("./fi-FI-CClpbvJJ.js"),
+			"../language/fr-FR.json": () => import("./fr-FR-B-jA_cbo.js"),
+			"../language/hr-HR.json": () => import("./hr-HR-B6z7-PYE.js"),
+			"../language/hu-HU.json": () => import("./hu-HU-DXK7B0r_.js"),
+			"../language/it-IT.json": () => import("./it-IT-CQVFYSVx.js"),
+			"../language/ja-JP.json": () => import("./ja-JP-CtX9NZKD.js"),
+			"../language/lt-LT.json": () => import("./lt-LT-BUuouq_-.js"),
+			"../language/lv-LV.json": () => import("./lv-LV-BCXqSzkk.js"),
+			"../language/nl-NL.json": () => import("./nl-NL-DqGE4Nz5.js"),
+			"../language/no-NO.json": () => import("./no-NO-DdI2BI_e.js"),
+			"../language/pl-PL.json": () => import("./pl-PL-BCkw9R28.js"),
+			"../language/pt-BR.json": () => import("./pt-BR-vwt2tE7H.js"),
+			"../language/pt-PT.json": () => import("./pt-PT-DhF8wwYH.js"),
+			"../language/ro-RO.json": () => import("./ro-RO-DChAv29z.js"),
+			"../language/sk-SK.json": () => import("./sk-SK-CISCMQ2G.js"),
+			"../language/sl-SI.json": () => import("./sl-SI-DCMml0lX.js"),
+			"../language/sv-SE.json": () => import("./sv-SE-C9SgeFv6.js")
+		}), `../language/${lang}.json`, 3)
+	}]);
+	if (isLoading) return /* @__PURE__ */ jsx(Loader, {});
+	const { rootLe, efpBusinessLines, documents } = data;
+	const entityProblems = capabilityProblems ? getProblemsForEntity(capabilityProblems, "LegalEntity", rootLe.id) : void 0;
+	const country = getLegalEntityCountry(rootLe);
+	return /* @__PURE__ */ jsx(BusinessDetailsDropin, {
+		taskType,
+		legalEntityResponse: rootLe,
+		efpBusinessLines,
+		documents,
+		problems: filterProblemsByTaskForms(entityProblems, Object.keys(getForms(country))),
+		country,
+		onSubmit,
+		handleHomeClick
+	});
+};
+//#endregion
+export { RootBusinessDetailsPage };