@adyen/kyc-components 3.51.4 → 3.51.5

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

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

package/dist/es/{HUY7CZI3-eTUqdkEW.js → HUY7CZI3-BVz9_75y.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-CrZErvT2.js";
-import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-DXQ-eAl4.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-B9BMoq9N.js";
+import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-C1AggMVF.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-DXQ-eAl4.js";
+import { W } from "./index-C1AggMVF.js";
 export {
   W as default
 };

package/dist/es/{index-DXQ-eAl4.js → index-C1AggMVF.js}

@@ -18229,6 +18229,7 @@ const idNumberExemptDefaultConfig = {
 };
 const idNumberFields = ["idNumber", "idNumberExempt"];
 function IdentityNumber(props) {
+  var _a2;
   const { i18n } = useI18nContext();
   const {
     country,
@@ -18280,7 +18281,7 @@ function IdentityNumber(props) {
         formatGuidance: formUtils.getGuidanceText("idNumber"),
         classNameModifiers: { field: ["idNumber"], input: ["idNumber"] },
         errorMessage,
-        shouldValidate: !!errorMessage,
+        shouldValidate: (_a2 = errors == null ? void 0 : errors.idNumber) == null ? void 0 : _a2.hasError,
         isValid: !!(valid == null ? void 0 : valid.idNumber),
         "aria-required": formUtils.isRequiredField("idNumber"),
         "aria-label": formUtils.getLabel("idNumber"),
@@ -18655,7 +18656,7 @@ const NomineeDecisionMakerRole = (props) => {
 function IndividualIdNumberTypeSelector({
   country,
   selected,
-  setSelected
+  handleFieldChange
 }) {
   const { i18n } = useI18nContext();
   const options = useMemo(
@@ -18664,9 +18665,9 @@ function IndividualIdNumberTypeSelector({
   );
   useEffect(() => {
     if (!selected && options.length > 0) {
-      setSelected(options[0].id);
+      handleFieldChange(options[0].id);
     }
-  }, [options, selected, setSelected]);
+  }, [options, selected, handleFieldChange]);
   if (options.length <= 1) return null;
   return /* @__PURE__ */ jsx(Field, { name: "individualIdNumberType", label: i18n.get("whichTypeOfIdNumberDoYouHave"), children: (childProps) => /* @__PURE__ */ jsx(
     RadioGroup,
@@ -18675,7 +18676,7 @@ function IndividualIdNumberTypeSelector({
       name: "individualIdNumberType",
       items: options,
       value: selected,
-      onChange: (value) => setSelected(value)
+      onChange: (value) => handleFieldChange(value)
     }
   ) });
 }
@@ -19446,7 +19447,7 @@ const relationshipOptions = [
 ];
 const countriesRequiringNationality = [CountryCodes.HongKong, CountryCodes.Singapore];
 function PersonalDetails(props) {
-  var _a2, _b2;
+  var _a2;
   const { i18n } = useI18nContext();
   const { isSettingEnabled } = useSettingsContext();
   const { allowedCountries } = useCoreContext();
@@ -19469,12 +19470,10 @@ function PersonalDetails(props) {
     fieldValidationErrors,
     errors
   } = props;
-  const defaultIdNumberType = (_a2 = individualIdNumberOptions == null ? void 0 : individualIdNumberOptions[data == null ? void 0 : data.residencyCountry]) == null ? void 0 : _a2[0].id;
-  const [idNumberType, setIdNumberType] = useState(defaultIdNumberType);
   const isDecisionMakerTask = taskType === TaskTypes.DECISION_MAKER || taskType === TaskTypes.TRUST_MEMBER_COMPANY_OWNER;
   const isTopLevelEntity = taskType === TaskTypes.INDIVIDUAL;
   const isLegalRepresentativeDetailsTask = taskType === TaskTypes.LEGAL_REPRESENTATIVE_DETAILS;
-  const countryRequiringNationality = ((_b2 = parentLegalEntity == null ? void 0 : parentLegalEntity.organization) == null ? void 0 : _b2.registeredAddress.country) || (data == null ? void 0 : data.residencyCountry);
+  const countryRequiringNationality = ((_a2 = parentLegalEntity == null ? void 0 : parentLegalEntity.organization) == null ? void 0 : _a2.registeredAddress.country) || (data == null ? void 0 : data.residencyCountry);
   const isAllowedEditPrefilledCountry = isSettingEnabled(SettingNames.AllowPrefilledCountryEdit);
   const formUtils = createFormUtils(props, i18n);
   const decisionMakerRoleProps = getFieldProps(props, decisionMakerRoleFields);
@@ -19684,8 +19683,8 @@ function PersonalDetails(props) {
       IndividualIdNumberTypeSelector,
       {
         country: data == null ? void 0 : data.residencyCountry,
-        setSelected: setIdNumberType,
-        selected: idNumberType
+        selected: data == null ? void 0 : data.typeOfIdentity,
+        handleFieldChange: handleFieldChange("typeOfIdentity", "input")
       }
     ),
     /* @__PURE__ */ jsx(
@@ -19694,7 +19693,7 @@ function PersonalDetails(props) {
         personalDetails: props,
         country: data.residencyCountry,
         errors,
-        idNumberType,
+        idNumberType: data == null ? void 0 : data.typeOfIdentity,
         handleFieldChange
       }
     ),
@@ -52199,7 +52198,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.51.4";
+  const sdkVersion = "3.51.5";
   const rootLegalEntityId = useGlobalStore((store) => store.rootLegalEntity.id);
   useAnalytics({
     onUserEvent,
@@ -52939,7 +52938,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore((store) => store.rootLegalEntity);
   const metadata = {
-    sdkVersion: "3.51.4",
+    sdkVersion: "3.51.5",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };
@@ -55936,7 +55935,7 @@ var TanstackQueryDevtools = (_k = class {
       if (__privateGet(this, _Component)) {
         Devtools = __privateGet(this, _Component);
       } else {
-        Devtools = lazy(() => import("./HO4MOOFI-Dd48N8vS.js"));
+        Devtools = lazy(() => import("./HO4MOOFI-IN2K7Rdw.js"));
         __privateSet(this, _Component, Devtools);
       }
       setupStyleSheet(__privateGet(this, _styleNonce), __privateGet(this, _shadowDOMTarget));
@@ -56058,7 +56057,7 @@ var TanstackQueryDevtoolsPanel = (_l = class {
       if (__privateGet(this, _Component2)) {
         Devtools = __privateGet(this, _Component2);
       } else {
-        Devtools = lazy(() => import("./HUY7CZI3-eTUqdkEW.js"));
+        Devtools = lazy(() => import("./HUY7CZI3-BVz9_75y.js"));
         __privateSet(this, _Component2, Devtools);
       }
       setupStyleSheet(__privateGet(this, _styleNonce2), __privateGet(this, _shadowDOMTarget2));

package/dist/types/components/IdFieldTypeSelector/IndividualIdNumberTypeSelector.d.ts

@@ -3,7 +3,7 @@ import type { IndividualIdNumberType } from './countryIdNumberTypes';
 interface IndividualIdNumberTypeSelectorProps {
     country: CountryCode;
     selected: IndividualIdNumberType;
-    setSelected: (type: IndividualIdNumberType) => void;
+    handleFieldChange: (type: IndividualIdNumberType) => void;
 }
-export declare function IndividualIdNumberTypeSelector({ country, selected, setSelected, }: IndividualIdNumberTypeSelectorProps): import("preact").JSX.Element;
+export declare function IndividualIdNumberTypeSelector({ country, selected, handleFieldChange, }: IndividualIdNumberTypeSelectorProps): import("preact").JSX.Element;
 export {};

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

@@ -4,7 +4,7 @@ import type { ExistingLegalEntity } from '../../core/models/api/legal-entity';
 import type { LegalEntityAssociation, LegalRepresentativeRelationshipType } from '../../core/models/api/legal-entity-association';
 import type { CountryCode } from '../../core/models/country-code';
 import type { TranslationKey } from '../../language/types';
-import type { ValidationRuleResults } from '../../utils/validation/types';
+import type { ValidationRuleResults, ValidatorMode } from '../../utils/validation/types';
 import type { ContactDetailsSchema } from '../ContactDetails/types';
 import type { IdentityNumberSchema } from '../IdentityNumber/type';
 import type { DecisionMakerRoleSchema, NomineeDecisionMakerRoleSchema } from '../DecisionMakerRole/types';
@@ -37,5 +37,5 @@ export interface IdentityProps {
     errors: ValidationRuleResults<IdentityNumberSchema>;
     idNumberType?: IndividualIdNumberType;
     registrationNumberType?: TranslationKey;
-    handleFieldChange: any;
+    handleFieldChange?: (fieldName: keyof IdentityNumberSchema, mode?: ValidatorMode) => (e: any) => void;
 }

package/package.json

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