@adyen/kyc-components
Version:
This guide assumes that you have already an account with Adyen. A legalEntity needs to be created, and you need to have a `legalEntityId` to instatiate a Component.
157 lines (156 loc) • 8.24 kB
JavaScript
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] = "564b1c66-d6b7-42a2-a2a7-a4d10dcf3ada", e._sentryDebugIdIdentifier = "sentry-dbid-564b1c66-d6b7-42a2-a2a7-a4d10dcf3ada");
} catch (e) {}
import { n as addResourceBundles, r as useTranslation } from "./translation-BFxyJ1c5.js";
import { r as Loader, t as Button } from "./Button-oj6H8OrC.js";
import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-yxi9XhLi.js";
import { t as LegalEntityTypes } from "./legal-entity-type-VIfNYnJP.js";
import { t as _rolldown_dynamic_import_helper_default } from "./_rolldown_dynamic_import_helper-rq_tsyLP.js";
import { t as StackLayout } from "./StackLayout-Bhbj68nx.js";
import { t as Header } from "./Header-CPmJyuoP.js";
import { t as Alert } from "./Alert-C6gL3JIt.js";
import { t as DropinLayout } from "./DropinLayout-Ce8IeTl4.js";
import { p as TaskTypes } from "./entityAssociationUtil-BEzUdPbm.js";
import { i as useGlobalStore, r as useGetTaskStatus } from "./globalStore-BjMds47R.js";
import { t as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-zrU8J6iw.js";
import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-CtaRaKZ6.js";
import { n as deleteUnincorporatedPartnershipMember, t as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-BfE3lulH.js";
import { t as ActionBar } from "./ActionBar-Doac020y.js";
import { t as EntityAssociation } from "./EntityAssociation-DjHI99AZ.js";
import { useEffect } from "preact/hooks";
import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
var UnincorporatedPartnershipMembersOverview_module_default = {
"entity-association": "adyen-kyc-entity-association",
entityAssociation: "adyen-kyc-entity-association",
alert: "adyen-kyc-alert",
"alert-header": "adyen-kyc-alert-header",
alertHeader: "adyen-kyc-alert-header"
};
//#endregion
//#region src/components/UnincorporatedPartnership/tasks/UnincorporatedPartnershipMembers/UnincorporatedPartnershipMembersOverview.tsx
var isPrimaryPartner = (member) => member?.roles?.includes("primaryPartner");
var isMemberMissingOwner = (member) => {
return !isPrimaryPartner(member) && member.legalEntityType === LegalEntityTypes.ORGANIZATION && !member.ownerId;
};
var UnincorporatedPartnershipMembersOverview = ({ navigateBackToTaskList, navigateToEditMember, navigateToEditMemberOwner }) => {
const { t, i18n } = useTranslation(["unincorpPartnership", "common"]);
const { data: rootLe } = useLegalEntity(ROOT_LE);
const { data: partnershipLe, refetch: refetchPartnership } = useAssociatedLegalEntity(rootLe, LegalEntityTypes.UNINCORPORATED_PARTNERSHIP);
const partnershipMembers = useUnincorporatedPartnershipMembers();
const { mutateAsync: updateLegalEntity } = useUpdateLegalEntity();
const { setUnincorporatedPartnershipMembers } = useGlobalStore();
addResourceBundles(i18n, [{
ns: "unincorpPartnership",
importFn: (lang) => _rolldown_dynamic_import_helper_default(/* @__PURE__ */ Object.assign({
"../../language/bg-BG.json": () => import("./bg-BG-BrldKcYl.js"),
"../../language/cs-CZ.json": () => import("./cs-CZ-ClrALb5y.js"),
"../../language/da-DK.json": () => import("./da-DK-CfGOWrfh.js"),
"../../language/de-DE.json": () => import("./de-DE-BgtEAyle.js"),
"../../language/el-GR.json": () => import("./el-GR-B45eXweN.js"),
"../../language/en-US.json": () => import("./en-US-DRNwZI6c.js"),
"../../language/es-ES.json": () => import("./es-ES-DOQIN_Pf.js"),
"../../language/et-EE.json": () => import("./et-EE-BfEYv_4i.js"),
"../../language/fi-FI.json": () => import("./fi-FI-BALtktMY.js"),
"../../language/fr-FR.json": () => import("./fr-FR-B3vqlNZF.js"),
"../../language/hr-HR.json": () => import("./hr-HR-BnhnItTZ.js"),
"../../language/hu-HU.json": () => import("./hu-HU-CeloZXjg.js"),
"../../language/it-IT.json": () => import("./it-IT-BQYdAY1h.js"),
"../../language/ja-JP.json": () => import("./ja-JP-ei-QPx_X.js"),
"../../language/lt-LT.json": () => import("./lt-LT-BogWzvP3.js"),
"../../language/lv-LV.json": () => import("./lv-LV-CihtKM8-.js"),
"../../language/nl-NL.json": () => import("./nl-NL-DyXx5rzY.js"),
"../../language/no-NO.json": () => import("./no-NO-EF5q1jRl.js"),
"../../language/pl-PL.json": () => import("./pl-PL-Cw63Q49W.js"),
"../../language/pt-BR.json": () => import("./pt-BR-CIZtl_8E.js"),
"../../language/pt-PT.json": () => import("./pt-PT-cIRYLrgm.js"),
"../../language/ro-RO.json": () => import("./ro-RO-BVo8Lqoc.js"),
"../../language/sk-SK.json": () => import("./sk-SK-MF3HRQGz.js"),
"../../language/sl-SI.json": () => import("./sl-SI-BvNvjopW.js"),
"../../language/sv-SE.json": () => import("./sv-SE-Db35FNLx.js")
}), `../../language/${lang}.json`, 4)
}]);
useEffect(() => setUnincorporatedPartnershipMembers(partnershipMembers), [partnershipMembers, setUnincorporatedPartnershipMembers]);
const getTaskStatus = useGetTaskStatus();
if (!rootLe || !partnershipLe) return /* @__PURE__ */ jsx(Loader, { size: "large" });
const deleteMember = async (member) => {
try {
await deleteUnincorporatedPartnershipMember({
associatedMember: member,
unincorporatedPartnership: partnershipLe,
updateLegalEntity
});
await refetchPartnership();
} catch (error) {
console.error(error);
}
};
const getActions = (member) => {
const baseActions = [{
icon: "edit",
onSelect: () => navigateToEditMember(member),
label: t(($) => $["editTrustMember"], { trustMember: member.name })
}];
if (member.legalEntityType === LegalEntityTypes.ORGANIZATION && !isPrimaryPartner(member)) {
const missingOwner = isMemberMissingOwner(member);
baseActions.push({
icon: missingOwner ? "plus" : "edit",
onSelect: () => navigateToEditMemberOwner(member?.ownerId, member?.legalEntityId),
label: t(($) => $[missingOwner ? "addOwnerToTrustMember" : "editOwnerOfTrustMember"], { trustMember: member.name })
});
}
if (!isPrimaryPartner(member)) baseActions.push({
icon: "bin",
onSelect: () => deleteMember(member),
label: t(($) => $["removeTrustMember"], { trustMember: member.name })
});
return baseActions;
};
const infoContent = (member) => /* @__PURE__ */ jsx(Alert, {
className: UnincorporatedPartnershipMembersOverview_module_default.alertHeader,
title: /* @__PURE__ */ jsxs(Fragment, { children: [
t(($) => $["helpUsVerifyCompany"], { ns: "common" }),
" ",
/* @__PURE__ */ jsx(Button, {
onClick: (e) => {
e.preventDefault();
e.stopPropagation();
navigateToEditMemberOwner(member?.ownerId, member?.legalEntityId);
},
variant: "link",
children: t(($) => $["providePersonalDetailsOfOwner"])
})
] })
});
return /* @__PURE__ */ jsx(DropinLayout, { content: /* @__PURE__ */ jsxs("div", {
className: "adyen-kyc-u-width-full",
children: [
/* @__PURE__ */ jsx(Header, {
title: t(($) => $["partnershipMembers"]),
description: t(($) => $["partnershipMembersDescription"])
}),
/* @__PURE__ */ jsxs(StackLayout, { children: [partnershipMembers.map((member) => {
return /* @__PURE__ */ jsx(EntityAssociation, {
types: member.roles,
name: member.name,
status: getTaskStatus(member.legalEntityType === LegalEntityTypes.INDIVIDUAL ? TaskTypes.UNINCORPORATED_PARTNERSHIP_MEMBER_INDIVIDUAL : TaskTypes.UNINCORPORATED_PARTNERSHIP_MEMBER_COMPANY, member.legalEntityId),
actions: getActions(member),
onNavigateToEntity: () => navigateToEditMember(member),
infoContent: isMemberMissingOwner(member) ? infoContent(member) : void 0
}, member.legalEntityId);
}), /* @__PURE__ */ jsx(Button, {
variant: "secondary",
icon: "plus",
onClick: () => navigateToEditMember(void 0),
fullWidth: true,
children: t(($) => $["addPartner"])
})] }),
/* @__PURE__ */ jsx(ActionBar, {
onHome: navigateBackToTaskList,
homeButtonLabel: t(($) => $["saveAndGoToOverview"], { ns: "common" })
})
]
}) });
};
//#endregion
export { UnincorporatedPartnershipMembersOverview };