@adyen/kyc-components 3.15.3 → 3.16.0

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

@@ -464,7 +464,6 @@ const depositSlip = "Deposit slip";
 const screenshotOfOnlineBankingEnviroment = "Screenshot of online banking environment";
 const officialEmailOrALetterFromYourBank = "Official email or a letter from your bank";
 const check = "Check";
-const releveDidentiteBancaire = "Relevé d'Identité Bancaire (RIB)";
 const successFullyRemovedDecisionMaker = "Successfully removed a decision maker";
 const failedToRemoveDecisionMaker = "Failed to remove a decision maker";
 const chamberOfCommerceExtract = "Chamber of Commerce extract";
@@ -849,21 +848,21 @@ const getYourBusinessVerifiedDetails = "Get your business's verified details ins
 const enterTheDetailsYourself = "Enter the details yourself";
 const youAlsoHaveToUploadSomeSupportingDocuments = "You'll also have to upload some supporting documents.";
 const verificationMethod = "Verification method";
-const verifyViaMobileBankAppOrBankWebsite = "Verify the account via mobile bank app or bank website";
-const provideAccountDetailsAndUploadBankStatement = "Provide account details and upload a scan of a bank statement";
-const instantVerificationDescription = "To quickly and safely verify the account you need access to the online banking environment associated with this account holder.";
+const verifyViaMobileBankingAppOrWebsite = "Verify via mobile banking app or website";
+const uploadABankStatement = "Upload a bank statement";
+const instantVerificationDescription = "Log in to your bank account and get instantly verified.";
 const couldNotEstablishBankConnection = "We couldn't establish a connection with your bank";
 const sorryAnErrorOccurred = "We are sorry, an error has occurred";
 const ranIntoTechnicalError = "We ran into a technical error";
 const failedInitializeInstantVerification = "Failed to initialize instant account verification process";
 const couldNotCompleteAccountCheck = "We couldn't complete the account check";
 const tryAgainOrManualAccountDetails = "Please try again later or provide account details manually.";
-const manualVerificationDescription = "Manually provide your account details and upload a bank statement.";
+const manualVerificationDescription = "You also have to provide the bank account details.";
 const poweredBy = "Powered by";
 const youSuccessfullyVerifiedAccount = "You’ve successfully verified your bank account.";
 const verifyBankAccountAgain = "Verify bank account again";
 const accountName = "Account name";
-const mayTakeAFewHoursOrDays = "May take a few hours or days";
+const mayTakeAFewDays = "May take a few days";
 const instant = "Instant";
 const isOurTrustedPartnerHelpingSpeedUpSetup = "%{provider} is our trusted partner helping speed up your account setup by instantly verifying your bank account.";
 const howDoesVerificationWithOurPartnerWorks = "How does verification with our partner %{provider} work?";
@@ -1746,7 +1745,6 @@ const defaultTrans = {
   screenshotOfOnlineBankingEnviroment,
   officialEmailOrALetterFromYourBank,
   check,
-  releveDidentiteBancaire,
   successFullyRemovedDecisionMaker,
   failedToRemoveDecisionMaker,
   chamberOfCommerceExtract,
@@ -2139,8 +2137,8 @@ const defaultTrans = {
   enterTheDetailsYourself,
   youAlsoHaveToUploadSomeSupportingDocuments,
   verificationMethod,
-  verifyViaMobileBankAppOrBankWebsite,
-  provideAccountDetailsAndUploadBankStatement,
+  verifyViaMobileBankingAppOrWebsite,
+  uploadABankStatement,
   instantVerificationDescription,
   couldNotEstablishBankConnection,
   sorryAnErrorOccurred,
@@ -2153,7 +2151,7 @@ const defaultTrans = {
   youSuccessfullyVerifiedAccount,
   verifyBankAccountAgain,
   accountName,
-  mayTakeAFewHoursOrDays,
+  mayTakeAFewDays,
   instant,
   isOurTrustedPartnerHelpingSpeedUpSetup,
   howDoesVerificationWithOurPartnerWorks,
@@ -10563,72 +10561,40 @@ function DocumentGuidance({
   useEffect(() => {
     setGuidancePrefix(getDocumentGuidancePrefix(type));
   }, [type]);
+  const documentGuidanceItems = useMemo(() => [{
+    type: "valid",
+    translationKey: "good"
+  }, {
+    type: "invalid-cut",
+    translationKey: "notCutOff"
+  }, {
+    type: "invalid-blur",
+    translationKey: "notBlurry"
+  }, guidancePrefix === "generic-document" ? {
+    type: "invalid-expired",
+    translationKey: "notExpired"
+  } : {
+    type: "invalid-glare",
+    translationKey: "noGlare"
+  }], [guidancePrefix]);
   return jsx("div", {
     className: cx("adl-document-guidance", className),
-    children: jsxs("div", {
+    children: jsx("div", {
       className: "adl-document-guidance__container",
-      children: [jsxs("div", {
-        className: "adl-document-guidance__item",
-        children: [jsx("svg", {
-          width: "100%",
-          role: "img",
-          children: jsx("use", {
-            href: `#adl-${guidancePrefix}-valid`
-          })
-        }), jsx("span", {
-          className: "adl-document-guidance__description",
-          children: i18n.get("good")
-        })]
-      }), jsxs("div", {
-        className: "adl-document-guidance__item",
-        children: [jsx("svg", {
-          width: "100%",
-          role: "img",
-          children: jsx("use", {
-            href: `#adl-${guidancePrefix}-invalid-cut`
-          })
-        }), jsx("span", {
-          className: "adl-document-guidance__description",
-          children: i18n.get("notCutOff")
-        })]
-      }), jsxs("div", {
+      children: documentGuidanceItems.map((item) => jsxs("div", {
         className: "adl-document-guidance__item",
         children: [jsx("svg", {
           width: "100%",
+          height: "100%",
           role: "img",
           children: jsx("use", {
-            href: `#adl-${guidancePrefix}-invalid-blur`
+            href: `#adl-${guidancePrefix}-${item.type}`
           })
         }), jsx("span", {
           className: "adl-document-guidance__description",
-          children: i18n.get("notBlurry")
+          children: i18n.get(item.translationKey)
         })]
-      }), jsx("div", {
-        className: "adl-document-guidance__item",
-        children: guidancePrefix === "generic-document" ? jsxs(Fragment, {
-          children: [jsx("svg", {
-            width: "100%",
-            role: "img",
-            children: jsx("use", {
-              href: `#adl-${guidancePrefix}-invalid-expired`
-            })
-          }), jsx("span", {
-            className: "adl-document-guidance__description",
-            children: i18n.get("notExpired")
-          })]
-        }) : jsxs(Fragment, {
-          children: [jsx("svg", {
-            width: "100%",
-            role: "img",
-            children: jsx("use", {
-              href: `#adl-${guidancePrefix}-invalid-glare`
-            })
-          }), jsx("span", {
-            className: "adl-document-guidance__description",
-            children: i18n.get("noGlare")
-          })]
-        })
-      })]
+      }, item.type))
     })
   });
 }
@@ -11160,7 +11126,8 @@ function ListItem({
 const ADDRESS_SCHEMA = ["address", "otherAddressInformation", "postalCode", "city", "stateOrProvince", "country"];
 const [ADDRESS, OTHER_ADDRESS_INFORMATION, POSTAL_CODE, CITY, STATE, COUNTRY] = ADDRESS_SCHEMA;
 const COUNTRIES_WITH_STATES_DATASET = [CountryCodes.Australia, CountryCodes.Brazil, CountryCodes.Canada, CountryCodes.NewZealand, CountryCodes.UnitedStates];
-const COUNTRIES_WITH_HOUSE_NUMBER_FIRST = [CountryCodes.Australia, CountryCodes.Canada, CountryCodes.NewZealand, CountryCodes.PuertoRico, CountryCodes.UnitedStates, CountryCodes.UnitedKingdom];
+const COUNTRIES_WITH_HOUSE_NUMBER_FIRST = [CountryCodes.Australia, CountryCodes.Canada, CountryCodes.NewZealand, CountryCodes.PuertoRico, CountryCodes.UnitedStates, CountryCodes.UnitedKingdom, CountryCodes.France];
+const COUNTRIES_WITH_COMMA_SEPARATED = [CountryCodes.Spain];
 const ADDRESS_SCHEMAS = {
   [CountryCodes.Australia]: [COUNTRY, ADDRESS, OTHER_ADDRESS_INFORMATION, CITY, STATE, POSTAL_CODE],
   [CountryCodes.Canada]: [COUNTRY, ADDRESS, OTHER_ADDRESS_INFORMATION, CITY, POSTAL_CODE, STATE],
@@ -12074,8 +12041,12 @@ function Address(props) {
     houseNumberOrName,
     street: street2
   }) => {
-    const addressOrder = COUNTRIES_WITH_HOUSE_NUMBER_FIRST.includes(data.country) ? [houseNumberOrName, street2] : [street2, houseNumberOrName];
-    const formattedAddress = addressOrder.filter(Boolean).join(" ");
+    const isHouseNumberFirst = COUNTRIES_WITH_HOUSE_NUMBER_FIRST.includes(data.country);
+    const needsComma = COUNTRIES_WITH_COMMA_SEPARATED.includes(data.country);
+    let formattedAddress = isHouseNumberFirst ? `${houseNumberOrName} ${street2}` : `${street2} ${houseNumberOrName}`;
+    if (needsComma) {
+      formattedAddress = formattedAddress.replace(" ", ", ");
+    }
     handleChangeFor("address", "input")(formattedAddress);
   };
   const setFieldsData = (address2, field) => {
@@ -17320,7 +17291,6 @@ var BankDocumentTypes = /* @__PURE__ */ ((BankDocumentTypes2) => {
   BankDocumentTypes2["SCREENSHOT_OF_BANK"] = "screenshotOfOnlineBankingEnviroment";
   BankDocumentTypes2["OFFICIAL_EMAIL"] = "officialEmailOrALetterFromYourBank";
   BankDocumentTypes2["CHECK"] = "check";
-  BankDocumentTypes2["RELEVE_DIDENTITE"] = "releveDidentiteBancaire";
   return BankDocumentTypes2;
 })(BankDocumentTypes || {});
 const bankDocumentOptions = [{
@@ -17338,9 +17308,6 @@ const bankDocumentOptions = [{
 }, {
   id: "check",
   name: "check"
-}, {
-  id: "releveDidentiteBancaire",
-  name: "releveDidentiteBancaire"
 }];
 var BankDocumentRequirement = /* @__PURE__ */ ((BankDocumentRequirement2) => {
   BankDocumentRequirement2["ACCOUNT_NAME_INDIVIDUAL"] = "bankAccountNameIndividual";
@@ -17591,19 +17558,13 @@ function BankDocument(props) {
       }
     });
   }, [data, valid, errors, fieldProblems]);
-  const getBankDocumentOptions = () => {
-    let options = bankDocumentOptions;
-    if (country2 !== "FR") {
-      options = options.filter((option) => option.id !== BankDocumentTypes.RELEVE_DIDENTITE);
-    }
-    return options.map(({
-      id: id2,
-      name
-    }) => ({
-      id: id2,
-      name: i18n.get(name)
-    }));
-  };
+  const getBankDocumentOptions = () => bankDocumentOptions.map(({
+    id: id2,
+    name
+  }) => ({
+    id: id2,
+    name: i18n.get(name)
+  }));
   const documentsModifiers = useMemo(() => {
     var _a2, _b2;
     return {
@@ -19611,7 +19572,7 @@ const regions = {
 const getAllowedBankCountries = (country2) => Object.values(regions).find((countriesInARegion) => countriesInARegion.includes(country2)) ?? [country2];
 const makePayoutVerificationMethodsMetadata = (svgPath, instantVerificationProvider) => ({
   instantVerification: {
-    name: "verifyViaMobileBankAppOrBankWebsite",
+    name: "verifyViaMobileBankingAppOrWebsite",
     subtitle: "instant",
     description: "instantVerificationDescription",
     iconComponentDesktop: `${svgPath}/instant-verification-desktop.svg`,
@@ -19622,8 +19583,8 @@ const makePayoutVerificationMethodsMetadata = (svgPath, instantVerificationProvi
     } : void 0
   },
   manualVerification: {
-    name: "provideAccountDetailsAndUploadBankStatement",
-    subtitle: "mayTakeAFewHoursOrDays",
+    name: "uploadABankStatement",
+    subtitle: "mayTakeAFewDays",
     description: "manualVerificationDescription",
     iconComponentDesktop: `${svgPath}/manual-verification-desktop.svg`,
     iconComponentMobile: `${svgPath}/manual-verification-mobile.svg`
@@ -20507,6 +20468,11 @@ const PER_COUNTRY_DECISION_MAKER_REQUIREMENTS_OVERRIDES = {
     roleTypes: [DecisionMakerType.DIRECTOR],
     min: 1,
     max: Infinity
+  }],
+  GB: [...DEFAULT_DECISION_MAKER_REQUIREMENTS, {
+    roleTypes: [DecisionMakerType.DIRECTOR],
+    min: 1,
+    max: Infinity
   }]
 };
 const getDecisionMakerRequirements = (country2) => {
@@ -26883,8 +26849,9 @@ const TaskItemStatus = ({
       return jsx(Status, {
         className: "adl-status--finished",
         iconStatusClass: "adl-status__icon--finished",
-        icon: "check",
+        icon: "checkmark-small",
         text: statusLabel || i18n.get("signed"),
+        size,
         showText
       });
     case TaskStatus.ERROR:
@@ -34622,7 +34589,7 @@ const ConfigurationApiProvider = ({
     isEmbeddedDropin,
     loadingContext
   } = authContext;
-  const sdkVersion = "3.15.3";
+  const sdkVersion = "3.16.0";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,

package/dist/style.css

@@ -2803,6 +2803,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
   gap: 24px;
   justify-content: space-between;
   min-width: 576px;
+  min-height: 150px;
 }
 
 .adl-document-guidance__item {

package/dist/types/components/BankDocument/types.d.ts

@@ -18,8 +18,7 @@ export declare enum BankDocumentTypes {
     DEPOSIT_SLIP = "depositSlip",
     SCREENSHOT_OF_BANK = "screenshotOfOnlineBankingEnviroment",
     OFFICIAL_EMAIL = "officialEmailOrALetterFromYourBank",
-    CHECK = "check",
-    RELEVE_DIDENTITE = "releveDidentiteBancaire"
+    CHECK = "check"
 }
 export interface DocumentsModifiers {
     rootEntityType: LegalEntityType;

package/dist/types/components/internal/Address/constants.d.ts

@@ -3,5 +3,6 @@ import type { AddressLabels, AddressSchemas } from './types';
 export declare const ADDRESS_SCHEMA: readonly ["address", "otherAddressInformation", "postalCode", "city", "stateOrProvince", "country"];
 export declare const COUNTRIES_WITH_STATES_DATASET: CountryCode[];
 export declare const COUNTRIES_WITH_HOUSE_NUMBER_FIRST: CountryCode[];
+export declare const COUNTRIES_WITH_COMMA_SEPARATED: CountryCode[];
 export declare const ADDRESS_SCHEMAS: AddressSchemas;
 export declare const LABELS: AddressLabels;

package/dist/types/components/internal/DocumentGuidance/DocumentGuidance.d.ts

@@ -1,4 +1,4 @@
 import './_document-guidance.component.scss';
-import type { DocumentGuidanceProps } from './type';
+import type { DocumentGuidanceProps } from './types';
 declare function DocumentGuidance({ type, className }: DocumentGuidanceProps): import("preact").JSX.Element;
 export default DocumentGuidance;

package/dist/types/components/internal/DocumentGuidance/{type.d.ts → types.d.ts}

@@ -1,5 +1,10 @@
 import type { DocumentType } from '../../../core/models/api/document';
+import type { Translatable } from '../../../language/types';
 export interface DocumentGuidanceProps {
     type?: DocumentType;
     className?: string;
 }
+export interface DocumentGuidanceItem {
+    type: string;
+    translationKey: Translatable;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.15.3",
+  "version": "3.16.0",
   "description": "",
   "license": "MIT",
   "files": [