@adyen/kyc-components 2.57.2 → 2.57.4

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

@@ -20996,7 +20996,7 @@ const PayoutVerificationMethodOptionFooter = ({
     variant: "caption",
     className: "adyen-kyc-field-verification-methods__footer",
     children: [i18n.get("poweredBy"), jsx(Svg, {
-      type: "image",
+      type: "icon",
       name: provider.svgName,
       alt: provider.name
     })]
@@ -21113,10 +21113,16 @@ function PayoutVerificationMethod(props) {
     }
   }, [forms, hasSelectedMethod, data.payoutVerificationMethod, handleNextClick, enablePreferInstantVerificationMethodFlow]);
   useEffect(() => {
-    if (!enablePreferInstantVerificationMethodFlow) return;
-    if (!(bankVerificationVendors == null ? void 0 : bankVerificationVendors[data.bankCountry])) {
-      selectVerificationMethod("manualVerification");
+    if (!enablePreferInstantVerificationMethodFlow || !bankVerificationVendors) return;
+    let timeout;
+    if (!bankVerificationVendors[data.bankCountry]) {
+      timeout = setTimeout(() => {
+        selectVerificationMethod("manualVerification");
+      }, 50);
     }
+    return () => {
+      clearTimeout(timeout);
+    };
   }, [bankVerificationVendors, enablePreferInstantVerificationMethodFlow]);
   const getProviderDisplayName = (providerName2) => providerName2.charAt(0).toUpperCase() + providerName2.slice(1);
   const {
@@ -31788,6 +31794,7 @@ const useBankConfigurationHandlers = ({
     }
     setLoadingStatus("loading");
     (async () => {
+      setBankVerificationVendorsResponse(void 0);
       const bankVerificationVendorsResponse2 = callBankVerificationVendorsUpfront ? await handleGetBankVerificationVendors(bankAccountCountry) : [];
       setBankVerificationVendorsResponse(bankVerificationVendorsResponse2);
       setUseFreshProviderRedirectUrl(false);
@@ -31805,8 +31812,12 @@ const useBankConfigurationHandlers = ({
       capabilities,
       country: bankAccountCountry
     });
-    if (!callBankVerificationVendorsUpfront || !((_a = bankVerificationVendorsResponse == null ? void 0 : bankVerificationVendorsResponse[0]) == null ? void 0 : _a.name)) {
-      return configuration;
+    if (!callBankVerificationVendorsUpfront) return configuration;
+    if (!((_a = bankVerificationVendorsResponse == null ? void 0 : bankVerificationVendorsResponse[0]) == null ? void 0 : _a.name)) {
+      return {
+        ...configuration,
+        bankVerificationProviders: {}
+      };
     }
     return {
       ...configuration,
@@ -33755,7 +33766,7 @@ function SolePropDropinComponent({
     requiredFields,
     isSettingEnabled
   }), [country, data, taskType, requiredFields, isSettingEnabled]);
-  const derivedProps = useMemo(() => getPropsFromConfigurations(fieldConfigurations, solePropForms, (problems == null ? void 0 : problems.remediationActions) ? Object.values(problems == null ? void 0 : problems.remediationActions) : [], (problems == null ? void 0 : problems.missingData) ?? [], legalEntityResponse ? getFieldsWithExistingData(legalEntityResponse) : [], fieldsFromCustomRules, {}, {}, legalEntityResponse.type), [fieldConfigurations, fieldsFromCustomRules, problems == null ? void 0 : problems.remediationActions, legalEntityResponse]);
+  const derivedProps = useMemo(() => getPropsFromConfigurations(fieldConfigurations, solePropForms, (problems == null ? void 0 : problems.remediationActions) ? Object.values(problems == null ? void 0 : problems.remediationActions) : [], (problems == null ? void 0 : problems.missingData) ?? [], legalEntityResponse ? getFieldsWithExistingData(legalEntityResponse) : [], fieldsFromCustomRules, {}, {}, legalEntityResponse == null ? void 0 : legalEntityResponse.type), [fieldConfigurations, fieldsFromCustomRules, problems == null ? void 0 : problems.remediationActions, legalEntityResponse]);
   const forms = useMemo(() => {
     const requiredForms = getRequiredForms(solePropForms, derivedProps == null ? void 0 : derivedProps.requiredFields, derivedProps == null ? void 0 : derivedProps.optionalFields);
     return addValidityToForms(requiredForms, formValidity, problems);
@@ -38242,7 +38253,7 @@ const ConfigurationApiProvider = ({
     isEmbeddedDropin,
     loadingContext
   } = authContext;
-  const sdkVersion = "2.57.2";
+  const sdkVersion = "2.57.4";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -38925,7 +38936,7 @@ const DebugModal = ({
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "2.57.2",
+      sdkVersion: "2.57.4",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };
@@ -38964,7 +38975,7 @@ const DebugModal = ({
       children: [jsxs("div", {
         className: "adyen-kyc-debug-modal__meta",
         children: [jsxs("span", {
-          children: ["SDK version: ", "2.57.2"]
+          children: ["SDK version: ", "2.57.4"]
         }), jsxs("span", {
           children: ["rootLegalEntityId: ", rootLegalEntityId]
         })]

package/dist/style.css

@@ -2213,10 +2213,10 @@ fieldset {
   gap: var(--adyen-sdk-spacer-020, 4px);
   justify-content: end;
 }
-.adyen-kyc-field-verification-methods__footer .adyen-kyc-image {
+.adyen-kyc-field-verification-methods__footer .adyen-kyc-icon {
   height: 12px;
 }
-.adyen-kyc-field-verification-methods__footer .adyen-kyc-image svg {
+.adyen-kyc-field-verification-methods__footer .adyen-kyc-icon svg {
   height: 100%;
   width: auto;
 }

package/package.json

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