@adyen/kyc-components 2.61.0 → 2.61.2

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

@@ -44,7 +44,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();
   }
   /**
@@ -3748,11 +3747,11 @@ const Field = ({
     const returnValue = typeof errorMessage === "string" && errorMessage || "invalid";
     userEvents.addFieldEvent("Encountered error", {
       actionType: "input",
-      field: label,
+      field: name,
       returnType: "validation",
       returnValue
     });
-  }, [label, errorMessage]);
+  }, [name, errorMessage]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -4036,12 +4035,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)
       });
     }
@@ -11012,7 +11010,7 @@ const isExistingFile = (file) => "existing" in file && file.existing;
 const isNewlyUploadedFile = (file) => !isExistingFile(file);
 function DropzoneFile(props) {
   var _a;
-  const { label, file, errorMessage, onDelete } = props;
+  const { file, errorMessage, onDelete } = props;
   const { i18n } = useI18nContext();
   let documentIcon;
   const formatSize = (bytes) => {
@@ -11033,11 +11031,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",
     {
@@ -11229,7 +11227,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]) || [];
@@ -11267,7 +11265,6 @@ function Dropzone(props) {
       return /* @__PURE__ */ jsx(
         DropzoneFile,
         {
-          label,
           file,
           onDelete: () => handleFileDelete(file),
           errorMessage: (_a2 = errors == null ? void 0 : errors[name]) == null ? void 0 : _a2.errorMessage
@@ -19139,6 +19136,7 @@ function FilePicker({
   errorMessage,
   multiple = false,
   label,
+  name,
   iconPrefix = "generic-document",
   enableTracking = false,
   // file validation options
@@ -19185,7 +19183,7 @@ function FilePicker({
     if (enableTracking) {
       userEvents.addFieldEvent("Interacted with form field", {
         actionType: "change",
-        field: label || "dropzone"
+        field: name || "dropzone"
       });
     }
     setFiles([...newFiles, ...files]);
@@ -19204,7 +19202,6 @@ function FilePicker({
     files.map((file) => /* @__PURE__ */ jsx(
       DropzoneFile,
       {
-        label,
         file,
         onDelete: () => handleFileDelete(file),
         errorMessage,
@@ -19574,6 +19571,7 @@ function BankDocument(props) {
               FilePicker,
               {
                 ...childProps,
+                name: "bankStatementDocument",
                 files: data.bankStatementDocument ?? [],
                 setFiles: handleChangeFor("bankStatementDocument"),
                 isValid: valid.bankStatementDocument ?? isBankStatementOptional,
@@ -24133,7 +24131,7 @@ const useFormComposer = ({
       ...baseTrackingPayload,
       actionLevel: "page",
       actionType: "next",
-      page: i18n.get(formName)
+      page: formName
     });
   };
   const gotoFormByFormIndex = (nextFormIndex) => {
@@ -30788,7 +30786,9 @@ const DecisionMakersComponent = ({
   const decisionMakers = getOwnDecisionMakers(legalEntityResponse);
   const registeredCountry = (_b = (_a = legalEntityResponse == null ? void 0 : legalEntityResponse.organization) == null ? void 0 : _a.registeredAddress) == null ? void 0 : _b.country;
   const availableDecisionMakers = getAvailableDecisionMakerRoleTypes(registeredCountry);
-  const homeButtonLabel = i18n.get("saveAndGoToOverview");
+  const translationKeys = {
+    home: "saveAndGoToOverview"
+  };
   const { remediationMessages } = useDataMissingRemediations({
     legalEntityId: legalEntityResponse.id,
     problems: capabilityProblems
@@ -30817,10 +30817,10 @@ const DecisionMakersComponent = ({
         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,
@@ -30957,12 +30957,12 @@ const DecisionMakersComponent = ({
                 task: TaskTypes.DECISION_MAKER_OVERVIEW,
                 actionLevel: "task",
                 actionType: "back",
-                label: homeButtonLabel,
+                label: translationKeys.home,
                 noOfDecisionMakers: decisionMakers.length
               });
               navigateBackToTaskList();
             },
-            homeButtonLabel
+            homeButtonLabel: i18n.get(translationKeys.home)
           }
         )
       ] })
@@ -31147,11 +31147,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(
@@ -31164,12 +31164,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();
         },
@@ -31191,12 +31191,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);
           },
@@ -31207,12 +31207,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();
           },
@@ -31221,12 +31221,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);
           },
@@ -31850,7 +31850,7 @@ function TaskListComponent({
         task: TaskTypes.TASKS_OVERVIEW,
         actionLevel: "task",
         actionType: "alert",
-        label: remediationMessages.DECISION_MAKER
+        label: "missingDecisionMaker"
       });
     }
   }, [showDecisionMakersWarning]);
@@ -32780,7 +32780,7 @@ function IndividualDropinComponent({
         legalEntityId: updatedLegalEntity.id,
         entityType: updatedLegalEntity.type,
         countryOfRegistration: ((_c2 = dataSubmitted.personalDetails) == null ? void 0 : _c2.residencyCountry) || null,
-        idDocumentType: idDocumentType || null
+        documentType: idDocumentType || null
       });
     }
     return updatedLegalEntity;
@@ -32892,7 +32892,7 @@ function IndividualDropinComponent({
         actionLevel: "task",
         actionType: "submit",
         countryOfRegistration: ((_b2 = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _b2.residencyCountry) || null,
-        idDocumentType: idDocumentType || null
+        documentType: idDocumentType || null
       });
       legalEntity.entityAssociations = filterOutUnwantedAssociationsIfRootLE(
         taskType,
@@ -33729,8 +33729,10 @@ function PciDropinComponent({
   const { showToast } = useToastContext();
   const [loadingStatus, setLoadingStatus] = useState();
   const hasExpired = useHasExpired();
-  const signButtonLabel = i18n.get("sign");
-  const homeButtonLabel = i18n.get("goToOverview");
+  const translationKeys = {
+    sign: "sign",
+    home: "goToOverview"
+  };
   const { handleChangeFor, triggerValidation, data, valid, isValid, errors } = useForm({
     schema: PciFields,
     rules: pciValidationRules
@@ -33760,7 +33762,7 @@ function PciDropinComponent({
     const baseTracking = {
       actionLevel: "task",
       actionType: "sign",
-      label: signButtonLabel
+      label: translationKeys.sign
     };
     userEvents.addEvent("Clicked button", baseTracking);
     triggerValidation();
@@ -33793,7 +33795,7 @@ function PciDropinComponent({
     userEvents.addEvent("Clicked button", {
       actionLevel: "task",
       actionType: "back",
-      label: homeButtonLabel
+      label: translationKeys.home
     });
     handleHomeClick();
   };
@@ -33867,9 +33869,9 @@ function PciDropinComponent({
     ActionBar,
     {
       onHome: goHome,
-      homeButtonLabel,
+      homeButtonLabel: i18n.get(translationKeys.home),
       onNext: handleSignClick,
-      nextButtonLabel: signButtonLabel
+      nextButtonLabel: i18n.get(translationKeys.sign)
     }
   );
   return /* @__PURE__ */ jsx(DropinLayout, { content, footer });
@@ -34740,8 +34742,10 @@ function ServiceAgreementDropinComponent({
   const [activeForm, setActiveForm] = useState(forms[activeFormIndex]);
   const canSign = (serviceAgreementTypes == null ? void 0 : serviceAgreementTypes.includes(activeForm == null ? void 0 : activeForm.serviceAgreementType)) && !(activeForm == null ? void 0 : activeForm.acceptanceId);
   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"),
@@ -34786,7 +34790,7 @@ function ServiceAgreementDropinComponent({
       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) {
@@ -34822,7 +34826,7 @@ function ServiceAgreementDropinComponent({
     userEvents.addEvent("Clicked button", {
       actionLevel: "task",
       actionType: "back",
-      label: homeButtonLabel
+      label: translationKeys.home
     });
     handleHomeClick();
   };
@@ -35029,9 +35033,9 @@ function ServiceAgreementDropinComponent({
           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 && activeFormIndex === forms.length - 1,
             onBack: () => gotoForm(activeFormIndex - 1),
             hideBackButton: activeFormIndex === 0,
@@ -39676,7 +39680,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "2.61.0";
+  const sdkVersion = "2.61.2";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -40349,7 +40353,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "2.61.0",
+      sdkVersion: "2.61.2",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };
@@ -40414,7 +40418,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
     /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__meta", children: /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsxs("tbody", { children: [
       /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
         /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "SDK version" }),
-        /* @__PURE__ */ jsx(Tag, { variant: "green", className: "adyen-kyc-tag--large", children: "2.61.0" })
+        /* @__PURE__ */ jsx(Tag, { variant: "green", className: "adyen-kyc-tag--large", children: "2.61.2" })
       ] }) }),
       /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
         /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "rootLegalEntityId" }),

package/dist/types/components/internal/FormFields/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/internal/FormFields/Dropzone/types.d.ts

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

package/package.json

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