@adyen/kyc-components 3.51.0 → 3.51.1

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

package/dist/es/{HO4MOOFI-B0LIhOPC.js → HO4MOOFI-C34-7HCT.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-DkcZuwrr.js";
+import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-CA2oyCNl.js";
 var DevtoolsComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

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

package/dist/es/{index-CsxVaeY_.js → index-CA2oyCNl.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"
   },
@@ -39962,6 +39974,9 @@ function IndividualDropin({
     return {
       personalDetails: {
         residencyCountry: parentCountry
+      },
+      address: {
+        country: parentCountry
       }
     };
   }, [legalEntityResponse, isTargetLegalEntityType]);
@@ -52142,7 +52157,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.51.0";
+  const sdkVersion = "3.51.1";
   const rootLegalEntityId = useGlobalStore((store) => store.rootLegalEntity.id);
   useAnalytics({
     onUserEvent,
@@ -52882,7 +52897,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore((store) => store.rootLegalEntity);
   const metadata = {
-    sdkVersion: "3.51.0",
+    sdkVersion: "3.51.1",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };
@@ -55879,7 +55894,7 @@ var TanstackQueryDevtools = (_k = class {
       if (__privateGet(this, _Component)) {
         Devtools = __privateGet(this, _Component);
       } else {
-        Devtools = lazy(() => import("./HO4MOOFI-B0LIhOPC.js"));
+        Devtools = lazy(() => import("./HO4MOOFI-C34-7HCT.js"));
         __privateSet(this, _Component, Devtools);
       }
       setupStyleSheet(__privateGet(this, _styleNonce), __privateGet(this, _shadowDOMTarget));
@@ -56001,7 +56016,7 @@ var TanstackQueryDevtoolsPanel = (_l = class {
       if (__privateGet(this, _Component2)) {
         Devtools = __privateGet(this, _Component2);
       } else {
-        Devtools = lazy(() => import("./HUY7CZI3-B3UlKGgb.js"));
+        Devtools = lazy(() => import("./HUY7CZI3-amkPei4o.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.1",
   "keywords": [
     "adyen",
     "adyen-kyc",