@adyen/kyc-components 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/{CreateIndividualComponent-D3aXuYRk.js → CreateIndividualComponent-D9wnexv4.js}

@@ -2,14 +2,14 @@
 {
   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] = "e4a83a02-3014-415c-9520-fb8ef5671a7c", e._sentryDebugIdIdentifier = "sentry-dbid-e4a83a02-3014-415c-9520-fb8ef5671a7c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "9e9c7c07-60f0-4e82-8026-7ac2c64e2964", e._sentryDebugIdIdentifier = "sentry-dbid-9e9c7c07-60f0-4e82-8026-7ac2c64e2964");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, ab as useCapabilityProblems, a6 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bi as getProblemsForEntity, U as EntityType, bj as isOnfidoAutofillFlowEnabled, W as TaskTypes } from "./StoreProvider-BmzY19Td.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DGMCOm9M.js";
+import { b as useLegalEntity, ac as useCapabilityProblems, a7 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bl as getProblemsForEntity, V as EntityType, bm as isOnfidoAutofillFlowEnabled, X as TaskTypes } from "./StoreProvider-ClKLaHzy.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DHhyO2ai.js";
 const CreateIndividualComponent = ({
   legalEntityId,
   onSubmitSuccess,
@@ -25,15 +25,15 @@ const CreateIndividualComponent = ({
   const { isExperimentEnabled } = useExperimentsContext();
   const handleOnClose = () => {
     if (modalView) {
-      onUnmount == null ? void 0 : onUnmount();
+      onUnmount?.();
     }
-    onClose == null ? void 0 : onClose();
+    onClose?.();
   };
   const onSubmit = (d) => {
     if (modalView) {
-      onUnmount == null ? void 0 : onUnmount();
+      onUnmount?.();
     }
-    onSubmitSuccess == null ? void 0 : onSubmitSuccess(d);
+    onSubmitSuccess?.(d);
   };
   if (!individualLe) {
     return /* @__PURE__ */ jsx(Loader, {});

package/dist/{CreateTransferInstrumentComponent-C-ncZ-A8.js → CreateTransferInstrumentComponent-COzPdQjC.js}

@@ -2,14 +2,14 @@
 {
   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] = "5f2db3a2-bb3a-4925-a08c-f513cbffb819", e._sentryDebugIdIdentifier = "sentry-dbid-5f2db3a2-bb3a-4925-a08c-f513cbffb819");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "94fd0ab5-36e6-41be-a169-3f4323c98577", e._sentryDebugIdIdentifier = "sentry-dbid-94fd0ab5-36e6-41be-a169-3f4323c98577");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { a as useLegalEntity, an as useAssociatedLegalEntity, y as LegalEntityType, L as Loader, bo as PayoutDetailsDropin, W as TaskTypes } from "./StoreProvider-BmzY19Td.js";
+import { b as useLegalEntity, ao as useAssociatedLegalEntity, y as LegalEntityType, L as Loader, br as PayoutDetailsDropin, X as TaskTypes } from "./StoreProvider-ClKLaHzy.js";
 function CreateTransferInstrumentComponent({
   legalEntityId,
   transferInstrumentId,
@@ -29,9 +29,9 @@ function CreateTransferInstrumentComponent({
   ]);
   const handleOnClose = () => {
     if (modalView) {
-      onUnmount == null ? void 0 : onUnmount();
+      onUnmount?.();
     }
-    onClose == null ? void 0 : onClose();
+    onClose?.();
   };
   return isLegalEntityLoading || !legalEntity ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx(
     PayoutDetailsDropin,

package/dist/{CustomerSupport-CMFRgQNa.js → CustomerSupport-NGBoBg3N.js}

@@ -2,23 +2,22 @@
 {
   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] = "1606c5d7-7b8d-4fb5-930c-16ba64d93f30", e._sentryDebugIdIdentifier = "sentry-dbid-1606c5d7-7b8d-4fb5-930c-16ba64d93f30");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c7f0453a-a12a-4045-9249-9a9c6104ad1e", e._sentryDebugIdIdentifier = "sentry-dbid-c7f0453a-a12a-4045-9249-9a9c6104ad1e");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
-import { a as useLegalEntity, R as ROOT_LE, L as Loader, b as useI18nContext, $ as useAnalyticsContext, a5 as useToastContext, bn as useQueryClient, ar as resolveFieldMetadata, bE as defaultFieldMetadata, bF as fieldConfig, bG as getAsyncPhoneValidationRules, F as FormHeader, bH as ContactDetails, aO as ActionBar, X as createLogger } from "./StoreProvider-BmzY19Td.js";
+import { b as useLegalEntity, R as ROOT_LE, L as Loader, a as useTranslation, a0 as useAnalyticsContext, a6 as useToastContext, bq as useQueryClient, at as resolveFieldMetadata, c9 as defaultFieldMetadata, ca as fieldConfig, ct as getAsyncPhoneValidationRules, F as FormHeader, dg as ContactDetails, aQ as ActionBar, Y as createLogger } from "./StoreProvider-ClKLaHzy.js";
 import { useCallback, useMemo, useEffect } from "preact/hooks";
-import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-xQlAqIqy.js";
-import { c as contactDetailsValidationRules, u as useValidatePhoneNumberImperatively } from "./validate-BN5p-GhK.js";
-import { u as useMultiForm } from "./useMultiForm-Bwx2nVhh.js";
+import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-D8dw9Oc3.js";
+import { c as contactDetailsValidationRules, u as useValidatePhoneNumberImperatively } from "./validate-CeF0YKvL.js";
+import { u as useMultiForm } from "./useMultiForm-KQwxav4F.js";
 const mapCustomerSupportSchemaToCustomerSupportType = (customerSupport) => {
-  var _a, _b, _c;
   return {
-    email: ((_a = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _a.email) || "",
+    email: customerSupport?.customerSupport?.email || "",
     phone: {
-      number: ((_c = (_b = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _b.phoneNumber) == null ? void 0 : _c.number) || "",
+      number: customerSupport?.customerSupport?.phoneNumber?.number || "",
       type: "mobile"
     }
   };
@@ -36,8 +35,7 @@ function CustomerSupportInner({
   onSubmit,
   legalEntity
 }) {
-  var _a, _b, _c, _d;
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation();
   const userEvents = useAnalyticsContext();
   const { showToast } = useToastContext();
   const { mutateAsync: updateLegalEntity } = useUpdateLegalEntity();
@@ -46,19 +44,16 @@ function CustomerSupportInner({
     customerSupport: ["email", "phoneNumber"]
   };
   const validators = useCallback(
-    (data2) => {
-      var _a2, _b2, _c2;
-      return {
-        customerSupport: {
-          ...contactDetailsValidationRules,
-          phoneNumber: (_c2 = resolveFieldMetadata(
-            fieldConfig[((_b2 = (_a2 = data2 == null ? void 0 : data2.customerSupport) == null ? void 0 : _a2.phoneNumber) == null ? void 0 : _b2.phoneCountryCode) ?? country],
-            {},
-            defaultFieldMetadata
-          )) == null ? void 0 : _c2.validators
-        }
-      };
-    },
+    (data2) => ({
+      customerSupport: {
+        ...contactDetailsValidationRules,
+        phoneNumber: resolveFieldMetadata(
+          fieldConfig[data2?.customerSupport?.phoneNumber?.phoneCountryCode ?? country],
+          {},
+          defaultFieldMetadata
+        )?.validators
+      }
+    }),
     [country]
   );
   const validatePhoneNumber = useValidatePhoneNumberImperatively();
@@ -73,8 +68,8 @@ function CustomerSupportInner({
   const legalEntityType = legalEntity.type;
   const defaultCustomerSupportData = {
     customerSupport: {
-      phoneNumber: (_b = (_a = legalEntity[legalEntityType]) == null ? void 0 : _a.support) == null ? void 0 : _b.phone,
-      email: (_d = (_c = legalEntity[legalEntityType]) == null ? void 0 : _c.support) == null ? void 0 : _d.email
+      phoneNumber: legalEntity[legalEntityType]?.support?.phone,
+      email: legalEntity[legalEntityType]?.support?.email
     }
   };
   const { data, handleChangeFor, valid, errors, isValid, triggerValidation } = useMultiForm({
@@ -90,7 +85,7 @@ function CustomerSupportInner({
   }, [userEvents]);
   const submitForm = async () => {
     const isAsyncValidationValid = await triggerValidation("customerSupport");
-    if (!(isValid == null ? void 0 : isValid.customerSupport) || !isAsyncValidationValid) {
+    if (!isValid?.customerSupport || !isAsyncValidationValid) {
       return;
     }
     const support = mapCustomerSupportSchemaToCustomerSupportType(data);
@@ -103,13 +98,13 @@ function CustomerSupportInner({
         id: legalEntity.id
       };
       await updateLegalEntity(patchLegalEntity);
-      queryClient.invalidateQueries({ queryKey: ["legalEntity", legalEntity == null ? void 0 : legalEntity.id] });
+      queryClient.invalidateQueries({ queryKey: ["legalEntity", legalEntity?.id] });
       onSubmit();
       userEvents.addTaskEvent("Success", {
         actionType: "submit"
       });
     } catch {
-      const label = i18n.get("failedToUpdateDetails");
+      const label = t(($) => $["failedToUpdateDetails"]);
       logger.error(label, payload);
       showToast({ label, variant: "error" });
     }
@@ -119,8 +114,8 @@ function CustomerSupportInner({
     /* @__PURE__ */ jsx(
       FormHeader,
       {
-        heading: i18n.get("customerSupport"),
-        description: i18n.get("howYourCustomersCanReachYou")
+        heading: t(($) => $["customerSupport"]),
+        description: t(($) => $["howYourCustomersCanReachYou"])
       }
     ),
     /* @__PURE__ */ jsx(
@@ -130,11 +125,11 @@ function CustomerSupportInner({
         errors: errors.customerSupport,
         valid: valid.customerSupport,
         country,
-        requiredFields: requiredFields == null ? void 0 : requiredFields.customerSupport,
+        requiredFields: requiredFields?.customerSupport,
         handleFieldChange
       }
     ),
-    /* @__PURE__ */ jsx(ActionBar, { onNext: submitForm, nextButtonLabel: i18n.get("submit") })
+    /* @__PURE__ */ jsx(ActionBar, { onNext: submitForm, nextButtonLabel: t(($) => $["submit"]) })
   ] });
 }
 export {

package/dist/{DebugModal-BEmhG3UP.js → DebugModal-I2U6TjGT.js}

@@ -2,21 +2,21 @@
 {
   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] = "f226726c-39fb-475d-abdf-71501bb56097", e._sentryDebugIdIdentifier = "sentry-dbid-f226726c-39fb-475d-abdf-71501bb56097");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "cb6c169f-98ff-4c2f-b7c1-3b8220ceeb02", e._sentryDebugIdIdentifier = "sentry-dbid-cb6c169f-98ff-4c2f-b7c1-3b8220ceeb02");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useMemo, useState } from "preact/hooks";
-import { Z as Button, bc as entriesOf, bq as InputText, b as useI18nContext, br as splitTaskIdentifier, a6 as useExperimentsContext, J as useSettingsContext, ac as useGlobalStore, bs as listToRecord, bt as valuesOf, b2 as Modal, X as createLogger, a3 as Icon, K as SettingNames, bu as ExperimentNames } from "./StoreProvider-BmzY19Td.js";
+import { _ as Button, bf as entriesOf, bE as InputText, a as useTranslation, dN as splitTaskIdentifier, a7 as useExperimentsContext, K as useSettingsContext, ap as useI18nContext, ad as useGlobalStore, dk as listToRecord, dO as valuesOf, b5 as Modal, Y as createLogger, a4 as Icon, M as SettingNames, dP as ExperimentNames } from "./StoreProvider-ClKLaHzy.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { T as TaskItemStatus } from "./TaskItemStatus-CB6FEOnk.js";
+import { T as TaskItemStatus } from "./TaskItemStatus-DrTIwCTx.js";
 const tabs = "adyen-kyc-tabs";
-const styles$1 = {
+const styles$2 = {
   tabs
 };
-const Tabs = ({ tabs: tabs2, activeTab, onChange }) => /* @__PURE__ */ jsx("div", { className: styles$1.tabs, children: tabs2.map(({ name, label, disabled }) => {
+const Tabs = ({ tabs: tabs2, activeTab, onChange }) => /* @__PURE__ */ jsx("div", { className: styles$2.tabs, children: tabs2.map(({ name, label, disabled }) => {
   const buttonVariant = activeTab === name ? "secondary" : "tertiary";
   return /* @__PURE__ */ jsx(
     Button,
@@ -92,7 +92,6 @@ const DebugExperimentsAndSettings = ({
       {
         name: "search",
         value: searchTerm,
-        classNameModifiers: ["search"],
         onInput: (e) => setSearchTerm(e.target.value),
         placeholder: "Search for Experiments/Settings 🔎",
         trimOnBlur: true,
@@ -115,13 +114,12 @@ const DebugExperimentsAndSettings = ({
   ] });
 };
 const getRanges = (search, element) => {
-  var _a;
   const textNode = element.childNodes[0];
-  const content = (_a = textNode.textContent) == null ? void 0 : _a.toLowerCase();
-  if (!content)
+  const content2 = textNode.textContent?.toLowerCase();
+  if (!content2)
     return [];
   const indexes = [];
-  const matches = [...content.matchAll(search)];
+  const matches = [...content2.matchAll(search)];
   matches.forEach((match) => {
     indexes.push({ s: match.index, e: match.index + match[0].length });
   });
@@ -146,10 +144,10 @@ const transformModule = (highlights, codeNode, scope) => {
 };
 const supportedModules = ["plaintext", "json", "yaml", "css"];
 const moduleMap = {
-  plaintext: () => import("./plaintext-B39yQnOr.js"),
-  json: () => import("./json-DWikzB4g.js"),
-  yaml: () => import("./yaml-jFdy-qnY.js"),
-  css: () => import("./css-CQUoQdd2.js")
+  plaintext: () => import("./plaintext-9WNCwUtz.js"),
+  json: () => import("./json-Dk6RRAV8.js"),
+  yaml: () => import("./yaml-CBkrSAtc.js"),
+  css: () => import("./css-BJGWcW8A.js")
 };
 const getModule = async (name) => {
   if (!supportedModules.includes(name)) {
@@ -293,15 +291,14 @@ let MonogonCode$1 = class MonogonCode extends HTMLElement {
     this.styleEl = themeStyleEl;
   }
   async refresh() {
-    var _a;
     if (!this.codeEl)
       return;
     const moduleName = this.getAttribute("lang") ?? "plaintext";
     const module = await getModule(moduleName);
-    const content = this.getAttribute("content") ?? "";
-    this.value = content;
-    this.codeEl.textContent = module.format ? module.format(content) : content;
-    if (!((_a = this.codeEl.childNodes) == null ? void 0 : _a[0]))
+    const content2 = this.getAttribute("content") ?? "";
+    this.value = content2;
+    this.codeEl.textContent = module.format ? module.format(content2) : content2;
+    if (!this.codeEl.childNodes?.[0])
       return;
     const littleHash = window.crypto.randomUUID().substring(0, 6);
     const definitions = transformModule(module.definitions, this.codeEl, littleHash);
@@ -323,14 +320,13 @@ Object.defineProperty(MonogonCode$1, "observedAttributes", {
 });
 if (!customElements.get("monogon-code"))
   customElements.define("monogon-code", MonogonCode$1);
-const MonogonCode2 = ({ content, lang }) => {
-  return /* @__PURE__ */ jsx("monogon-code", { content, lang });
+const MonogonCode2 = ({ content: content2, lang }) => {
+  return /* @__PURE__ */ jsx("monogon-code", { content: content2, lang });
 };
 const DebugLegalEntityData = ({ legalEntityData }) => {
-  var _a;
   if (!legalEntityData) return /* @__PURE__ */ jsx(Fragment, {});
   const { rootLegalEntity, rootLegalEntityType } = legalEntityData;
-  const uboDetails = ((_a = rootLegalEntity.entityAssociations) == null ? void 0 : _a.map(
+  const uboDetails = rootLegalEntity.entityAssociations?.map(
     ({ name, type, jobTitle }) => (
       // If `name` is undefined, replace the tuple with `null` to easily filter it out later. Checking this to ensure that the 'data' for DebugTable always has a keyName.
       name ? {
@@ -340,7 +336,7 @@ const DebugLegalEntityData = ({ legalEntityData }) => {
         variant: "blue"
       } : null
     )
-  ).filter(Boolean)) ?? [];
+  ).filter(Boolean) ?? [];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("span", { children: [
       "Root legal entity type: ",
@@ -360,6 +356,18 @@ const DebugMetadata = ({
   ];
   return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__meta", children: /* @__PURE__ */ jsx(DebugTable, { data: rows }) });
 };
+const debugModal = "adyen-kyc-debug-modal";
+const debugHeader = "adyen-kyc-debug-header";
+const footer = "adyen-kyc-footer";
+const footerCopyStatus = "adyen-kyc-footer-copy-status";
+const content = "adyen-kyc-content";
+const styles$1 = {
+  debugModal,
+  debugHeader,
+  footer,
+  footerCopyStatus,
+  content
+};
 const header = "adyen-kyc-header";
 const taskName = "adyen-kyc-task-name";
 const table = "adyen-kyc-table";
@@ -369,12 +377,12 @@ const styles = {
   table
 };
 const DebugTaskStatuses = ({ taskStatuses }) => {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("table", { className: styles.table, children: [
     /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: styles.header, children: [
-      /* @__PURE__ */ jsx("th", { children: i18n.get("task") }),
-      /* @__PURE__ */ jsx("th", { children: i18n.get("status") }),
-      /* @__PURE__ */ jsx("th", { children: i18n.get("reason") })
+      /* @__PURE__ */ jsx("th", { children: t(($) => $["task"]) }),
+      /* @__PURE__ */ jsx("th", { children: t(($) => $["status"]) }),
+      /* @__PURE__ */ jsx("th", { children: t(($) => $["reason"]) })
     ] }) }),
     /* @__PURE__ */ jsx("tbody", { children: entriesOf(taskStatuses).sort(([t1], [t2]) => t1.localeCompare(t2)).map(([task, status]) => {
       const { taskType, id } = splitTaskIdentifier(task);
@@ -386,7 +394,7 @@ const DebugTaskStatuses = ({ taskStatuses }) => {
         status ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(TaskItemStatus, { status: status.status }) }),
           /* @__PURE__ */ jsxs("td", { children: [
-            i18n.get(status.reason),
+            t(($) => $[status.reason]),
             /* @__PURE__ */ jsx(ExplainDetails, { status })
           ] })
         ] }) : /* @__PURE__ */ jsx(Fragment, {})
@@ -440,7 +448,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore().rootLegalEntity.value;
   const metadata = {
-    sdkVersion: "4.0.0-beta.1",
+    sdkVersion: "4.0.0-beta.3",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };
@@ -465,8 +473,8 @@ const DebugModal = ({ onExit }) => {
       setDebugInfoCopied(false);
     }, 5e3);
   };
-  return /* @__PURE__ */ jsx(Modal, { size: "fullscreen", onClose: onExit, ariaLabel: "Debug", children: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-debug-modal", children: [
-    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-debug-modal__header", children: [
+  return /* @__PURE__ */ jsx(Modal, { size: "fullscreen", onClose: onExit, ariaLabel: "Debug", children: /* @__PURE__ */ jsxs("div", { className: styles$1.debugModal, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$1.debugHeader, children: [
       /* @__PURE__ */ jsx("h1", { children: "Debug" }),
       " ",
       /* @__PURE__ */ jsx(
@@ -495,13 +503,13 @@ const DebugModal = ({ onExit }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-debug-modal__content", children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$1.content, children: [
       tab === "metadata" ? /* @__PURE__ */ jsx(DebugMetadata, { metadata }) : void 0,
       tab === "taskStatuses" ? /* @__PURE__ */ jsx(DebugTaskStatuses, { taskStatuses }) : void 0,
       tab === "experimentsSettings" ? /* @__PURE__ */ jsx(DebugExperimentsAndSettings, { experiments, settings }) : void 0,
       tab === "legalEntityData" ? /* @__PURE__ */ jsx(DebugLegalEntityData, { legalEntityData }) : void 0
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__footer", children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: styles$1.footer, children: /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -514,7 +522,7 @@ const DebugModal = ({ onExit }) => {
           children: "Copy debug info"
         }
       ),
-      debugInfoCopied ? /* @__PURE__ */ jsxs("span", { className: "adyen-kyc-debug-modal__footer--copy-status", children: [
+      debugInfoCopied ? /* @__PURE__ */ jsxs("span", { className: styles$1.footerCopyStatus, children: [
         /* @__PURE__ */ jsx(Icon, { name: "check" }),
         " Copied!"
       ] }) : void 0

package/dist/{DecisionMakerDetailsPage-DI2Ubmef.js → DecisionMakerDetailsPage-BN-H1sJF.js}

@@ -2,14 +2,14 @@
 {
   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] = "9ce97466-5791-4f80-9ca1-05b595ea8414", e._sentryDebugIdIdentifier = "sentry-dbid-9ce97466-5791-4f80-9ca1-05b595ea8414");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "2707844c-c207-4da1-a1d0-708a6900d212", e._sentryDebugIdIdentifier = "sentry-dbid-2707844c-c207-4da1-a1d0-708a6900d212");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, w as skipToken, ab as useCapabilityProblems, a6 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bi as getProblemsForEntity, U as EntityType, bj as isOnfidoAutofillFlowEnabled, W as TaskTypes, a4 as noop } from "./StoreProvider-BmzY19Td.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DGMCOm9M.js";
+import { b as useLegalEntity, w as skipToken, ac as useCapabilityProblems, a7 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bl as getProblemsForEntity, V as EntityType, bm as isOnfidoAutofillFlowEnabled, X as TaskTypes, a5 as noop } from "./StoreProvider-ClKLaHzy.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DHhyO2ai.js";
 function DecisionMakerDetailsPage({
   decisionMakerId,
   parentCompanyId,

package/dist/{DecisionMakers-BKhtcs_K.js → DecisionMakers-CZ5-IRtU.js}

@@ -2,16 +2,116 @@
 {
   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] = "4bb2b43d-6348-4cea-addb-4e869c53192a", e._sentryDebugIdIdentifier = "sentry-dbid-4bb2b43d-6348-4cea-addb-4e869c53192a");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8dc04362-f3eb-4192-bb5a-5b3d0dc024bb", e._sentryDebugIdIdentifier = "sentry-dbid-8dc04362-f3eb-4192-bb5a-5b3d0dc024bb");
   } catch (e) {
   }
 }
 ;
-import { jsx, jsxs } from "preact/jsx-runtime";
+import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import { useState, useEffect } from "preact/hooks";
-import { a as useLegalEntity, R as ROOT_LE, L as Loader, a9 as useGetTaskStatus, b as useI18nContext, $ as useAnalyticsContext, a5 as useToastContext, ab as useCapabilityProblems, bA as getOwnDecisionMakers, bB as getAvailableDecisionMakerRoleTypes, W as TaskTypes, bC as getAllowedDecisionMakerRoles, F as FormHeader, aU as ContextGuidance, bD as DecisionMakerType, B as Alert, aa as CardGroup, Z as Button, aO as ActionBar } from "./StoreProvider-BmzY19Td.js";
-import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-xQlAqIqy.js";
-import { b as useDataMissingRemediations, D as DropinLayout, E as EntityGuidanceStatus, i as iconStatus, c as EntityAssociation } from "./OnboardingDropinComponent-BW6er2HU.js";
+import { ap as useI18nContext, G as Typography, B as Alert, a0 as useAnalyticsContext, _ as Button, bp as Svg, b5 as Modal, b as useLegalEntity, R as ROOT_LE, L as Loader, aa as useGetTaskStatus, a as useTranslation, a7 as useExperimentsContext, a6 as useToastContext, ac as useCapabilityProblems, by as getOwnDecisionMakers, cS as getAvailableDecisionMakerRoleTypes, X as TaskTypes, cB as getAllowedDecisionMakerRoles, F as FormHeader, aX as ContextGuidance, aV as Trans, cQ as DecisionMakerType, ab as CardGroup, aQ as ActionBar } from "./StoreProvider-ClKLaHzy.js";
+import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-D8dw9Oc3.js";
+import { c as useDataMissingRemediations, D as DropinLayout, E as EntityGuidanceStatus, i as iconStatus, d as EntityAssociation } from "./OnboardingDropinComponent-DBW5N3Dr.js";
+import { L as LandingLayout } from "./LandingLayout-B45lEjOv.js";
+const decisionMakersGettingStarted = "adyen-kyc-decision-makers-getting-started";
+const styles = {
+  decisionMakersGettingStarted
+};
+const DecisionMakersModalContent = () => {
+  const { i18n } = useI18nContext();
+  return /* @__PURE__ */ jsxs("div", { className: styles.decisionMakersGettingStartedModal, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h3", className: "adyen-kyc-u-margin-bottom-40", children: i18n.get("moreAboutOwnersAndDecisionMakers") }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ1") }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA1") }),
+    /* @__PURE__ */ jsx(
+      Alert,
+      {
+        title: i18n.get("ownersDescriptionAlertTitle"),
+        icon: false,
+        className: "adyen-kyc-u-margin-bottom-32",
+        children: i18n.get("ownersAndDecisionMakersDescriptionAlertContent")
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ2") }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", children: i18n.get("ownersAndDecisionMakersDescriptionA2P1") }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA2P2") }),
+    /* @__PURE__ */ jsx(
+      Alert,
+      {
+        title: i18n.get("ownersDescriptionAlertTitle"),
+        icon: false,
+        className: "adyen-kyc-u-margin-bottom-32",
+        children: i18n.get("ownersDescriptionAlertContent")
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ3") }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA3") }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ4") }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA4") })
+  ] });
+};
+const DecisionMakersGettingStarted = ({
+  addDecisionMakerOnClick,
+  handleCancelClick
+}) => {
+  const { i18n } = useI18nContext();
+  const userEvents = useAnalyticsContext();
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const openModal = () => {
+    userEvents.addPageEvent("Opened modal", {
+      actionType: "open",
+      label: "decisionMakersGettingStartedModal"
+    });
+    setIsModalOpen(true);
+  };
+  const closeModal = () => {
+    userEvents.addPageEvent("Closed modal", {
+      actionType: "close",
+      label: "decisionMakersGettingStartedModal"
+    });
+    setIsModalOpen(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: styles.decisionMakersGettingStarted, children: [
+    /* @__PURE__ */ jsx(
+      LandingLayout,
+      {
+        media: /* @__PURE__ */ jsx(
+          Svg,
+          {
+            type: "image",
+            testId: "decision-makers-getting-started-icon",
+            name: "decision-makers-group"
+          }
+        ),
+        title: i18n.get("ownersAndDecisionMakers"),
+        description: i18n.get("ownersAndDecisionMakersDescription"),
+        helpAction: /* @__PURE__ */ jsx(Button, { variant: "link", onClick: openModal, fullWidth: true, children: i18n.get("learnMore") }),
+        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              fullWidth: true,
+              testId: "decision-makers-getting-started-primary-button",
+              onClick: addDecisionMakerOnClick,
+              children: i18n.get("gettingStarted")
+            }
+          ),
+          handleCancelClick && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "tertiary",
+              fullWidth: true,
+              testId: "decision-makers-getting-started-cancel-button",
+              onClick: handleCancelClick,
+              children: i18n.get("finishLater")
+            }
+          )
+        ] })
+      }
+    ),
+    isModalOpen && /* @__PURE__ */ jsx(Modal, { onClose: closeModal, ariaLabel: i18n.get("moreAboutOwnersAndDecisionMakers"), inset: true, children: /* @__PURE__ */ jsx(DecisionMakersModalContent, {}) })
+  ] });
+};
 const DecisionMakers = (props) => {
   const { data, isLoading } = useLegalEntity(ROOT_LE);
   if (isLoading || !data) {
@@ -27,8 +127,13 @@ const DecisionMakersInner = ({
 }) => {
   const getTaskStatus = useGetTaskStatus();
   const { i18n } = useI18nContext();
+  const { t } = useTranslation();
   const userEvents = useAnalyticsContext();
+  const { isExperimentEnabled } = useExperimentsContext();
   const { showToast } = useToastContext();
+  const isRevampedDecisionMakersTaskPageEnabled = isExperimentEnabled(
+    "EnableRevampedDecisionMakersTaskPage"
+  );
   const [isRemoveDisabled, setIsRemoveDisabled] = useState(false);
   const capabilityProblems = useCapabilityProblems() ?? {};
   const updateLegalEntity = useUpdateLegalEntity();
@@ -42,9 +147,8 @@ const DecisionMakersInner = ({
     legalEntityId: legalEntity.id,
     problems: capabilityProblems
   });
-  const mappedDecisionMakers = decisionMakers == null ? void 0 : decisionMakers.reduce(
+  const mappedDecisionMakers = decisionMakers?.reduce(
     (mappedDecisionMakers2, decisionMaker) => {
-      var _a;
       if (!decisionMaker.legalEntityId) return {};
       const mappedDecisionMaker = mappedDecisionMakers2[decisionMaker.legalEntityId];
       const decisionMakerType = decisionMaker.type;
@@ -54,7 +158,7 @@ const DecisionMakersInner = ({
         status: getTaskStatus(TaskTypes.DECISION_MAKER, decisionMaker.legalEntityId),
         name: decisionMaker.name ?? "",
         legalEntityType: decisionMaker.entityType,
-        problems: (_a = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _a[decisionMaker.legalEntityId]
+        problems: capabilityProblems?.LegalEntity?.[decisionMaker.legalEntityId]
       };
       return mappedDecisionMakers2;
     },
@@ -120,7 +224,13 @@ const DecisionMakersInner = ({
       showToast({ variant: "error", label: i18n.get("failedToRemoveDecisionMaker") });
     }
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Fragment, { children: isRevampedDecisionMakersTaskPageEnabled && uniqueDecisionMakers?.length === 0 ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    DecisionMakersGettingStarted,
+    {
+      handleCancelClick: () => navigateBackToTaskList(),
+      addDecisionMakerOnClick
+    }
+  ) }) : /* @__PURE__ */ jsx(
     DropinLayout,
     {
       content: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-decision-makers adyen-kyc-u-width-full", children: [
@@ -145,18 +255,13 @@ const DecisionMakersInner = ({
           ContextGuidance,
           {
             title: i18n.get("whatIsTheDifferenceBetweenTheseRoles"),
-            content: /* @__PURE__ */ jsx("ul", { className: "adyen-kyc-guidance-list", children: availableDecisionMakers.map(({ roleType }) => /* @__PURE__ */ jsx(
-              "li",
+            content: /* @__PURE__ */ jsx("ul", { className: "adyen-kyc-guidance-list", children: availableDecisionMakers.map(({ roleType }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              Trans,
               {
-                dangerouslySetInnerHTML: {
-                  __html: i18n.get(
-                    // Map from API names to internal names
-                    `${roleType === DecisionMakerType.CONTROLLING_PERSON ? "controllingPerson" : roleType === DecisionMakerType.OWNER ? "owner" : roleType}GuideDescription`
-                  )
-                }
-              },
-              roleType
-            )) }),
+                t,
+                i18nKey: ($) => $[`${roleType === DecisionMakerType.CONTROLLING_PERSON ? "controllingPerson" : roleType === DecisionMakerType.OWNER ? "owner" : roleType}GuideDescription`]
+              }
+            ) }, roleType)) }),
             titleId: "whatIsTheDifferenceBetweenTheseRoles",
             contentId: "differenceBetweenAnOwnerControllingPersonAndSignatory"
           }
@@ -169,14 +274,14 @@ const DecisionMakersInner = ({
             variant: "warning"
           }
         ),
-        (uniqueDecisionMakers == null ? void 0 : uniqueDecisionMakers.length) > 0 ? /* @__PURE__ */ jsx(CardGroup, { children: uniqueDecisionMakers.map((decisionMaker) => /* @__PURE__ */ jsx(
+        !isRevampedDecisionMakersTaskPageEnabled || uniqueDecisionMakers?.length > 0 ? /* @__PURE__ */ jsx(CardGroup, { children: uniqueDecisionMakers.map((decisionMaker) => /* @__PURE__ */ jsx(
           EntityAssociation,
           {
             types: decisionMaker.types,
             name: decisionMaker.name,
             status: decisionMaker.status,
             onNavigateToEntity: () => editDecisionMaker(decisionMaker),
-            problems: decisionMaker == null ? void 0 : decisionMaker.problems,
+            problems: decisionMaker?.problems,
             removeEntity: () => {
               deleteDecisionMaker(decisionMaker);
             },
@@ -215,7 +320,7 @@ const DecisionMakersInner = ({
         )
       ] })
     }
-  );
+  ) });
 };
 export {
   DecisionMakers