@adyen/kyc-components 2.63.0 → 2.64.0

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

@@ -9697,9 +9697,8 @@ function TaxInformationField({
   );
   useEffect(() => {
     const hasSavedTaxId = defaultData == null ? void 0 : defaultData.find((taxId) => taxId.country === country);
-    if (currentCountryTaxInformation && !hasSavedTaxId) {
-      return;
-    }
+    if ((currentCountryTaxInformation == null ? void 0 : currentCountryTaxInformation.country) === country) return;
+    if (currentCountryTaxInformation && !hasSavedTaxId) return;
     handleChangeFor("taxInformation", "input")(defaultData);
   }, [country]);
   const showTaxIdExemptedOptions = canExempt && (((_a = getTaxIdNumberOptions(country, companyType)) == null ? void 0 : _a.length) ?? 0) > 1;
@@ -11897,6 +11896,7 @@ function FinancialInformation(props) {
         children: (childProps) => /* @__PURE__ */ jsx(
           RadioGroup,
           {
+            name: "reportedValueOption",
             ...childProps,
             value: data.reportedValueOption,
             items: [
@@ -15971,6 +15971,7 @@ function IdVerificationMethodComponent(props) {
             RadioCardSelect,
             {
               ...childProps,
+              name: "idVerificationMethod",
               options: idVerificationMethods,
               onSelect: handleChangeFor("idVerificationMethod"),
               selected: data.idVerificationMethod,
@@ -17570,6 +17571,7 @@ const TypeOfIdentity = ({
         Select,
         {
           ...childProps,
+          name: "typeOfIdentity",
           isInvalid: false,
           items: availableIdentityTypesOptions.map(({ id, name }) => ({
             id,
@@ -17623,6 +17625,7 @@ const DriversLicense$1 = ({
           Select,
           {
             ...childProps,
+            name: "issuerState",
             onChange: onIssuerStateChange,
             isInvalid: false,
             items: auStates,
@@ -24935,7 +24938,6 @@ const applyVerifiedBusinessData = (verifiedBusiness, handleChangeFor) => {
 };
 const structuredList = "adyen-kyc-structured-list";
 const structuredListListItem = "adyen-kyc-structured-list-list-item";
-const adyenLayoutMd = "adyen-layout-md";
 const structuredListLabel = "adyen-kyc-structured-list-label";
 const structuredListValue = "adyen-kyc-structured-list-value";
 const styles$1 = {
@@ -24943,8 +24945,6 @@ const styles$1 = {
   structuredList,
   "structured-list-list-item": "adyen-kyc-structured-list-list-item",
   structuredListListItem,
-  "adyen-layout-md": "adyen-layout-md",
-  adyenLayoutMd,
   "structured-list-label": "adyen-kyc-structured-list-label",
   structuredListLabel,
   "structured-list-value": "adyen-kyc-structured-list-value",
@@ -26841,8 +26841,8 @@ function isEmptyEntity(legalEntity) {
   const typeSpecificSection = legalEntity[type];
   if (!typeSpecificSection) return true;
   const fieldsOnEntity = getNestedPropertyKeys(typeSpecificSection, false, false);
-  const sortedMinimumFields = minimumFields.toSorted();
-  const sortedFieldsOnEntity = fieldsOnEntity.toSorted();
+  const sortedMinimumFields = [...minimumFields].sort();
+  const sortedFieldsOnEntity = [...fieldsOnEntity].sort();
   return sortedFieldsOnEntity.every((value, index) => value === sortedMinimumFields[index]);
 }
 const capabilitiesToPreventTypeChange = [
@@ -28147,9 +28147,8 @@ async function submitDocuments({
       await documentUtils.uploadDocuments(formattedDocument, legalEntity.id);
       formattedDocument.forEach((doc) => {
         var _a;
-        userEvents.addEvent("Success", {
+        userEvents.addTaskEvent("Success", {
           ...additionalTrackingParams,
-          actionLevel: "task",
           actionType: "upload",
           documentType: doc.type,
           fileExtention: ((_a = doc.attachments) == null ? void 0 : _a.map((item) => getFileExtention(item.pageName))) ?? []
@@ -28158,9 +28157,8 @@ async function submitDocuments({
     }
   } catch (err) {
     logger2.error(err);
-    userEvents.addEvent("Encountered error", {
+    userEvents.addTaskEvent("Encountered error", {
       ...additionalTrackingParams,
-      actionLevel: "task",
       actionType: "upload",
       returnType: err.errorCode,
       returnValue: err.title ?? err.message
@@ -28188,7 +28186,6 @@ async function submit({
   setLoadingStatus("loading");
   const trackingPayload = {
     ...additionalTrackingParams,
-    actionLevel: "task",
     actionType: "submit",
     companyStructure: ((_a = data.companyStructure) == null ? void 0 : _a.entityType) ?? null,
     countryOfRegistration: ((_b = data.basicInformation) == null ? void 0 : _b.country) ?? null,
@@ -28220,7 +28217,7 @@ async function submit({
         forms
       })
     ]);
-    userEvents.addEvent("Success", trackingPayload);
+    userEvents.addTaskEvent("Success", trackingPayload);
     clearToasts();
     onExternalSubmit == null ? void 0 : onExternalSubmit(data);
   } catch (err) {
@@ -28242,7 +28239,7 @@ async function submit({
       showToast({ label: i18n.get("failedToUpdateDetails"), type: "error" });
     }
     logger2.error(err);
-    userEvents.addEvent("Encountered error", {
+    userEvents.addTaskEvent("Encountered error", {
       ...trackingPayload,
       returnType: err == null ? void 0 : err.errorCode,
       returnValue: (err == null ? void 0 : err.title) || "backend"
@@ -28293,8 +28290,7 @@ function BusinessDetailsDropinComponent({
   }, [currentState, onChange]);
   useEffect(() => {
     userEvents.updateBaseTrackingPayload({ task: taskType });
-    userEvents.addEvent("Landed on page", {
-      actionLevel: "task",
+    userEvents.addTaskEvent("Landed on page", {
       actionType: "start",
       ...associatedLeTrackingParams
     });
@@ -28861,9 +28857,8 @@ function CompanyDropinComponent({
   }) : {};
   useEffect(() => {
     userEvents.updateBaseTrackingPayload({ task: taskType });
-    userEvents.addEvent("Landed on page", {
+    userEvents.addTaskEvent("Landed on page", {
       ...associatedLeTrackingParams,
-      actionLevel: "task",
       actionType: "start"
     });
   }, []);
@@ -28946,9 +28941,8 @@ function CompanyDropinComponent({
     if (formattedDocument) {
       await documentUtils.uploadDocuments(formattedDocument, legalEntity.id);
       formattedDocument.forEach((doc) => {
-        userEvents.addEvent("Success", {
+        userEvents.addTaskEvent("Success", {
           ...associatedLeTrackingParams,
-          actionLevel: "task",
           actionType: "save",
           documentType: doc.type,
           fileExtention: doc.attachments.map((item) => getFileExtention(item.pageName))
@@ -28984,7 +28978,6 @@ function CompanyDropinComponent({
     let legalEntity = mapCompanyToLegalEntity(filteredData);
     setLoadingStatus("loading");
     const companyTrackingPayload = {
-      actionLevel: "task",
       actionType: "submit",
       companyStructure: dataSubmitted.companyType.entityType,
       countryOfRegistration: dataSubmitted.companyNameAndCountry.country,
@@ -29009,7 +29002,7 @@ function CompanyDropinComponent({
         );
       }
       setAccountHolder(accountHolder);
-      userEvents.addEvent("Success", {
+      userEvents.addTaskEvent("Success", {
         ...associatedLeTrackingParams,
         ...companyTrackingPayload,
         legalEntityId: legalEntity.id,
@@ -29035,9 +29028,8 @@ function CompanyDropinComponent({
         showToast({ label: i18n.get("failedToUpdateDetails"), type: "error" });
       }
       setLoadingStatus("success");
-      userEvents.addEvent("Encountered error", {
+      userEvents.addTaskEvent("Encountered error", {
         ...associatedLeTrackingParams,
-        actionLevel: "task",
         actionType: "submit",
         returnType: e.errorCode,
         returnValue: e.title
@@ -30097,8 +30089,7 @@ const BusinessTypeSelection = ({
     );
   }, [data.businessType, data.legalArrangement, currentStep]);
   useEffect(() => {
-    userEvents.addEvent("Landed on page", {
-      actionLevel: "task",
+    userEvents.addTaskEvent("Landed on page", {
       actionType: "start"
     });
   }, []);
@@ -30145,7 +30136,6 @@ const BusinessTypeSelection = ({
   };
   const updateLegalEntityAndSelectAccountHolder = async () => {
     const trackingPayload = {
-      actionLevel: "task",
       actionType: "submit"
     };
     try {
@@ -30155,7 +30145,7 @@ const BusinessTypeSelection = ({
           type: targetLegalEntityType
         };
         await (handleUpdateLegalEntity == null ? void 0 : handleUpdateLegalEntity(updateLegalEntityPayload, legalEntityResponse == null ? void 0 : legalEntityResponse.id));
-        userEvents.addEvent("Success", trackingPayload);
+        userEvents.addTaskEvent("Success", trackingPayload);
       }
       if (targetLegalEntityType === LegalEntityType.INDIVIDUAL) {
         if (hasSolePropInLegalEntity(legalEntityResponse)) {
@@ -30164,7 +30154,7 @@ const BusinessTypeSelection = ({
             entityAssociations: []
           };
           await (handleUpdateLegalEntity == null ? void 0 : handleUpdateLegalEntity(updateLegalEntityPayload, legalEntityResponse == null ? void 0 : legalEntityResponse.id));
-          userEvents.addEvent("Success", trackingPayload);
+          userEvents.addTaskEvent("Success", trackingPayload);
         }
         return;
       }
@@ -30182,7 +30172,7 @@ const BusinessTypeSelection = ({
           },
           legalEntityResponse == null ? void 0 : legalEntityResponse.id
         ));
-        userEvents.addEvent("Success", trackingPayload);
+        userEvents.addTaskEvent("Success", trackingPayload);
       }
     } catch (e) {
       showToast({ label: i18n.get("failedToUpdateDetails"), type: "error" });
@@ -30801,16 +30791,14 @@ const DecisionMakersComponent = ({
   const uniqueDecisionMakers = mappedDecisionMakers ? Object.values(mappedDecisionMakers) : [];
   const showWarning = Boolean(remediationMessages.DECISION_MAKER && uniqueDecisionMakers.length);
   useEffect(() => {
-    userEvents.addEvent("Landed on page", {
-      actionLevel: "task",
+    userEvents.addTaskEvent("Landed on page", {
       actionType: "start"
     });
   }, []);
   useEffect(() => {
     if (showWarning) {
-      userEvents.addEvent("Encountered error", {
+      userEvents.addTaskEvent("Encountered error", {
         task: TaskTypes.DECISION_MAKER_OVERVIEW,
-        actionLevel: "task",
         actionType: "alert",
         label: remediationMessages.DECISION_MAKER
       });
@@ -30834,9 +30822,8 @@ const DecisionMakersComponent = ({
   };
   const editDecisionMaker = (decisionMaker) => {
     onNavigateToIndividual(decisionMaker.reference);
-    userEvents.addEvent("Clicked button", {
+    userEvents.addTaskEvent("Clicked button", {
       ...getDecisionMakerTrackingParams(decisionMaker),
-      actionLevel: "task",
       actionType: "edit"
     });
   };
@@ -30852,9 +30839,8 @@ const DecisionMakersComponent = ({
       const remainingDecisionMakers = decisionMakers.filter(
         (curr) => curr.legalEntityId !== decisionMaker.reference
       );
-      userEvents.addEvent("Clicked button", {
+      userEvents.addTaskEvent("Clicked button", {
         ...getDecisionMakerTrackingParams(decisionMaker),
-        actionLevel: "task",
         actionType: "remove",
         remainingDecisionMakers
       });
@@ -30946,9 +30932,8 @@ const DecisionMakersComponent = ({
           ActionBar,
           {
             onHome: () => {
-              userEvents.addEvent("Clicked button", {
+              userEvents.addTaskEvent("Clicked button", {
                 task: TaskTypes.DECISION_MAKER_OVERVIEW,
-                actionLevel: "task",
                 actionType: "back",
                 label: translationKeys.home,
                 noOfDecisionMakers: decisionMakers.length
@@ -31131,8 +31116,7 @@ const Introduction = ({
     page: (introductionScreens == null ? void 0 : introductionScreens.length) ? introductionScreens[activeIndex] : void 0
   };
   useEffect(() => {
-    userEvents.addEvent("Landed on page", {
-      actionLevel: "task",
+    userEvents.addTaskEvent("Landed on page", {
       actionType: "start"
     });
   }, []);
@@ -31203,8 +31187,7 @@ const Introduction = ({
         {
           label: i18n.get(translationKeys.start),
           onClick: () => {
-            userEvents.addEvent("Success", {
-              actionLevel: "task",
+            userEvents.addTaskEvent("Success", {
               actionType: "submit",
               label: translationKeys.start
             });
@@ -31846,18 +31829,16 @@ function TaskListComponent({
   const companyTaskDescriptionKey = isReview ? "businessAccountDetailsDescriptionReview" : "businessAccountDetailsDescription";
   const payoutTaskDescriptionKey = isReview ? "payoutAccountsDescriptionReview" : "payoutAccountsDescription";
   const onEditBusinessSetupClick = () => {
-    userEvents.addEvent("Clicked button", {
+    userEvents.addTaskEvent("Clicked button", {
       task: TaskTypes.TASKS_OVERVIEW,
-      actionLevel: "task",
       actionType: "edit"
     });
     onNavigateToTask(TaskTypes.BUSINESS_TYPE_SELECTION);
   };
   useEffect(() => {
     if (showDecisionMakersWarning) {
-      userEvents.addEvent("Encountered error", {
+      userEvents.addTaskEvent("Encountered error", {
         task: TaskTypes.TASKS_OVERVIEW,
-        actionLevel: "task",
         actionType: "alert",
         label: remediationMessages.DECISION_MAKER
       });
@@ -32628,9 +32609,8 @@ function IndividualDropinComponent({
   });
   useEffect(() => {
     userEvents.updateBaseTrackingPayload({ task: taskType });
-    userEvents.addEvent("Landed on page", {
+    userEvents.addTaskEvent("Landed on page", {
       ...associatedLeTrackingParams,
-      actionLevel: "task",
       actionType: "start"
     });
   }, []);
@@ -32761,9 +32741,8 @@ function IndividualDropinComponent({
         throw new Error("Provide handler to create legalEntity");
       }
       updatedLegalEntity = await handleCreateLegalEntity(legalEntity);
-      userEvents.addEvent("Success", {
+      userEvents.addTaskEvent("Success", {
         ...associatedLeTrackingParams,
-        actionLevel: "task",
         actionType: "submit",
         legalEntityId: updatedLegalEntity.id,
         entityType: updatedLegalEntity.type,
@@ -32772,9 +32751,8 @@ function IndividualDropinComponent({
       });
     } else {
       updatedLegalEntity = await handleUpdateLegalEntity(drop("type").from(legalEntity), leId);
-      userEvents.addEvent("Success", {
+      userEvents.addTaskEvent("Success", {
         ...associatedLeTrackingParams,
-        actionLevel: "task",
         actionType: "submit",
         legalEntityId: updatedLegalEntity.id,
         entityType: updatedLegalEntity.type,
@@ -32814,9 +32792,8 @@ function IndividualDropinComponent({
       );
       uploadedDocuments == null ? void 0 : uploadedDocuments.forEach((doc) => {
         var _a3;
-        userEvents.addEvent("Success", {
+        userEvents.addTaskEvent("Success", {
           ...associatedLeTrackingParams,
-          actionLevel: "task",
           actionType: "upload",
           documentType: doc.type,
           fileExtention: ((_a3 = doc == null ? void 0 : doc.attachments) == null ? void 0 : _a3.map((item) => getFileExtention(item.pageName))) ?? null
@@ -32923,9 +32900,8 @@ function IndividualDropinComponent({
         showToast({ label: i18n.get("failedToUpdateDetails"), type: "error" });
       }
       setLoadingStatus("success");
-      userEvents.addEvent("Encountered error", {
+      userEvents.addTaskEvent("Encountered error", {
         ...associatedLeTrackingParams,
-        actionLevel: "task",
         actionType: "submit",
         returnType: e.errorCode,
         returnValue: e.title
@@ -33315,8 +33291,7 @@ function PayoutDetailsDropinComponent({
   const existingBankAccountFormat = transferInstrument ? ((_d = existingPayoutDetails == null ? void 0 : existingPayoutDetails.payoutAccountDetails) == null ? void 0 : _d.iban) ? "iban" : "local" : void 0;
   useEffect(() => {
     userEvents.updateBaseTrackingPayload({ task: taskType });
-    userEvents.addEvent("Landed on page", {
-      actionLevel: "task",
+    userEvents.addTaskEvent("Landed on page", {
       actionType: "start"
     });
   }, []);
@@ -33443,8 +33418,7 @@ function PayoutDetailsDropinComponent({
           );
           documents2.forEach((document2) => {
             var _a2;
-            userEvents.addEvent("Success", {
-              actionLevel: "task",
+            userEvents.addTaskEvent("Success", {
               actionType: "upload",
               documentType: document2.type,
               fileExtention: ((_a2 = document2.attachments) == null ? void 0 : _a2.map((item) => getFileExtention(item.pageName))) ?? null
@@ -33480,7 +33454,6 @@ function PayoutDetailsDropinComponent({
       );
     }
     const baseTracking = {
-      actionLevel: "task",
       actionType: "submit",
       documentType: DocumentType.BANK_STATEMENT,
       bankCountry: (payoutVerificationMethod == null ? void 0 : payoutVerificationMethod.bankCountry) ?? defaultPayoutCountry,
@@ -33501,7 +33474,7 @@ function PayoutDetailsDropinComponent({
           transferInstrumentId
         );
       }
-      userEvents.addEvent("Success", baseTracking);
+      userEvents.addTaskEvent("Success", baseTracking);
       try {
         await submitDocuments2({ forms, transferInstrument: transferInstrument2, dataSubmitted });
         setLoadingStatus("success");
@@ -33530,7 +33503,7 @@ function PayoutDetailsDropinComponent({
         showToast({ label: i18n.get("failedToUpdateDetails"), type: "error" });
       }
       setLoadingStatus("success");
-      userEvents.addEvent("Encountered error", {
+      userEvents.addTaskEvent("Encountered error", {
         ...baseTracking,
         returnType: (e == null ? void 0 : e.errorCode) || "backend",
         returnValue: (e == null ? void 0 : e.title) || (e == null ? void 0 : e.message)
@@ -33603,8 +33576,7 @@ function PayoutDetailsDropinComponent({
       if (trustedTransferInstrumentId) {
         externalOnSubmit == null ? void 0 : externalOnSubmit({ ...data, id: trustedTransferInstrumentId });
       }
-      userEvents.addEvent("Success", {
-        actionLevel: "task",
+      userEvents.addTaskEvent("Success", {
         actionType: "submit"
       });
       navigateBackToTaskList == null ? void 0 : navigateBackToTaskList();
@@ -33753,7 +33725,6 @@ function PciDropinComponent({
   const handleSignClick = async () => {
     if (loadingStatus === "loading") return;
     const baseTracking = {
-      actionLevel: "task",
       actionType: "sign",
       label: translationKeys.sign
     };
@@ -33764,19 +33735,19 @@ function PciDropinComponent({
         await handleSign(legalEntityResponse.id, { signedBy: data.signer, pciTemplateReferences });
         setLoadingStatus("success");
         showToast({ label: i18n.get("pciSignedSuccessfully"), type: "success" });
-        userEvents.addEvent("Success", baseTracking);
+        userEvents.addTaskEvent("Success", baseTracking);
         goHome();
       } catch (e) {
         setLoadingStatus("success");
         showToast({ label: i18n.get("pciSignFailed"), type: "error" });
-        userEvents.addEvent("Encountered error", {
+        userEvents.addTaskEvent("Encountered error", {
           ...baseTracking,
           returnType: (e == null ? void 0 : e.errorCode) || "backend",
           returnValue: (e == null ? void 0 : e.title) ?? (e == null ? void 0 : e.message)
         });
       }
     } else {
-      userEvents.addEvent("Encountered error", {
+      userEvents.addTaskEvent("Encountered error", {
         ...baseTracking,
         returnType: "validation",
         returnValue: Object.entries(valid).filter(([, value]) => !value).map(([key]) => key)
@@ -33798,8 +33769,7 @@ function PciDropinComponent({
   };
   useEffect(() => {
     userEvents.updateBaseTrackingPayload({ task: taskType });
-    userEvents.addEvent("Landed on page", {
-      actionLevel: "task",
+    userEvents.addTaskEvent("Landed on page", {
       actionType: "start"
     });
   }, []);
@@ -34233,6 +34203,7 @@ const TrustRoleAndEntityType = (props) => {
           RadioCardSelect,
           {
             ...childProps,
+            name: "entityType",
             options: trustMemberLegalEntityTypes,
             onSelect: onEntityTypeChange,
             selected: data.entityType,
@@ -34777,7 +34748,6 @@ function ServiceAgreementDropinComponent({
   const signers = getSigners();
   const handleSignClick = async () => {
     const baseTracking = {
-      actionLevel: "task",
       actionType: "sign"
     };
     triggerValidation();
@@ -34791,20 +34761,20 @@ function ServiceAgreementDropinComponent({
           label: i18n.get("serviceAgreementSignedSuccessfully"),
           type: "success"
         });
-        userEvents.addEvent("Success", baseTracking);
+        userEvents.addTaskEvent("Success", baseTracking);
         data.acceptServiceAgreement = false;
         data.signer = void 0;
       } catch (e) {
         setLoadingStatus("success");
         showToast({ label: i18n.get("serviceAgreementSignFailed"), type: "error" });
-        userEvents.addEvent("Encountered error", {
+        userEvents.addTaskEvent("Encountered error", {
           ...baseTracking,
           returnType: (e == null ? void 0 : e.errorCode) || "backend",
           returnValue: (e == null ? void 0 : e.title) ?? (e == null ? void 0 : e.message)
         });
       }
     } else {
-      userEvents.addEvent("Encountered error", {
+      userEvents.addTaskEvent("Encountered error", {
         ...baseTracking,
         returnType: "validation",
         returnValue: Object.entries(valid).filter(([, value]) => !value).map(([key]) => key)
@@ -34830,8 +34800,7 @@ function ServiceAgreementDropinComponent({
     gotoForm(serviceAgreementAcceptanceInfos.length - 1);
   }, [serviceAgreementAcceptanceInfos]);
   useEffect(() => {
-    userEvents.addEvent("Landed on page", {
-      actionLevel: "task",
+    userEvents.addTaskEvent("Landed on page", {
       actionType: "start"
     });
     const initialFormIndex = forms.length === signedForms.length ? 0 : signedForms.length;
@@ -35776,7 +35745,7 @@ const useNavigation = ({
     };
   }, [navigateTo]);
   useEffect(() => {
-    const pushedTask = taskHistory.at(-1);
+    const pushedTask = taskHistory[taskHistory.length - 1];
     if (pushedTask === "default") {
       const defaultTask = getDefaultTask({
         legalEntity,
@@ -35798,8 +35767,8 @@ const useNavigation = ({
     taskHistory
   ]);
   return {
-    currentTask: actualTasks.at(-1),
-    previousTask: actualTasks.at(-2),
+    currentTask: actualTasks[actualTasks.length - 1],
+    previousTask: actualTasks[actualTasks.length - 2],
     navigateBack,
     navigateTo
   };
@@ -36338,9 +36307,8 @@ function DropinComposerComponent({
     } catch (e) {
       showToast({ label: i18n.get("failedToDownloadPci"), type: "error" });
     } finally {
-      userEvents.addEvent("Clicked button", {
+      userEvents.addTaskEvent("Clicked button", {
         task: TaskTypes.PCI_DSS,
-        actionLevel: "task",
         actionType: "download"
       });
     }
@@ -39337,7 +39305,6 @@ const useAnalytics = async ({
   sdkVersion,
   componentName
 }) => {
-  const { i18n } = useI18nContext();
   const { isEmbeddedDropin, loadingContext: base } = useAuthContext();
   const loadingContext = `${base}api/${COMPONENTS_API_VERSION}/`;
   useEffect(() => {
@@ -39346,8 +39313,7 @@ const useAnalytics = async ({
         sdkVersion,
         componentName,
         userAgent: navigator.userAgent,
-        legalEntityId,
-        locale: i18n.locale
+        legalEntityId
       };
       if (isEmbeddedDropin) {
         try {
@@ -39667,7 +39633,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "2.63.0";
+  const sdkVersion = "2.64.0";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -40135,48 +40101,6 @@ function ToastContextProvider({ children }) {
     children
   ] });
 }
-const layoutBreakpointClassnames = {
-  xsOnly: "adyen-layout-xs-only",
-  md: "adyen-layout-md",
-  lg: "adyen-layout-lg"
-};
-const layoutBreakpointSizes = {
-  md: 680,
-  lg: 1024
-};
-const getBreakpointClassNames = (containerSize) => {
-  const breakPoints = Object.entries(layoutBreakpointSizes);
-  const classes = breakPoints.reduce((acc, [bp, size]) => {
-    if (size <= containerSize) acc.push(layoutBreakpointClassnames[bp]);
-    return acc;
-  }, []);
-  return classes.length > 0 ? classes : ["adyen-layout-xs-only"];
-};
-const assignLayoutClasses = (entries, container) => {
-  let newClasses = [];
-  entries.forEach((entry) => {
-    var _a;
-    const parentWidth = (_a = entry.contentBoxSize) == null ? void 0 : _a[0].inlineSize;
-    if (parentWidth) {
-      newClasses = getBreakpointClassNames(parentWidth);
-    } else {
-      newClasses.push(layoutBreakpointClassnames.lg);
-    }
-    container.classList.remove(...Object.values(layoutBreakpointClassnames));
-    container.classList.add(...newClasses);
-  });
-};
-const AutoResizer = ({ children }) => {
-  const containerRef = useRef(null);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    const resizeObserver = new ResizeObserver((entries) => assignLayoutClasses(entries, container));
-    resizeObserver.observe(container);
-    return () => resizeObserver.unobserve(container);
-  });
-  return /* @__PURE__ */ jsx("div", { ref: containerRef, "data-testid": "auto-resizer-content", children });
-};
 class EventEmitter {
   constructor() {
     this.listeners = {
@@ -40343,7 +40267,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "2.63.0",
+      sdkVersion: "2.64.0",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };
@@ -40408,7 +40332,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.63.0" })
+        /* @__PURE__ */ jsx(Tag, { variant: "green", className: "adyen-kyc-tag--large", children: "2.64.0" })
       ] }) }),
       /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
         /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "rootLegalEntityId" }),
@@ -40586,7 +40510,7 @@ class UIElement extends BaseElement {
                             {
                               rootLegalEntityId,
                               handleGetLegalEntity: "handleGetLegalEntity" in this.props.componentProps ? this.props.componentProps.handleGetLegalEntity : void 0,
-                              children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container-wrapper", children: /* @__PURE__ */ jsx(AutoResizer, { children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container", children: /* @__PURE__ */ jsx(ToastContextProvider, { children: /* @__PURE__ */ jsx(StateProvider, { children: /* @__PURE__ */ jsx(Component, { ...this.props.componentProps, onUnmount: this.remove }) }) }) }) }) })
+                              children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container-wrapper", children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container", children: /* @__PURE__ */ jsx(ToastContextProvider, { children: /* @__PURE__ */ jsx(StateProvider, { children: /* @__PURE__ */ jsx(Component, { ...this.props.componentProps, onUnmount: this.remove }) }) }) }) })
                             }
                           )
                         }
@@ -41131,6 +41055,9 @@ class Core {
     this.initializeSession();
   }
 }
+if (CSS.supports("container", "foo / inline-size") === false) {
+  import("container-query-polyfill");
+}
 export {
   Core as default
 };