@adyen/kyc-components 3.51.0 → 3.51.2

package/dist/es/{B4MFY5CR-HldG4P4R.js → B4MFY5CR-zicDXg2A.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-CsxVaeY_.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-C6O_j_lU.js";
 var isNonNullable = (i2) => i2 != null;
 var filterNonNullable = (arr) => arr.filter(isNonNullable);
 function chain(callbacks) {

package/dist/es/{HO4MOOFI-B0LIhOPC.js → HO4MOOFI-cwSYvEW_.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-HldG4P4R.js";
-import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-CsxVaeY_.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./B4MFY5CR-zicDXg2A.js";
+import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-C6O_j_lU.js";
 var DevtoolsComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/es/{HUY7CZI3-B3UlKGgb.js → HUY7CZI3-Mle7w1qv.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-HldG4P4R.js";
-import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-CsxVaeY_.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-zicDXg2A.js";
+import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-C6O_j_lU.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-CsxVaeY_.js";
+import { W } from "./index-C6O_j_lU.js";
 export {
   W as default
 };

package/dist/es/{index-CsxVaeY_.js → index-C6O_j_lU.js}

@@ -15580,12 +15580,16 @@ function Address({
   } = form;
   const { isValid } = form;
   if (handleFieldChange && requiredFields && propFieldValidationErrors) {
+    const allFields2 = [...requiredFields, ...optionalFields];
+    const fieldsInOrder = getAddressSchemaForCountry(dataProp == null ? void 0 : dataProp.country).filter(
+      (field) => allFields2.includes(field)
+    );
     handleChangeFor = handleFieldChange;
     formData = dataProp ?? {};
     formErrors = errorProp;
     formValid = validProp;
     formFieldProblems = propFieldValidationErrors;
-    formSchema = requiredFields;
+    formSchema = fieldsInOrder;
   }
   useEffect(() => {
     if (verifiedAddress) {
@@ -19307,7 +19311,10 @@ function PersonalDetails(props) {
         readonly: !isAllowedEditPrefilledCountry && !isDecisionMakerTask || formUtils.isReadOnly("residencyCountry"),
         allowedCountries: isTopLevelEntity ? allowedCountries : void 0,
         classNameModifiers: ["country"],
-        handleChangeFor: () => handleFieldChange("residencyCountry", "input")
+        handleChangeFor: () => (e) => {
+          handleFieldChange("residencyCountry", "input")(e);
+          handleChangeFor("country", "address")(e);
+        }
       }
     ),
     isAgeVerificationEnabled && formUtils.isRequiredField("relationship") && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -29104,6 +29111,7 @@ const useFormComposer = ({
   onSubmit,
   triggerValidation
 }) => {
+  var _a2;
   const [shouldValidate, setShouldValidate] = useState(false);
   const [activeForm, setActiveForm] = useState(forms[0]);
   const isFormSummaryStep = (form) => form.formId === summaryStep.formId;
@@ -29112,6 +29120,7 @@ const useFormComposer = ({
   const totalSteps = forms.length;
   const isFinalStep = currentStep === totalSteps - 1;
   const isFirstStep = currentStep === 0;
+  const firstStepId = (_a2 = forms[0]) == null ? void 0 : _a2.formId;
   useEffect(() => {
     setActiveForm(
       (activeForm2) => forms.find(({ formId }) => formId === activeForm2.formId) ?? activeForm2
@@ -29123,7 +29132,7 @@ const useFormComposer = ({
   useEffect(() => {
     const openingStep = getOpeningStep(forms, problems == null ? void 0 : problems.remediationActions);
     setActiveForm(openingStep);
-  }, []);
+  }, [firstStepId, problems == null ? void 0 : problems.remediationActions]);
   const gotoFormByFormIndex = (nextFormIndex) => {
     setActiveForm(forms[nextFormIndex]);
   };
@@ -29407,6 +29416,9 @@ const identityBase = {
   otherAddressInformation: {
     rule: "otherAddressInfoIfRequiredForCountry"
   },
+  country: {
+    rule: "REQUIRED"
+  },
   postalCode: {
     rule: "postalCodeIfRequiredForCountry"
   },
@@ -39796,6 +39808,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"],
@@ -39947,7 +39971,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();
@@ -39962,6 +39986,9 @@ function IndividualDropin({
     return {
       personalDetails: {
         residencyCountry: parentCountry
+      },
+      address: {
+        country: parentCountry
       }
     };
   }, [legalEntityResponse, isTargetLegalEntityType]);
@@ -39976,7 +40003,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);
@@ -40000,7 +40027,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,
@@ -40009,7 +40036,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
@@ -40043,14 +40070,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,
@@ -40115,14 +40156,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: {
@@ -40263,7 +40304,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))) {
@@ -40289,7 +40330,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,
@@ -40426,7 +40467,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(
@@ -40456,7 +40497,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;
     }
@@ -40464,7 +40505,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,
@@ -52142,7 +52183,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.51.0";
+  const sdkVersion = "3.51.2";
   const rootLegalEntityId = useGlobalStore((store) => store.rootLegalEntity.id);
   useAnalytics({
     onUserEvent,
@@ -52882,7 +52923,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore((store) => store.rootLegalEntity);
   const metadata = {
-    sdkVersion: "3.51.0",
+    sdkVersion: "3.51.2",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };
@@ -55879,7 +55920,7 @@ var TanstackQueryDevtools = (_k = class {
       if (__privateGet(this, _Component)) {
         Devtools = __privateGet(this, _Component);
       } else {
-        Devtools = lazy(() => import("./HO4MOOFI-B0LIhOPC.js"));
+        Devtools = lazy(() => import("./HO4MOOFI-cwSYvEW_.js"));
         __privateSet(this, _Component, Devtools);
       }
       setupStyleSheet(__privateGet(this, _styleNonce), __privateGet(this, _shadowDOMTarget));
@@ -56001,7 +56042,7 @@ var TanstackQueryDevtoolsPanel = (_l = class {
       if (__privateGet(this, _Component2)) {
         Devtools = __privateGet(this, _Component2);
       } else {
-        Devtools = lazy(() => import("./HUY7CZI3-B3UlKGgb.js"));
+        Devtools = lazy(() => import("./HUY7CZI3-Mle7w1qv.js"));
         __privateSet(this, _Component2, Devtools);
       }
       setupStyleSheet(__privateGet(this, _styleNonce2), __privateGet(this, _shadowDOMTarget2));

package/package.json

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