@adyen/kyc-components 3.4.0 → 3.4.1

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

@@ -7024,7 +7024,7 @@ const CountryIdNumberPatterns = {
   [CountryCodes.Italy]: /^[A-Z]{6}[0-9]{2}[ABCDEHLMPRST][0-9]{2}[A-Z][0-9]{3}[A-Z]$/,
   [CountryCodes.Poland]: /^\d{11}$/,
   [CountryCodes.Romania]: /^\d{13}$/,
-  [CountryCodes.Singapore]: /^[A-Z][0-9]{6}[A-Z]$/,
+  [CountryCodes.Singapore]: /^[A-Z][0-9]{7}[A-Z]$/,
   [CountryCodes.Spain]: {
     dni: /(^[KL]?\d{8}[A-Z]$)/,
     nie: /(^[MXYZ]\d{7,8}[A-Z]$)/
@@ -15741,15 +15741,15 @@ const defaultFieldConfig$5 = {
   [CountryCodes.Singapore]: {
     label: "nric",
     mask: {
-      mask: makeMask(...alphaInputs(1), ...numericInputs(6), ...alphaInputs(1)),
+      mask: makeMask(...alphaInputs(1), ...numericInputs(7), ...alphaInputs(1)),
       transformOnType: uppercase
     },
     validators: validatePatternOnBlur(CountryIdNumberPatterns[CountryCodes.Singapore]),
     guidanceText: {
       key: "enterNCharactersWithAMixForExample",
       values: {
-        numChars: "8",
-        example: "T123456J"
+        numChars: "9",
+        example: "T9123456J"
       }
     }
   },
@@ -23412,7 +23412,8 @@ const BusinessTypeSelection = ({
   handleUpdateLegalEntity,
   taskHistory,
   setTaskHistory,
-  onNavigateTo
+  onNavigateTo,
+  baseTrackingPayload
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const {
@@ -23465,6 +23466,26 @@ const BusinessTypeSelection = ({
     var _a2, _b2;
     setFormSchema(getFormSchema(((_a2 = data.businessType) == null ? void 0 : _a2.id) === "legalArrangement" && !!data.legalArrangement || currentStep === 1, ((_b2 = data.legalArrangement) == null ? void 0 : _b2.id) === "aTrust"));
   }, [data.businessType, data.legalArrangement, currentStep]);
+  useEffect(() => {
+    userEvents.addPageView("Entity Selection");
+    const startDropOffTrackingEvent = () => {
+      userEvents.addEvent("Started legal entity selection", {
+        segmentation: baseTrackingPayload
+      });
+    };
+    const stopDropOffTrackingEvent = () => {
+      userEvents.addEvent("Drop off at legal entity selection", {
+        segmentation: baseTrackingPayload
+      });
+    };
+    startDropOffTrackingEvent();
+    window.addEventListener("focus", startDropOffTrackingEvent);
+    window.addEventListener("blur", stopDropOffTrackingEvent);
+    return () => {
+      window.removeEventListener("focus", startDropOffTrackingEvent);
+      window.removeEventListener("blur", stopDropOffTrackingEvent);
+    };
+  }, []);
   const handleNextClick = async () => {
     var _a2;
     if (loadingStatus === "loading")
@@ -23496,11 +23517,17 @@ const BusinessTypeSelection = ({
           return;
         }
         await updateLegalEntityAndSelectAccountHolder();
+        userEvents.addEvent("Saved legal entity selection", {
+          segmentation: baseTrackingPayload
+        });
       } else {
         onAccountHolderSelect(newAccountHolder);
       }
       if (isLegalArrangementChanging) {
         await updateLegalEntityAndSelectAccountHolder();
+        userEvents.addEvent("Saved legal entity selection", {
+          segmentation: baseTrackingPayload
+        });
       }
     }
   };
@@ -28392,6 +28419,7 @@ const LEGAL_ENTITY_BASE_TASKS = [TaskTypes.INDIVIDUAL, TaskTypes.COMPANY, TaskTy
 const CONTRACT_TASKS = [TaskTypes.SERVICE_AGREEMENT, TaskTypes.PCI_DSS];
 function TaskListComponent({
   tasks,
+  trackingConfig,
   onNavigateToTask,
   legalEntityResponse,
   capabilityProblems,
@@ -28457,6 +28485,17 @@ function TaskListComponent({
   const handleOnNavigateToServiceAgreement = () => onNavigateToTask(TaskTypes.SERVICE_AGREEMENT);
   const companyTaskDescriptionKey = isReview ? "businessAccountDetailsDescriptionReview" : "businessAccountDetailsDescription";
   const payoutTaskDescriptionKey = isReview ? "payoutAccountsDescriptionReview" : "payoutAccountsDescription";
+  const onEditBusinessSetupClick = () => {
+    const baseTrackingPayload = getBaseTrackingPayload({
+      trackingConfig,
+      legalEntity: legalEntityResponse,
+      task: tasks[tasks.length - 1]
+    });
+    userEvents.addEvent("Clicked back to legal entity selection", {
+      segmentation: baseTrackingPayload
+    });
+    onNavigateToTask(TaskTypes.BUSINESS_TYPE_SELECTION);
+  };
   return jsxs("div", {
     children: [canSeeIntroduction && jsx("div", {
       className: "adyen-task-list__nav",
@@ -28485,7 +28524,7 @@ function TaskListComponent({
           icon: "edit",
           ghost: true,
           circle: true,
-          onClick: () => onNavigateToTask(TaskTypes.BUSINESS_TYPE_SELECTION),
+          onClick: onEditBusinessSetupClick,
           className: "adl-u-margin-left-4",
           type: "button"
         })]
@@ -32290,7 +32329,11 @@ function DropinComposerComponent({
           },
           taskHistory,
           setTaskHistory,
-          onNavigateTo
+          onNavigateTo,
+          trackingConfig: {
+            topLevelLegalEntity: legalEntityResponse
+          },
+          eventEmitter
         })
       });
     case TaskTypes.INTRODUCTION:
@@ -32306,6 +32349,9 @@ function DropinComposerComponent({
       return jsx(AccountSetupRejected, {});
     case TaskTypes.TASKS_OVERVIEW:
       return jsx(TaskListComponent, {
+        trackingConfig: {
+          topLevelLegalEntity: legalEntityResponse
+        },
         onNavigateToTask: navigateTo,
         tasks,
         legalEntityResponse: rootLegalEntity,

package/dist/types/components/BusinessTypeSelection/BusinessTypeSelection.d.ts

@@ -13,4 +13,4 @@ export declare enum BusinessTypeSelectionStep {
     CONFIRM_BUSINESS_SETUP_CHANGE = 3
 }
 export declare const businessTypeSelectionStepTitles: Record<BusinessTypeSelectionStep, TranslationKey>;
-export declare const BusinessTypeSelection: ({ legalEntityResponse, accountHolder, showTrustOption, showSolePropOption, onAccountHolderSelect, handleUpdateLegalEntity, taskHistory, setTaskHistory, onNavigateTo, }: BusinessTypeSelectionProps) => JSX.Element | null;
+export declare const BusinessTypeSelection: ({ legalEntityResponse, accountHolder, showTrustOption, showSolePropOption, onAccountHolderSelect, handleUpdateLegalEntity, taskHistory, setTaskHistory, onNavigateTo, baseTrackingPayload, }: BusinessTypeSelectionProps) => JSX.Element | null;

package/dist/types/components/BusinessTypeSelection/types.d.ts

@@ -1,9 +1,9 @@
 import { ExistingLegalEntity } from '../../core/models/api/legal-entity';
 import { TranslationKey } from '../../language/types';
-import { DropinAPIHandlers } from '../Dropins/types';
+import { DropinAPIHandlers, type DropinProps } from '../Dropins/types';
 import { AccountHolderOption, LegalArrangementOption } from '../internal/AccountHolder/types';
 import { TaskTypes } from '../TaskList/types';
-export interface BusinessTypeSelectionProps extends DropinAPIHandlers {
+export interface BusinessTypeSelectionProps extends DropinAPIHandlers, DropinProps {
     legalEntityResponse: ExistingLegalEntity;
     accountHolder?: AccountHolderOption;
     showTrustOption: boolean;

package/dist/types/components/TaskList/component/TaskListComponent.d.ts

@@ -1,4 +1,4 @@
 import '../TaskList.scss';
 import { TaskListComponentProps } from '../types';
-declare function TaskListComponent({ tasks, onNavigateToTask, legalEntityResponse, capabilityProblems, onPciDownload, isReview, pciStatus, serviceAgreementTypes, serviceAgreementAcceptanceInfos, onTransferInstrumentDelete, }: TaskListComponentProps): import("preact").JSX.Element;
+declare function TaskListComponent({ tasks, trackingConfig, onNavigateToTask, legalEntityResponse, capabilityProblems, onPciDownload, isReview, pciStatus, serviceAgreementTypes, serviceAgreementAcceptanceInfos, onTransferInstrumentDelete, }: TaskListComponentProps): import("preact").JSX.Element;
 export default TaskListComponent;

package/dist/types/components/TaskList/types.d.ts

@@ -66,6 +66,9 @@ export interface TaskListComponentProps {
     onPciDownload?(): void;
     country?: string;
     onTransferInstrumentDelete: (id: string) => void;
+    trackingConfig?: {
+        topLevelLegalEntity: ExistingLegalEntity;
+    };
 }
 export interface TaskListGroupProps {
     title: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "",
   "license": "MIT",
   "files": [