@adyen/kyc-components 3.66.2 → 3.66.4

package/dist/{AccountSetupRejected-DVh7NV2H.js → AccountSetupRejected-BCmjiF_6.js}

@@ -8,7 +8,7 @@
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
-import { u as useI18nContext, V as AlertIcon, W as FormHeader, X as DropinLayout } from "./core-3THxSDWA.js";
+import { u as useI18nContext, V as AlertIcon, W as FormHeader, X as DropinLayout } from "./core-CNb92U09.js";
 function AccountSetupRejected() {
   const { i18n } = useI18nContext();
   const content = /* @__PURE__ */ jsxs("div", { children: [

package/dist/{BusinessTypeSelection-2HJti_8F.js → BusinessTypeSelection-eOAjwxqz.js}

@@ -9,7 +9,7 @@
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useState, useEffect } from "preact/hooks";
-import { p as useLegalEntity, q as Loader, u as useI18nContext, n as useAnalyticsContext, r as useToastContext, b as useExperimentsContext, w as useSelectionOptions, x as getCapabilities, y as getLegalEntityCountry, z as getBusinessType, A as getDefaultLegalArrangementOrSuborganizationType, L as LegalEntityType, D as useForm, E as legalArrangementMetadata, F as getTargetLegalEntityType, G as LoaderWrapper, H as Typography, J as Field, K as EntityTypeRadioGroupCard, R as RadioGroupCard, B as Button, N as Spacer, h as Icon, O as businessTypeIcons, P as hasSolePropInLegalEntity, Q as determineOrganizationTypeToUpdate } from "./core-3THxSDWA.js";
+import { p as useLegalEntity, q as Loader, u as useI18nContext, n as useAnalyticsContext, r as useToastContext, b as useExperimentsContext, w as useSelectionOptions, x as getCapabilities, y as getLegalEntityCountry, z as getBusinessType, A as getDefaultLegalArrangementOrSuborganizationType, L as LegalEntityType, D as useForm, E as legalArrangementMetadata, F as getTargetLegalEntityType, G as LoaderWrapper, H as Typography, J as Field, K as EntityTypeRadioGroupCard, R as RadioGroupCard, B as Button, N as Spacer, h as Icon, O as businessTypeIcons, P as hasSolePropInLegalEntity, Q as determineOrganizationTypeToUpdate } from "./core-CNb92U09.js";
 const businessTypeExamples = /* @__PURE__ */ Object.assign({ "../localized/legalEntityTypeExamples/AT.json": () => import("./AT-EpV7jN58.js"), "../localized/legalEntityTypeExamples/AU.json": () => import("./AU-pBsEvEUy.js"), "../localized/legalEntityTypeExamples/BE.json": () => import("./BE-CU5o9cmc.js"), "../localized/legalEntityTypeExamples/BR.json": () => import("./BR-ORoHRwTk.js"), "../localized/legalEntityTypeExamples/CA.json": () => import("./CA-VXNq-m6m.js"), "../localized/legalEntityTypeExamples/CH.json": () => import("./CH-B_-afpD_.js"), "../localized/legalEntityTypeExamples/CZ.json": () => import("./CZ-CTw_bQIu.js"), "../localized/legalEntityTypeExamples/DE.json": () => import("./DE-D_jIDxOH.js"), "../localized/legalEntityTypeExamples/DK.json": () => import("./DK-dBzrfgpQ.js"), "../localized/legalEntityTypeExamples/ES.json": () => import("./ES-DYbZmFcJ.js"), "../localized/legalEntityTypeExamples/FI.json": () => import("./FI-C9nRvop7.js"), "../localized/legalEntityTypeExamples/FR.json": () => import("./FR-BycGQO4W.js"), "../localized/legalEntityTypeExamples/GB.json": () => import("./GB-DFyzo5sN.js"), "../localized/legalEntityTypeExamples/HK.json": () => import("./HK-WqZ5UBEF.js"), "../localized/legalEntityTypeExamples/HR.json": () => import("./HR-CRa19tH1.js"), "../localized/legalEntityTypeExamples/HU.json": () => import("./HU-D5NCweWf.js"), "../localized/legalEntityTypeExamples/IE.json": () => import("./IE-rhATS57q.js"), "../localized/legalEntityTypeExamples/IT.json": () => import("./IT-wD7dHdYD.js"), "../localized/legalEntityTypeExamples/LT.json": () => import("./LT-0F72uCyI.js"), "../localized/legalEntityTypeExamples/NL.json": () => import("./NL-q2U2l276.js"), "../localized/legalEntityTypeExamples/NO.json": () => import("./NO-CX12Zsf_.js"), "../localized/legalEntityTypeExamples/PL.json": () => import("./PL-CwCXF3Yu.js"), "../localized/legalEntityTypeExamples/PT.json": () => import("./PT-Dei5v1nD.js"), "../localized/legalEntityTypeExamples/RO.json": () => import("./RO-Dxk08mOu.js"), "../localized/legalEntityTypeExamples/SE.json": () => import("./SE-AP3gLiyy.js"), "../localized/legalEntityTypeExamples/SG.json": () => import("./SG-DMcOb17i.js"), "../localized/legalEntityTypeExamples/SI.json": () => import("./SI-BXe-yndm.js"), "../localized/legalEntityTypeExamples/SK.json": () => import("./SK-DwdgoGnD.js"), "../localized/legalEntityTypeExamples/US.json": () => import("./US-DHxLSqeC.js") });
 const getBusinessTypeExamplesForCountry = async (country) => {
   const importForCountry = businessTypeExamples[`../localized/legalEntityTypeExamples/${country}.json`];

package/dist/{CXEL7IU7-Cu3318Ir.js → CXEL7IU7-D1h8gd6-.js}

@@ -7,8 +7,8 @@
   }
 }
 ;
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, b as ParentPanel, C as ContentView, Q as QueryDevtoolsContext } from "./HASRA6WW-Cru_bjn5.js";
-import { aD as getPreferredColorScheme, aE as createMemo, aF as createComponent } from "./core-3THxSDWA.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, b as ParentPanel, C as ContentView, Q as QueryDevtoolsContext } from "./HASRA6WW-BD-4MJko.js";
+import { aD as getPreferredColorScheme, aE as createMemo, aF as createComponent } from "./core-CNb92U09.js";
 var DevtoolsPanelComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/{CustomerSupport-CASwZ4gu.js → CustomerSupport-CSt6Z7t8.js}

@@ -8,7 +8,7 @@
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
-import { p as useLegalEntity, q as Loader, u as useI18nContext, n as useAnalyticsContext, r as useToastContext, ab as useConfigurationApi, _ as useUpdateLegalEntity, Z as useQueryClient, ac as resolveFieldMetadata, ad as contactDetailsValidationRules, ae as defaultFieldMetadata, af as fieldConfig, ag as getAsyncPhoneValidationRules, ah as useMultiForm, W as FormHeader, ai as ContactDetails, aa as ActionBar, g as createLogger } from "./core-3THxSDWA.js";
+import { p as useLegalEntity, q as Loader, u as useI18nContext, n as useAnalyticsContext, r as useToastContext, ab as useConfigurationApi, _ as useUpdateLegalEntity, Z as useQueryClient, ac as resolveFieldMetadata, ad as contactDetailsValidationRules, ae as defaultFieldMetadata, af as fieldConfig, ag as getAsyncPhoneValidationRules, ah as useMultiForm, W as FormHeader, ai as ContactDetails, aa as ActionBar, g as createLogger } from "./core-CNb92U09.js";
 import { useCallback, useMemo, useEffect } from "preact/hooks";
 const mapCustomerSupportSchemaToCustomerSupportType = (customerSupport) => {
   var _a, _b, _c;

package/dist/{DebugModal-Byo_aTIl.js → DebugModal-DRBU-BOq.js}

@@ -2,14 +2,14 @@
 {
   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] = "0f4d7760-53c3-4322-8f0a-8d1b9c253561", e._sentryDebugIdIdentifier = "sentry-dbid-0f4d7760-53c3-4322-8f0a-8d1b9c253561");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4f0feb2a-bc11-4993-9716-a78d4ba54917", e._sentryDebugIdIdentifier = "sentry-dbid-4f0feb2a-bc11-4993-9716-a78d4ba54917");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useMemo, useState } from "preact/hooks";
-import { B as Button, T as Tag, e as entriesOf, I as InputText, u as useI18nContext, s as splitTaskIdentifier, a as TaskItemStatus, b as useExperimentsContext, c as useSettingsContext, d as useGlobalStore, l as listToRecord, v as valuesOf, f as useTaskStatuses, M as Modal, g as createLogger, h as Icon, S as SettingNames } from "./core-3THxSDWA.js";
+import { B as Button, T as Tag, e as entriesOf, I as InputText, u as useI18nContext, s as splitTaskIdentifier, a as TaskItemStatus, b as useExperimentsContext, c as useSettingsContext, d as useGlobalStore, l as listToRecord, v as valuesOf, f as useTaskStatuses, M as Modal, g as createLogger, h as Icon, S as SettingNames } from "./core-CNb92U09.js";
 var ExperimentNames = /* @__PURE__ */ ((ExperimentNames2) => {
   ExperimentNames2["AllowMoreRolesForMainRootTrustee"] = "AllowMoreRolesForMainRootTrustee";
   ExperimentNames2["ShowUnsupportedEntityType"] = "ShowUnsupportedEntityType";
@@ -175,10 +175,10 @@ const transformModule = (highlights, codeNode, scope) => {
 };
 const supportedModules = ["plaintext", "json", "yaml", "css"];
 const moduleMap = {
-  plaintext: () => import("./plaintext-DYLD97Bi.js"),
-  json: () => import("./json-7syHrDhU.js"),
-  yaml: () => import("./yaml-dLCAzO5I.js"),
-  css: () => import("./css-DPN_JUQd.js")
+  plaintext: () => import("./plaintext-Cr4KGRo-.js"),
+  json: () => import("./json-CbT4O_Ld.js"),
+  yaml: () => import("./yaml-YXwE7Rls.js"),
+  css: () => import("./css-DLMEG7cT.js")
 };
 const getModule = async (name) => {
   if (!supportedModules.includes(name)) {
@@ -469,7 +469,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore((store) => store.rootLegalEntity);
   const metadata = {
-    sdkVersion: "3.66.2",
+    sdkVersion: "3.66.4",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };

package/dist/{DecisionMakers-BOKWRvNu.js → DecisionMakers-DLyOK4UM.js}

@@ -8,7 +8,7 @@
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
-import { p as useLegalEntity, q as Loader, Y as useGetTaskStatus, u as useI18nContext, n as useAnalyticsContext, r as useToastContext, Z as useQueryClient, _ as useUpdateLegalEntity, $ as getOwnDecisionMakers, a0 as getAvailableDecisionMakerRoleTypes, a1 as useDataMissingRemediations, i as TaskTypes, a2 as getAllowedDecisionMakerRoles, X as DropinLayout, W as FormHeader, a3 as EntityGuidanceStatus, a4 as iconStatus, a5 as ContextGuidance, a6 as DecisionMakerType, a7 as Alert, a8 as CardGroup, a9 as EntityAssociation, B as Button, aa as ActionBar } from "./core-3THxSDWA.js";
+import { p as useLegalEntity, q as Loader, Y as useGetTaskStatus, u as useI18nContext, n as useAnalyticsContext, r as useToastContext, Z as useQueryClient, _ as useUpdateLegalEntity, $ as getOwnDecisionMakers, a0 as getAvailableDecisionMakerRoleTypes, a1 as useDataMissingRemediations, i as TaskTypes, a2 as getAllowedDecisionMakerRoles, X as DropinLayout, W as FormHeader, a3 as EntityGuidanceStatus, a4 as iconStatus, a5 as ContextGuidance, a6 as DecisionMakerType, a7 as Alert, a8 as CardGroup, a9 as EntityAssociation, B as Button, aa as ActionBar } from "./core-CNb92U09.js";
 import { useState, useEffect } from "preact/hooks";
 const DecisionMakers = (props) => {
   const { data, isLoading } = useLegalEntity();

package/dist/{HASRA6WW-Cru_bjn5.js → HASRA6WW-BD-4MJko.js}

@@ -10,7 +10,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
 }
 ;
-import { aG as createContext, aH as createSignal, aI as onMount, aJ as createEffect, aE as createMemo, aF as createComponent, aK as Portal, aL as Show, aM as template, aN as insert, aO as createRenderEffect, aP as className, aQ as clearDelegatedEvents, aR as delegateEvents, aS as useContext, aT as onCleanup, aU as sortFns, aV as mutationSortFns, aW as on, aX as setAttribute, aY as getSidedProp, aZ as use, a_ as createUniqueId, a$ as batch, b0 as getQueryStatusLabel, b1 as getMutationStatusColor, b2 as getQueryStatusColor, b3 as getQueryStatusColorByLabel, b4 as displayValue, b5 as For, b6 as convertRemToPixels, b7 as untrack, b8 as $TRACK, b9 as useTransition, ba as spread, bb as mergeProps, bc as createRoot, bd as serialize, be as Index, bf as updateNestedDataByPath, bg as addEventListener, bh as stringify, bi as Match, bj as Switch, bk as deleteNestedDataByPath, bl as splitProps, bm as Dynamic, bn as createComputed } from "./core-3THxSDWA.js";
+import { aG as createContext, aH as createSignal, aI as onMount, aJ as createEffect, aE as createMemo, aF as createComponent, aK as Portal, aL as Show, aM as template, aN as insert, aO as createRenderEffect, aP as className, aQ as clearDelegatedEvents, aR as delegateEvents, aS as useContext, aT as onCleanup, aU as sortFns, aV as mutationSortFns, aW as on, aX as setAttribute, aY as getSidedProp, aZ as use, a_ as createUniqueId, a$ as batch, b0 as getQueryStatusLabel, b1 as getMutationStatusColor, b2 as getQueryStatusColor, b3 as getQueryStatusColorByLabel, b4 as displayValue, b5 as For, b6 as convertRemToPixels, b7 as untrack, b8 as $TRACK, b9 as useTransition, ba as spread, bb as mergeProps, bc as createRoot, bd as serialize, be as Index, bf as updateNestedDataByPath, bg as addEventListener, bh as stringify, bi as Match, bj as Switch, bk as deleteNestedDataByPath, bl as splitProps, bm as Dynamic, bn as createComputed } from "./core-CNb92U09.js";
 var isNonNullable = (i2) => i2 != null;
 var filterNonNullable = (arr) => arr.filter(isNonNullable);
 function chain(callbacks) {

package/dist/{I3HPI4QX-Cz9GeRtD.js → I3HPI4QX-DrgIX5e9.js}

@@ -7,8 +7,8 @@
   }
 }
 ;
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./HASRA6WW-Cru_bjn5.js";
-import { aD as getPreferredColorScheme, aE as createMemo, aF as createComponent } from "./core-3THxSDWA.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./HASRA6WW-BD-4MJko.js";
+import { aD as getPreferredColorScheme, aE as createMemo, aF as createComponent } from "./core-CNb92U09.js";
 var DevtoolsComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/{Introduction-h77KchJ3.js → Introduction-C9b9dHyf.js}

@@ -9,7 +9,7 @@
 ;
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
 import { useMemo as useMemo$1, useState, useEffect } from "preact/hooks";
-import { i as TaskTypes, L as LegalEntityType, j as useCanSeeIntroduction, k as useLegalEntityType, t as toCapitalized, m as getTranslationKeysByPrefix, u as useI18nContext, n as useAnalyticsContext, o as StepProgressIndicator, B as Button } from "./core-3THxSDWA.js";
+import { i as TaskTypes, L as LegalEntityType, j as useCanSeeIntroduction, k as useLegalEntityType, t as toCapitalized, m as getTranslationKeysByPrefix, u as useI18nContext, n as useAnalyticsContext, o as StepProgressIndicator, B as Button } from "./core-CNb92U09.js";
 import { useMemo } from "preact/compat";
 var IntroductionScreens = ((IntroductionScreens2) => {
   IntroductionScreens2["PROLOGUE"] = "PROLOGUE";

package/dist/{Review-Cg40i5oi.js → Review-B7M3nx8s.js}

@@ -9,7 +9,7 @@
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { aj as useApiContext, ak as useMutation, al as httpPost, u as useI18nContext, r as useToastContext, G as LoaderWrapper, W as FormHeader, am as Checkbox, aa as ActionBar, X as DropinLayout } from "./core-3THxSDWA.js";
+import { aj as useApiContext, ak as useMutation, al as httpPost, u as useI18nContext, r as useToastContext, G as LoaderWrapper, W as FormHeader, am as Checkbox, aa as ActionBar, X as DropinLayout } from "./core-CNb92U09.js";
 const confirmReview = async (legalEntityId, url) => {
   return httpPost({
     loadingContext: url,

package/dist/{SingpassSelection-Dw3pv9Bj.js → SingpassSelection-DzsYd_Dd.js}

@@ -9,7 +9,7 @@
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { u as useI18nContext, D as useForm, H as Typography, J as Field, R as RadioGroupCard, B as Button, U as Svg, L as LegalEntityType } from "./core-3THxSDWA.js";
+import { u as useI18nContext, D as useForm, H as Typography, J as Field, R as RadioGroupCard, B as Button, U as Svg, L as LegalEntityType } from "./core-CNb92U09.js";
 const setupAccountMethods = ["singpass", "manual"];
 const setupAccountMethodFields = ["setupAccountMethod"];
 const getSingpassSelectionDisabled = (legalEntityType) => {

package/dist/{TaxReportingDropin-Cf98KDXb.js → TaxReportingDropin-CYsGK4_f.js}

@@ -8,7 +8,7 @@
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { aj as useApiContext, an as useQuery, ao as httpGet, H as Typography, u as useI18nContext, ap as useFormContext, J as Field, aq as RadioGroup, ar as getFormProps, h as Icon, as as isEmpty, U as Svg, at as sofStyles, B as Button, au as Card, av as StructuredList, aw as IconButton, Z as useQueryClient, n as useAnalyticsContext, p as useLegalEntity, _ as useUpdateLegalEntity, ah as useMultiForm, ax as isEmpty$1, ay as getRequiredForms, az as addValidityToForms, g as createLogger, aA as useFormComposer, q as Loader, aB as FormContextProvider, aC as FormWrapper } from "./core-3THxSDWA.js";
+import { aj as useApiContext, an as useQuery, ao as httpGet, H as Typography, u as useI18nContext, ap as useFormContext, J as Field, aq as RadioGroup, ar as getFormProps, h as Icon, as as isEmpty, U as Svg, at as sofStyles, B as Button, au as Card, av as StructuredList, aw as IconButton, Z as useQueryClient, n as useAnalyticsContext, p as useLegalEntity, _ as useUpdateLegalEntity, ah as useMultiForm, ax as isEmpty$1, ay as getRequiredForms, az as addValidityToForms, g as createLogger, aA as useFormComposer, q as Loader, aB as FormContextProvider, aC as FormWrapper } from "./core-CNb92U09.js";
 import { useState, useRef, useEffect, useMemo, useCallback } from "preact/hooks";
 import { signal } from "@preact/signals";
 import cx from "classnames";

package/dist/adyen-kyc-components.js

@@ -7,7 +7,7 @@
   }
 }
 ;
-import { C as Core } from "./core-3THxSDWA.js";
+import { C as Core } from "./core-CNb92U09.js";
 if (CSS.supports("container", "foo / inline-size") === false) {
   import("container-query-polyfill");
 }

package/dist/adyenConfig.js

@@ -7,7 +7,7 @@
   }
 }
 ;
-import { C as Core } from "./core-3THxSDWA.js";
+import { C as Core } from "./core-CNb92U09.js";
 const environmentMap = Object.freeze({
   live: "https://live.adyen.com",
   test: "https://test.adyen.com"

package/dist/{core-3THxSDWA.js → core-CNb92U09.js}

@@ -19,7 +19,7 @@ var _focused, _cleanup, _setup, _a, _online, _cleanup2, _setup2, _b, _gcTimeout,
 {
   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] = "96893e5c-7d7a-4e7e-a0c1-20f9494252b4", e._sentryDebugIdIdentifier = "sentry-dbid-96893e5c-7d7a-4e7e-a0c1-20f9494252b4");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "0a61d722-3948-4702-a4e7-f8898157fe3f", e._sentryDebugIdIdentifier = "sentry-dbid-0a61d722-3948-4702-a4e7-f8898157fe3f");
   } catch (e) {
   }
 }
@@ -6445,6 +6445,7 @@ const simulateTextChangeFromKeyboardEvent = (keyDownEvent, value) => {
   }
   return newValue;
 };
+const isAppleMobile = /iPhone|iPad/.test(navigator.platform);
 function SelectButtonElement({
   filterable,
   toggleButtonRef,
@@ -6518,7 +6519,9 @@ function SelectButton({
         "adyen-kyc-dropdown-button--active": showList,
         "adyen-kyc-dropdown-button--invalid": isInvalid,
         "adyen-kyc-dropdown-field--valid": isValid,
-        "adyen-kyc-dropdown-button-search": isSearch
+        "adyen-kyc-dropdown-button-search": isSearch,
+        // To resolve a bug where filterable select `<input>`s weren't focusable on iOS
+        "adyen-kyc-dropdown-ignore-pointer-events": isSearch && isAppleMobile
       }),
       filterable,
       onClick: !readonly ? (e) => {
@@ -6576,7 +6579,8 @@ const SelectButtonContentSingle = ({
     const activeLabel = (activeSingle == null ? void 0 : activeSingle.selectedOptionName) || (activeSingle == null ? void 0 : activeSingle.name) || textFilter || placeholder;
     return (activeLabel == null ? void 0 : activeLabel.length) > 50 ? activeLabel.substring(0, 50) + "..." : activeLabel || "";
   }, [activeSingle, textFilter, placeholder]);
-  return !showList || !filterable ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  return !(showList && filterable || // To resolve a bug where filterable select `<input>`s weren't focusable on iOS
+  isAppleMobile && isSearch) ? /* @__PURE__ */ jsxs(Fragment, { children: [
     (activeSingle == null ? void 0 : activeSingle.icon) && /* @__PURE__ */ jsx$1("span", { className: "adyen-kyc-dropdown-button__icon", children: activeSingle.icon }),
     isSearch && !hideSearchIcon && /* @__PURE__ */ jsx$1(Icon, { name: "search", className: "adyen-kyc-dropdown-button-search__icon" }),
     /* @__PURE__ */ jsx$1(
@@ -6598,7 +6602,11 @@ const SelectButtonContentSingle = ({
         "aria-expanded": showList,
         "aria-owns": selectListId,
         autoComplete: "off",
-        className: cx("adyen-kyc-filter-input"),
+        className: cx({
+          "adyen-kyc-filter-input": true,
+          // To resolve a bug where filterable select `<input>`s weren't focusable on iOS
+          "adyen-kyc-dropdown-handle-pointer-events": isAppleMobile
+        }),
         onInput: (e) => onInput(e.target.value),
         placeholder,
         ref: filterInputRef,
@@ -34309,7 +34317,7 @@ function PayoutDetailsDropin({
   const {
     data: transferInstrument,
     refetch: refetchTransferInstrument,
-    isLoading
+    isLoading: isTransferInstrumentLoading
   } = useGetTransferInstrument(currentTransferInstrumentId);
   const { mutateAsync: handleUpdateTransferInstrument } = useUpdateTransferInstrument();
   const { mutateAsync: handleCreateTrustedTransferInstrument } = useCreateTrustedTransferInstrument();
@@ -34331,7 +34339,7 @@ function PayoutDetailsDropin({
   const fallbackCurrency = (_a2 = currencyByCountry[defaultPayoutCountry]) == null ? void 0 : _a2[0];
   const accountHolderName = accountHolder || getLegalEntityNameBasedOnType(legalEntityResponse);
   const instantVerificationEnabled = Boolean(
-    !transferInstrument && isSettingEnabled("instantBankVerification")
+    !isTransferInstrumentLoading && !transferInstrument && isSettingEnabled("instantBankVerification")
   );
   const taskType = propTaskType ?? TaskTypes.PAYOUT;
   const [trustedTransferInstrumentId, setTrustedTransferInstrumentId] = useState();
@@ -34365,6 +34373,7 @@ function PayoutDetailsDropin({
   const [hideFooter, setHideFooter] = useState(false);
   const [skipSubmit, setSkipSubmit] = useState(false);
   const [loadingStatus, setLoadingStatus] = useState("loading");
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [configurationLoadingStatus, setConfigurationLoadingStatus] = useState("loading");
   const [data, setData] = useState(prefilledData);
   const [problems, setProblems] = useState(
@@ -34490,7 +34499,13 @@ function PayoutDetailsDropin({
     legalEntityResponse,
     payoutDetailsSteps
   ]);
-  useUnifyLoadingStatus(setLoadingStatus, configurationLoadingStatus, bankVendorsLoadingStatus);
+  useUnifyLoadingStatus(
+    setLoadingStatus,
+    configurationLoadingStatus,
+    // bank vendor loading status only matters when we fetch bank vendors
+    instantVerificationEnabled ? bankVendorsLoadingStatus : "success",
+    isSubmitting ? "loading" : "success"
+  );
   const forms = useMemo(() => {
     const requiredForms = getRequiredForms(
       payoutDetailsSteps,
@@ -34556,7 +34571,7 @@ function PayoutDetailsDropin({
     if (payoutAccountData) setAccountDetailsFromInput(payoutAccountData);
   }, [data]);
   const onSubmit = async () => {
-    setLoadingStatus("loading");
+    setIsSubmitting(true);
     const dataSubmitted = cloneObject(data);
     const { payoutAccountDetails, payoutVerificationMethod } = dataSubmitted;
     const baseTracking = {
@@ -34593,7 +34608,7 @@ function PayoutDetailsDropin({
       } catch (e) {
         showToast({ label: e.message, variant: "error" });
       } finally {
-        setLoadingStatus("success");
+        setIsSubmitting(false);
       }
     } catch (e) {
       if (isValidationError(e)) {
@@ -34613,7 +34628,7 @@ function PayoutDetailsDropin({
         const errorTranslatable = mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable(e);
         showToast({ label: i18n.get(errorTranslatable), variant: "error" });
       }
-      setLoadingStatus("success");
+      setIsSubmitting(false);
       userEvents2.addTaskEvent("Encountered error", {
         ...baseTracking,
         returnType: (e == null ? void 0 : e.errorCode) || "backend",
@@ -34795,7 +34810,7 @@ function PayoutDetailsDropin({
             handleCloseClick,
             hideSidebar: hideSidebar || hideFooterAndSidebar,
             hideFooter: hideFooter || hideFooterAndSidebar,
-            loadingStatus: isLoading ? "loading" : loadingStatus,
+            loadingStatus: isTransferInstrumentLoading ? "loading" : loadingStatus,
             asModal,
             forms,
             onSubmit,
@@ -34804,7 +34819,7 @@ function PayoutDetailsDropin({
             canSubmit: canSubmit2(),
             problems,
             steps,
-            children: !isLoading && /* @__PURE__ */ jsx$1(
+            children: (!isTransferInstrumentLoading || isSubmitting) && /* @__PURE__ */ jsx$1(
               PayoutDetails,
               {
                 ...derivedProps,
@@ -35147,6 +35162,7 @@ const useDeleteTransferInstrument = (options) => {
     mutationFn: (transferInstrumentId) => deleteTransferInstrument(legalEntityId.value, baseUrl.value, transferInstrumentId),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["transferInstruments", legalEntityId] });
+      queryClient.invalidateQueries({ queryKey: ["legalEntity", legalEntityId] });
     },
     ...options
   });
@@ -36179,18 +36195,16 @@ const PayoutAccountTaskListItem = ({
   var _a2;
   const { i18n } = useI18nContext();
   const { showToast } = useToastContext();
-  const { refetch: refetchLegalEntity } = useLegalEntity();
-  const mutate = useDeleteTransferInstrument({ onSuccess: () => refetchLegalEntity() });
+  const { mutateAsync: deleteTransferInstrument2 } = useDeleteTransferInstrument();
   const [isDeletingTransferInstrument, setIsDeletingTransferInstrument] = useState(false);
   const isInstantVerificationAccount = isInstantVerifiedAccount(account);
   const [isRemoveDisabled, setIsRemoveDisabled] = useState(false);
   const obscuredAccountNumber = getObscuredAccountNumber(account);
   const getTaskStatus2 = useGetTaskStatus();
   const status = getTaskStatus2(TaskTypes.PAYOUT, account.id);
-  const deleteTransferInstrument2 = async () => {
+  const handleDeleteTransferInstrument = async () => {
     try {
-      await mutate.mutateAsync(account.id);
-      await refetchLegalEntity();
+      await deleteTransferInstrument2(account.id);
       showToast({ label: i18n.get("transferInstrumentDeleted"), variant: "success" });
     } catch {
       showToast({ label: i18n.get("failedToDeletePayoutAccount"), variant: "error" });
@@ -36209,7 +36223,7 @@ const PayoutAccountTaskListItem = ({
       loading: isDeletingTransferInstrument,
       removeEntity: () => {
         setIsDeletingTransferInstrument(true);
-        deleteTransferInstrument2();
+        handleDeleteTransferInstrument();
       },
       isRemoveDisabled,
       handleIsRemoveDisabled: setIsRemoveDisabled
@@ -50408,24 +50422,24 @@ const hasProgressedBeyondEntitySelection = (legalEntity) => {
   return hasOwnEntityAssocation || !!hasOrganizationType;
 };
 const Introduction = lazy$1(
-  async () => (await import("./Introduction-h77KchJ3.js")).Introduction
+  async () => (await import("./Introduction-C9b9dHyf.js")).Introduction
 );
 const BusinessTypeSelection = lazy$1(
-  async () => (await import("./BusinessTypeSelection-2HJti_8F.js")).BusinessTypeSelection
+  async () => (await import("./BusinessTypeSelection-eOAjwxqz.js")).BusinessTypeSelection
 );
 const SingpassSelection = lazy$1(
-  async () => (await import("./SingpassSelection-Dw3pv9Bj.js")).SingpassSelection
+  async () => (await import("./SingpassSelection-DzsYd_Dd.js")).SingpassSelection
 );
 const AccountSetupRejected = lazy$1(
-  async () => (await import("./AccountSetupRejected-DVh7NV2H.js")).AccountSetupRejected
+  async () => (await import("./AccountSetupRejected-BCmjiF_6.js")).AccountSetupRejected
 );
 const DecisionMakers = lazy$1(
-  async () => (await import("./DecisionMakers-BOKWRvNu.js")).DecisionMakers
+  async () => (await import("./DecisionMakers-DLyOK4UM.js")).DecisionMakers
 );
 const CustomerSupport = lazy$1(
-  async () => (await import("./CustomerSupport-CASwZ4gu.js")).CustomerSupport
+  async () => (await import("./CustomerSupport-CSt6Z7t8.js")).CustomerSupport
 );
-const Review = lazy$1(async () => (await import("./Review-Cg40i5oi.js")).Review);
+const Review = lazy$1(async () => (await import("./Review-B7M3nx8s.js")).Review);
 const SignPCIComponent$2 = lazy$1(
   async () => (await Promise.resolve().then(() => SignPCIComponent$1)).SignPCIComponent
 );
@@ -50433,7 +50447,7 @@ const AcceptTermsOfService = lazy$1(
   async () => (await Promise.resolve().then(() => AcceptTermsOfServiceComponent$1)).AcceptTermsOfServiceComponent
 );
 const TaxReportingDropin = lazy$1(
-  async () => (await import("./TaxReportingDropin-Cf98KDXb.js")).TaxReportingDropin
+  async () => (await import("./TaxReportingDropin-CYsGK4_f.js")).TaxReportingDropin
 );
 const PAGES_WITH_POLLING = [TaskTypes.DECISION_MAKER_OVERVIEW, TaskTypes.TASKS_OVERVIEW];
 const logger$6 = createLogger();
@@ -54757,7 +54771,7 @@ var TanstackQueryDevtools = (_l = class {
       if (__privateGet(this, _Component)) {
         Devtools = __privateGet(this, _Component);
       } else {
-        Devtools = lazy(() => import("./I3HPI4QX-Cz9GeRtD.js"));
+        Devtools = lazy(() => import("./I3HPI4QX-DrgIX5e9.js"));
         __privateSet(this, _Component, Devtools);
       }
       setupStyleSheet(__privateGet(this, _styleNonce), __privateGet(this, _shadowDOMTarget));
@@ -54879,7 +54893,7 @@ var TanstackQueryDevtoolsPanel = (_m = class {
       if (__privateGet(this, _Component2)) {
         Devtools = __privateGet(this, _Component2);
       } else {
-        Devtools = lazy(() => import("./CXEL7IU7-Cu3318Ir.js"));
+        Devtools = lazy(() => import("./CXEL7IU7-D1h8gd6-.js"));
         __privateSet(this, _Component2, Devtools);
       }
       setupStyleSheet(__privateGet(this, _styleNonce2), __privateGet(this, _shadowDOMTarget2));
@@ -55098,7 +55112,7 @@ const convertToEmbeddedEvent = (eventQueueItem, sessionData) => {
   };
 };
 const useAnalytics = ({ userEvents: userEvents2, sessionId, sessionData }) => {
-  const sdkVersion = "3.66.2";
+  const sdkVersion = "3.66.4";
   const rootLegalEntity = useGlobalStore((store) => store.rootLegalEntity);
   const countryCode = useGlobalStore((store) => store.rootLegalEntityCountry);
   const capabilities = Object.keys(rootLegalEntity.capabilities ?? {});
@@ -55173,7 +55187,7 @@ const AnalyticsProvider = ({
   const { onboardingVersion } = useVersion();
   const userEvents2 = useMemo(() => createUserEvents(), []);
   const sessionData = {
-    sdkVersion: "3.66.2",
+    sdkVersion: "3.66.4",
     componentName,
     userAgent: navigator.userAgent,
     legalEntityId,
@@ -55307,7 +55321,7 @@ const ConfigurationApiProvider = ({ children: children2 }) => {
     [baseUrl, rootLegalEntityId]
   );
   return /* @__PURE__ */ jsxs(ConfigurationApiContext.Provider, { value: contextValue, children: [
-    /* @__PURE__ */ jsx$1("span", { className: "adyen-kyc__sdk-version", hidden: true, children: "3.66.2" }),
+    /* @__PURE__ */ jsx$1("span", { className: "adyen-kyc__sdk-version", hidden: true, children: "3.66.4" }),
     children2
   ] });
 };
@@ -55782,7 +55796,7 @@ function StateProvider({
   );
   return /* @__PURE__ */ jsx$1(StateContext.Provider, { value: contextValue, children: children2 });
 }
-const DebugModal = lazy$1(async () => (await import("./DebugModal-Byo_aTIl.js").then((n) => n.D)).DebugModal);
+const DebugModal = lazy$1(async () => (await import("./DebugModal-DRBU-BOq.js").then((n) => n.D)).DebugModal);
 const DebugListener = () => {
   const [debugUiOpen, setDebugUiOpen] = useState(false);
   const { isSettingEnabled } = useSettingsContext();

package/dist/{css-DPN_JUQd.js → css-DLMEG7cT.js}

@@ -7,7 +7,7 @@
   }
 }
 ;
-import { c as cssProps } from "./DebugModal-Byo_aTIl.js";
+import { c as cssProps } from "./DebugModal-DRBU-BOq.js";
 const definitions = {
   any: { regex: /.*/g, css: cssProps.text },
   property: { regex: /(^|[\r\n])[^:]*:/g, css: cssProps.key },

package/dist/{json-7syHrDhU.js → json-CbT4O_Ld.js}

@@ -7,7 +7,7 @@
   }
 }
 ;
-import { c as cssProps } from "./DebugModal-Byo_aTIl.js";
+import { c as cssProps } from "./DebugModal-DRBU-BOq.js";
 const definitions = {
   any: { regex: /.*/g, css: cssProps.text },
   number: { regex: /-?\d+(\.\d+)?([eE][+-]?\d+)?/g, css: cssProps.number },

package/dist/{plaintext-DYLD97Bi.js → plaintext-Cr4KGRo-.js}

@@ -7,7 +7,7 @@
   }
 }
 ;
-import { c as cssProps } from "./DebugModal-Byo_aTIl.js";
+import { c as cssProps } from "./DebugModal-DRBU-BOq.js";
 const definitions = {
   any: { regex: /.*/g, css: cssProps.text }
 };

package/dist/style.css

@@ -988,6 +988,14 @@
 .adyen-kyc-dropdown-element {
   align-items: center;
   display: flex;
+}
+
+.adyen-kyc-dropdown-ignore-pointer-events {
+  pointer-events: none;
+}
+
+.adyen-kyc-dropdown-handle-pointer-events {
+  pointer-events: auto;
 }/* #region Borders */
 /* #endregion */
 /* for container queries */

package/dist/{yaml-dLCAzO5I.js → yaml-YXwE7Rls.js}

@@ -7,7 +7,7 @@
   }
 }
 ;
-import { c as cssProps } from "./DebugModal-Byo_aTIl.js";
+import { c as cssProps } from "./DebugModal-DRBU-BOq.js";
 const definitions = {
   any: { regex: /.*/g, css: cssProps.text },
   boolean: { regex: /^(\s*)([\w-]+)(:)\s*(.*)$/g, css: cssProps.boolean },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.66.2",
+  "version": "3.66.4",
   "keywords": [
     "adyen",
     "adyen-kyc",