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

package/dist/SignPCIComponent-tBnZMn1u.js

@@ -0,0 +1,373 @@
+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] = "2f3ebdde-d651-4e5c-a2d8-d988ed83f78e", e._sentryDebugIdIdentifier = "sentry-dbid-2f3ebdde-d651-4e5c-a2d8-d988ed83f78e");
+} catch (e) {}
+import { n as addResourceBundles, o as __exportAll, r as useTranslation } from "./translation-DbATp_35.js";
+import { t as Loader } from "./Loader-BVtlpTeo.js";
+import { t as Button } from "./Button-DPJ1k02w.js";
+import { r as httpPost, s as useApiContext } from "./http-fdIO--pH.js";
+import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-DHA8TJeV.js";
+import { y as isEmpty } from "./validatorUtils-D2O6AAZn.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 { r as getOwnDecisionMakers } from "./decisionMakerRoles-C6LMC4mh.js";
+import { t as useAnalyticsContext } from "./useAnalyticsContext-gSnRnYgV.js";
+import { n as usePciStatus, t as useSalesChannels } from "./useSalesChannels-bV9DgyLW.js";
+import { t as Card } from "./Card-BCGLpdw7.js";
+import { t as useToastContext } from "./useToastContext-B6Mqc2HY.js";
+import { t as EndStateLayout } from "./EndStateLayout-zZPm8S5M.js";
+import { t as useInvalidateRootLegalEntity } from "./invalidateRootLegalEntity-BHaVREw-.js";
+import { t as MaybeModal } from "./MaybeModal-C4ySaA8A.js";
+import { t as Field } from "./Field-DwDJQVSS.js";
+import { t as Select } from "./Select-phAxjMBQ.js";
+import { t as Checkbox } from "./Checkbox-qfdF12cF.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-DwZHcMEQ.js";
+import { t as useForm } from "./useForm-CWrbJG44.js";
+import { t as formatValidationError } from "./formatValidationError-q_w9DTrl.js";
+import { t as ContractViewer } from "./ContractViewer-CG9UNGz1.js";
+import { t as DetailViewLayout } from "./DetailViewLayout-DNCGEd7b.js";
+import { useCallback, useMemo, useState } from "preact/hooks";
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+import { useMutation, useQuery } from "@tanstack/preact-query";
+//#region src/api/pci/usePciTemplate.ts
+var getPciTemplate = async (legalEntityId, baseUrl, data) => {
+	const filteredData = {
+		...data,
+		additionalSalesChannels: data.additionalSalesChannels?.filter((channel) => channel !== "payByLink")
+	};
+	return httpPost({
+		baseUrl,
+		path: `legalEntities/${legalEntityId}/pci/generatePciTemplates`
+	}, filteredData);
+};
+var usePciTemplate = (data, options) => {
+	const { rootLegalEntityId, baseUrl } = useApiContext();
+	return useQuery({
+		queryKey: ["pciTemplate", data],
+		queryFn: () => getPciTemplate(rootLegalEntityId.value, baseUrl.value, data),
+		...options
+	});
+};
+//#endregion
+//#region src/api/pci/useSignPci.ts
+var signPci = async (legalEntityId, baseUrl, data) => {
+	return httpPost({
+		baseUrl,
+		path: `legalEntities/${legalEntityId}/pci/signPciTemplates`
+	}, data);
+};
+var useSignPci = (options) => {
+	const { rootLegalEntityId, baseUrl } = useApiContext();
+	const invalidateRootLegalEntity = useInvalidateRootLegalEntity();
+	return useMutation({
+		mutationFn: (data) => signPci(rootLegalEntityId.value, baseUrl.value, data),
+		onSuccess: async () => {
+			await invalidateRootLegalEntity();
+		},
+		...options
+	});
+};
+//#endregion
+//#region src/components/Contract/tasks/PciDropin/validate.ts
+var pciValidationRules = {
+	signer: {
+		modes: ["blur"],
+		validate: (signer) => !isEmpty(signer),
+		errorMessage: "fieldIsRequired"
+	},
+	acceptPci: {
+		modes: ["blur"],
+		validate: (acceptPci) => !!acceptPci,
+		errorMessage: "fieldIsRequired"
+	}
+};
+//#endregion
+//#region src/components/Contract/tasks/PciDropin/PciDropin.tsx
+var PciFields = ["signer", "acceptPci"];
+function PciDropin({ legalEntityResponse, pciTemplateResponse, handleHomeClick, handleSign, asModal = false, needsSigning = true, handleCloseClick }) {
+	const { t: contractT } = useTranslation("contract");
+	const { t: commonT } = useTranslation("common");
+	const userEvents = useAnalyticsContext();
+	const { showToast } = useToastContext();
+	const [isLoading, setIsLoading] = useState(false);
+	const { handleChangeFor, triggerValidation, data, valid, isValid, errors } = useForm({
+		schema: PciFields,
+		rules: pciValidationRules
+	});
+	const { pciTemplateReferences, content } = pciTemplateResponse;
+	const pciQuestionnaire = useMemo(() => JSON.parse(decodeURIComponent(escape(window.atob(content)))), [content]);
+	const uniqueEntityAssociations = [...new Map(getOwnDecisionMakers(legalEntityResponse).map((entityAssociation) => [entityAssociation.legalEntityId, entityAssociation])).values()];
+	const signers = legalEntityResponse.type === "organization" ? uniqueEntityAssociations.filter((ea) => Boolean(ea.legalEntityId && ea.name)).map(({ legalEntityId: id, name }) => ({
+		id,
+		name
+	})) : [{
+		id: legalEntityResponse.id,
+		name: `${legalEntityResponse.individual?.name.firstName ?? ""} ${legalEntityResponse.individual?.name.lastName ?? ""}`
+	}];
+	const handleSignClick = async () => {
+		if (isLoading) return;
+		const baseTracking = {
+			actionType: "sign",
+			label: "sign"
+		};
+		triggerValidation();
+		if (isValid) try {
+			setIsLoading(true);
+			await handleSign(legalEntityResponse.id, {
+				signedBy: data.signer,
+				pciTemplateReferences
+			});
+			setIsLoading(false);
+			showToast({
+				label: contractT(($) => $["pciSignedSuccessfully"]),
+				variant: "success"
+			});
+			userEvents.addTaskEvent("Success", baseTracking);
+			goHome();
+		} catch (e) {
+			setIsLoading(false);
+			showToast({
+				label: contractT(($) => $["signingFailed"]),
+				variant: "error"
+			});
+			userEvents.addTaskEvent("Encountered error", {
+				...baseTracking,
+				returnType: e?.errorCode || "backend",
+				returnValue: e?.title ?? e?.message
+			});
+		}
+		else userEvents.addTaskEvent("Encountered error", {
+			...baseTracking,
+			returnType: "validation",
+			returnValue: Object.entries(valid).filter(([, value]) => !value).map(([key]) => key)
+		});
+	};
+	const goHome = () => {
+		userEvents.addPageEvent("Clicked button", {
+			actionType: "back",
+			label: "finishLater"
+		});
+		handleHomeClick();
+	};
+	const handleExpandSection = useCallback((title) => {
+		userEvents.addFieldEvent("Clicked accordion", {
+			actionType: "open",
+			field: title
+		});
+	}, []);
+	/**
+	* Analytics
+	*/
+	useTaskLandedEvent("PCI_DSS");
+	const acceptPciLabel = `${contractT(($) => $["acknowledgePciRequirements"])} ${contractT(($) => $["basedOnTheAboveSignatory"])}`;
+	const actions = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+		onClick: handleSignClick,
+		fullWidth: true,
+		disabled: isLoading,
+		children: commonT(($) => $["sign"])
+	}), /* @__PURE__ */ jsx(Button, {
+		variant: "secondary",
+		onClick: goHome,
+		fullWidth: true,
+		children: commonT(($) => $["finishLater"])
+	})] });
+	return /* @__PURE__ */ jsx(MaybeModal, {
+		inline: !asModal,
+		onClose: handleCloseClick,
+		inset: true,
+		children: !needsSigning ? /* @__PURE__ */ jsx(EndStateLayout, {
+			title: commonT(($) => $["agreementSigned"]),
+			description: contractT(($) => $["pciDssSelfServiceQuestionnaireSignedSuccessfully"]),
+			action: handleCloseClick && /* @__PURE__ */ jsx(Button, {
+				onClick: handleCloseClick,
+				fullWidth: true,
+				children: commonT(($) => $["finish"])
+			})
+		}) : /* @__PURE__ */ jsxs(DetailViewLayout, {
+			title: contractT(($) => $["pciDssSelfServiceQuestionnaire"]),
+			compact: asModal,
+			actions,
+			children: [
+				/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(ContractViewer, {
+					contract: pciQuestionnaire,
+					onExpandSection: handleExpandSection
+				}) }),
+				/* @__PURE__ */ jsx(Field, {
+					name: "signer",
+					label: commonT(($) => $["signatory"]),
+					errorMessage: formatValidationError(errors.signer?.errorMessage, commonT),
+					isValid: valid.signer,
+					dataTestId: "signer",
+					children: (childProps) => /* @__PURE__ */ jsx(Select, {
+						...childProps,
+						onChange: handleChangeFor("signer", "blur"),
+						name: "signer",
+						placeholder: contractT(($) => $["selectSigner"]),
+						selected: data.signer,
+						items: signers
+					})
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					name: "acceptPci",
+					errorMessage: formatValidationError(errors.acceptPci?.errorMessage, commonT),
+					isValid: valid.acceptPci,
+					showErrorIconBottom: true,
+					children: (childProps) => /* @__PURE__ */ jsx(Checkbox, {
+						...childProps,
+						label: acceptPciLabel,
+						checked: data.acceptPci ?? false,
+						name: "acceptPci",
+						onChange: handleChangeFor("acceptPci")
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/EmbeddedDropins/SignPCIComponent/SignPCIComponent.tsx
+var SignPCIComponent_exports = /* @__PURE__ */ __exportAll({ SignPCIComponent: () => SignPCIComponent });
+function SignPCIComponent({ modalView = false, onClose, onSigned, onUnmount, selectedSalesChannels }) {
+	const additionalSalesChannels = useSalesChannels();
+	const { t, i18n } = useTranslation(["contract", "common"]);
+	addResourceBundles(i18n, [
+		{
+			ns: "common",
+			importFn: (lang) => _rolldown_dynamic_import_helper_default(/* #__PURE__ */ Object.assign({
+				"../../../language/locales/bg-BG.json": () => import("./bg-BG-DqfAUTUt.js"),
+				"../../../language/locales/cs-CZ.json": () => import("./cs-CZ-BwO4yrI4.js"),
+				"../../../language/locales/da-DK.json": () => import("./da-DK-CE7jnGea.js"),
+				"../../../language/locales/de-DE.json": () => import("./de-DE-DKkoZQ0X.js"),
+				"../../../language/locales/el-GR.json": () => import("./el-GR-Cvms0L4K.js"),
+				"../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-BVNIyLRs.js"),
+				"../../../language/locales/en-US.json": () => import("./en-US-U0d3NI20.js"),
+				"../../../language/locales/es-ES.json": () => import("./es-ES-BQrdtEfn.js"),
+				"../../../language/locales/es-LA.json": () => import("./es-LA-BxtxM3Ty.js"),
+				"../../../language/locales/et-EE.json": () => import("./et-EE-V-YOCgoh.js"),
+				"../../../language/locales/fi-FI.json": () => import("./fi-FI-CVBmM-U1.js"),
+				"../../../language/locales/fr-FR.json": () => import("./fr-FR-BIyJL6Jj.js"),
+				"../../../language/locales/hr-HR.json": () => import("./hr-HR-BOYktLQ2.js"),
+				"../../../language/locales/hu-HU.json": () => import("./hu-HU-CO_7jvk9.js"),
+				"../../../language/locales/it-IT.json": () => import("./it-IT-CNr6PIu3.js"),
+				"../../../language/locales/ja-JP.json": () => import("./ja-JP-DAClbueM.js"),
+				"../../../language/locales/lt-LT.json": () => import("./lt-LT-DoYCfhZU.js"),
+				"../../../language/locales/lv-LV.json": () => import("./lv-LV-BW0BscAd.js"),
+				"../../../language/locales/nl-NL.json": () => import("./nl-NL-DR5SCDAF.js"),
+				"../../../language/locales/no-NO.json": () => import("./no-NO-P8SZ1t-h.js"),
+				"../../../language/locales/pl-PL.json": () => import("./pl-PL-BY6KUTBO.js"),
+				"../../../language/locales/pt-BR.json": () => import("./pt-BR-CrLCMcSz2.js"),
+				"../../../language/locales/pt-PT.json": () => import("./pt-PT-DDYnXawl.js"),
+				"../../../language/locales/ro-RO.json": () => import("./ro-RO-BA5GhaCE.js"),
+				"../../../language/locales/sk-SK.json": () => import("./sk-SK-BeNF_m_j.js"),
+				"../../../language/locales/sl-SI.json": () => import("./sl-SI-Bxu4m_5e.js"),
+				"../../../language/locales/sv-SE.json": () => import("./sv-SE-B-CXDaXM.js")
+			}), `../../../language/locales/${lang}.json`, 6)
+		},
+		{
+			ns: "ui",
+			importFn: (lang) => _rolldown_dynamic_import_helper_default(/* #__PURE__ */ Object.assign({
+				"../../ui/language/bg-BG.json": () => import("./bg-BG-CzXoDIev.js"),
+				"../../ui/language/cs-CZ.json": () => import("./cs-CZ-JUprtMsH.js"),
+				"../../ui/language/da-DK.json": () => import("./da-DK-D2RrHm98.js"),
+				"../../ui/language/de-DE.json": () => import("./de-DE-o8i-cfnA.js"),
+				"../../ui/language/el-GR.json": () => import("./el-GR-BAhj1djs.js"),
+				"../../ui/language/en-US.json": () => import("./en-US-COWs58AF.js"),
+				"../../ui/language/es-ES.json": () => import("./es-ES-BNjxmV8Q.js"),
+				"../../ui/language/es-LA.json": () => import("./es-LA-BIPVrwXX.js"),
+				"../../ui/language/et-EE.json": () => import("./et-EE-Dl6n-Am8.js"),
+				"../../ui/language/fi-FI.json": () => import("./fi-FI-T33BAikx.js"),
+				"../../ui/language/fr-FR.json": () => import("./fr-FR-CRO4taJU.js"),
+				"../../ui/language/hr-HR.json": () => import("./hr-HR-CbEXwWeO.js"),
+				"../../ui/language/hu-HU.json": () => import("./hu-HU-B9JCbRow.js"),
+				"../../ui/language/it-IT.json": () => import("./it-IT-DE_Dkl_X.js"),
+				"../../ui/language/ja-JP.json": () => import("./ja-JP-BaD-vLXo.js"),
+				"../../ui/language/lt-LT.json": () => import("./lt-LT-5OY6az4F.js"),
+				"../../ui/language/lv-LV.json": () => import("./lv-LV-DjAUG4pi.js"),
+				"../../ui/language/nl-NL.json": () => import("./nl-NL-C3cXv5PD.js"),
+				"../../ui/language/no-NO.json": () => import("./no-NO-DyMlgewS.js"),
+				"../../ui/language/pl-PL.json": () => import("./pl-PL-ClUTW9pd.js"),
+				"../../ui/language/pt-BR.json": () => import("./pt-BR-Bk2xOhdi.js"),
+				"../../ui/language/pt-PT.json": () => import("./pt-PT-5O7ohkQD.js"),
+				"../../ui/language/ro-RO.json": () => import("./ro-RO-BOV_LMAu.js"),
+				"../../ui/language/sk-SK.json": () => import("./sk-SK-BUGTKkOC.js"),
+				"../../ui/language/sl-SI.json": () => import("./sl-SI-DffYWi9P.js"),
+				"../../ui/language/sv-SE.json": () => import("./sv-SE-D_bagacj.js")
+			}), `../../ui/language/${lang}.json`, 5)
+		},
+		{
+			ns: "contract",
+			importFn: (lang) => _rolldown_dynamic_import_helper_default(/* #__PURE__ */ Object.assign({
+				"../../Contract/language/bg-BG.json": () => import("./bg-BG-BKPnSg5G.js"),
+				"../../Contract/language/cs-CZ.json": () => import("./cs-CZ-BBnvx4CY.js"),
+				"../../Contract/language/da-DK.json": () => import("./da-DK-CRp6gV0v.js"),
+				"../../Contract/language/de-DE.json": () => import("./de-DE-asP1wacy.js"),
+				"../../Contract/language/el-GR.json": () => import("./el-GR-B18pS-T4.js"),
+				"../../Contract/language/en-US.json": () => import("./en-US-CmzloEL3.js"),
+				"../../Contract/language/es-ES.json": () => import("./es-ES-BN2YT82N.js"),
+				"../../Contract/language/es-LA.json": () => import("./es-LA-DK1UJyRv.js"),
+				"../../Contract/language/et-EE.json": () => import("./et-EE-6Fsbs-mA.js"),
+				"../../Contract/language/fi-FI.json": () => import("./fi-FI-C4Ta33KJ.js"),
+				"../../Contract/language/fr-FR.json": () => import("./fr-FR-DKTSJHnY.js"),
+				"../../Contract/language/hr-HR.json": () => import("./hr-HR-CII1fh9u.js"),
+				"../../Contract/language/hu-HU.json": () => import("./hu-HU-CAlsW_OP.js"),
+				"../../Contract/language/it-IT.json": () => import("./it-IT-BUwmmlzT.js"),
+				"../../Contract/language/ja-JP.json": () => import("./ja-JP-XWbEAz1Y.js"),
+				"../../Contract/language/lt-LT.json": () => import("./lt-LT-Vhhg1gZf.js"),
+				"../../Contract/language/lv-LV.json": () => import("./lv-LV-x-MIpGh3.js"),
+				"../../Contract/language/nl-NL.json": () => import("./nl-NL-CvSvFKVp.js"),
+				"../../Contract/language/no-NO.json": () => import("./no-NO-TyUIFxXT.js"),
+				"../../Contract/language/pl-PL.json": () => import("./pl-PL-BYzL4w2k.js"),
+				"../../Contract/language/pt-BR.json": () => import("./pt-BR-D5r3Ig2a.js"),
+				"../../Contract/language/pt-PT.json": () => import("./pt-PT-Dsxz9fKe.js"),
+				"../../Contract/language/ro-RO.json": () => import("./ro-RO-BfVd2Ps9.js"),
+				"../../Contract/language/sk-SK.json": () => import("./sk-SK-ID0z1rIS.js"),
+				"../../Contract/language/sl-SI.json": () => import("./sl-SI-hxmAPrRM.js"),
+				"../../Contract/language/sv-SE.json": () => import("./sv-SE-BuzHXTQj.js")
+			}), `../../Contract/language/${lang}.json`, 5)
+		}
+	]);
+	const { data: legalEntityData, isError: isLegalEntityError, isLoading: isLegalEntityLoading } = useLegalEntity(ROOT_LE);
+	const allSalesChannels = useMemo(() => {
+		return [.../* @__PURE__ */ new Set([...additionalSalesChannels, ...selectedSalesChannels ?? []])];
+	}, [additionalSalesChannels, selectedSalesChannels]);
+	const { data: pciTemplateData, isLoading: isPciTemplateDataLoading } = usePciTemplate({
+		additionalSalesChannels: allSalesChannels,
+		language: i18n.language.substring(0, 2) ?? "en"
+	});
+	const { data: pciStatusData, isLoading: isPciStatusLoading, isError: isPciStatusError } = usePciStatus({ additionalSalesChannels: allSalesChannels });
+	const signPci = useSignPci();
+	const handleOnClose = () => {
+		if (modalView) onUnmount?.();
+		onClose?.();
+	};
+	if (isLegalEntityLoading || isPciStatusLoading || isPciTemplateDataLoading || !legalEntityData || !pciTemplateData) return /* @__PURE__ */ jsx(Loader, {});
+	if (isLegalEntityError || isPciStatusError) return /* @__PURE__ */ jsx(MaybeModal, {
+		inline: !modalView,
+		onClose: handleOnClose,
+		children: /* @__PURE__ */ jsx(EndStateLayout, {
+			title: t(($) => $["nothingNeedsToBeSigned"]),
+			description: t(($) => $["pciDoesNotNeedSigningOrHasBeenSigned"]),
+			action: /* @__PURE__ */ jsx(Button, {
+				onClick: handleOnClose,
+				fullWidth: true,
+				children: t(($) => $["finish"])
+			})
+		})
+	});
+	return /* @__PURE__ */ jsx(PciDropin, {
+		taskType: TaskTypes.PCI_DSS,
+		legalEntityResponse: legalEntityData,
+		pciTemplateResponse: pciTemplateData,
+		handleHomeClick: handleOnClose,
+		handleSign: async (_legalEntityId, signedBy) => {
+			await signPci.mutateAsync(signedBy);
+			onUnmount?.();
+			onSigned?.();
+		},
+		handleCloseClick: handleOnClose,
+		asModal: modalView,
+		needsSigning: Boolean(pciStatusData?.signingRequired)
+	});
+}
+//#endregion
+export { SignPCIComponent_exports as n, SignPCIComponent as t };

package/dist/SingpassSelection-B6_DsZtn.js

@@ -0,0 +1,156 @@
+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] = "acbc1c73-0a42-4d9a-806d-906447db792a", e._sentryDebugIdIdentifier = "sentry-dbid-acbc1c73-0a42-4d9a-806d-906447db792a");
+} catch (e) {}
+import { r as useTranslation } from "./translation-DbATp_35.js";
+import { t as Typography } from "./Typography-CAc_f5Iq.js";
+import { t as Button } from "./Button-DPJ1k02w.js";
+import { t as StackLayout } from "./StackLayout-IUdNMDgW.js";
+import { t as Card } from "./Card-BCGLpdw7.js";
+import { t as Image } from "./Image-Bn_Yyuof.js";
+import { t as Field } from "./Field-DwDJQVSS.js";
+import { t as useForm } from "./useForm-CWrbJG44.js";
+import { t as Tag } from "./Tag-CNeDHqKp.js";
+import { lazy } from "preact/compat";
+import { useState as useState$1 } from "preact/hooks";
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { createElement as createElement$1 } from "preact";
+var Singpass_module_default = {
+	"singpass-card": "_singpass-card_fosrl_1",
+	singpassCard: "_singpass-card_fosrl_1",
+	"singpass-card-image": "_singpass-card-image_fosrl_16",
+	singpassCardImage: "_singpass-card-image_fosrl_16",
+	"singpass-card-image-container": "_singpass-card-image-container_fosrl_20",
+	singpassCardImageContainer: "_singpass-card-image-container_fosrl_20",
+	"singpass-card-content": "_singpass-card-content_fosrl_42",
+	singpassCardContent: "_singpass-card-content_fosrl_42",
+	"singpass-card-title": "_singpass-card-title_fosrl_56",
+	singpassCardTitle: "_singpass-card-title_fosrl_56",
+	"singpass-card-subtitle": "_singpass-card-subtitle_fosrl_67",
+	singpassCardSubtitle: "_singpass-card-subtitle_fosrl_67"
+};
+//#endregion
+//#region src/components/Shared/SingpassSelection/types.ts
+var setupAccountMethods = ["singpass", "manual"];
+//#endregion
+//#region src/components/Shared/SingpassSelection/SingpassSelection.tsx
+var setupAccountMethodFields = ["setupAccountMethod"];
+var instantVerificationImage = lazy(() => import("./singpass-logo-BlBOt-Jg.js"));
+var manualVerificationImage = lazy(() => import("./graphical-laptop-BUntvD51.js"));
+var getSingpassSelectionDisabled = (legalEntityType) => {
+	switch (legalEntityType) {
+		case "individual":
+		case "organization": return false;
+		default: return true;
+	}
+};
+var legalEntityTypeToSelectionTranslationKeyMap = {
+	["individual"]: "retrieveMyInfo",
+	["organization"]: "retrieveMyInfoBusiness"
+};
+var legalEntityTypeToSelectionDescriptionTranslationKeyMap = {
+	["individual"]: "getYourVerifiedDetailsInstantly",
+	["organization"]: "prefillVerifiedDetailsByLoggingInWithSingpass"
+};
+var getSetupAccountMethodMetadata = (legalEntityType, commonT) => {
+	const translationSingpassNameKey = legalEntityTypeToSelectionTranslationKeyMap[legalEntityType] ?? "retrieveMyInfoBusiness";
+	const translationSingpassDescriptionKey = legalEntityTypeToSelectionDescriptionTranslationKeyMap[legalEntityType] ?? "prefillVerifiedDetailsByLoggingInWithSingpass";
+	const isSingpassSelectionDisabled = getSingpassSelectionDisabled(legalEntityType);
+	return {
+		singpass: {
+			name: commonT(($) => $[translationSingpassNameKey]),
+			description: commonT(($) => $[translationSingpassDescriptionKey]),
+			icon: /* @__PURE__ */ jsx(Image, {
+				lazyLoadedImage: instantVerificationImage,
+				className: Singpass_module_default.singpassCardImage
+			}),
+			isOptionDisabled: isSingpassSelectionDisabled
+		},
+		manual: {
+			name: commonT(($) => $["enterTheDetailsYourself"]),
+			description: commonT(($) => $["provideYourBusinessDetailsAlongWithSomeSupportingDocuments"]),
+			icon: /* @__PURE__ */ jsx(Image, {
+				lazyLoadedImage: manualVerificationImage,
+				className: Singpass_module_default.singpassCardImage
+			})
+		}
+	};
+};
+var SingpassSelection = (props) => {
+	const { t } = useTranslation("common");
+	const { legalEntityType, handleNextClick } = props;
+	const [selectedMethod, setSelectedMethod] = useState$1();
+	const selectSetupAccountMethod = (method) => {
+		setSelectedMethod(method);
+		handleChangeFor("setupAccountMethod")(method);
+	};
+	const { handleChangeFor, data } = useForm({
+		...props,
+		schema: setupAccountMethodFields,
+		defaultData: {}
+	});
+	const methodsMetadata = getSetupAccountMethodMetadata(legalEntityType, t);
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx("header", {
+			className: "u-margin-bottom-32",
+			children: /* @__PURE__ */ jsx(Typography, {
+				el: "h2",
+				variant: "title-m",
+				children: t(($) => $["howWouldYouLikeToSetUpYourAccount"])
+			})
+		}),
+		/* @__PURE__ */ jsx("form", { children: /* @__PURE__ */ jsx(Field, {
+			el: "fieldset",
+			name: "setupAccountMethod",
+			children: (childProps) => /* @__PURE__ */ jsx(StackLayout, {
+				gap: "small",
+				children: setupAccountMethods.map((method) => /* @__PURE__ */ createElement$1(Card, {
+					...childProps,
+					key: method,
+					onClick: () => selectSetupAccountMethod(method),
+					selected: method === data.setupAccountMethod,
+					padding: "none"
+				}, /* @__PURE__ */ jsxs("div", {
+					className: Singpass_module_default.singpassCard,
+					children: [/* @__PURE__ */ jsx("div", {
+						className: Singpass_module_default.singpassCardImageContainer,
+						children: methodsMetadata[method].icon
+					}), /* @__PURE__ */ jsxs("div", {
+						className: Singpass_module_default.singpassCardContent,
+						children: [
+							method === "singpass" && /* @__PURE__ */ jsx(Tag, {
+								variant: "blue",
+								className: "u-margin-bottom-8",
+								children: t(($) => $["faster"])
+							}),
+							/* @__PURE__ */ jsx(Typography, {
+								el: "h4",
+								variant: "body-strongest",
+								className: Singpass_module_default.singpassCardTitle,
+								children: methodsMetadata[method].name
+							}),
+							/* @__PURE__ */ jsx(Typography, {
+								el: "p",
+								variant: "body",
+								color: "secondary",
+								className: Singpass_module_default.singpassCardSubtitle,
+								children: methodsMetadata[method].description
+							})
+						]
+					})]
+				})))
+			})
+		}) }),
+		/* @__PURE__ */ jsx(Button, {
+			disabled: !selectedMethod,
+			onClick: () => {
+				if (!selectedMethod) return;
+				handleNextClick(selectedMethod);
+			},
+			fullWidth: true,
+			children: t(($) => $["continue"])
+		})
+	] }) });
+};
+//#endregion
+export { SingpassSelection };

package/dist/SoleProprietorshipPage-2s1kA9ZV.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] = "32681775-be28-4cc8-a6fa-8fdeca5653c0", e._sentryDebugIdIdentifier = "sentry-dbid-32681775-be28-4cc8-a6fa-8fdeca5653c0");
+} 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 } from "./useLegalEntity-DHA8TJeV.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 { r as BusinessDetailsDropin, t as useBusinessDetailsData } from "./useBusinessDetailsData-DFU0dLxw.js";
+import { jsx } from "preact/jsx-runtime";
+import { skipToken } from "@tanstack/preact-query";
+//#region src/components/Business/pages/SoleProprietorshipPage.tsx
+function SoleProprietorshipPage({ solePropId, onSubmit, handleHomeClick }) {
+	const { i18n } = useTranslation();
+	const { data: solePropLe } = useLegalEntity(solePropId ?? skipToken);
+	const capabilityProblems = useCapabilityProblems();
+	const { data, isLoading } = useBusinessDetailsData(TaskTypes.TRUST_MEMBER_COMPANY, solePropLe);
+	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`, 5)
+	}]);
+	if (isLoading || solePropId && !solePropLe) return /* @__PURE__ */ jsx(Loader, {});
+	const { rootLe, efpBusinessLines, documents } = data;
+	const problems = capabilityProblems && solePropId ? getProblemsForEntity(capabilityProblems, "LegalEntity", solePropId) : void 0;
+	const country = getLegalEntityCountry(solePropLe ?? rootLe);
+	return /* @__PURE__ */ jsx(BusinessDetailsDropin, {
+		taskType: TaskTypes.SOLE_PROPRIETOR_COMPANY,
+		legalEntityResponse: rootLe,
+		efpBusinessLines,
+		documents,
+		associatedLegalArrangement: solePropLe,
+		problems: problems ?? {},
+		country,
+		onSubmit,
+		handleHomeClick
+	});
+}
+//#endregion
+export { SoleProprietorshipPage };