@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.
175 lines (174 loc) • 10.6 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] = "72a8853d-b46d-4a74-9163-05476406e9ed", e._sentryDebugIdIdentifier = "sentry-dbid-72a8853d-b46d-4a74-9163-05476406e9ed");
} catch (e) {}
import { n as addResourceBundles, r as useTranslation } from "./translation-BFxyJ1c5.js";
import { a as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-CguBRdxx.js";
import { r as Loader } from "./Button-oj6H8OrC.js";
import { r as useLegalEntity } from "./useLegalEntity-yxi9XhLi.js";
import { t as getLegalEntityCountry } from "./getLegalEntityCountry-C6bSV6sB.js";
import { t as _rolldown_dynamic_import_helper_default } from "./_rolldown_dynamic_import_helper-rq_tsyLP.js";
import { t as MaybeModal } from "./MaybeModal-CeTBIah3.js";
import { t as emitAdyenSdkEvent } from "./emitEvent-Cdd95HOT.js";
import { t as BusinessFinancingDropin } from "./BusinessFinancingDropin-CaO-YWQF.js";
import register from "preact-custom-element";
import { useMemo, useRef } from "preact/hooks";
import { jsx } from "preact/jsx-runtime";
//#region src/components/EmbeddedDropins/BusinessFinancingComponent/BusinessFinancingComponent.tsx
function BusinessFinancingComponent({ legalEntityId, onSubmitSuccess, asModal, handleCloseClick }) {
const { i18n } = useTranslation();
const { data: rootLegalEntity } = useLegalEntity(legalEntityId);
const country = useMemo(() => rootLegalEntity ? getLegalEntityCountry(rootLegalEntity) : void 0, [rootLegalEntity]);
addResourceBundles(i18n, [
{
ns: "common",
importFn: (lang) => _rolldown_dynamic_import_helper_default(/* @__PURE__ */ Object.assign({
"../../../language/locales/bg-BG.json": () => import("./bg-BG-COHRuTI-.js"),
"../../../language/locales/cs-CZ.json": () => import("./cs-CZ-CmcYZLZp.js"),
"../../../language/locales/da-DK.json": () => import("./da-DK-C_oe1bpM.js"),
"../../../language/locales/de-DE.json": () => import("./de-DE-CMc1Fpfl.js"),
"../../../language/locales/el-GR.json": () => import("./el-GR-Bv2QgmVV.js"),
"../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-DJharl6b.js"),
"../../../language/locales/en-US.json": () => import("./en-US-cJAmQhFR.js").then((n) => n.n),
"../../../language/locales/es-ES.json": () => import("./es-ES-DtlXpZ_5.js"),
"../../../language/locales/et-EE.json": () => import("./et-EE-PTcJ2hRW.js"),
"../../../language/locales/fi-FI.json": () => import("./fi-FI-C1Ns3CEo.js"),
"../../../language/locales/fr-FR.json": () => import("./fr-FR-DgPRYmmJ.js"),
"../../../language/locales/hr-HR.json": () => import("./hr-HR-BQfjrcPC.js"),
"../../../language/locales/hu-HU.json": () => import("./hu-HU-DfYPelYo.js"),
"../../../language/locales/it-IT.json": () => import("./it-IT-cnETv3Cg.js"),
"../../../language/locales/ja-JP.json": () => import("./ja-JP-D0gz56Ni.js"),
"../../../language/locales/lt-LT.json": () => import("./lt-LT-Bbh9MWxc.js"),
"../../../language/locales/lv-LV.json": () => import("./lv-LV-C8fqHR2g.js"),
"../../../language/locales/nl-NL.json": () => import("./nl-NL-CQSu4iNn.js"),
"../../../language/locales/no-NO.json": () => import("./no-NO-C0DXekH-.js"),
"../../../language/locales/pl-PL.json": () => import("./pl-PL-10KUcobm.js"),
"../../../language/locales/pt-BR.json": () => import("./pt-BR-DWKF33yP.js"),
"../../../language/locales/pt-PT.json": () => import("./pt-PT-CjIFIi4R.js"),
"../../../language/locales/ro-RO.json": () => import("./ro-RO-DQFRJwp8.js"),
"../../../language/locales/sk-SK.json": () => import("./sk-SK-BfoXFhAL.js"),
"../../../language/locales/sl-SI.json": () => import("./sl-SI-CyIN1sc5.js"),
"../../../language/locales/sv-SE.json": () => import("./sv-SE-Xh17T6yC.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-BUBUyZgz.js"),
"../../ui/language/cs-CZ.json": () => import("./cs-CZ-BFJyFYpX.js"),
"../../ui/language/da-DK.json": () => import("./da-DK-BNvIcL59.js"),
"../../ui/language/de-DE.json": () => import("./de-DE-B8Eby_UK.js"),
"../../ui/language/el-GR.json": () => import("./el-GR-DYmDnzZe.js"),
"../../ui/language/en-US.json": () => import("./en-US-Mma5wIWL.js"),
"../../ui/language/es-ES.json": () => import("./es-ES-DLBRDQJZ.js"),
"../../ui/language/et-EE.json": () => import("./et-EE-C_Z4PWda.js"),
"../../ui/language/fi-FI.json": () => import("./fi-FI-azwPyx-k.js"),
"../../ui/language/fr-FR.json": () => import("./fr-FR-CzdHSH04.js"),
"../../ui/language/hr-HR.json": () => import("./hr-HR-C7Hp8OgD.js"),
"../../ui/language/hu-HU.json": () => import("./hu-HU-B34uBEZ9.js"),
"../../ui/language/it-IT.json": () => import("./it-IT-BCqVu72_.js"),
"../../ui/language/ja-JP.json": () => import("./ja-JP-C7_6K98B.js"),
"../../ui/language/lt-LT.json": () => import("./lt-LT-BhzsTniu.js"),
"../../ui/language/lv-LV.json": () => import("./lv-LV-B6yxwa6Z.js"),
"../../ui/language/nl-NL.json": () => import("./nl-NL-4iZ44kzK.js"),
"../../ui/language/no-NO.json": () => import("./no-NO-BSJ1rjY4.js"),
"../../ui/language/pl-PL.json": () => import("./pl-PL-BHjlKdWC.js"),
"../../ui/language/pt-BR.json": () => import("./pt-BR-BMIZHo3V.js"),
"../../ui/language/pt-PT.json": () => import("./pt-PT-s_KcBKav.js"),
"../../ui/language/ro-RO.json": () => import("./ro-RO-DsFmqo3p.js"),
"../../ui/language/sk-SK.json": () => import("./sk-SK-BspZv60l.js"),
"../../ui/language/sl-SI.json": () => import("./sl-SI-D26FDPwq.js"),
"../../ui/language/sv-SE.json": () => import("./sv-SE-JKGeqd9J.js")
}), `../../ui/language/${lang}.json`, 5)
},
{
ns: "businessFinancing",
importFn: (lang) => _rolldown_dynamic_import_helper_default(/* @__PURE__ */ Object.assign({
"../../EFP/tasks/BusinessFinancingDropin/language/bg-BG.json": () => import("./bg-BG-CMHh_f-9.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/cs-CZ.json": () => import("./cs-CZ-DEgPgybF.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/da-DK.json": () => import("./da-DK-B4yaF8i0.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/de-DE.json": () => import("./de-DE-8TTs3M7a.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/el-GR.json": () => import("./el-GR-DhmD_M7I.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/en-US.json": () => import("./en-US-Cya3hns9.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/es-ES.json": () => import("./es-ES-Cigb2wKi.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/et-EE.json": () => import("./et-EE-DoE8YNk_.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/fi-FI.json": () => import("./fi-FI-B2a7jEBx.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/fr-FR.json": () => import("./fr-FR-CIKDSi33.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/hr-HR.json": () => import("./hr-HR-C0bGzQNB.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/hu-HU.json": () => import("./hu-HU-is6BaLdQ.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/it-IT.json": () => import("./it-IT-DdZkV6nQ.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/ja-JP.json": () => import("./ja-JP-BgEGc_Ko.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/lt-LT.json": () => import("./lt-LT-ChOTn0eR.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/lv-LV.json": () => import("./lv-LV-BKdYq30o.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/nl-NL.json": () => import("./nl-NL-B4zO0Q4_.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/no-NO.json": () => import("./no-NO-bX8QGp4Y.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/pl-PL.json": () => import("./pl-PL-BXUkKA8N.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/pt-BR.json": () => import("./pt-BR-D-RcF3oz.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/pt-PT.json": () => import("./pt-PT-BSdQMcLM.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/ro-RO.json": () => import("./ro-RO-SAbaaKxU.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/sk-SK.json": () => import("./sk-SK-Bqy__cWX.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/sl-SI.json": () => import("./sl-SI-F1ZXve4S.js"),
"../../EFP/tasks/BusinessFinancingDropin/language/sv-SE.json": () => import("./sv-SE-5AozcwLo.js")
}), `../../EFP/tasks/BusinessFinancingDropin/language/${lang}.json`, 7)
}
]);
const handleFinishClick = (data) => {
handleCloseClick?.();
onSubmitSuccess?.(data);
};
if (!rootLegalEntity || !country) return /* @__PURE__ */ jsx(Loader, {});
return /* @__PURE__ */ jsx(MaybeModal, {
inline: !asModal,
onClose: handleCloseClick,
inset: true,
children: /* @__PURE__ */ jsx(BusinessFinancingDropin, {
country,
rootLegalEntity,
externalOnSubmit: handleFinishClick,
handleHomeClick: handleCloseClick,
isStandaloneComponent: true
})
});
}
//#endregion
//#region src/embeds/business-financing/adyen-business-financing.tsx
var AdyenBusinessFinancing = ({ rootlegalentityid, fetchToken, environment, locale, settings = {}, experiments = {} }) => {
const eventEmitterRef = useRef(null);
const handleOnComplete = (data) => {
emitAdyenSdkEvent(eventEmitterRef, "complete", data);
};
const handleOnClose = () => {
emitAdyenSdkEvent(eventEmitterRef, "close");
};
return /* @__PURE__ */ jsx("div", {
ref: eventEmitterRef,
style: "width:100%;",
children: /* @__PURE__ */ jsx(EmbedShell, {
componentName: "adyen-business-financing",
rootLegalEntityId: rootlegalentityid,
settings,
features: experiments,
getSdkToken: fetchToken,
locale,
baseUrl: resolveEnvironment(environment),
children: /* @__PURE__ */ jsx(BusinessFinancingComponent, {
legalEntityId: rootlegalentityid,
onSubmitSuccess: handleOnComplete,
handleCloseClick: handleOnClose
})
})
});
};
register(AdyenBusinessFinancing, "adyen-business-financing", [
"rootlegalentityid",
"fetchToken",
"environment",
"locale",
"settings",
"experiments"
], {
shadow: true,
adoptedStyleSheets: stylesheets
});
//#endregion
export { AdyenBusinessFinancing };