@adyen/kyc-components 3.51.1 → 3.51.3

package/dist/es/{B4MFY5CR-DkcZuwrr.js → B4MFY5CR-UJrID1s2.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { b as createContext, d as createSignal, o as onMount, e as createEffect, c as createMemo, a as createComponent, P as Portal, S as Show, t as template, i as insert, f as createRenderEffect, h as className, j as clearDelegatedEvents, k as delegateEvents, u as useContext, l as onCleanup, s as sortFns, m as mutationSortFns, n as on, p as setAttribute, q as getSidedProp, r as use, v as createUniqueId, w as batch, x as getQueryStatusLabel, y as getMutationStatusColor, z as getQueryStatusColor, A as getQueryStatusColorByLabel, B as displayValue, F as For, C as convertRemToPixels, D as untrack, $ as $TRACK, E as useTransition, G as spread, H as mergeProps, I as createRoot, J as serialize, K as Index, L as updateNestedDataByPath, M as addEventListener, N as stringify, O as Match, Q as Switch, R as deleteNestedDataByPath, T as splitProps, U as Dynamic, V as createComputed } from "./index-CA2oyCNl.js";
+import { b as createContext, d as createSignal, o as onMount, e as createEffect, c as createMemo, a as createComponent, P as Portal, S as Show, t as template, i as insert, f as createRenderEffect, h as className, j as clearDelegatedEvents, k as delegateEvents, u as useContext, l as onCleanup, s as sortFns, m as mutationSortFns, n as on, p as setAttribute, q as getSidedProp, r as use, v as createUniqueId, w as batch, x as getQueryStatusLabel, y as getMutationStatusColor, z as getQueryStatusColor, A as getQueryStatusColorByLabel, B as displayValue, F as For, C as convertRemToPixels, D as untrack, $ as $TRACK, E as useTransition, G as spread, H as mergeProps, I as createRoot, J as serialize, K as Index, L as updateNestedDataByPath, M as addEventListener, N as stringify, O as Match, Q as Switch, R as deleteNestedDataByPath, T as splitProps, U as Dynamic, V as createComputed } from "./index-D3fRWeYh.js";
 var isNonNullable = (i2) => i2 != null;
 var filterNonNullable = (arr) => arr.filter(isNonNullable);
 function chain(callbacks) {

package/dist/es/{HO4MOOFI-C34-7HCT.js → HO4MOOFI-CGublxkZ.js}

@@ -1,5 +1,5 @@
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./B4MFY5CR-DkcZuwrr.js";
-import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-CA2oyCNl.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./B4MFY5CR-UJrID1s2.js";
+import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-D3fRWeYh.js";
 var DevtoolsComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/es/{HUY7CZI3-amkPei4o.js → HUY7CZI3-I14bSv-8.js}

@@ -1,5 +1,5 @@
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, b as ParentPanel, C as ContentView, Q as QueryDevtoolsContext } from "./B4MFY5CR-DkcZuwrr.js";
-import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-CA2oyCNl.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 "./B4MFY5CR-UJrID1s2.js";
+import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-D3fRWeYh.js";
 var DevtoolsPanelComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

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

@@ -1,4 +1,4 @@
-import { W } from "./index-CA2oyCNl.js";
+import { W } from "./index-D3fRWeYh.js";
 export {
   W as default
 };

package/dist/es/{index-CA2oyCNl.js → index-D3fRWeYh.js}

@@ -19440,7 +19440,7 @@ function PersonalDetails(props) {
             onBlur: handleFieldChange("jobTitle", "blur"),
             "aria-required": true,
             "aria-label": formUtils.getLabel("jobTitle"),
-            "aria-invalid": !fieldValidationErrors.birthDate
+            "aria-invalid": !(valid == null ? void 0 : valid.jobTitle)
           }
         )
       }
@@ -29482,7 +29482,7 @@ const additionalIdentityInfo = {
     rule: "issuerStateRequired"
   },
   licenseCardNumber: {
-    rule: "requiredIfIdentityTypeIsDriversLicense"
+    rule: "licenseCardNumberRules"
   },
   expiryDate: {
     rule: "expiryDateRequired"
@@ -33081,6 +33081,10 @@ const CONTACTS_REQUIRED_FOR_COUNTRIES = [CountryCodes.NewZealand];
 const JOB_TITLE_REQUIRED_FOR_COUNTRIES = [CountryCodes.NewZealand];
 const ISSUER_REQUIRED_FOR_COUNTRIES = [CountryCodes.Australia];
 const EXPIRY_DATE_REQUIRED_FOR_COUNTRIES = [CountryCodes.NewZealand];
+const LICENSE_CARD_NUMBER_REQUIRED_FOR_COUNTRIES = [
+  CountryCodes.NewZealand,
+  CountryCodes.Australia
+];
 const DECISION_MAKER_TYPES_WITH_JOBTITLE = [
   DecisionMakerType.SIGNATORY,
   DecisionMakerType.CONTROLLING_PERSON
@@ -33219,9 +33223,9 @@ const rules$2 = ({
       return REQUIRED;
     }
   },
-  requiredIfIdentityTypeIsDriversLicense: () => {
+  licenseCardNumberRules: () => {
     var _a2;
-    if (((_a2 = data.personalDetails) == null ? void 0 : _a2.typeOfIdentity) === "driversLicense") {
+    if (((_a2 = data.personalDetails) == null ? void 0 : _a2.typeOfIdentity) === "driversLicense" && LICENSE_CARD_NUMBER_REQUIRED_FOR_COUNTRIES.includes(country)) {
       return REQUIRED;
     }
   },
@@ -33231,7 +33235,12 @@ const rules$2 = ({
       return REQUIRED;
     }
   },
-  expiryDateRequired: () => EXPIRY_DATE_REQUIRED_FOR_COUNTRIES.includes(country) ? REQUIRED : void 0,
+  expiryDateRequired: () => {
+    var _a2;
+    if (((_a2 = data.personalDetails) == null ? void 0 : _a2.typeOfIdentity) === "passport" && EXPIRY_DATE_REQUIRED_FOR_COUNTRIES.includes(country)) {
+      return REQUIRED;
+    }
+  },
   legalRepresentativeRelationshipRequired: () => taskType === TaskTypes.LEGAL_REPRESENTATIVE_DETAILS ? REQUIRED : void 0,
   isProofOfRelationshipRequired: () => void 0,
   // not required until more clarity from product
@@ -39808,6 +39817,18 @@ const nameValidationRulesV4 = {
     }
   ]
 };
+const specialCharsRegEx = getFormattingRegEx(SPECIAL_CHARS.replace("-", ""));
+const nameFormatters = {
+  firstName: {
+    // formatter: trimValWithOneSpace // just trim
+    // Example - removing disallowed chars as they are input: then they don't end up in state
+    formatter: (val) => val ? trimValWithOneSpace(val).replace(specialCharsRegEx, "") : void 0
+    // trim & replace
+  },
+  lastName: {
+    formatter: (val) => val ? trimValWithOneSpace(val).replace(specialCharsRegEx, "") : void 0
+  }
+};
 const nomineeDecisionMakerRoleValidationRules = {
   nomineeShareholder: {
     modes: ["blur"],
@@ -39959,7 +39980,7 @@ function IndividualDropin({
   trustedFieldsProvider,
   trustedRoles
 }) {
-  var _a2, _b2, _c2, _d2;
+  var _a2, _b2, _c2, _d2, _e2;
   const { accountHolder, setAccountHolder, idVerificationProviderId } = useCoreContext();
   const { isEmbeddedDropin } = useAuthContext();
   const { i18n } = useI18nContext();
@@ -39991,7 +40012,7 @@ function IndividualDropin({
   const [loadingStatus, setLoadingStatus] = useState("success");
   const [documents, setDocuments] = useState();
   const [existingAttachments, setExistingAttachments] = useState();
-  const [country] = useState(
+  const [country, setCountry] = useState(
     ((_a2 = dataFromResponse == null ? void 0 : dataFromResponse.personalDetails) == null ? void 0 : _a2.residencyCountry) ?? parentCountry
   );
   const [hideFooter, setHideFooter] = useState(false);
@@ -40015,7 +40036,7 @@ function IndividualDropin({
   }, []);
   const individualFieldValidations = useCallback(
     (data2) => {
-      var _a3, _b3, _c3, _d3, _e2, _f2, _g2, _h2, _i2;
+      var _a3, _b3, _c3, _d3, _e3, _f2, _g2, _h2, _i2;
       return {
         personalDetails: personalDetailsValidators({
           country: ((_a3 = data2 == null ? void 0 : data2.personalDetails) == null ? void 0 : _a3.residencyCountry) ?? country,
@@ -40024,7 +40045,7 @@ function IndividualDropin({
           taskType,
           idNumberType: (_b3 = data2 == null ? void 0 : data2.personalDetails) == null ? void 0 : _b3.typeOfIdentity,
           phonePrefix: (_d3 = (_c3 = data2 == null ? void 0 : data2.personalDetails) == null ? void 0 : _c3.phone) == null ? void 0 : _d3.phoneCountryCode,
-          idNumberExempt: (_e2 = data2 == null ? void 0 : data2.personalDetails) == null ? void 0 : _e2.idNumberExempt,
+          idNumberExempt: (_e3 = data2 == null ? void 0 : data2.personalDetails) == null ? void 0 : _e3.idNumberExempt,
           idNumber: (_f2 = data2 == null ? void 0 : data2.personalDetails) == null ? void 0 : _f2.idNumber,
           existingIdNumber: (_g2 = dataFromResponse.personalDetails) == null ? void 0 : _g2.idNumber,
           formVerificationErrors: (_h2 = propProblems == null ? void 0 : propProblems.verificationErrors) == null ? void 0 : _h2.personalDetails
@@ -40058,14 +40079,28 @@ function IndividualDropin({
     }),
     [legalEntityResponse, documents, isTargetLegalEntityType, dataFromResponse]
   );
+  const formatters = useMemo(
+    () => ({
+      personalDetails: {
+        ...nameFormatters
+      },
+      address: addressFormatters
+    }),
+    []
+  );
   const form = useMultiForm({
     requiredFields: derivedProps == null ? void 0 : derivedProps.requiredFields,
     defaultData,
     rules: individualFieldValidations,
     asyncRules: individualFieldAsyncValidations,
-    optionalFields: derivedProps == null ? void 0 : derivedProps.optionalFields
+    optionalFields: derivedProps == null ? void 0 : derivedProps.optionalFields,
+    formatters
   });
   const { data = dataFromResponse } = form;
+  useEffect(() => {
+    var _a3;
+    setCountry(((_a3 = data == null ? void 0 : data.personalDetails) == null ? void 0 : _a3.residencyCountry) ?? parentCountry);
+  }, [(_b2 = data == null ? void 0 : data.personalDetails) == null ? void 0 : _b2.residencyCountry, parentCountry]);
   const getConfigurationData = useCallback(
     () => getConfiguration2({
       legalEntityType: LegalEntityType.INDIVIDUAL,
@@ -40130,14 +40165,14 @@ function IndividualDropin({
     roleTypes = getAllowedDecisionMakerRoles(parentLegalEntity, taskType);
   }
   if (parentLegalEntity == null ? void 0 : parentLegalEntity.entityAssociations) {
-    const associations = (_b2 = parentLegalEntity == null ? void 0 : parentLegalEntity.entityAssociations) == null ? void 0 : _b2.filter(
+    const associations = (_c2 = parentLegalEntity == null ? void 0 : parentLegalEntity.entityAssociations) == null ? void 0 : _c2.filter(
       (ea) => ea.legalEntityId === (legalEntityResponse == null ? void 0 : legalEntityResponse.id)
     );
     if (associations && associations.length > 0) {
       if (isRoleTypeTask && parentLegalEntity) {
-        const jobTitle = (_c2 = associations.find(
+        const jobTitle = (_d2 = associations.find(
           (association) => Boolean(association.jobTitle)
-        )) == null ? void 0 : _c2.jobTitle;
+        )) == null ? void 0 : _d2.jobTitle;
         dataFromResponse = {
           ...dataFromResponse,
           personalDetails: {
@@ -40278,7 +40313,7 @@ function IndividualDropin({
     parentLE,
     dataSubmitted
   }) => {
-    var _a3, _b3, _c3, _d3, _e2, _f2;
+    var _a3, _b3, _c3, _d3, _e3, _f2;
     const newRoles = taskType === TaskTypes.DECISION_MAKER || taskType === TaskTypes.TRUST_MEMBER_COMPANY_OWNER ? (_a3 = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _a3.role : taskType === TaskTypes.TRUST_MEMBER_INDIVIDUAL ? trustMember == null ? void 0 : trustMember.roles : null;
     const existingEntityAssociations = getOwnEntityAssociations(parentLE);
     if (newRoles && (hasRolesChanged(legalEntity2, existingEntityAssociations, newRoles) || ((_b3 = dataFromResponse.personalDetails) == null ? void 0 : _b3.jobTitle) !== ((_c3 = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _c3.jobTitle) || hasNomineesChanged(dataFromResponse.personalDetails, dataSubmitted.nominee))) {
@@ -40304,7 +40339,7 @@ function IndividualDropin({
       }
       await handleUpdateLegalEntity(updatedParentLegalEntity, parentLE.id);
     }
-    if (taskType === TaskTypes.LEGAL_REPRESENTATIVE_DETAILS && (existingEntityAssociations.every((ea) => ea.legalEntityId !== legalEntity2.id) || ((_d3 = dataFromResponse == null ? void 0 : dataFromResponse.personalDetails) == null ? void 0 : _d3.relationship) !== ((_e2 = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _e2.relationship))) {
+    if (taskType === TaskTypes.LEGAL_REPRESENTATIVE_DETAILS && (existingEntityAssociations.every((ea) => ea.legalEntityId !== legalEntity2.id) || ((_d3 = dataFromResponse == null ? void 0 : dataFromResponse.personalDetails) == null ? void 0 : _d3.relationship) !== ((_e3 = dataSubmitted == null ? void 0 : dataSubmitted.personalDetails) == null ? void 0 : _e3.relationship))) {
       const newEntityAssociation = {
         type: "legalRepresentative",
         legalEntityId: legalEntity2.id,
@@ -40441,7 +40476,7 @@ function IndividualDropin({
     };
   };
   const formatDataForSummary2 = () => {
-    var _a3, _b3, _c3, _d3, _e2, _f2, _g2;
+    var _a3, _b3, _c3, _d3, _e3, _f2, _g2;
     let summaryData = cloneObject(data);
     if ((_a3 = summaryData.personalDetails) == null ? void 0 : _a3.residencyCountry) {
       summaryData.personalDetails.residencyCountry = datasetUtils.getCountryName(
@@ -40471,7 +40506,7 @@ function IndividualDropin({
         i18n.locale
       );
     }
-    if ((_e2 = summaryData.personalDetails) == null ? void 0 : _e2.phone) {
+    if ((_e3 = summaryData.personalDetails) == null ? void 0 : _e3.phone) {
       delete summaryData.personalDetails.phone;
       summaryData.personalDetails.phoneNumber = (_g2 = (_f2 = data.personalDetails) == null ? void 0 : _f2.phone) == null ? void 0 : _g2.number;
     }
@@ -40479,7 +40514,7 @@ function IndividualDropin({
   };
   const summaryOmittedKeys = [
     ...taskType === TaskTypes.DECISION_MAKER ? ["role"] : [],
-    ...((_d2 = data == null ? void 0 : data.personalDetails) == null ? void 0 : _d2.idNumberExempt) ? ["idNumber"] : []
+    ...((_e2 = data == null ? void 0 : data.personalDetails) == null ? void 0 : _e2.idNumberExempt) ? ["idNumber"] : []
   ];
   const {
     handleNextClick,
@@ -52157,7 +52192,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.51.1";
+  const sdkVersion = "3.51.3";
   const rootLegalEntityId = useGlobalStore((store) => store.rootLegalEntity.id);
   useAnalytics({
     onUserEvent,
@@ -52897,7 +52932,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore((store) => store.rootLegalEntity);
   const metadata = {
-    sdkVersion: "3.51.1",
+    sdkVersion: "3.51.3",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };
@@ -55894,7 +55929,7 @@ var TanstackQueryDevtools = (_k = class {
       if (__privateGet(this, _Component)) {
         Devtools = __privateGet(this, _Component);
       } else {
-        Devtools = lazy(() => import("./HO4MOOFI-C34-7HCT.js"));
+        Devtools = lazy(() => import("./HO4MOOFI-CGublxkZ.js"));
         __privateSet(this, _Component, Devtools);
       }
       setupStyleSheet(__privateGet(this, _styleNonce), __privateGet(this, _shadowDOMTarget));
@@ -56016,7 +56051,7 @@ var TanstackQueryDevtoolsPanel = (_l = class {
       if (__privateGet(this, _Component2)) {
         Devtools = __privateGet(this, _Component2);
       } else {
-        Devtools = lazy(() => import("./HUY7CZI3-amkPei4o.js"));
+        Devtools = lazy(() => import("./HUY7CZI3-I14bSv-8.js"));
         __privateSet(this, _Component2, Devtools);
       }
       setupStyleSheet(__privateGet(this, _styleNonce2), __privateGet(this, _shadowDOMTarget2));

package/dist/types/components/Individual/rules.d.ts

@@ -11,5 +11,6 @@ export declare const CONTACTS_REQUIRED_FOR_COUNTRIES: CountryCode[];
 export declare const JOB_TITLE_REQUIRED_FOR_COUNTRIES: CountryCode[];
 export declare const ISSUER_REQUIRED_FOR_COUNTRIES: CountryCode[];
 export declare const EXPIRY_DATE_REQUIRED_FOR_COUNTRIES: CountryCode[];
+export declare const LICENSE_CARD_NUMBER_REQUIRED_FOR_COUNTRIES: CountryCode[];
 export declare const DECISION_MAKER_TYPES_WITH_JOBTITLE: DecisionMakerType[];
 export declare const rules: FormRules<IndividualSchema>;

package/package.json

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