@adyen/kyc-components 3.8.1 → 3.9.0

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

@@ -2750,7 +2750,6 @@ var SettingNames = /* @__PURE__ */ ((SettingNames2) => {
   SettingNames2["AllowIntraRegionCrossBorderPayout"] = "allowIntraRegionCrossBorderPayout";
   SettingNames2["AllowLegalEntityTypeChange"] = "changeLegalEntityType";
   SettingNames2["AllowPrefilledCountryEdit"] = "editPrefilledCountry";
-  SettingNames2["LimitToOneTransferInstrument"] = "limitToOneTransferInstrument";
   SettingNames2["RequirePciSignEcommerce"] = "requirePciSignEcommerce";
   SettingNames2["RequirePciSignPos"] = "requirePciSignPos";
   SettingNames2["RequirePciSignEcomMoto"] = "requirePciSignEcomMoto";
@@ -2759,6 +2758,7 @@ var SettingNames = /* @__PURE__ */ ((SettingNames2) => {
   SettingNames2["HideOnboardingIntroductionOrganization"] = "hideOnboardingIntroductionOrganization";
   SettingNames2["HideOnboardingIntroductionTrust"] = "hideOnboardingIntroductionTrust";
   SettingNames2["HideOnboardingIntroductionSoleProprietor"] = "hideOnboardingIntroductionSoleProprietor";
+  SettingNames2["TransferInstrumentLimit"] = "transferInstrumentLimit";
   SettingNames2["ViewOnboardingGuidance"] = "viewOnboardingGuidance";
   return SettingNames2;
 })(SettingNames || {});
@@ -8222,13 +8222,16 @@ var Placement = /* @__PURE__ */ ((Placement2) => {
 function CollapsibleContainer({
   children,
   collapsed = false,
-  animationDuration
+  animationDuration = 0
 }) {
   const collapsibleContainerEl = useRef(null);
   const [height, setHeight] = useState(collapsed ? 0 : void 0);
   useEffect(() => {
     var _a;
     setHeight(collapsed ? 0 : (_a = collapsibleContainerEl.current) == null ? void 0 : _a.scrollHeight);
+    setTimeout(() => {
+      setHeight(collapsed ? 0 : "auto");
+    }, animationDuration * 1e3);
   }, [collapsed]);
   return jsx("div", {
     className: "adyen-collapsible-container",
@@ -8236,7 +8239,7 @@ function CollapsibleContainer({
     ref: collapsibleContainerEl,
     style: {
       height,
-      transitionDuration: animationDuration
+      transitionDuration: `${animationDuration}s`
     },
     children
   });
@@ -8335,7 +8338,7 @@ function AccordionItem({
       }) : null]
     }), jsx(CollapsibleContainer, {
       collapsed: !isOpen,
-      animationDuration: "0.1s",
+      animationDuration: 0.1,
       children: jsx("div", {
         className: "adl-accordion__content",
         children
@@ -10606,7 +10609,8 @@ function AccountHolder(props) {
   const defaultData = {
     accountHolder: isDefaultOptionAvailable ? (_a = props.data) == null ? void 0 : _a.accountHolder : void 0
   };
-  if (isExperimentEnabled("EnableNewEntryFlow") && defaultData) {
+  const isNewEntryFlowEnabled = isExperimentEnabled("EnableNewEntryFlow");
+  if (isNewEntryFlowEnabled && defaultData) {
     defaultData.accountHolder = accountHolder2 || defaultData.accountHolder;
   }
   const {
@@ -10645,6 +10649,9 @@ function AccountHolder(props) {
       label: questionLabel,
       errorMessage: formUtils.getErrorMessage("accountHolder", errors, fieldProblems),
       isValid: valid.accountHolder,
+      className: cx({
+        "adl-u-display-none": isNewEntryFlowEnabled
+      }),
       classNameModifiers: ["account-holder"],
       children: (childProps) => jsx(Select, {
         ...childProps,
@@ -17497,7 +17504,7 @@ function PersonalDetailsComponent(props) {
           "aria-label": formUtils.getLabel("jobTitle"),
           "aria-invalid": !valid.birthDate
         })
-      }), !isNewEntryFlowEnabled && formUtils.isRequiredField("accountHolder") && data.residencyCountry && jsx(AccountHolder, {
+      }), formUtils.isRequiredField("accountHolder") && data.residencyCountry && jsx(AccountHolder, {
         ...accountHolderProps,
         country: data.residencyCountry,
         dataStoreId: PERSONAL_DETAILS,
@@ -25695,7 +25702,7 @@ const CompanyStructureValidation = {
 };
 const COMPANY_STRUCTURE_FORM_ID = "companyStructure";
 const companyStructureFields = ["entityType"];
-function CompanyStructure({
+function CompanyStructureComponent({
   data,
   labels: labels2,
   heading,
@@ -25709,6 +25716,7 @@ function CompanyStructure({
   const {
     i18n
   } = useI18nContext();
+  const isNewEntryFlowEnabled = useEnableNewEntryFlow();
   const {
     updateStateSlice
   } = useGlobalDataSlice(COMPANY_STRUCTURE_FORM_ID);
@@ -25751,6 +25759,7 @@ function CompanyStructure({
       fieldProblems: formFieldProblems
     });
   }, [formSchema, formData, formErrors, formValid, formFieldProblems, updateStateSlice]);
+  const companyTypeOptions = isNewEntryFlowEnabled ? companyTypes.filter((companyType2) => companyType2.id !== CompanyTypesValue.INCORPORATED_PARTNERSHIP && companyType2.id !== CompanyTypesValue.INCORPORATED_ASSOCIATION) : companyTypes;
   return jsxs("form", {
     children: [jsx(FormHeader, {
       heading,
@@ -25771,8 +25780,8 @@ function CompanyStructure({
         "aria-label": formUtils.getLabel("entityType", "whatTypeOfCompanyDoYouHave"),
         "aria-invalid": !formValid.entityType,
         name: "entityType",
-        items: companyTypes,
-        selected: companyTypes.find((type) => type.id === (formData == null ? void 0 : formData.entityType)),
+        items: companyTypeOptions,
+        selected: companyTypeOptions.find((type) => type.id === (formData == null ? void 0 : formData.entityType)),
         readonly: disabled,
         isItemDisabled: () => disabled,
         onSelect: (item) => handleChangeFor("entityType")(item.id)
@@ -25780,7 +25789,6 @@ function CompanyStructure({
     })]
   });
 }
-const CompanyStructureComponent = memo(CompanyStructure, (prevProps, nextProps) => objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.labels, nextProps.labels) && objectsDeepEqual(prevProps.heading, nextProps.heading) && objectsDeepEqual(prevProps.description, nextProps.description) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && prevProps.kompanyVerifiedData === nextProps.kompanyVerifiedData);
 const forms = {
   companyBasics: {
     formId: "companyBasics",
@@ -28816,7 +28824,7 @@ function TaskListComponent({
   const {
     isExperimentEnabled
   } = useExperimentsContext();
-  const limitToOneTransferInstrument = useSetting("limitToOneTransferInstrument");
+  const transferInstrumentLimit = useSetting("transferInstrumentLimit");
   const isEnableNewEntryFlowEnabled = useEnableNewEntryFlow();
   const canSeeIntroduction = useCanSeeIntroduction({
     legalEntity: legalEntityResponse
@@ -28964,7 +28972,7 @@ function TaskListComponent({
             capabilityProblems,
             onNavigateToTask: () => handleOnNavigateToTaskPayout(transferInstrument.id),
             onTransferInstrumentDelete: () => onTransferInstrumentDelete(transferInstrument.id)
-          }, transferInstrument.id)), !limitToOneTransferInstrument || transferInstruments.length < 1 ? jsxs(Card, {
+          }, transferInstrument.id)), !transferInstrumentLimit || transferInstruments.length < transferInstrumentLimit ? jsxs(Card, {
             stateful: true,
             onClick: () => handleOnNavigateToTaskPayout(),
             className: "adyen-task adl-add-payout",
@@ -31945,6 +31953,31 @@ function TrustDropinComponent({
     const requiredForms = getRequiredForms(trustForms, derivedProps == null ? void 0 : derivedProps.requiredFields, derivedProps == null ? void 0 : derivedProps.optionalFields);
     return addValidityToForms(requiredForms, formValidity, problems);
   }, [derivedProps, formValidity, problems]);
+  useEffect(() => {
+    var _a2;
+    const documentIds = ((_a2 = legalEntityResponse == null ? void 0 : legalEntityResponse.documentDetails) == null ? void 0 : _a2.map((documentReference) => documentReference.id)) || [];
+    try {
+      if (documentIds.length) {
+        documentUtils.fetchDocuments(documentIds, legalEntityResponse.id).then(() => {
+          const mappedDocuments = mapApiDocumentToTrustDocument(legalEntityResponse.id);
+          setData({
+            ...data,
+            ...mappedDocuments
+          });
+        }).catch(() => {
+          showToast({
+            label: i18n.get("failedToFetchRelevantDocuments"),
+            type: ToastType.ERROR
+          });
+        });
+      }
+    } catch (e) {
+      showToast({
+        label: i18n.get("failedToFetchRelevantDocuments"),
+        type: ToastType.ERROR
+      });
+    }
+  }, []);
   const onSubmit = async () => {
     setLoadingStatus("loading");
     const trustDetails2 = mapTrustToLegalEntity(data);
@@ -33411,6 +33444,16 @@ const getAddress = async (context, addressId) => {
     }
   });
 };
+const getAnalyticsSession = async (loadingContext, data) => httpPost({
+  loadingContext,
+  errorLevel: "warn",
+  errorMessage: `Failed to get analytics sessionId`,
+  path: `analytics/ui`,
+  authentication: "jwt",
+  headers: {
+    "Content-Type": "application/json"
+  }
+}, data);
 const getIdverificationToken = async (context, request) => {
   const {
     loadingContext,
@@ -33481,6 +33524,16 @@ const idVerificationStartcheck = async (context, request) => {
     }
   }, request);
 };
+const pushEvents = async (loadingContext, sessionId, event) => httpPost({
+  loadingContext,
+  errorLevel: "warn",
+  errorMessage: `Failed to push events`,
+  path: `analytics/ui/${sessionId}`,
+  authentication: "jwt",
+  headers: {
+    "Content-Type": "application/json"
+  }
+}, event);
 const searchAddress = async (context, address2) => {
   const {
     loadingContext,
@@ -33542,7 +33595,9 @@ const useComponentApi = (rootLegalEntityId) => {
       idVerificationStartCheck: async (legalEntityId, data) => idVerificationStartcheck(baseRequestContext, data),
       getTransferInstruments: async () => getTransferInstruments(baseRequestContext),
       getOnboardingStatus: async () => getOnboardingStatus(baseRequestContext),
-      generateOnboardingLink: async (config) => generateOnboardingLink(baseRequestContext, config)
+      generateOnboardingLink: async (config) => generateOnboardingLink(baseRequestContext, config),
+      getAnalyticsSession: async (data) => getAnalyticsSession(loadingContext, data),
+      pushEvents: async (sessionId, event) => pushEvents(loadingContext, sessionId, event)
     };
   }, [base, rootLegalEntityId]);
 };
@@ -34237,6 +34292,46 @@ const AuthProvider = ({
     children
   });
 };
+const convertToEmbeddedEvent = (eventQueueItem) => {
+  const [eventType, event] = eventQueueItem;
+  const hasEventData = typeof event === "object";
+  const eventName = hasEventData ? event.key : event;
+  return {
+    eventType,
+    eventName,
+    ...hasEventData && {
+      eventData: event.segmentation
+    }
+  };
+};
+const useAnalytics = async ({
+  onUserEvent,
+  isEmbeddedDropin,
+  legalEntityId,
+  sdkVersion,
+  componentName
+}) => {
+  const {
+    getAnalyticsSession: getAnalyticsSession2,
+    pushEvents: pushEvents2
+  } = useComponentApi(legalEntityId);
+  if (isEmbeddedDropin) {
+    const {
+      id: sessionId
+    } = await getAnalyticsSession2({
+      sdkVersion,
+      componentName,
+      userAgent: navigator.userAgent,
+      legalEntityId
+    });
+    userEvents.subscribe((data) => {
+      const eventItem = convertToEmbeddedEvent(data);
+      pushEvents2(sessionId, eventItem);
+    });
+  } else if (onUserEvent) {
+    userEvents.subscribe(onUserEvent);
+  }
+};
 let isDocumentGuidanceLoaded = false;
 const getIconContainer = () => {
   const container = document.createElement("div");
@@ -34568,19 +34663,37 @@ const getKycExternalApi = ({
 });
 const ConfigurationApiProvider = ({
   children,
-  rootLegalEntityId
+  onUserEvent,
+  rootLegalEntityId,
+  componentName
 }) => {
   const authContext = useAuthContext();
-  const contextValue = useMemo(() => authContext.isEmbeddedDropin ? getEmbeddedApi({
-    base: authContext.loadingContext,
+  const {
+    isEmbeddedDropin,
+    loadingContext
+  } = authContext;
+  const sdkVersion = "3.9.0";
+  useAnalytics({
+    onUserEvent,
+    isEmbeddedDropin,
+    legalEntityId: rootLegalEntityId,
+    sdkVersion,
+    componentName
+  });
+  const contextValue = useMemo(() => isEmbeddedDropin ? getEmbeddedApi({
+    base: loadingContext,
     rootLegalEntityId
   }) : getKycExternalApi({
-    loadingContext: authContext.loadingContext,
+    loadingContext,
     clientKey: authContext.clientKey
   }), [authContext, rootLegalEntityId]);
-  return jsx(ConfigurationApiContext.Provider, {
+  return jsxs(ConfigurationApiContext.Provider, {
     value: contextValue,
-    children
+    children: [jsx("span", {
+      className: "adyen-kyc__sdk-version",
+      hidden: true,
+      children: sdkVersion
+    }), children]
   });
 };
 const logger$2 = createLogger("CoreProvider");
@@ -34723,7 +34836,7 @@ const settingsDefaults = {
   hideOnboardingIntroductionTrust: true,
   hideOnboardingIntroductionSoleProprietor: true,
   viewOnboardingGuidance: false,
-  limitToOneTransferInstrument: false
+  transferInstrumentLimit: 0
 };
 function SettingsProvider({
   children,
@@ -35033,8 +35146,8 @@ const getRootLegalEntityId = (componentProps) => {
   throw new Error("You must provide either `legalEntityId` or `legalEntityResponse`");
 };
 class UIElement extends BaseElement {
-  constructor(props) {
-    super(props);
+  constructor() {
+    super(...arguments);
     this.render = () => {
       var _a;
       const Component = this.props.component;
@@ -35047,6 +35160,8 @@ class UIElement extends BaseElement {
           loadingContext: this.props.loadingContext,
           children: jsx(ConfigurationApiProvider, {
             rootLegalEntityId: getRootLegalEntityId(this.props.componentProps),
+            onUserEvent: this.props.onUserEvent,
+            componentName: this.props.componentName,
             children: jsx(CoreProvider, {
               contextCountry: this.props.contextCountry,
               enableNewEntryFlowExperiment: (_a = this.props.experiments) == null ? void 0 : _a.EnableNewEntryFlow,
@@ -35075,8 +35190,6 @@ class UIElement extends BaseElement {
         })
       });
     };
-    if (props.onUserEvent)
-      userEvents.subscribe(props.onUserEvent);
   }
 }
 const normalizeEnvironment = (env) => env.endsWith("/") ? env : `${env}/`;
@@ -35889,7 +36002,8 @@ class Core {
       const uiElement = new UIElement({
         ...mergedOptions,
         component,
-        componentProps: mergedOptions
+        componentProps: mergedOptions,
+        componentName
       });
       this.components.push(uiElement);
       return uiElement;

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

@@ -11,7 +11,7 @@ export declare abstract class BaseElement<P extends BaseElementProps> {
     _component?: JSX.Element;
     eventEmitter: EventEmitter;
     private readonly _parentInstance?;
-    protected constructor(props: P);
+    constructor(props: P);
     abstract render(): JSX.Element;
     /**
      * Mounts an element into the dom

package/dist/types/components/CompanyStructure/component/CompanyStructureComponent.d.ts

@@ -3,6 +3,4 @@ import { CompanySearchSchema } from '../../CompanySearch/types';
 import { CompanyStructureProps, CompanyStructureSchema } from '../types';
 export declare const COMPANY_STRUCTURE_FORM_ID: keyof CompanySearchSchema;
 export declare const companyStructureFields: Array<keyof CompanyStructureSchema>;
-declare function CompanyStructure({ data, labels, heading, description, formVerificationErrors, fieldValidationErrors, requiredFields, kompanyVerifiedData, }: CompanyStructureProps): import("preact/compat").JSX.Element;
-export declare const CompanyStructureComponent: typeof CompanyStructure;
-export {};
+export declare function CompanyStructureComponent({ data, labels, heading, description, formVerificationErrors, fieldValidationErrors, requiredFields, kompanyVerifiedData, }: CompanyStructureProps): import("preact").JSX.Element;

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

@@ -7,15 +7,16 @@ import { SettingsProps } from '../core/Context/SettingsContext/types';
 import { UserEventCallback } from '../core/user-events';
 import { BaseElement, BaseElementProps } from './BaseElement';
 import EventEmitter from './EventEmitter';
+import { ComponentMap } from './index';
 export interface BasicComponentProps {
     eventEmitter?: EventEmitter;
 }
 export interface UIElementProps<ComponentProps extends BasicComponentProps> extends BaseElementProps, CoreProviderProps, AuthProviderProps, I18nProviderProps, SettingsProps, ExperimentsProps {
     onUserEvent?: UserEventCallback;
     component: (props: ComponentProps) => JSX.Element;
+    componentName: keyof ComponentMap;
     componentProps: ComponentProps;
 }
 export declare class UIElement<ComponentProps extends BasicComponentProps = BasicComponentProps> extends BaseElement<UIElementProps<ComponentProps>> {
-    constructor(props: UIElementProps<ComponentProps>);
     render: () => JSX.Element;
 }

package/dist/types/components/internal/CollapsibleContainer/types.d.ts

@@ -2,5 +2,5 @@ import { ComponentChildren } from 'preact';
 export interface CollapsibleContainerProps {
     children: ComponentChildren;
     collapsed?: boolean;
-    animationDuration?: string;
+    animationDuration?: number;
 }

package/dist/types/core/Context/ConfigurationApiContext/ConfigurationApiProvider.d.ts

@@ -1,7 +1,11 @@
 import { ComponentChildren } from 'preact';
+import { ComponentMap } from '../../../components';
+import { UserEventCallback } from '../../user-events';
 interface ConfigurationApiContextProviderProps {
     children: ComponentChildren;
+    onUserEvent?: UserEventCallback;
     rootLegalEntityId: string;
+    componentName: keyof ComponentMap;
 }
-export declare const ConfigurationApiProvider: ({ children, rootLegalEntityId, }: ConfigurationApiContextProviderProps) => import("preact").JSX.Element;
+export declare const ConfigurationApiProvider: ({ children, onUserEvent, rootLegalEntityId, componentName, }: ConfigurationApiContextProviderProps) => import("preact").JSX.Element;
 export {};

package/dist/types/core/Context/SettingsContext/types.d.ts

@@ -10,7 +10,6 @@ export declare enum SettingNames {
     AllowIntraRegionCrossBorderPayout = "allowIntraRegionCrossBorderPayout",
     AllowLegalEntityTypeChange = "changeLegalEntityType",
     AllowPrefilledCountryEdit = "editPrefilledCountry",
-    LimitToOneTransferInstrument = "limitToOneTransferInstrument",
     RequirePciSignEcommerce = "requirePciSignEcommerce",
     RequirePciSignPos = "requirePciSignPos",
     RequirePciSignEcomMoto = "requirePciSignEcomMoto",
@@ -19,6 +18,7 @@ export declare enum SettingNames {
     HideOnboardingIntroductionOrganization = "hideOnboardingIntroductionOrganization",
     HideOnboardingIntroductionTrust = "hideOnboardingIntroductionTrust",
     HideOnboardingIntroductionSoleProprietor = "hideOnboardingIntroductionSoleProprietor",
+    TransferInstrumentLimit = "transferInstrumentLimit",
     ViewOnboardingGuidance = "viewOnboardingGuidance"
 }
 export type SettingName = `${SettingNames}`;
@@ -37,7 +37,7 @@ export interface Settings {
     hideOnboardingIntroductionTrust: boolean;
     hideOnboardingIntroductionSoleProprietor: boolean;
     viewOnboardingGuidance: boolean;
-    limitToOneTransferInstrument: boolean;
+    transferInstrumentLimit: number;
 }
 export type ProvidedSettings = Partial<Settings>;
 type BooleanSettingName = {

package/dist/types/core/Context/SettingsContext/useSetting.d.ts

@@ -1,2 +1,2 @@
 import { Settings } from './types';
-export declare const useSetting: <S extends "acceptedCountries" | "allowBankAccountFormatSelection" | "allowIntraRegionCrossBorderPayout" | "changeLegalEntityType" | "editPrefilledCountry" | "limitToOneTransferInstrument" | "requirePciSignEcommerce" | "requirePciSignPos" | "requirePciSignEcomMoto" | "requirePciSignPosMoto" | "hideOnboardingIntroductionIndividual" | "hideOnboardingIntroductionOrganization" | "hideOnboardingIntroductionTrust" | "hideOnboardingIntroductionSoleProprietor" | "viewOnboardingGuidance">(settingName: S) => Settings[S];
+export declare const useSetting: <S extends "acceptedCountries" | "allowBankAccountFormatSelection" | "allowIntraRegionCrossBorderPayout" | "changeLegalEntityType" | "editPrefilledCountry" | "requirePciSignEcommerce" | "requirePciSignPos" | "requirePciSignEcomMoto" | "requirePciSignPosMoto" | "hideOnboardingIntroductionIndividual" | "hideOnboardingIntroductionOrganization" | "hideOnboardingIntroductionTrust" | "hideOnboardingIntroductionSoleProprietor" | "transferInstrumentLimit" | "viewOnboardingGuidance">(settingName: S) => Settings[S];

package/dist/types/core/SDKValidation/index.d.ts

@@ -1,4 +1,4 @@
 import { ComponentOptions } from '../../components';
 import { CoreOptions } from '../types';
 export declare const validateCoreOptions: (coreOptions: CoreOptions) => void;
-export declare const validateForComponent: <Name extends "payoutAccount" | "pci" | "taskList" | "individualDropin" | "companyDropin" | "companySearchDropin" | "trustDropin" | "soleProprietorDropin" | "createTransferInstrumentComponent" | "createIndividualComponent" | "manageTransferInstrumentComponent" | "onboardingRedirectComponent">(componentName: Name, options: ComponentOptions<Name>) => void;
+export declare const validateForComponent: <Name extends "payoutAccount" | "pci" | "individualDropin" | "companyDropin" | "companySearchDropin" | "taskList" | "trustDropin" | "soleProprietorDropin" | "createTransferInstrumentComponent" | "createIndividualComponent" | "manageTransferInstrumentComponent" | "onboardingRedirectComponent">(componentName: Name, options: ComponentOptions<Name>) => void;

package/dist/types/core/Services/componentApi/get-analytics-session.d.ts

@@ -0,0 +1,2 @@
+import { EmbeddedAnalyticsSessionRequest, EmbeddedAnalyticsSessionResponse } from '../../models/api/analytics';
+export declare const getAnalyticsSession: (loadingContext: string, data: EmbeddedAnalyticsSessionRequest) => Promise<EmbeddedAnalyticsSessionResponse>;

package/dist/types/core/Services/componentApi/push-events.d.ts

@@ -0,0 +1,2 @@
+import { EmbeddedEventItem } from '../../user-events';
+export declare const pushEvents: (loadingContext: string, sessionId: string, event: EmbeddedEventItem) => Promise<void>;

package/dist/types/core/core.d.ts

@@ -8,7 +8,7 @@ export declare class Core {
     };
     components: UIElement[];
     constructor(coreOptions: CoreOptions);
-    create: <Name extends "payoutAccount" | "pci" | "taskList" | "individualDropin" | "companyDropin" | "companySearchDropin" | "trustDropin" | "soleProprietorDropin" | "createTransferInstrumentComponent" | "createIndividualComponent" | "manageTransferInstrumentComponent" | "onboardingRedirectComponent">(componentName: Name, componentOptions: ComponentOptions<Name>) => UIElement;
+    create: <Name extends "payoutAccount" | "pci" | "individualDropin" | "companyDropin" | "companySearchDropin" | "taskList" | "trustDropin" | "soleProprietorDropin" | "createTransferInstrumentComponent" | "createIndividualComponent" | "manageTransferInstrumentComponent" | "onboardingRedirectComponent">(componentName: Name, componentOptions: ComponentOptions<Name>) => UIElement;
     /**
      * Updates global configurations, resets the internal state and remounts each element.
      * @param options - props to update

package/dist/types/core/hooks/useAnalytics.d.ts

@@ -0,0 +1,11 @@
+import { ComponentMap } from '../../components';
+import { EmbeddedEventItem, EventQueueItem, UserEventCallback } from '../user-events';
+export type useAnalyticsProps = {
+    isEmbeddedDropin: boolean;
+    legalEntityId: string;
+    onUserEvent?: UserEventCallback;
+    sdkVersion: string;
+    componentName: keyof ComponentMap;
+};
+export declare const convertToEmbeddedEvent: (eventQueueItem: EventQueueItem) => EmbeddedEventItem;
+export declare const useAnalytics: ({ onUserEvent, isEmbeddedDropin, legalEntityId, sdkVersion, componentName, }: useAnalyticsProps) => Promise<void>;

package/dist/types/core/hooks/useComponentApi.d.ts

@@ -1,6 +1,8 @@
 import { DropinAPIHandlers } from '../../components/Dropins/types';
+import { EmbeddedAnalyticsSessionRequest, EmbeddedAnalyticsSessionResponse } from '../models/api/analytics';
 import { TransferInstrumentReference } from '../models/api/transfer-instrument-reference';
 import { BankVerificationErrorResponse, CreateTrustedTransferInstrumentResponse } from '../models/api/trusted-transferInstrument';
+import { EmbeddedEventItem } from '../user-events';
 export type ComponentApi = {
     getLegalEntity: Required<DropinAPIHandlers>['handleGetLegalEntity'];
     updateLegalEntity: Required<DropinAPIHandlers>['handleUpdateLegalEntity'];
@@ -22,6 +24,8 @@ export type ComponentApi = {
     getTransferInstruments(): Promise<TransferInstrumentReference[]>;
     getOnboardingStatus: Required<DropinAPIHandlers>['handleGetOnboardingStatus'];
     generateOnboardingLink: Required<DropinAPIHandlers>['handleGenerateOnboardingLink'];
+    getAnalyticsSession(data: EmbeddedAnalyticsSessionRequest): Promise<EmbeddedAnalyticsSessionResponse>;
+    pushEvents(sessionId: string, event: EmbeddedEventItem): Promise<void>;
 };
 export declare const COMPONENTS_API_VERSION = "v1";
 /**

package/dist/types/core/models/api/analytics.d.ts

@@ -0,0 +1,9 @@
+export interface EmbeddedAnalyticsSessionRequest {
+    sdkVersion: string;
+    componentName: string;
+    userAgent: string;
+    legalEntityId: string;
+}
+export interface EmbeddedAnalyticsSessionResponse {
+    id: string;
+}

package/dist/types/core/user-events.d.ts

@@ -1,10 +1,4 @@
 export interface UserEvent {
-    /** How many times has the event occurred */
-    count?: number;
-    /** Duration of the event */
-    dur?: number;
-    /** Sum to report with the event */
-    sum?: number;
     /** Object with segments should be a flat object (arbitrary key/value pairs for event data) */
     segmentation?: {
         [key: string]: string | number | boolean | any[] | null;
@@ -13,9 +7,14 @@ export interface UserEvent {
 type UserEventWithKey = UserEvent & {
     key: string;
 };
-type EventType = 'track_pageview' | 'add_event' | 'start_event' | 'end_event';
-type EventQueueItem = [EventType, string | UserEventWithKey];
+export type EventType = 'track_pageview' | 'add_event' | 'start_event' | 'end_event';
+export type EventQueueItem = [EventType, string | UserEventWithKey];
 export type UserEventCallback = (eventQueueItem: EventQueueItem) => void;
+export type EmbeddedEventItem = {
+    eventType: EventType;
+    eventName: string;
+    eventData?: UserEvent;
+};
 declare class UserEvents {
     private readonly queue;
     private readonly subscriptions;

package/package.json

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