UNPKG

@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.

158 lines (157 loc) 8.18 kB
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] = "04a2dab9-b303-4b45-830f-0caef99169d6", e._sentryDebugIdIdentifier = "sentry-dbid-04a2dab9-b303-4b45-830f-0caef99169d6"); } catch (e) {} import { n as addResourceBundles, r as useTranslation } from "./translation-BYvhW5zA.js"; import { A as _rolldown_dynamic_import_helper_default, i as useGlobalStore, k as Header, r as useGetTaskStatus, x as Alert } from "./resolveEnvironment-DNmu53Rr.js"; import { r as Loader, t as Button } from "./Button-i8I2dHP8.js"; import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-CtlUQv_J.js"; import { t as LegalEntityTypes } from "./legal-entity-type-0MfCGzUf.js"; import { t as StackLayout } from "./StackLayout-IUdNMDgW.js"; import { t as TaskTypes } from "./taskTypes-NawDTp5n.js"; import { t as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-CkuvFV-D.js"; import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-B0XYfxbB.js"; import { t as Spacer } from "./Spacer-CEHRO4Ml.js"; import { n as deleteUnincorporatedPartnershipMember, t as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-7T2XW_zN.js"; import { t as EntityAssociation } from "./EntityAssociation-CjYJOrRt.js"; import { useEffect } from "preact/hooks"; import { Fragment, jsx, jsxs } from "preact/jsx-runtime"; var UnincorporatedPartnershipMembersOverview_module_default = { "entity-association": "_entity-association_2yrok_1", entityAssociation: "_entity-association_2yrok_1", alert: "_alert_2yrok_1", "alert-header": "_alert-header_2yrok_5", alertHeader: "_alert-header_2yrok_5" }; //#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-B1zNismI.js"), "../../language/cs-CZ.json": () => import("./cs-CZ-DGD5Pulk.js"), "../../language/da-DK.json": () => import("./da-DK-CzyaFVpm.js"), "../../language/de-DE.json": () => import("./de-DE-flvryS_H.js"), "../../language/el-GR.json": () => import("./el-GR-Df7yzbal.js"), "../../language/en-US.json": () => import("./en-US-DbUXn5BN.js"), "../../language/es-ES.json": () => import("./es-ES-CGEEtFjV.js"), "../../language/es-LA.json": () => import("./es-LA-BvOPmuqM.js"), "../../language/et-EE.json": () => import("./et-EE-naxT4ToX.js"), "../../language/fi-FI.json": () => import("./fi-FI-BdqoEBfB.js"), "../../language/fr-FR.json": () => import("./fr-FR-DY_6cPBK.js"), "../../language/hr-HR.json": () => import("./hr-HR-CQVBtolX.js"), "../../language/hu-HU.json": () => import("./hu-HU-C-Lv58Kx.js"), "../../language/it-IT.json": () => import("./it-IT-Dw5XUNAP.js"), "../../language/ja-JP.json": () => import("./ja-JP-BhoagXJu.js"), "../../language/lt-LT.json": () => import("./lt-LT-BX_xCGlf.js"), "../../language/lv-LV.json": () => import("./lv-LV-nsjeQDem.js"), "../../language/nl-NL.json": () => import("./nl-NL-CLL6yaXp.js"), "../../language/no-NO.json": () => import("./no-NO-Bgl_00AJ.js"), "../../language/pl-PL.json": () => import("./pl-PL-9di9pq8T.js"), "../../language/pt-BR.json": () => import("./pt-BR-BhBu4Wkn.js"), "../../language/pt-PT.json": () => import("./pt-PT-DdWMchfY.js"), "../../language/ro-RO.json": () => import("./ro-RO-jcGn-sY4.js"), "../../language/sk-SK.json": () => import("./sk-SK-bt84r8cG.js"), "../../language/sl-SI.json": () => import("./sl-SI-O8FoUWa8.js"), "../../language/sv-SE.json": () => import("./sv-SE-CQt2K1X-.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__ */ jsxs("div", { className: "u-margin-32", 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__ */ jsxs("div", { class: "u-display-flex u-margin-top-48", children: [/* @__PURE__ */ jsx(Spacer, {}), /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: navigateBackToTaskList, children: t(($) => $["saveAndGoToOverview"], { ns: "common" }) })] }) ] }); }; //#endregion export { UnincorporatedPartnershipMembersOverview };