@adyen/kyc-components 4.24.0-beta.1 → 4.24.1

package/dist/{DebugModal-CDfvQRk6.js → DebugModal-QeIdCXu5.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] = "b8b99acc-8a92-4c34-aaa5-a844e591b6d8", e._sentryDebugIdIdentifier = "sentry-dbid-b8b99acc-8a92-4c34-aaa5-a844e591b6d8");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f1162762-85be-48e8-b132-0d90fe4aeacd", e._sentryDebugIdIdentifier = "sentry-dbid-f1162762-85be-48e8-b132-0d90fe4aeacd");
 } catch (e) {}
 import { r as useTranslation } from "./translation-DbATp_35.js";
 import { t as createLogger } from "./logger-Z8AeTE4x.js";
@@ -351,7 +351,7 @@ var DebugModal = ({ onExit }) => {
 	const rootLegalEntity = useGlobalStore().rootLegalEntity.value;
 	const formDebugAvailable = Object.keys(formDebugInfo.value).length > 0;
 	const metadata = {
-		sdkVersion: "4.24.0-beta.1",
+		sdkVersion: "4.24.1",
 		locale: i18n.language,
 		rootLegalEntityId: rootLegalEntity.id
 	};

package/dist/{PayoutDetailsDropin-BH1Sj6GM.js → PayoutDetailsDropin-CPK9u_TO.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] = "77fc7582-e15c-42ad-be80-1b6a44ffe390", e._sentryDebugIdIdentifier = "sentry-dbid-77fc7582-e15c-42ad-be80-1b6a44ffe390");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "53e20645-6017-4cbe-a5ac-bfeb4d2d8739", e._sentryDebugIdIdentifier = "sentry-dbid-53e20645-6017-4cbe-a5ac-bfeb4d2d8739");
 } catch (e) {}
 import { r as useTranslation, t as Trans } from "./translation-DbATp_35.js";
 import { t as createLogger } from "./logger-Z8AeTE4x.js";
@@ -685,6 +685,14 @@ var ibanMask = (country, inputLength, allowLettersInBban) => {
 		transformOnType: allowLettersInBban ? uppercase : void 0
 	};
 };
+var getIbanValuePrefix = (mask) => {
+	const prefixChars = [];
+	for (const token of mask?.tokens ?? []) {
+		if (token.type !== "nonInput" || !token.includeInValue) break;
+		prefixChars.push(token.char);
+	}
+	return prefixChars.join("");
+};
 var ibanGuidance = (type, numDigitsOrChars, example) => type === "digits" ? {
 	key: "enterTheRemainingNDigitsForExample",
 	values: {
@@ -1249,6 +1257,86 @@ var PreferredCurrency = (props) => {
 	});
 };
 //#endregion
+//#region src/components/BankAccount/utils/clearCountrySpecificAccountFields.ts
+/**
+* Account identifiers whose format and validation are dictated by the bank account country, so they
+* can never remain valid for a different country.
+*/
+var countrySpecificAccountFields = [
+	"iban",
+	"bankAccountNumber",
+	"bankCode",
+	"branchCode",
+	"swiftCode"
+];
+/**
+* Clears the entered account identifiers so a new bank account country starts from an empty form.
+*/
+var clearCountrySpecificAccountFields = (form) => {
+	const { handleChange } = getFormSlice(form, "payoutAccountDetails");
+	countrySpecificAccountFields.forEach((field) => {
+		handleChange(field, "input")(void 0);
+	});
+};
+//#endregion
+//#region src/components/BankAccount/utils/payoutAccountUtil.ts
+var countriesWithMultiplePayoutCurrencies = /* @__PURE__ */ new Set([
+	CountryCodes.Bulgaria,
+	CountryCodes.Canada,
+	CountryCodes.Croatia,
+	CountryCodes.CzechRepublic,
+	CountryCodes.Hungary,
+	CountryCodes.Romania,
+	CountryCodes.Switzerland
+]);
+var countriesWithLocalFormat = /* @__PURE__ */ new Set([
+	CountryCodes.CzechRepublic,
+	CountryCodes.Denmark,
+	CountryCodes.Hungary,
+	CountryCodes.Norway,
+	CountryCodes.Poland,
+	CountryCodes.Sweden,
+	CountryCodes.UnitedKingdom
+]);
+var payoutCurrencySupport = {
+	[CountryCodes.Sweden]: {
+		local: [Currencies.SEK],
+		iban: [Currencies.EUR, Currencies.SEK]
+	},
+	[CountryCodes.Canada]: {
+		local: [Currencies.CAD, Currencies.USD],
+		iban: [Currencies.CAD, Currencies.USD]
+	}
+};
+var shouldShowCheckGuidance = (country) => country === "US";
+var shouldShowPayoutAccountFormatSelector = (country) => countriesWithLocalFormat.has(country);
+var shouldShowPayoutAlert = (country) => shouldShowPayoutAccountFormatSelector(country) || countriesWithMultiplePayoutCurrencies.has(country);
+var getSupportedCurrencyGuidance = (t, country, requiredFields) => {
+	const format = requiredFields.includes("iban") ? "iban" : "local";
+	if (!shouldShowPayoutAlert(country)) return;
+	const supportedCurrencies = getSupportedCurrenciesPerFormat(country, format);
+	if (!supportedCurrencies) return;
+	return supportedCurrencies.length > 1 ? t(($) => $["payoutIn_Or_"], {
+		currencyOne: supportedCurrencies[0],
+		currencyTwo: supportedCurrencies[1]
+	}) : t(($) => $["payoutInOnly_"], { currency: supportedCurrencies[0] });
+};
+var getSupportedCurrenciesPerFormat = (country, format) => {
+	const supportedCurrencies = payoutCurrencySupport[country];
+	if (!supportedCurrencies) {
+		const defaultCurrency = currencyByCountry[country]?.[0];
+		if (!defaultCurrency) return;
+		if (format === "iban" && defaultCurrency !== Currencies.EUR) return [Currencies.EUR, defaultCurrency];
+		else return [defaultCurrency];
+	}
+	return supportedCurrencies[format];
+};
+var isLocalCurrency = (country, currency) => {
+	if (!country || !currency) return false;
+	return currencyByCountry[country]?.includes(currency) ?? false;
+};
+var getCountryCodeFromEvent = (event) => event?.target?.value;
+//#endregion
 //#region src/components/BankAccount/forms/PayoutVerificationMethod/AccountHolderDescriptionFragment.tsx
 var AccountHolderDescriptionFragment = ({ legalEntityResponse }) => {
 	const { t } = useTranslation("banking");
@@ -1442,7 +1530,6 @@ function PayoutRequirementsModal({ isOpen, onClose, provider }) {
 var payoutCountryDetailsFields = ["bankCountry", "preferredCurrency"];
 var DEFAULT_CURRENCY_FALLBACK = "USD";
 var getDefaultCurrencyForCountry = (country) => currencyByCountry[country]?.[0] ?? DEFAULT_CURRENCY_FALLBACK;
-var getCountryCodeFromEvent = (event) => event?.target?.value;
 function PayoutCountryDetails(props) {
 	const { legalEntityResponse, provider, fieldValidationErrors: fieldProblems } = props;
 	const { t: commonT } = useTranslation("common");
@@ -1499,8 +1586,10 @@ function PayoutCountryDetails(props) {
 	});
 	const updateCountryField = (event) => {
 		const updatedCountry = getCountryCodeFromEvent(event);
+		if (updatedCountry === data?.bankCountry) return;
 		handleChange("bankCountry", "input")(updatedCountry);
 		handleChange("preferredCurrency", "input")(getDefaultCurrencyForCountry(updatedCountry));
+		clearCountrySpecificAccountFields(form);
 	};
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("form", {
 		style: { minHeight: "480px" },
@@ -2134,6 +2223,15 @@ function Iban(props) {
 		...props,
 		obscuredFields
 	}), t);
+	const valuePrefix = getIbanValuePrefix(metadata.mask?.mask);
+	/**
+	* The masked input reports the country prefix even when nothing has been filled in. Storing it
+	* would leave the previous country's prefix behind once the bank account country changes, and
+	* that value no longer matches the new country's mask, which locks the field.
+	*/
+	const handleIbanChange = (mode) => (value) => {
+		handleChange("iban", mode)(value === valuePrefix ? "" : value);
+	};
 	return /* @__PURE__ */ jsx(MaskedInput, {
 		name: "iban",
 		type: "text",
@@ -2144,8 +2242,8 @@ function Iban(props) {
 		isValid: valid?.iban ?? true,
 		value: data?.iban ?? "",
 		readonly: formUtils.isReadOnly("iban"),
-		onInput: handleChange("iban", "input"),
-		onBlur: handleChange("iban", "blur"),
+		onInput: handleIbanChange("input"),
+		onBlur: (event) => handleIbanChange("blur")(event.currentTarget.value),
 		"aria-required": true,
 		"aria-invalid": valid?.iban === false,
 		acceptObscuredValue: formUtils.isObscured("iban")
@@ -2180,63 +2278,6 @@ function SwiftCode(props) {
 		"aria-invalid": valid?.swiftCode === false
 	});
 }
-//#endregion
-//#region src/components/BankAccount/utils/payoutAccountUtil.ts
-var countriesWithMultiplePayoutCurrencies = /* @__PURE__ */ new Set([
-	CountryCodes.Bulgaria,
-	CountryCodes.Canada,
-	CountryCodes.Croatia,
-	CountryCodes.CzechRepublic,
-	CountryCodes.Hungary,
-	CountryCodes.Romania,
-	CountryCodes.Switzerland
-]);
-var countriesWithLocalFormat = /* @__PURE__ */ new Set([
-	CountryCodes.CzechRepublic,
-	CountryCodes.Denmark,
-	CountryCodes.Hungary,
-	CountryCodes.Norway,
-	CountryCodes.Poland,
-	CountryCodes.Sweden,
-	CountryCodes.UnitedKingdom
-]);
-var payoutCurrencySupport = {
-	[CountryCodes.Sweden]: {
-		local: [Currencies.SEK],
-		iban: [Currencies.EUR, Currencies.SEK]
-	},
-	[CountryCodes.Canada]: {
-		local: [Currencies.CAD, Currencies.USD],
-		iban: [Currencies.CAD, Currencies.USD]
-	}
-};
-var shouldShowCheckGuidance = (country) => country === "US";
-var shouldShowPayoutAccountFormatSelector = (country) => countriesWithLocalFormat.has(country);
-var shouldShowPayoutAlert = (country) => shouldShowPayoutAccountFormatSelector(country) || countriesWithMultiplePayoutCurrencies.has(country);
-var getSupportedCurrencyGuidance = (t, country, requiredFields) => {
-	const format = requiredFields.includes("iban") ? "iban" : "local";
-	if (!shouldShowPayoutAlert(country)) return;
-	const supportedCurrencies = getSupportedCurrenciesPerFormat(country, format);
-	if (!supportedCurrencies) return;
-	return supportedCurrencies.length > 1 ? t(($) => $["payoutIn_Or_"], {
-		currencyOne: supportedCurrencies[0],
-		currencyTwo: supportedCurrencies[1]
-	}) : t(($) => $["payoutInOnly_"], { currency: supportedCurrencies[0] });
-};
-var getSupportedCurrenciesPerFormat = (country, format) => {
-	const supportedCurrencies = payoutCurrencySupport[country];
-	if (!supportedCurrencies) {
-		const defaultCurrency = currencyByCountry[country]?.[0];
-		if (!defaultCurrency) return;
-		if (format === "iban" && defaultCurrency !== Currencies.EUR) return [Currencies.EUR, defaultCurrency];
-		else return [defaultCurrency];
-	}
-	return supportedCurrencies[format];
-};
-var isLocalCurrency = (country, currency) => {
-	if (!country || !currency) return false;
-	return currencyByCountry[country]?.includes(currency) ?? false;
-};
 var CheckGuidance_module_default = {
 	"check-guidance": "_check-guidance_1tmla_1",
 	checkGuidance: "_check-guidance_1tmla_1",
@@ -2641,6 +2682,12 @@ function PayoutVerificationMethod(props) {
 	const { dataset: countries } = useDataset(datasetIdentifier.country);
 	const bankCountryName = countries.find((country) => country.id === data?.bankCountry)?.name ?? data?.bankCountry;
 	const allowedBankCountries = getAllowedBankCountries(country);
+	const updateBankCountry = (event) => {
+		const updatedCountry = getCountryCodeFromEvent(event);
+		if (updatedCountry === data?.bankCountry) return;
+		handleChange("bankCountry", "input")(updatedCountry);
+		clearCountrySpecificAccountFields(form);
+	};
 	const countryField = /* @__PURE__ */ jsx(CountryField, {
 		data: { country: data?.bankCountry },
 		valid: { country: valid?.bankCountry ?? true },
@@ -2648,7 +2695,7 @@ function PayoutVerificationMethod(props) {
 		labels: { country: t(($) => $["bankAccountCountryRegion"]) },
 		readonly: !intraRegionCrossBorderPayoutsAllowed || allowedBankCountries.length === 1 || bankInfoValidated,
 		allowedCountries: allowedBankCountries,
-		handleChangeFor: () => handleChange("bankCountry", "input"),
+		handleChangeFor: () => updateBankCountry,
 		helperText: intraRegionCrossBorderPayoutsAllowed ? void 0 : t(($) => $[legalEntityType === "individual" ? "youCanOnlyUseABankAccountInTheCountryRegionWhereYouLive" : "youCanOnlyUseABankAccountInTheCountryRegionWhereYourCompanyIsRegistered"])
 	});
 	const description = canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [

package/dist/{PayoutDetailsPage-B7mZmc51.js → PayoutDetailsPage-LH-4BMk7.js}

@@ -7,8 +7,8 @@ import { t as Loader } from "./Loader-BVtlpTeo.js";
 import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-QQXN6YOm.js";
 import { t as _rolldown_dynamic_import_helper_default } from "./_rolldown_dynamic_import_helper-sGNwd-kR.js";
 import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-BY_voJ99.js";
-import { t as useNavigate } from "./useNavigate-DkfNV3JZ.js";
-import { t as PayoutDetailsDropin } from "./PayoutDetailsDropin-BH1Sj6GM.js";
+import { t as useNavigate } from "./useNavigate-n4tia10x.js";
+import { t as PayoutDetailsDropin } from "./PayoutDetailsDropin-CPK9u_TO.js";
 import { jsx } from "preact/jsx-runtime";
 import { useParams } from "wouter-preact";
 //#region src/components/BankAccount/pages/PayoutDetailsPage.tsx

package/dist/adyen-business-financing.js

@@ -3,7 +3,7 @@ try {
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "a337cb1d-6680-4096-bfdf-6b4333b15c24", e._sentryDebugIdIdentifier = "sentry-dbid-a337cb1d-6680-4096-bfdf-6b4333b15c24");
 } catch (e) {}
 import { n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
-import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-mrb68kgW.js";
+import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-CAymXEQ9.js";
 import { t as Loader } from "./Loader-BVtlpTeo.js";
 import { r as useLegalEntity } from "./useLegalEntity-QQXN6YOm.js";
 import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BK-HHa65.js";

package/dist/adyen-individual-configuration.js

@@ -3,7 +3,7 @@ try {
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "ec55c480-2d3a-4787-9e6f-cf2754319cf7", e._sentryDebugIdIdentifier = "sentry-dbid-ec55c480-2d3a-4787-9e6f-cf2754319cf7");
 } catch (e) {}
 import { n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
-import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-mrb68kgW.js";
+import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-CAymXEQ9.js";
 import { t as Loader } from "./Loader-BVtlpTeo.js";
 import { r as useLegalEntity } from "./useLegalEntity-QQXN6YOm.js";
 import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BK-HHa65.js";

package/dist/adyen-individual-status.js

@@ -3,7 +3,7 @@ try {
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "2cf7a924-bdaa-4f8f-9edb-33b68170107c", e._sentryDebugIdIdentifier = "sentry-dbid-2cf7a924-bdaa-4f8f-9edb-33b68170107c");
 } catch (e) {}
 import { n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
-import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-mrb68kgW.js";
+import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-CAymXEQ9.js";
 import { s as useApiContext } from "./http-DsJtugN1.js";
 import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-QQXN6YOm.js";
 import { t as _rolldown_dynamic_import_helper_default } from "./_rolldown_dynamic_import_helper-sGNwd-kR.js";

package/dist/adyen-invited-decision-maker.js

@@ -2,7 +2,7 @@ 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] = "43057ca7-c279-4cfc-b3db-4d872f35cdfa", e._sentryDebugIdIdentifier = "sentry-dbid-43057ca7-c279-4cfc-b3db-4d872f35cdfa");
 } catch (e) {}
-import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-mrb68kgW.js";
+import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-CAymXEQ9.js";
 import { t as InvitedDecisionMakerComponent } from "./InvitedDecisionMakerComponent-DZZe5Ruk.js";
 import register from "preact-custom-element";
 import { jsx } from "preact/jsx-runtime";

package/dist/adyen-onboarding.js

@@ -3,7 +3,7 @@ try {
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "412af7ba-76a5-4e3c-9661-4ff98bc22bee", e._sentryDebugIdIdentifier = "sentry-dbid-412af7ba-76a5-4e3c-9661-4ff98bc22bee");
 } catch (e) {}
 import { n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
-import { i as stylesheets, n as EmbedShell, r as useToggles, t as resolveEnvironment } from "./resolveEnvironment-mrb68kgW.js";
+import { i as stylesheets, n as EmbedShell, r as useToggles, t as resolveEnvironment } from "./resolveEnvironment-CAymXEQ9.js";
 import { t as createLogger } from "./logger-Z8AeTE4x.js";
 import { t as Icon } from "./Icon-4XR6gZzk.js";
 import { t as Typography } from "./Typography-CAc_f5Iq.js";
@@ -58,7 +58,7 @@ import { r as translateTranslatable } from "./utils-CYUYe54m.js";
 import { t as UnincorporatedPartnershipMemberTypes } from "./unincorporated-partnership-DNTK5Y_5.js";
 import { t as isNewEntity } from "./isNewEntity-vML86iIM.js";
 import { a as idNowPostSubmit, n as isBafinSignatoryFlow, s as showIdNowModal } from "./bafinUtils-DDrD6bfK.js";
-import { A as UnincorporatedPartnershipMemberRoleAndTypePage, C as TrustDetailsPage, D as TrustMembersOverview, E as TrustMemberRoleAndTypePage, M as getDefaultTask, O as UnincorporatedPartnershipIndividualPage, S as TaxReportingDropin, T as TrustMemberIndividualPage, _ as RootIndividualDetailsPage, a as BusinessTypeSelectionPage, b as SoleProprietorshipPage, c as DecisionMakers, d as LegalRepresentativeDetailsPage, f as PayoutDetailsPage, g as RootBusinessLinesPage, h as RootBusinessDetailsPage, i as BusinessFinancingPage, j as UnincorporatedPartnershipMembersOverview, k as UnincorporatedPartnershipMemberCompanyPage, l as GlobalEntryPage, m as Review, n as AcceptTermsOfService, o as CustomerSupport, p as ROUTE_PATHS, r as AccountSetupRejected, s as DecisionMakerDetailsPage, t as useNavigate, u as Introduction, v as SignPCIComponent, w as TrustMemberCompanyPage, x as SourceOfFundsPage, y as SingpassSelection } from "./useNavigate-DkfNV3JZ.js";
+import { A as UnincorporatedPartnershipMemberRoleAndTypePage, C as TrustDetailsPage, D as TrustMembersOverview, E as TrustMemberRoleAndTypePage, M as getDefaultTask, O as UnincorporatedPartnershipIndividualPage, S as TaxReportingDropin, T as TrustMemberIndividualPage, _ as RootIndividualDetailsPage, a as BusinessTypeSelectionPage, b as SoleProprietorshipPage, c as DecisionMakers, d as LegalRepresentativeDetailsPage, f as PayoutDetailsPage, g as RootBusinessLinesPage, h as RootBusinessDetailsPage, i as BusinessFinancingPage, j as UnincorporatedPartnershipMembersOverview, k as UnincorporatedPartnershipMemberCompanyPage, l as GlobalEntryPage, m as Review, n as AcceptTermsOfService, o as CustomerSupport, p as ROUTE_PATHS, r as AccountSetupRejected, s as DecisionMakerDetailsPage, t as useNavigate, u as Introduction, v as SignPCIComponent, w as TrustMemberCompanyPage, x as SourceOfFundsPage, y as SingpassSelection } from "./useNavigate-n4tia10x.js";
 import { t as useTrustMembers } from "./useTrustMembers-DtOJPaaV.js";
 import register from "preact-custom-element";
 import { Suspense, lazy } from "preact/compat";

package/dist/adyen-terms-of-service-management.js

@@ -2,7 +2,7 @@ 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] = "dca19d0d-a925-4b9a-9c72-bb442ea54f82", e._sentryDebugIdIdentifier = "sentry-dbid-dca19d0d-a925-4b9a-9c72-bb442ea54f82");
 } catch (e) {}
-import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-mrb68kgW.js";
+import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-CAymXEQ9.js";
 import { t as emitAdyenSdkEvent } from "./emitEvent-CcGIaOut.js";
 import { t as TermsOfServiceManagement } from "./TermsOfServiceManagement-BGrBal0j.js";
 import register from "preact-custom-element";

package/dist/adyen-terms-of-service-status.js

@@ -3,7 +3,7 @@ try {
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "bccfc920-da4b-4f39-8fe2-40930198119a", e._sentryDebugIdIdentifier = "sentry-dbid-bccfc920-da4b-4f39-8fe2-40930198119a");
 } catch (e) {}
 import { n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
-import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-mrb68kgW.js";
+import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-CAymXEQ9.js";
 import { s as useApiContext } from "./http-DsJtugN1.js";
 import { t as _rolldown_dynamic_import_helper_default } from "./_rolldown_dynamic_import_helper-sGNwd-kR.js";
 import { n as useTermsOfServiceAcceptanceInfos, t as useTermsOfServiceStatus } from "./useTermsOfServiceStatus-DbJDklA2.js";

package/dist/adyen-transfer-instrument-configuration.js

@@ -3,13 +3,13 @@ try {
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "1c933fe6-2b63-4c04-a475-bb6168d3d5e4", e._sentryDebugIdIdentifier = "sentry-dbid-1c933fe6-2b63-4c04-a475-bb6168d3d5e4");
 } catch (e) {}
 import { n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
-import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-mrb68kgW.js";
+import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-CAymXEQ9.js";
 import { t as Loader } from "./Loader-BVtlpTeo.js";
 import { r as useLegalEntity } from "./useLegalEntity-QQXN6YOm.js";
 import { t as _rolldown_dynamic_import_helper_default } from "./_rolldown_dynamic_import_helper-sGNwd-kR.js";
 import { t as TaskTypes } from "./taskTypes-3vSkMBDm.js";
 import { t as emitAdyenSdkEvent } from "./emitEvent-CcGIaOut.js";
-import { t as PayoutDetailsDropin } from "./PayoutDetailsDropin-BH1Sj6GM.js";
+import { t as PayoutDetailsDropin } from "./PayoutDetailsDropin-CPK9u_TO.js";
 import register from "preact-custom-element";
 import { useRef, useState } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";

package/dist/adyen-transfer-instrument-management.js

@@ -3,7 +3,7 @@ try {
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "e0c659d7-7d8d-41d2-9d13-2d640f85f5d6", e._sentryDebugIdIdentifier = "sentry-dbid-e0c659d7-7d8d-41d2-9d13-2d640f85f5d6");
 } catch (e) {}
 import { n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
-import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-mrb68kgW.js";
+import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-CAymXEQ9.js";
 import { t as createLogger } from "./logger-Z8AeTE4x.js";
 import { t as Typography } from "./Typography-CAc_f5Iq.js";
 import { t as Loader } from "./Loader-BVtlpTeo.js";

package/dist/adyen-verification-status.js

@@ -3,7 +3,7 @@ try {
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d9773611-96d0-4332-80a6-d45854a254cc", e._sentryDebugIdIdentifier = "sentry-dbid-d9773611-96d0-4332-80a6-d45854a254cc");
 } catch (e) {}
 import { n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
-import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-mrb68kgW.js";
+import { i as stylesheets, n as EmbedShell, t as resolveEnvironment } from "./resolveEnvironment-CAymXEQ9.js";
 import { t as createLogger } from "./logger-Z8AeTE4x.js";
 import { t as Loader } from "./Loader-BVtlpTeo.js";
 import { t as Button } from "./Button-DPJ1k02w.js";

package/dist/{resolveEnvironment-mrb68kgW.js → resolveEnvironment-CAymXEQ9.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] = "6006ce53-3fd3-4e0d-810a-b0aec14defe0", e._sentryDebugIdIdentifier = "sentry-dbid-6006ce53-3fd3-4e0d-810a-b0aec14defe0");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "633d4f70-c80e-4d5e-a05e-8b7d7913d94f", e._sentryDebugIdIdentifier = "sentry-dbid-633d4f70-c80e-4d5e-a05e-8b7d7913d94f");
 } catch (e) {}
 import { a as setDefaults, i as setI18n, n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
 import { t as createLogger } from "./logger-Z8AeTE4x.js";
@@ -312,7 +312,7 @@ var getAnalyticsAssociatedEntityDetails = (rootLegalEntity, accountHolderType) =
 //#endregion
 //#region src/hooks/useAnalytics/useAnalytics.ts
 var useAnalytics = ({ userEvents, sessionId, sessionData }) => {
-	const sdkVersion = "4.24.0-beta.1";
+	const sdkVersion = "4.24.1";
 	const { data: rootLegalEntity } = useLegalEntity(ROOT_LE);
 	const { mutateAsync } = usePushAnalyticEvent(sessionId ?? "");
 	const { accountHolder } = useAccountHolder();
@@ -408,7 +408,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.24.0-beta.1",
+		sdkVersion: "4.24.1",
 		componentName,
 		userAgent: navigator.userAgent,
 		legalEntityId: rootLegalEntityId,
@@ -865,7 +865,7 @@ var AllowedCountryGate = ({ children }) => {
 };
 //#endregion
 //#region src/components/Shared/devex/DebugListener/DebugListener.tsx
-var DebugModal = lazy(async () => (await import("./DebugModal-CDfvQRk6.js")).DebugModal);
+var DebugModal = lazy(async () => (await import("./DebugModal-QeIdCXu5.js")).DebugModal);
 /**
 * Adds a listener on the page to open the debug modal when the
 * debug modal key combination is pressed to open it
@@ -966,7 +966,7 @@ var EmbedShell = ({ children, rootLegalEntityId, settings, features, refreshExpe
 				children: [/* @__PURE__ */ jsx(LanguageSwitcher, { locale }), /* @__PURE__ */ jsxs(StoreProvider, { children: [/* @__PURE__ */ jsx("span", {
 					id: "sdk-version",
 					hidden: true,
-					children: "4.24.0-beta.1"
+					children: "4.24.1"
 				}), /* @__PURE__ */ jsx(AnalyticsProvider, {
 					componentName,
 					locale,

package/dist/types/components/BankAccount/fields/Iban/fieldConfig.d.ts

@@ -1,4 +1,6 @@
 import type { FieldMetadata, NoParams, PerCountryFieldConfig } from '../../../../utils/fieldConfigurations';
+import type { Mask } from '../../../../utils/masking/maskTypes';
 import type { IbanSchema } from './types';
+export declare const getIbanValuePrefix: (mask: Mask | undefined) => string;
 export declare const defaultFieldMetadata: FieldMetadata<IbanSchema, 'iban'>;
 export declare const defaultFieldConfig: PerCountryFieldConfig<IbanSchema, 'iban', NoParams>;

package/dist/types/components/BankAccount/utils/clearCountrySpecificAccountFields.d.ts

@@ -0,0 +1,6 @@
+import type { Form } from '../../../hooks/useMultiForm/types';
+import type { PayoutDetailsSchema } from '../forms/PayoutDetails/types';
+/**
+ * Clears the entered account identifiers so a new bank account country starts from an empty form.
+ */
+export declare const clearCountrySpecificAccountFields: (form: Form<PayoutDetailsSchema>) => void;

package/dist/types/components/BankAccount/utils/payoutAccountUtil.d.ts

@@ -1,3 +1,4 @@
+import type { SingleSelectOnChangeProps } from '../../ui/atoms/Select/Select.types';
 import type { TFunction } from '../../../../types';
 import type { CountryCode } from '../../../types/datasets/country-code';
 import type { Currency } from '../../../types/datasets/currency';
@@ -9,3 +10,5 @@ export declare const shouldShowPayoutAlert: (country: CountryCode) => boolean;
 export declare const getSupportedCurrencyGuidance: (t: TFunction<"banking">, country: CountryCode, requiredFields: Array<keyof PayoutAccountSchema>) => string | undefined;
 export declare const getSupportedCurrenciesPerFormat: (country: CountryCode, format: BaseBankAccountFormatType) => Currency[] | undefined;
 export declare const isLocalCurrency: (country?: CountryCode, currency?: Currency) => boolean;
+export type CountryChangeEvent = Pick<SingleSelectOnChangeProps, 'target'>;
+export declare const getCountryCodeFromEvent: (event: CountryChangeEvent) => CountryCode;

package/dist/{useNavigate-DkfNV3JZ.js → useNavigate-n4tia10x.js}

@@ -38,7 +38,7 @@ var Review = lazy(async () => (await import("./Review-9sjGKoQu.js")).Review);
 var SignPCIComponent = lazy(async () => (await import("./SignPCIComponent-BNlTxxJz.js").then((n) => n.n)).SignPCIComponent);
 var AcceptTermsOfService = lazy(async () => (await import("./TermsOfServiceManagement-BGrBal0j.js").then((n) => n.n)).TermsOfServiceManagement);
 var TaxReportingDropin = lazy(async () => (await import("./TaxReportingDropin-LNgisxBc.js")).TaxReportingDropin);
-var PayoutDetailsPage = lazy(async () => (await import("./PayoutDetailsPage-B7mZmc51.js")).PayoutDetailsPage);
+var PayoutDetailsPage = lazy(async () => (await import("./PayoutDetailsPage-LH-4BMk7.js")).PayoutDetailsPage);
 var RootBusinessDetailsPage = lazy(async () => (await import("./RootBusinessDetailsPage-DRN6p6wB.js")).RootBusinessDetailsPage);
 var RootBusinessLinesPage = lazy(async () => (await import("./RootBusinessLinesPage-uxn9f5K8.js")).RootBusinessLinesPage);
 var SoleProprietorshipPage = lazy(async () => (await import("./SoleProprietorshipPage-Dx-pfSwo.js")).SoleProprietorshipPage);

package/package.json

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