@adyen/kyc-components 4.11.0-beta.3 → 4.11.0-beta.5

package/dist/{resolveEnvironment-CnZSOslm.js → resolveEnvironment-Dp4M9H-f.js}

@@ -1,6 +1,6 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c97ca09f-c07b-496f-a49d-43864ec9e16f", e._sentryDebugIdIdentifier = "sentry-dbid-c97ca09f-c07b-496f-a49d-43864ec9e16f");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d8c526b5-4f29-408e-96bc-0761350aa0ce", e._sentryDebugIdIdentifier = "sentry-dbid-d8c526b5-4f29-408e-96bc-0761350aa0ce");
 } catch (e) {}
 import { n as addResourceBundles, o as createLogger, r as useTranslation, s as initReactI18next } from "./translation-prlgF4Yn.js";
 import { r as Loader, t as Button } from "./Button-BzRYS0KT.js";
@@ -301,7 +301,7 @@ var getAnalyticsAssociatedEntityDetails = (rootLegalEntity, accountHolderType) =
 //#endregion
 //#region src/hooks/useAnalytics/useAnalytics.ts
 var useAnalytics = ({ userEvents, sessionId, sessionData }) => {
-	const sdkVersion = "4.11.0-beta.3";
+	const sdkVersion = "4.11.0-beta.5";
 	const { data: rootLegalEntity } = useLegalEntity(ROOT_LE);
 	const { mutateAsync } = usePushAnalyticEvent(sessionId ?? "");
 	const { accountHolder } = useAccountHolder();
@@ -396,7 +396,7 @@ var AnalyticsProvider = ({ componentName, children, rootLegalEntityId, locale })
 	const capabilities = rootLegalEntity?.capabilities && Object.keys(rootLegalEntity.capabilities);
 	const shouldTrackPrefilledDetails = capabilities?.includes("receivePayments") && onboardingVersion && onboardingVersion > 1;
 	const sessionData = {
-		sdkVersion: "4.11.0-beta.3",
+		sdkVersion: "4.11.0-beta.5",
 		componentName,
 		userAgent: navigator.userAgent,
 		legalEntityId: rootLegalEntityId,
@@ -851,7 +851,7 @@ var AllowedCountryGate = ({ children }) => {
 };
 //#endregion
 //#region src/components/Shared/devex/DebugListener/DebugListener.tsx
-var DebugModal = lazy(async () => (await import("./DebugModal-DwC3T1o6.js")).DebugModal);
+var DebugModal = lazy(async () => (await import("./DebugModal-CK-neaxo.js")).DebugModal);
 /**
 * Adds a listener on the page to open the debug modal when the
 * debug modal key combination is pressed to open it
@@ -949,7 +949,7 @@ var EmbedShell = ({ children, rootLegalEntityId, settings, features, refreshExpe
 				children: /* @__PURE__ */ jsxs(StoreProvider, { children: [/* @__PURE__ */ jsx("span", {
 					id: "sdk-version",
 					hidden: true,
-					children: "4.11.0-beta.3"
+					children: "4.11.0-beta.5"
 				}), /* @__PURE__ */ jsx(AnalyticsProvider, {
 					componentName,
 					locale,

package/dist/style.css

@@ -4674,10 +4674,6 @@ fieldset {
   margin-block-start: 0;
   width: 100%;
 }
-.adyen-kyc-bank-document-classification {
-  min-height: 480px;
-}
-
 .adyen-kyc-requirements-list {
   color: var(--adyen-internal-color-label-primary);
 
@@ -4693,19 +4689,27 @@ fieldset {
 
 .adyen-kyc-review-modal {
   display: flex;
-  height: 100%;
-  container-type: size;
-  container-name: review-modal;
+  height: 600px;
+
+  @container main (max-width: 480px) {
+    height: 100vh;
+    height: 100dvh;
+  }
 
   .adyen-kyc-preview {
     flex: 2;
     height: 100%;
 
     @container main (max-width: 680px) {
-      display: none;
+      height: 50%;
+      max-height: 300px;
     }
   }
 
+  @container main (max-width: 680px) {
+    flex-direction: column;
+  }
+
   .adyen-kyc-preview-image {
     width: 100%;
     height: 100%;
@@ -4719,7 +4723,7 @@ fieldset {
   .adyen-kyc-preview-image img {
     width: 100%;
     height: 100%;
-    object-fit: contain;
+    object-fit: cover;
   }
 
   .adyen-kyc-content {
@@ -4728,40 +4732,20 @@ fieldset {
     flex-direction: column;
     justify-content: center;
     margin: 0 var(--adyen-internal-spacer-100);
-    gap: var(--adyen-internal-spacer-070);
+
+    header {
+      margin-bottom: var(--adyen-internal-spacer-100);
+    }
 
     button {
-      width: min-content;
+      width: 100%;
     }
-  }
 
-  /* Adjust overflow and padding based on the modal height */
-  @container review-modal (max-height: 480px) {
-    .adyen-kyc-content {
-      overflow: auto;
+    @container main (max-width: 680px) {
       justify-content: flex-start;
-      padding-top: var(--adyen-internal-spacer-100);
+      margin-top: var(--adyen-internal-spacer-120);
     }
   }
-
-  .adyen-kyc-issues {
-    padding: var(--adyen-internal-spacer-070);
-    background-color: var(--adyen-internal-color-background-secondary);
-    border-radius: var(--adyen-internal-border-radius-m);
-    list-style-position: inside;
-    color: var(--adyen-internal-color-label-primary);
-  }
-
-  .adyen-kyc-issues li:last-child {
-    margin-bottom: 0;
-  }
-}
-
-.adyen-kyc-confirmation-modal {
-  padding: var(--adyen-internal-spacer-070);
-  p {
-    margin: var(--adyen-internal-spacer-070) 0;
-  }
 }
 .adyen-kyc-payout-modal-content {
   .adyen-kyc-title {

package/dist/styles-9jxW7TiP.js

@@ -4678,10 +4678,6 @@ fieldset {
   margin-block-start: 0;
   width: 100%;
 }
-.adyen-kyc-bank-document-classification {
-  min-height: 480px;
-}
-
 .adyen-kyc-requirements-list {
   color: var(--adyen-internal-color-label-primary);
 
@@ -4697,19 +4693,27 @@ fieldset {
 
 .adyen-kyc-review-modal {
   display: flex;
-  height: 100%;
-  container-type: size;
-  container-name: review-modal;
+  height: 600px;
+
+  @container main (max-width: 480px) {
+    height: 100vh;
+    height: 100dvh;
+  }
 
   .adyen-kyc-preview {
     flex: 2;
     height: 100%;
 
     @container main (max-width: 680px) {
-      display: none;
+      height: 50%;
+      max-height: 300px;
     }
   }
 
+  @container main (max-width: 680px) {
+    flex-direction: column;
+  }
+
   .adyen-kyc-preview-image {
     width: 100%;
     height: 100%;
@@ -4723,7 +4727,7 @@ fieldset {
   .adyen-kyc-preview-image img {
     width: 100%;
     height: 100%;
-    object-fit: contain;
+    object-fit: cover;
   }
 
   .adyen-kyc-content {
@@ -4732,40 +4736,20 @@ fieldset {
     flex-direction: column;
     justify-content: center;
     margin: 0 var(--adyen-internal-spacer-100);
-    gap: var(--adyen-internal-spacer-070);
+
+    header {
+      margin-bottom: var(--adyen-internal-spacer-100);
+    }
 
     button {
-      width: min-content;
+      width: 100%;
     }
-  }
 
-  /* Adjust overflow and padding based on the modal height */
-  @container review-modal (max-height: 480px) {
-    .adyen-kyc-content {
-      overflow: auto;
+    @container main (max-width: 680px) {
       justify-content: flex-start;
-      padding-top: var(--adyen-internal-spacer-100);
+      margin-top: var(--adyen-internal-spacer-120);
     }
   }
-
-  .adyen-kyc-issues {
-    padding: var(--adyen-internal-spacer-070);
-    background-color: var(--adyen-internal-color-background-secondary);
-    border-radius: var(--adyen-internal-border-radius-m);
-    list-style-position: inside;
-    color: var(--adyen-internal-color-label-primary);
-  }
-
-  .adyen-kyc-issues li:last-child {
-    margin-bottom: 0;
-  }
-}
-
-.adyen-kyc-confirmation-modal {
-  padding: var(--adyen-internal-spacer-070);
-  p {
-    margin: var(--adyen-internal-spacer-070) 0;
-  }
 }
 .adyen-kyc-payout-modal-content {
   .adyen-kyc-title {

package/dist/types/components/BankAccount/tasks/PayoutDetailsDropin/validate.d.ts

@@ -1,3 +1,4 @@
+import type { FileValidationOptions } from '../../../ui/molecules/Dropzone/validate';
 import type { CountryCode } from '../../../../types/datasets/country-code';
 import type { ValidatorRules } from '../../../../utils/validation/types';
 import type { PayoutAccountSchema } from '../../forms/PayoutAccount/types';
@@ -5,6 +6,7 @@ import type { PayoutVerificationMethodSchema } from '../../forms/PayoutVerificat
 interface BuildPayoutValidatorsProps {
     country: CountryCode;
 }
+export declare const bankStatementValidationOptions: FileValidationOptions;
 export declare function payoutCountryDetailsValidators(): Record<string, never>;
 export declare function payoutVerificationMethodValidators(): ValidatorRules<PayoutVerificationMethodSchema>;
 export declare function payoutAccountDetailsValidators({ country, }: BuildPayoutValidatorsProps): ValidatorRules<PayoutAccountSchema>;

package/dist/{useBusinessDetailsData-BG623XNT.js → useBusinessDetailsData-BsthpvcC.js}

@@ -1,6 +1,6 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "ae49327d-cb98-40b4-8fa8-6373f94ad0ab", e._sentryDebugIdIdentifier = "sentry-dbid-ae49327d-cb98-40b4-8fa8-6373f94ad0ab");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "960a8cfe-e2fd-44da-895c-2f0a0efedc6d", e._sentryDebugIdIdentifier = "sentry-dbid-960a8cfe-e2fd-44da-895c-2f0a0efedc6d");
 } catch (e) {}
 import { i as Typography, o as createLogger, r as useTranslation } from "./translation-prlgF4Yn.js";
 import { r as Loader, t as Button } from "./Button-BzRYS0KT.js";
@@ -33,14 +33,14 @@ import { t as CompanyTypesValues } from "./company-types-value-B-1b0hXg.js";
 import { t as useInvalidateRootLegalEntity } from "./invalidateRootLegalEntity-lDFSztuv.js";
 import { t as LoaderWrapper } from "./LoaderWrapper-B-PH-UC1.js";
 import { t as KEYBOARD_KEYS } from "./keys-C4gD4IDn.js";
-import { n as ModalContent, t as Modal } from "./Modal-Dtv7VMDH.js";
-import { t as Confirm } from "./Confirm-C6adl7TX.js";
+import { n as ModalContent, t as Modal } from "./Modal-DOGT289C.js";
+import { t as Confirm } from "./Confirm-CkWoZ8mk.js";
 import { t as HandlerContext } from "./HandlerContext-J3b0CZCH.js";
 import { t as useScenarios } from "./useScenarios-RhvLlxe7.js";
 import { t as useCreateLegalEntity } from "./useCreateLegalEntity-4ndTqLg9.js";
 import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-BbTm3iuX.js";
 import { a as defaultFieldMetadata, i as defaultFieldConfig, n as STATE_FIELD, r as StateField, t as Address } from "./Address-CQ5SqtvL.js";
-import { c as FormContextProvider, i as FormFlow, n as addValidityToForms, s as useFormComposer, t as useFormContext } from "./useFormContext-CCsWFEdO.js";
+import { c as FormContextProvider, i as FormFlow, n as addValidityToForms, s as useFormComposer, t as useFormContext } from "./useFormContext-WC19R9Fs.js";
 import { n as composePerScenarioFormConfigurations, r as getPropsFromConfigurations } from "./process-field-configurations-C-D1aFsE.js";
 import { t as StructuredList } from "./StructuredList-BXi5p5iX.js";
 import { t as ErrorPanel } from "./ErrorPanel-8Ek7q8Uj.js";
@@ -3905,7 +3905,7 @@ function BusinessDetailsDropin({ taskType, country: propCountry, problems: propP
 	const { showToast } = useToastContext();
 	const queryClient = useQueryClient();
 	const { isFeatureEnabled } = useToggleContext();
-	const isBusinessDetailsModalEnabled = isFeatureEnabled("EnableBusinessDetailsModal");
+	const isBusinessDetailsModalEnabled = isFeatureEnabled("EnableBusinessDetailsModal") && taskType === TaskTypes.BUSINESS_DETAILS;
 	const { isSettingEnabled } = useSettingsContext();
 	const { accountHolder, setAccountHolder } = useAccountHolder();
 	const { mutateAsync: createLegalEntity } = useCreateLegalEntity();

package/dist/{useFormContext-CCsWFEdO.js → useFormContext-WC19R9Fs.js}

@@ -6,12 +6,12 @@ import { o as createLogger, r as useTranslation } from "./translation-prlgF4Yn.j
 import { t as Button } from "./Button-BzRYS0KT.js";
 import { t as useAnalyticsContext } from "./useAnalyticsContext-D6DJZmqu.js";
 import { t as LoaderWrapper } from "./LoaderWrapper-B-PH-UC1.js";
-import { t as Confirm } from "./Confirm-C6adl7TX.js";
+import { t as Confirm } from "./Confirm-CkWoZ8mk.js";
 import { t as formDebugInfo } from "./debugStore-BVjLDPIU.js";
 import { r as FormRouterContext } from "./ErrorPanel-8Ek7q8Uj.js";
 import { t as trackNavigation } from "./trackNavigation-LvCP5Vyc.js";
 import { n as summaryStep, t as Summary } from "./Summary-BBIENfcc.js";
-import { t as MaybeModal } from "./MaybeModal-D-I1QE2-.js";
+import { t as MaybeModal } from "./MaybeModal-DwAJTUH0.js";
 import { t as ProgressBar } from "./ProgressBar-DrvdkkV2.js";
 import { useCallback, useContext, useMemo, useRef, useState } from "preact/hooks";
 import cx from "classnames";

package/dist/{useNavigate-D8Pko1Es.js → useNavigate-CwHKfTV4.js}

@@ -26,35 +26,35 @@ var hasProgressedBeyondEntitySelection = (legalEntity) => {
 //#endregion
 //#region src/router/routeConfig.ts
 var Introduction = lazy(async () => (await import("./Introduction-B2LuGfRy.js")).Introduction);
-var Adaptive = lazy(async () => (await import("./AdaptiveWorkflow-Jazy10dr.js")).AdaptiveWorkflow);
+var Adaptive = lazy(async () => (await import("./AdaptiveWorkflow-DsMAUbNd.js")).AdaptiveWorkflow);
 var BusinessTypeSelectionPage = lazy(async () => (await import("./BusinessTypeSelectionPage-B83Mjk_j.js")).BusinessTypeSelectionPage);
 var SingpassSelection = lazy(async () => (await import("./SingpassSelection-D2UT9ldr.js")).SingpassSelection);
 var AccountSetupRejected = lazy(async () => (await import("./AccountSetupRejected-CVHaUWp3.js")).AccountSetupRejected);
-var DecisionMakers = lazy(async () => (await import("./DecisionMakers-DkQ00Pnu.js").then((n) => n.n)).DecisionMakers);
+var DecisionMakers = lazy(async () => (await import("./DecisionMakers-CYPtxtn9.js").then((n) => n.n)).DecisionMakers);
 var CustomerSupport = lazy(async () => (await import("./CustomerSupport-CYqWA0VA.js")).CustomerSupport);
 var Review = lazy(async () => (await import("./Review-BNPsjNzt.js")).Review);
-var SignPCIComponent = lazy(async () => (await import("./SignPCIComponent-_YXhGwdp.js").then((n) => n.n)).SignPCIComponent);
-var AcceptTermsOfService = lazy(async () => (await import("./AcceptTermsOfServiceComponent-DlYUfwQW.js").then((n) => n.n)).AcceptTermsOfServiceComponent);
-var TaxReportingDropin = lazy(async () => (await import("./TaxReportingDropin-DQMZ3hkG.js").then((n) => n.n)).TaxReportingDropin);
-var PayoutDetailsPage = lazy(async () => (await import("./PayoutDetailsPage-BdLzLw6w.js")).PayoutDetailsPage);
-var RootBusinessDetailsPage = lazy(async () => (await import("./RootBusinessDetailsPage-D_esFfyx.js")).RootBusinessDetailsPage);
-var RootBusinessLinesPage = lazy(async () => (await import("./RootBusinessLinesPage-Cr_ZVZX9.js")).RootBusinessLinesPage);
-var SoleProprietorshipPage = lazy(async () => (await import("./SoleProprietorshipPage-DdTUstWy.js")).SoleProprietorshipPage);
-var TrustMemberCompanyPage = lazy(async () => (await import("./TrustMemberCompanyPage-AehOGXBW.js")).TrustMemberCompanyPage);
-var TrustMemberIndividualPage = lazy(async () => (await import("./TrustMemberIndividualPage-CNKz26VG.js")).TrustMemberIndividualPage);
+var SignPCIComponent = lazy(async () => (await import("./SignPCIComponent-BRIydKCU.js").then((n) => n.n)).SignPCIComponent);
+var AcceptTermsOfService = lazy(async () => (await import("./AcceptTermsOfServiceComponent-BEJjeSzA.js").then((n) => n.n)).AcceptTermsOfServiceComponent);
+var TaxReportingDropin = lazy(async () => (await import("./TaxReportingDropin-D1-GFBOP.js").then((n) => n.n)).TaxReportingDropin);
+var PayoutDetailsPage = lazy(async () => (await import("./PayoutDetailsPage-Dm4iYJ4T.js")).PayoutDetailsPage);
+var RootBusinessDetailsPage = lazy(async () => (await import("./RootBusinessDetailsPage-C635ITZ7.js")).RootBusinessDetailsPage);
+var RootBusinessLinesPage = lazy(async () => (await import("./RootBusinessLinesPage-Bvl6iJP1.js")).RootBusinessLinesPage);
+var SoleProprietorshipPage = lazy(async () => (await import("./SoleProprietorshipPage-CwbcCr8k.js")).SoleProprietorshipPage);
+var TrustMemberCompanyPage = lazy(async () => (await import("./TrustMemberCompanyPage-Bf4KF64Y.js")).TrustMemberCompanyPage);
+var TrustMemberIndividualPage = lazy(async () => (await import("./TrustMemberIndividualPage-Dr8wWH7I.js")).TrustMemberIndividualPage);
 var TrustMemberRoleAndTypePage = lazy(async () => (await import("./TrustMemberRoleAndTypePage-CDQ_h9oo.js")).TrustMemberRoleAndTypePage);
-var TrustMembersOverview = lazy(async () => (await import("./TrustMembersOverview-CR70KcrN.js")).TrustMembersOverview);
-var UnincorporatedPartnershipMemberCompanyPage = lazy(async () => (await import("./UnincorporatedPartnershipMemberCompanyPage-B1aXINOK.js")).UnincorporatedPartnershipMemberCompanyPage);
-var UnincorporatedPartnershipIndividualPage = lazy(async () => (await import("./UnincorporatedPartnershipIndividualPage-BzCGKu-C.js")).UnincorporatedPartnershipIndividualPage);
+var TrustMembersOverview = lazy(async () => (await import("./TrustMembersOverview-CGNzyY0U.js")).TrustMembersOverview);
+var UnincorporatedPartnershipMemberCompanyPage = lazy(async () => (await import("./UnincorporatedPartnershipMemberCompanyPage-xEU6FBPH.js")).UnincorporatedPartnershipMemberCompanyPage);
+var UnincorporatedPartnershipIndividualPage = lazy(async () => (await import("./UnincorporatedPartnershipIndividualPage-CN5tKGCV.js")).UnincorporatedPartnershipIndividualPage);
 var UnincorporatedPartnershipMemberRoleAndTypePage = lazy(async () => (await import("./UnincorporatedPartnershipMemberRoleAndTypePage-B--8lFCG.js")).UnincorporatedPartnershipMemberRoleAndTypePage);
-var UnincorporatedPartnershipMembersOverview = lazy(async () => (await import("./UnincorporatedPartnershipMembersOverview-DwHEziJ_.js")).UnincorporatedPartnershipMembersOverview);
-var BusinessFinancingPage = lazy(async () => (await import("./BusinessFinancingPage-CUQbafQQ.js")).BusinessFinancingPage);
-var TrustDetailsPage = lazy(async () => (await import("./TrustDetailsPage-CoqJLM9Z.js")).TrustDetailsPage);
-var SourceOfFundsPage = lazy(async () => (await import("./SourceOfFundsPage-gO8sy65P.js")).SourceOfFundsPage);
-var RootIndividualDetailsPage = lazy(async () => (await import("./RootIndividualDetailsPage-Q37qhmMG.js")).RootIndividualDetailsPage);
-var LegalRepresentativeDetailsPage = lazy(async () => (await import("./LegalRepresentativeDetailsPage-CgV7z0HM.js")).LegalRepresentativeDetailsPage);
-var DecisionMakerDetailsPage = lazy(async () => (await import("./DecisionMakerDetailsPage-BOEhrBWw.js")).DecisionMakerDetailsPage);
-lazy(async () => (await import("./InvitedDecisionMakerComponent-BkGuebzp.js").then((n) => n.n)).InvitedDecisionMakerComponent);
+var UnincorporatedPartnershipMembersOverview = lazy(async () => (await import("./UnincorporatedPartnershipMembersOverview-DYYFa9_8.js")).UnincorporatedPartnershipMembersOverview);
+var BusinessFinancingPage = lazy(async () => (await import("./BusinessFinancingPage-Do7yrfrZ.js")).BusinessFinancingPage);
+var TrustDetailsPage = lazy(async () => (await import("./TrustDetailsPage-Due9f0I2.js")).TrustDetailsPage);
+var SourceOfFundsPage = lazy(async () => (await import("./SourceOfFundsPage-BvgpSZmr.js")).SourceOfFundsPage);
+var RootIndividualDetailsPage = lazy(async () => (await import("./RootIndividualDetailsPage-CrPTuG1p.js")).RootIndividualDetailsPage);
+var LegalRepresentativeDetailsPage = lazy(async () => (await import("./LegalRepresentativeDetailsPage-6_IG2aVA.js")).LegalRepresentativeDetailsPage);
+var DecisionMakerDetailsPage = lazy(async () => (await import("./DecisionMakerDetailsPage-C5eNkNiT.js")).DecisionMakerDetailsPage);
+lazy(async () => (await import("./InvitedDecisionMakerComponent-D1FhjEWM.js").then((n) => n.n)).InvitedDecisionMakerComponent);
 var ROUTE_CONFIG = {
 	[TaskTypes.ADAPTIVE]: {
 		path: "/adaptive",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "4.11.0-beta.3",
+  "version": "4.11.0-beta.5",
   "keywords": [
     "adyen",
     "adyen-for-platforms",