@adyen/kyc-components 3.49.0 → 3.49.2

package/dist/es/{B4MFY5CR-CklLzOTw.js → B4MFY5CR-DvtM_CXZ.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { b as createContext, d as createSignal, o as onMount, e as createEffect, c as createMemo, a as createComponent, P as Portal, S as Show, t as template, i as insert, f as createRenderEffect, h as className, j as clearDelegatedEvents, k as delegateEvents, u as useContext, l as onCleanup, s as sortFns, m as mutationSortFns, n as on, p as setAttribute, q as getSidedProp, r as use, v as createUniqueId, w as batch, x as getQueryStatusLabel, y as getMutationStatusColor, z as getQueryStatusColor, A as getQueryStatusColorByLabel, B as displayValue, F as For, C as convertRemToPixels, D as untrack, $ as $TRACK, E as useTransition, G as spread, H as mergeProps, I as createRoot, J as serialize, K as Index, L as updateNestedDataByPath, M as addEventListener, N as stringify, O as Match, Q as Switch, R as deleteNestedDataByPath, T as splitProps, U as Dynamic, V as createComputed } from "./index-BUsoJwWB.js";
+import { b as createContext, d as createSignal, o as onMount, e as createEffect, c as createMemo, a as createComponent, P as Portal, S as Show, t as template, i as insert, f as createRenderEffect, h as className, j as clearDelegatedEvents, k as delegateEvents, u as useContext, l as onCleanup, s as sortFns, m as mutationSortFns, n as on, p as setAttribute, q as getSidedProp, r as use, v as createUniqueId, w as batch, x as getQueryStatusLabel, y as getMutationStatusColor, z as getQueryStatusColor, A as getQueryStatusColorByLabel, B as displayValue, F as For, C as convertRemToPixels, D as untrack, $ as $TRACK, E as useTransition, G as spread, H as mergeProps, I as createRoot, J as serialize, K as Index, L as updateNestedDataByPath, M as addEventListener, N as stringify, O as Match, Q as Switch, R as deleteNestedDataByPath, T as splitProps, U as Dynamic, V as createComputed } from "./index-B3fvfRtD.js";
 var isNonNullable = (i2) => i2 != null;
 var filterNonNullable = (arr) => arr.filter(isNonNullable);
 function chain(callbacks) {

package/dist/es/{HO4MOOFI-DEViuS9B.js → HO4MOOFI-BPdL391L.js}

@@ -1,5 +1,5 @@
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./B4MFY5CR-CklLzOTw.js";
-import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-BUsoJwWB.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./B4MFY5CR-DvtM_CXZ.js";
+import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-B3fvfRtD.js";
 var DevtoolsComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/es/{HUY7CZI3-BQciooRq.js → HUY7CZI3-Cl0-ZtHu.js}

@@ -1,5 +1,5 @@
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, b as ParentPanel, C as ContentView, Q as QueryDevtoolsContext } from "./B4MFY5CR-CklLzOTw.js";
-import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-BUsoJwWB.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, b as ParentPanel, C as ContentView, Q as QueryDevtoolsContext } from "./B4MFY5CR-DvtM_CXZ.js";
+import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-B3fvfRtD.js";
 var DevtoolsPanelComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/es/adyen-kyc-components.es.js

@@ -1,4 +1,4 @@
-import { W } from "./index-BUsoJwWB.js";
+import { W } from "./index-B3fvfRtD.js";
 export {
   W as default
 };

package/dist/es/{index-BUsoJwWB.js → index-B3fvfRtD.js}

@@ -4409,7 +4409,6 @@ class UserEvents {
   addEvent(eventName, properties) {
     const completeEvent = { ...this.baseTrackingPayload, ...properties };
     this.add({ type: "add_event", name: eventName, properties: { ...completeEvent } });
-    console.log("addevent", "name", eventName, completeEvent);
     this.notifySubscribers();
   }
   /**
@@ -4501,11 +4500,11 @@ const Field = ({
     const returnValue = typeof errorMessage === "string" && errorMessage || typeof formatGuidance === "string" && formatGuidance || "invalid";
     userEvents.addFieldEvent("Encountered error", {
       actionType: "input",
-      field: label,
+      field: name,
       returnType: "validation",
       returnValue
     });
-  }, [label, errorMessage, formatGuidance]);
+  }, [name, errorMessage, formatGuidance]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -4790,12 +4789,11 @@ function Checkbox({
   enableTracking = false,
   ...props
 }) {
-  const field = typeof label === "string" ? label : props.name;
   const handleChange = (newValue) => {
     if (enableTracking) {
       userEvents.addFieldEvent("Interacted with form field", {
         actionType: "input",
-        field,
+        field: props.name,
         returnValue: String(newValue)
       });
     }
@@ -12220,7 +12218,7 @@ const isExistingFile = (file) => "existing" in file && file.existing;
 const isNewlyUploadedFile = (file) => !isExistingFile(file);
 function DropzoneFile(props) {
   var _a2;
-  const { label, file, errorMessage, onDelete } = props;
+  const { file, errorMessage, onDelete } = props;
   const { i18n } = useI18nContext();
   let documentIcon;
   const formatSize = (bytes) => {
@@ -12241,11 +12239,11 @@ function DropzoneFile(props) {
     if (!errorMessage) return;
     userEvents.addFieldEvent("Encountered error", {
       actionType: "change",
-      field: label || "dropzone",
+      field: "dropzone file",
       returnType: "validation",
       returnValue: errorMessage
     });
-  }, [label, errorMessage]);
+  }, [errorMessage]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -12444,7 +12442,7 @@ function Dropzone(props) {
     if (enableTracking) {
       userEvents.addFieldEvent("Interacted with form field", {
         actionType: "change",
-        field: label || "file picker"
+        field: name || "file picker"
       });
     }
     const currentFiles = (data == null ? void 0 : data[name]) || [];
@@ -12517,7 +12515,6 @@ function Dropzone(props) {
       return /* @__PURE__ */ jsx(
         DropzoneFile,
         {
-          label,
           file,
           onDelete: () => handleFileDelete(file),
           errorMessage: (_a3 = errors == null ? void 0 : errors[name]) == null ? void 0 : _a3.errorMessage
@@ -21269,6 +21266,7 @@ function FilePicker({
   errorMessage,
   multiple = false,
   label,
+  name,
   iconPrefix = "generic-document",
   enableTracking = false,
   // file validation options
@@ -21315,7 +21313,7 @@ function FilePicker({
     if (enableTracking) {
       userEvents.addFieldEvent("Interacted with form field", {
         actionType: "change",
-        field: label || "dropzone"
+        field: name || "dropzone"
       });
     }
     setFiles([...newFiles, ...files]);
@@ -21334,7 +21332,6 @@ function FilePicker({
     files.map((file) => /* @__PURE__ */ jsx(
       DropzoneFile,
       {
-        label,
         file,
         onDelete: () => handleFileDelete(file),
         errorMessage,
@@ -21712,6 +21709,7 @@ function BankDocument(props) {
               FilePicker,
               {
                 ...childProps,
+                name: "bankStatementDocument",
                 files: data.bankStatementDocument ?? [],
                 setFiles: handleChangeFor("bankStatementDocument"),
                 isValid: valid.bankStatementDocument ?? isBankStatementOptional,
@@ -29974,7 +29972,6 @@ const useFormComposer = ({
   externalBackClick,
   onSubmit
 }) => {
-  const { i18n } = useI18nContext();
   const [shouldValidate, setShouldValidate] = useState(false);
   const [activeForm, setActiveForm] = useState(forms[0]);
   const isFormSummaryStep = (form) => form.formId === summaryStep.formId;
@@ -30004,7 +30001,7 @@ const useFormComposer = ({
       ...baseTrackingPayload,
       actionLevel: "page",
       actionType: "next",
-      page: i18n.get(formName)
+      page: formName
     });
   };
   const gotoFormByFormIndex = (nextFormIndex) => {
@@ -36749,7 +36746,9 @@ const DecisionMakers = ({
   const decisionMakers = getOwnDecisionMakers(legalEntityResponse);
   const registeredCountry = (_b2 = (_a2 = legalEntityResponse == null ? void 0 : legalEntityResponse.organization) == null ? void 0 : _a2.registeredAddress) == null ? void 0 : _b2.country;
   const availableDecisionMakers = getAvailableDecisionMakerRoleTypes(registeredCountry);
-  const homeButtonLabel = i18n.get("saveAndGoToOverview");
+  const translationKeys = {
+    home: "saveAndGoToOverview"
+  };
   const { remediationMessages } = useDataMissingRemediations({
     legalEntityId: legalEntityResponse.id,
     problems: capabilityProblems
@@ -36779,10 +36778,10 @@ const DecisionMakers = ({
         task: TaskTypes.DECISION_MAKER_OVERVIEW,
         actionLevel: "task",
         actionType: "alert",
-        label: remediationMessages.DECISION_MAKER
+        label: "missingDecisionMaker"
       });
     }
-  }, [showWarning]);
+  }, [remediationMessages.DECISION_MAKER, showWarning]);
   const uniqueDecisionMakersPerType = (roleType) => uniqueDecisionMakers.filter(({ types }) => types.includes(roleType)).length;
   const allowedDecisionMakerTypes = getAllowedDecisionMakerRoles(
     legalEntityResponse,
@@ -36918,12 +36917,12 @@ const DecisionMakers = ({
                 task: TaskTypes.DECISION_MAKER_OVERVIEW,
                 actionLevel: "task",
                 actionType: "back",
-                label: homeButtonLabel,
+                label: translationKeys.home,
                 noOfDecisionMakers: decisionMakers.length
               });
               navigateBackToTaskList();
             },
-            homeButtonLabel
+            homeButtonLabel: i18n.get(translationKeys.home)
           }
         )
       ] })
@@ -37100,11 +37099,11 @@ const Introduction = ({
       onExitIntroduction();
     }
   }, [introductionScreens]);
-  const buttonLabels = {
-    skip: i18n.get("goToOverviewFromIntroduction"),
-    back: i18n.get("back"),
-    next: i18n.get("next"),
-    start: i18n.get("start")
+  const translationKeys = {
+    skip: "goToOverviewFromIntroduction",
+    back: "back",
+    next: "next",
+    start: "start"
   };
   return (introductionScreens == null ? void 0 : introductionScreens.length) ? /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-introduction", children: [
     /* @__PURE__ */ jsx(
@@ -37117,12 +37116,12 @@ const Introduction = ({
     /* @__PURE__ */ jsx("div", { className: "adyen-kyc-introduction__skip", children: /* @__PURE__ */ jsx(
       Button,
       {
-        label: buttonLabels.skip,
+        label: i18n.get(translationKeys.skip),
         onClick: () => {
           userEvents.addEvent("Clicked button", {
             ...pageEventDetails,
             actionType: "skip",
-            label: buttonLabels.skip
+            label: translationKeys.skip
           });
           onExitIntroduction();
         },
@@ -37144,12 +37143,12 @@ const Introduction = ({
         Button,
         {
           disabled: activeIndex === 0,
-          label: buttonLabels.back,
+          label: i18n.get(translationKeys.back),
           onClick: () => {
             userEvents.addEvent("Clicked button", {
               ...pageEventDetails,
               actionType: "back",
-              label: buttonLabels.back
+              label: translationKeys.back
             });
             setActiveIndex((currentValue) => currentValue - 1);
           },
@@ -37160,12 +37159,12 @@ const Introduction = ({
       activeIndex + 1 === introductionScreens.length ? /* @__PURE__ */ jsx(
         Button,
         {
-          label: buttonLabels.start,
+          label: i18n.get(translationKeys.start),
           onClick: () => {
             userEvents.addEvent("Success", {
               actionLevel: "task",
               actionType: "start",
-              label: buttonLabels.start
+              label: translationKeys.start
             });
             onExitIntroduction();
           },
@@ -37174,12 +37173,12 @@ const Introduction = ({
       ) : /* @__PURE__ */ jsx(
         Button,
         {
-          label: buttonLabels.next,
+          label: i18n.get(translationKeys.next),
           onClick: () => {
             userEvents.addEvent("Clicked button", {
               ...pageEventDetails,
               actionType: "next",
-              label: buttonLabels.next
+              label: translationKeys.next
             });
             setActiveIndex((currentValue) => currentValue + 1);
           },
@@ -37696,7 +37695,7 @@ function TaskList({
         task: TaskTypes.TASKS_OVERVIEW,
         actionLevel: "task",
         actionType: "alert",
-        label: remediationMessages.DECISION_MAKER
+        label: "missingDecisionMaker"
       });
     }
   }, [showDecisionMakersWarning]);
@@ -38630,7 +38629,7 @@ function IndividualDropin({
         legalEntityId: updatedLegalEntity.id,
         entityType: updatedLegalEntity.type,
         countryOfRegistration: ((_c3 = dataSubmitted.personalDetails) == null ? void 0 : _c3.residencyCountry) || null,
-        idDocumentType: idDocumentType || null
+        documentType: idDocumentType || null
       });
     }
     return updatedLegalEntity;
@@ -38764,7 +38763,7 @@ function IndividualDropin({
         actionLevel: "task",
         actionType: "submit",
         countryOfRegistration: ((_b3 = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _b3.residencyCountry) || null,
-        idDocumentType: idDocumentType || null
+        documentType: idDocumentType || null
       });
       legalEntity2.entityAssociations = filterOutUnwantedAssociationsIfRootLE(
         taskType,
@@ -39206,7 +39205,7 @@ function PayoutDetailsDropin({
     userEvents.addEvent("Landed on page", {
       actionLevel: "task",
       actionType: "start",
-      isUsingNewBankingFlowExperiment: true
+      isUsingNewBankingFlowExperiment: enableEmphasizedCredentialBankingFlow
     });
   }, []);
   useEffect(() => {
@@ -39599,8 +39598,10 @@ function PciDropin({
   const { showToast } = useToastContext();
   const [loadingStatus, setLoadingStatus] = useState();
   const hasExpired = useHasExpired();
-  const signButtonLabel = i18n.get("sign");
-  const homeButtonLabel = i18n.get("finishLater");
+  const translationKeys = {
+    home: "finishLater",
+    sign: "sign"
+  };
   const { handleChangeFor, triggerValidation, data, valid, isValid, errors } = useForm({
     schema: PciFields,
     rules: pciValidationRules
@@ -39630,7 +39631,7 @@ function PciDropin({
     const baseTracking = {
       actionLevel: "task",
       actionType: "sign",
-      label: signButtonLabel
+      label: translationKeys.sign
     };
     userEvents.addEvent("Clicked button", baseTracking);
     triggerValidation();
@@ -39663,7 +39664,7 @@ function PciDropin({
     userEvents.addEvent("Clicked button", {
       actionLevel: "task",
       actionType: "back",
-      label: homeButtonLabel
+      label: translationKeys.home
     });
     handleHomeClick();
   };
@@ -39743,8 +39744,8 @@ function PciDropin({
     ] }) }),
     /* @__PURE__ */ jsxs(ModalFooter, { children: [
       /* @__PURE__ */ jsx("div", { style: { flex: "1" } }),
-      /* @__PURE__ */ jsx(Button, { label: homeButtonLabel, secondary: true, icon: "save", onClick: goHome }),
-      /* @__PURE__ */ jsx(Button, { label: signButtonLabel, onClick: handleSignClick })
+      /* @__PURE__ */ jsx(Button, { label: i18n.get(translationKeys.home), secondary: true, icon: "save", onClick: goHome }),
+      /* @__PURE__ */ jsx(Button, { label: i18n.get(translationKeys.sign), onClick: handleSignClick })
     ] })
   ] });
 }
@@ -40653,8 +40654,10 @@ function ServiceAgreementDropin({
   const canSign = (serviceAgreementTypes == null ? void 0 : serviceAgreementTypes.includes(activeForm == null ? void 0 : activeForm.serviceAgreementType)) && !(activeForm == null ? void 0 : activeForm.acceptanceId);
   const isLastStep = activeFormIndex === forms.length - 1;
   const showSignedAlert = !!(activeForm == null ? void 0 : activeForm.acceptanceId);
-  const homeButtonLabel = i18n.get("goToOverview");
-  const nextButtonLabel = i18n.get(canSign ? "sign" : "next");
+  const translationKeys = {
+    home: "goToOverview",
+    next: canSign ? "sign" : "next"
+  };
   const handleServiceAgreementIsNotAvailableInThatLanguage = useCallback(() => {
     showToast({
       label: i18n.get("failedToGetServiceAgreementInSelectedLanguageFallbackToEn"),
@@ -40699,7 +40702,7 @@ function ServiceAgreementDropin({
       actionLevel: "task",
       actionType: "sign"
     };
-    userEvents.addEvent("Clicked button", { ...baseTracking, label: nextButtonLabel });
+    userEvents.addEvent("Clicked button", { ...baseTracking, label: translationKeys.next });
     triggerValidation();
     if (loadingStatus === "loading" || !serviceAgreement || !data.signer) return;
     if (isValid) {
@@ -40735,7 +40738,7 @@ function ServiceAgreementDropin({
     userEvents.addEvent("Clicked button", {
       actionLevel: "task",
       actionType: "back",
-      label: homeButtonLabel
+      label: translationKeys.home
     });
     handleHomeClick();
   };
@@ -40955,9 +40958,9 @@ function ServiceAgreementDropin({
           ActionBar,
           {
             onHome: goHome,
-            homeButtonLabel,
+            homeButtonLabel: i18n.get(translationKeys.home),
             onNext: canSign ? handleSignClick : () => gotoForm(activeFormIndex + 1),
-            nextButtonLabel,
+            nextButtonLabel: i18n.get(translationKeys.next),
             nextButtonDisabled: forms.length === 0 || !canSign && isLastStep,
             onBack: () => gotoForm(activeFormIndex - 1),
             hideBackButton: activeFormIndex === 0,
@@ -50623,7 +50626,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.49.0";
+  const sdkVersion = "3.49.2";
   const rootLegalEntityId = useGlobalStore((store) => store.rootLegalEntity.id);
   useAnalytics({
     onUserEvent,
@@ -51507,7 +51510,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore((store) => store.rootLegalEntity);
   const metadata = {
-    sdkVersion: "3.49.0",
+    sdkVersion: "3.49.2",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };
@@ -54504,7 +54507,7 @@ var TanstackQueryDevtools = (_k = class {
       if (__privateGet(this, _Component)) {
         Devtools = __privateGet(this, _Component);
       } else {
-        Devtools = lazy(() => import("./HO4MOOFI-DEViuS9B.js"));
+        Devtools = lazy(() => import("./HO4MOOFI-BPdL391L.js"));
         __privateSet(this, _Component, Devtools);
       }
       setupStyleSheet(__privateGet(this, _styleNonce), __privateGet(this, _shadowDOMTarget));
@@ -54626,7 +54629,7 @@ var TanstackQueryDevtoolsPanel = (_l = class {
       if (__privateGet(this, _Component2)) {
         Devtools = __privateGet(this, _Component2);
       } else {
-        Devtools = lazy(() => import("./HUY7CZI3-BQciooRq.js"));
+        Devtools = lazy(() => import("./HUY7CZI3-Cl0-ZtHu.js"));
         __privateSet(this, _Component2, Devtools);
       }
       setupStyleSheet(__privateGet(this, _styleNonce2), __privateGet(this, _shadowDOMTarget2));

package/dist/types/components/ui/molecules/Dropzone/FilePicker.d.ts

@@ -10,7 +10,8 @@ export interface FilePickerProps extends FileValidationOptions {
     errorMessage?: TranslationKey;
     multiple?: boolean;
     label?: string;
+    name: string;
     iconPrefix?: string;
     enableTracking?: boolean;
 }
-export declare function FilePicker({ files, setFiles, isValid, errorMessage, multiple, label, iconPrefix, enableTracking, allowedFileTypes, maxSize, isOptional, maxNumberOfFiles, }: FilePickerProps): JSX.Element;
+export declare function FilePicker({ files, setFiles, isValid, errorMessage, multiple, label, name, iconPrefix, enableTracking, allowedFileTypes, maxSize, isOptional, maxNumberOfFiles, }: FilePickerProps): JSX.Element;

package/dist/types/components/ui/molecules/Dropzone/types.d.ts

@@ -23,5 +23,4 @@ export interface DropzoneFileProps {
     errorMessage?: TranslationKey;
     onDelete: () => void;
     iconPrefix?: string;
-    label?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.49.0",
+  "version": "3.49.2",
   "keywords": [
     "adyen",
     "adyen-kyc",