@adyen/kyc-components 2.64.0 → 2.66.0

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

@@ -28943,7 +28943,7 @@ function CompanyDropinComponent({
       formattedDocument.forEach((doc) => {
         userEvents.addTaskEvent("Success", {
           ...associatedLeTrackingParams,
-          actionType: "save",
+          actionType: "upload",
           documentType: doc.type,
           fileExtention: doc.attachments.map((item) => getFileExtention(item.pageName))
         });
@@ -32569,7 +32569,7 @@ function IndividualDropinComponent({
   trustedFieldsProvider,
   trustedRoles
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const { accountHolder, setAccountHolder } = useCoreContext();
   const { i18n } = useI18nContext();
   const { showToast, clearToasts } = useToastContext();
@@ -32673,8 +32673,16 @@ function IndividualDropinComponent({
     onChange == null ? void 0 : onChange(currentState);
   }, [currentState, onChange]);
   const forms = useMemo(() => {
+    var _a2;
+    const formsWithUpdatedName = {
+      ...individualForms,
+      idDocument: {
+        ...individualForms.idDocument,
+        formName: ((_a2 = data.idVerificationMethod) == null ? void 0 : _a2.idVerificationMethod) === "instantVerification" ? "instantVerification" : "idDocument"
+      }
+    };
     const requiredForms = getRequiredForms(
-      individualForms,
+      formsWithUpdatedName,
       derivedProps == null ? void 0 : derivedProps.requiredFields,
       derivedProps == null ? void 0 : derivedProps.optionalFields
     ).filter(
@@ -32682,20 +32690,26 @@ function IndividualDropinComponent({
       (form) => form.formId !== "idVerificationMethod" || Boolean(handleGetIdVerificationToken)
     );
     return addValidityToForms(requiredForms, formValidity, problems);
-  }, [derivedProps, formValidity, problems, handleGetIdVerificationToken]);
+  }, [
+    derivedProps,
+    formValidity,
+    problems,
+    handleGetIdVerificationToken,
+    (_b = data.idVerificationMethod) == null ? void 0 : _b.idVerificationMethod
+  ]);
   const isRoleTypeTask = taskType === TaskTypes.DECISION_MAKER || taskType === TaskTypes.TRUST_MEMBER_COMPANY_OWNER;
   if (isRoleTypeTask && parentLegalEntity) {
     roleTypes = getAllowedDecisionMakerRoles(parentLegalEntity, taskType);
   }
   if (parentLegalEntity == null ? void 0 : parentLegalEntity.entityAssociations) {
-    const associations = (_b = parentLegalEntity == null ? void 0 : parentLegalEntity.entityAssociations) == null ? void 0 : _b.filter(
+    const associations = (_c = parentLegalEntity == null ? void 0 : parentLegalEntity.entityAssociations) == null ? void 0 : _c.filter(
       (ea) => ea.legalEntityId === (legalEntityResponse == null ? void 0 : legalEntityResponse.id)
     );
     if (associations && associations.length > 0) {
       if (isRoleTypeTask && parentLegalEntity) {
-        const jobTitle = (_c = associations.find(
+        const jobTitle = (_d = associations.find(
           (association) => Boolean(association.jobTitle)
-        )) == null ? void 0 : _c.jobTitle;
+        )) == null ? void 0 : _d.jobTitle;
         dataFromResponse = {
           ...dataFromResponse,
           personalDetails: {
@@ -32811,7 +32825,7 @@ function IndividualDropinComponent({
     parentLE,
     dataSubmitted
   }) => {
-    var _a2, _b2, _c2, _d2, _e, _f;
+    var _a2, _b2, _c2, _d2, _e2, _f;
     const newRoles = taskType === TaskTypes.DECISION_MAKER || taskType === TaskTypes.TRUST_MEMBER_COMPANY_OWNER ? (_a2 = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _a2.role : taskType === TaskTypes.TRUST_MEMBER_INDIVIDUAL ? trustMember == null ? void 0 : trustMember.roles : null;
     const existingEntityAssociations = getOwnEntityAssociations(parentLE);
     if (newRoles && (hasRolesChanged(legalEntity, existingEntityAssociations, newRoles) || ((_b2 = dataFromResponse.personalDetails) == null ? void 0 : _b2.jobTitle) !== ((_c2 = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _c2.jobTitle))) {
@@ -32832,7 +32846,7 @@ function IndividualDropinComponent({
       };
       await handleUpdateLegalEntity(updatedParentLegalEntity, parentLE.id);
     }
-    if (taskType === TaskTypes.LEGAL_REPRESENTATIVE_DETAILS && (existingEntityAssociations.every((ea) => ea.legalEntityId !== legalEntity.id) || ((_d2 = dataFromResponse == null ? void 0 : dataFromResponse.personalDetails) == null ? void 0 : _d2.relationship) !== ((_e = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _e.relationship))) {
+    if (taskType === TaskTypes.LEGAL_REPRESENTATIVE_DETAILS && (existingEntityAssociations.every((ea) => ea.legalEntityId !== legalEntity.id) || ((_d2 = dataFromResponse == null ? void 0 : dataFromResponse.personalDetails) == null ? void 0 : _d2.relationship) !== ((_e2 = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _e2.relationship))) {
       const newEntityAssociation = {
         type: "legalRepresentative",
         legalEntityId: legalEntity.id,
@@ -32995,7 +33009,7 @@ function IndividualDropinComponent({
   };
   const summaryOmittedKeys = [
     ...taskType === TaskTypes.DECISION_MAKER ? ["role"] : [],
-    ...((_d = data.personalDetails) == null ? void 0 : _d.idNumberExempt) ? ["idNumber"] : []
+    ...((_e = data.personalDetails) == null ? void 0 : _e.idNumberExempt) ? ["idNumber"] : []
   ];
   const {
     handleNextClick,
@@ -34789,10 +34803,9 @@ function ServiceAgreementDropinComponent({
     handleHomeClick();
   };
   const handleExpandSection = (title) => {
-    userEvents.addEvent("Clicked accordion", {
-      actionLevel: "task",
+    userEvents.addFieldEvent("Clicked accordion", {
       actionType: "open",
-      label: title
+      field: title
     });
   };
   useEffect(() => {
@@ -34806,6 +34819,9 @@ function ServiceAgreementDropinComponent({
     const initialFormIndex = forms.length === signedForms.length ? 0 : signedForms.length;
     gotoForm(initialFormIndex);
   }, []);
+  useEffect(() => {
+    userEvents.updateSharedEventProperties({ page: activeForm.formName });
+  }, [activeForm]);
   const gotoForm = (index) => {
     setActiveForm(forms[index]);
     setActiveFormIndex(index);
@@ -35810,7 +35826,7 @@ function DropinComposerComponent({
   onNavigate = noop,
   ...args
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   const { contextCountry, accountHolder, setAccountHolder } = useCoreContext();
   const { setCanSeeEntitySelection } = useCanSeeEntitySelection(legalEntityResponse.id);
   const { i18n } = useI18nContext();
@@ -36634,7 +36650,7 @@ function DropinComposerComponent({
           capabilities,
           problems: getLegalEntityProblems(rootLegalEntity),
           homeButtonLabel: i18n.get("saveAndGoToOverview"),
-          country: legalEntityResponse.organization.registeredAddress.country ?? contextCountry,
+          country: ((_f = (_e = legalEntityResponse == null ? void 0 : legalEntityResponse.organization) == null ? void 0 : _e.registeredAddress) == null ? void 0 : _f.country) ?? contextCountry,
           onChange: componentOnChange,
           onSubmit: async (data) => {
             onSubmit == null ? void 0 : onSubmit(data);
@@ -36667,7 +36683,7 @@ function DropinComposerComponent({
           parentLegalEntity: associatedLegalArrangement,
           legalEntityResponse: associatedLegalEntity,
           capabilities,
-          problems: (_e = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _e[rootLegalEntity.id],
+          problems: (_g = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _g[rootLegalEntity.id],
           onChange: componentOnChange,
           onSubmit: (data) => refreshLegalArrangementAndRunOnSubmit(data, 2),
           handleBackClick: navigateBack,
@@ -36685,7 +36701,7 @@ function DropinComposerComponent({
         {
           taskType: currentTask,
           taskName: currentTask === TaskTypes.PAYIN ? "payinDetails" : "payoutDetails",
-          problems: (_f = capabilityProblems == null ? void 0 : capabilityProblems.BankAccount) == null ? void 0 : _f[transferInstrument == null ? void 0 : transferInstrument.id],
+          problems: (_h = capabilityProblems == null ? void 0 : capabilityProblems.BankAccount) == null ? void 0 : _h[transferInstrument == null ? void 0 : transferInstrument.id],
           transferInstrument,
           setTransferInstrument,
           legalEntityResponse: rootLegalEntity,
@@ -36712,7 +36728,7 @@ function DropinComposerComponent({
         {
           ...args,
           taskType: TaskTypes.TRUST,
-          problems: (_g = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _g[associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.id],
+          problems: (_i = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _i[associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.id],
           parentLegalEntity: rootLegalEntity,
           legalEntityResponse: associatedLegalArrangement,
           capabilities,
@@ -36720,7 +36736,7 @@ function DropinComposerComponent({
           onSubmit: (data) => refreshLegalArrangementAndRunOnSubmit(data, 1),
           handleHomeClick: navigateBack,
           homeButtonLabel: i18n.get("saveAndGoToOverview"),
-          country: (((_h = associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.trust) == null ? void 0 : _h.countryOfGoverningLaw) || ((_i = associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.trust) == null ? void 0 : _i.registeredAddress.country)) ?? rootLegalEntityCountry,
+          country: (((_j = associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.trust) == null ? void 0 : _j.countryOfGoverningLaw) || ((_k = associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.trust) == null ? void 0 : _k.registeredAddress.country)) ?? rootLegalEntityCountry,
           handleAddressSearch: args == null ? void 0 : args.handleAddressSearch,
           handleFindAddress: args == null ? void 0 : args.handleFindAddress
         }
@@ -36790,12 +36806,12 @@ function DropinComposerComponent({
           parentLegalEntity: rootLegalEntity,
           legalEntityResponse: associatedLegalArrangement,
           capabilities,
-          problems: (_j = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _j[associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.id],
+          problems: (_l = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _l[associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.id],
           onChange: componentOnChange,
           onSubmit: (data) => refreshLegalArrangementAndRunOnSubmit(data, 1),
           handleHomeClick: navigateBack,
           homeButtonLabel: i18n.get("saveAndGoToOverview"),
-          country: (((_k = associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.soleProprietorship) == null ? void 0 : _k.countryOfGoverningLaw) || ((_m = (_l = associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.soleProprietorship) == null ? void 0 : _l.registeredAddress) == null ? void 0 : _m.country)) ?? rootLegalEntityCountry,
+          country: (((_m = associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.soleProprietorship) == null ? void 0 : _m.countryOfGoverningLaw) || ((_o = (_n = associatedLegalArrangement == null ? void 0 : associatedLegalArrangement.soleProprietorship) == null ? void 0 : _n.registeredAddress) == null ? void 0 : _o.country)) ?? rootLegalEntityCountry,
           handleAddressSearch: args == null ? void 0 : args.handleAddressSearch,
           handleFindAddress: args == null ? void 0 : args.handleFindAddress
         }
@@ -39633,7 +39649,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "2.64.0";
+  const sdkVersion = "2.66.0";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -40267,7 +40283,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "2.64.0",
+      sdkVersion: "2.66.0",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };
@@ -40332,7 +40348,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.64.0" })
+        /* @__PURE__ */ jsx(Tag, { variant: "green", className: "adyen-kyc-tag--large", children: "2.66.0" })
       ] }) }),
       /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
         /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "rootLegalEntityId" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "2.64.0",
+  "version": "2.66.0",
   "keywords": [
     "adyen",
     "adyen-kyc",
@@ -94,7 +94,7 @@
     "@commitlint/cli": "^17.7.1",
     "@commitlint/config-conventional": "^17.7.0",
     "@commitlint/prompt-cli": "^17.7.1",
-    "@playwright/test": "1.41.0",
+    "@playwright/test": "^1.48.0",
     "@preact/preset-vite": "^2.8.1",
     "@storybook/addon-a11y": "^8.4.0",
     "@storybook/addon-actions": "^8.4.0",