@adyen/kyc-components 2.66.0 → 2.67.0

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

@@ -2172,7 +2172,7 @@ const formUtilities = (props, i18n) => ({
   getErrorMessage: (field, errors, fieldProblems) => {
     var _a;
     const errorMessage = (_a = errors == null ? void 0 : errors[field]) == null ? void 0 : _a.errorMessage;
-    return errorMessage ? i18n.get(errorMessage) : Boolean(fieldProblems == null ? void 0 : fieldProblems[field]);
+    return errorMessage || Boolean(fieldProblems == null ? void 0 : fieldProblems[field]);
   },
   getFieldData: (formData, fieldKeys) => getDataByFields(formData, fieldKeys),
   getFieldValid: (formValid, fieldKeys) => entriesOf(formValid).reduce(
@@ -2183,7 +2183,7 @@ const formUtilities = (props, i18n) => ({
     var _a;
     if (fieldKeys.includes(key)) {
       const error = (_a = formErrors == null ? void 0 : formErrors[key]) == null ? void 0 : _a.errorMessage;
-      return error ? { ...acc, [key]: i18n.get(error) } : { ...acc, [key]: Boolean(fieldProblems == null ? void 0 : fieldProblems[key]) };
+      return error ? { ...acc, [key]: error } : { ...acc, [key]: Boolean(fieldProblems == null ? void 0 : fieldProblems[key]) };
     }
     return acc;
   }, {}),
@@ -2327,6 +2327,7 @@ const svgs = {
   document: lazy(() => import("./document-1-BN3bKHzc.js")),
   download: lazy(() => import("./download-Doa1e9Lk.js")),
   edit: lazy(() => import("./edit-1-CfwIJ2-1.js")),
+  "external-link": lazy(() => import("./external-link-B2BGNXtd.js")),
   "field-error": lazy(
     () => import("./warning-circle-fill-FaaY90uz.js")
   ),
@@ -2732,15 +2733,16 @@ const Link = ({
   const target = external ? "_blank" : "_self";
   const rel = external ? "external noopener noreferrer" : void 0;
   const showIcon = icon || external;
+  const iconLeft = showIcon && iconPosition === "left" && !external;
   const classNames = showAsButton ? cx("adyen-kyc-button", className, {
-    "adyen-kyc-button--icon-left": iconPosition === "left"
+    "adyen-kyc-button--icon-left": iconLeft
   }) : cx("adyen-kyc-link", className, {
     "adyen-kyc-link--with-icon": showIcon,
-    "adyen-kyc-link--icon-left": iconPosition === "left"
+    "adyen-kyc-link--icon-left": iconLeft
   });
   return /* @__PURE__ */ jsxs("a", { href, className: classNames, target, rel, onClick, children: [
     /* @__PURE__ */ jsx("span", { className: "adyen-kyc-link__text adyen-kyc-link--inherit", children }),
-    showIcon && icon && /* @__PURE__ */ jsx(Icon, { name: icon, className: "adyen-kyc-link__icon" })
+    showIcon && /* @__PURE__ */ jsx(Icon, { name: external ? "external-link" : icon, className: "adyen-kyc-link__icon" })
   ] });
 };
 const NavigateToFieldLink = ({ fieldName, label }) => {
@@ -3760,7 +3762,7 @@ const Field = ({
   });
   useEffect(() => {
     if (!errorMessage) return;
-    const returnValue = typeof errorMessage === "string" && errorMessage || "invalid";
+    const returnValue = typeof errorMessage === "string" && errorMessage || typeof errorMessage === "object" && errorMessage.key || "invalid";
     userEvents.addFieldEvent("Encountered error", {
       actionType: "input",
       field: name,
@@ -3835,20 +3837,20 @@ const Field = ({
                     uniqueId
                   }),
                   helper && helperPosition === "below" && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-helper-text adyen-kyc-helper-text__below", children: helper }),
-                  isLoading && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input__inline-validation adyen-kyc-input__inline-validation--loading", children: /* @__PURE__ */ jsx(Loader, { size: "small" }) }),
+                  isLoading && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input__inline-validation", children: /* @__PURE__ */ jsx(Loader, { size: "small" }) }),
                   isValid && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input__inline-validation adyen-kyc-input__inline-validation--valid", children: /* @__PURE__ */ jsx(Icon, { name: "check" }) }),
                   !!errorMessage && !showErrorIconBottom && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input__inline-validation adyen-kyc-input__inline-validation--invalid", children: /* @__PURE__ */ jsx(Icon, { name: "field-error" }) })
                 ]
               }
             ),
-            !!errorMessage && /* @__PURE__ */ jsxs(
+            !!errorMessage && typeof errorMessage !== "boolean" && /* @__PURE__ */ jsxs(
               "span",
               {
                 "aria-live": "polite",
                 className: "adyen-kyc-error-text",
                 id: `${uniqueId}${ARIA_ERROR_SUFFIX}`,
                 children: [
-                  errorMessage,
+                  isValidElement(errorMessage) ? errorMessage : i18n.get(errorMessage),
                   showErrorIconBottom && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input__inline-validation adyen-kyc-input__inline-validation--invalid-bottom", children: /* @__PURE__ */ jsx(Icon, { name: "field-error" }) })
                 ]
               }
@@ -7460,7 +7462,8 @@ const deriveInputState = (isValid, isFocused, isDisabled, isOptional, hasNullish
   if (!isValid && (shouldValidate || hasBlurred))
     return {
       isError: true,
-      text: typeof errorMessage === "string" && errorMessage ? errorMessage : formatGuidance
+      errorMessage,
+      text: formatGuidance
     };
   return {
     isError: false
@@ -7615,20 +7618,9 @@ Falling back to partially valid value "${fallback}"`
     inputEl.value = newMaskResult.displayValue;
     onInput(newPureValue);
   };
-  const getErrorMessage = () => {
-    if (inputState.isError) {
-      if (helper) {
-        return /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("div", { children: helper }),
-          /* @__PURE__ */ jsx("div", { children: inputState.text })
-        ] });
-      }
-      return inputState.text ?? true;
-    }
-  };
   const getHelper = () => {
     if (inputState.isError) {
-      return;
+      return inputState.text;
     }
     if (helper) {
       return /* @__PURE__ */ jsxs("span", { children: [
@@ -7644,7 +7636,7 @@ Falling back to partially valid value "${fallback}"`
       name,
       label,
       isValid: !inputState.isError,
-      errorMessage: getErrorMessage(),
+      errorMessage: inputState.errorMessage || inputState.isError,
       helper: getHelper(),
       helperPosition,
       classNameModifiers: classNameModifiers == null ? void 0 : classNameModifiers.field,
@@ -15360,7 +15352,7 @@ const documentTypeValidationRules$1 = {
   }
 };
 function IdDocumentManualUploadComponent(props) {
-  var _a;
+  var _a, _b;
   const { i18n } = useI18nContext();
   const [idFrontPage, setIdFrontPage] = useState({});
   const [idBackPage, setIdBackPage] = useState({});
@@ -15384,9 +15376,9 @@ function IdDocumentManualUploadComponent(props) {
     fieldProblems: props == null ? void 0 : props.fieldValidationErrors
   });
   useEffect(() => {
-    var _a2, _b, _c, _d;
+    var _a2, _b2, _c, _d;
     if ((_a2 = props.data) == null ? void 0 : _a2.idDocumentType) {
-      setData("idDocumentType", (_b = props.data) == null ? void 0 : _b.idDocumentType);
+      setData("idDocumentType", (_b2 = props.data) == null ? void 0 : _b2.idDocumentType);
       setIdFrontPage({ idFrontPage: (_c = props.data) == null ? void 0 : _c.idFrontPage });
       setIdBackPage({ idBackPage: (_d = props.data) == null ? void 0 : _d.idBackPage });
       triggerValidation();
@@ -15409,8 +15401,8 @@ function IdDocumentManualUploadComponent(props) {
     ...hasBack ? ["idBackPage"] : []
   ];
   useEffect(() => {
-    var _a2, _b;
-    (_b = (_a2 = stateRef.current) == null ? void 0 : _a2.setState) == null ? void 0 : _b.call(_a2, {
+    var _a2, _b2;
+    (_b2 = (_a2 = stateRef.current) == null ? void 0 : _a2.setState) == null ? void 0 : _b2.call(_a2, {
       type: "addToState",
       value: {
         data,
@@ -15428,8 +15420,8 @@ function IdDocumentManualUploadComponent(props) {
     prevState,
     changeInitiatedBy
   }) => {
-    var _a2, _b, _c, _d, _e, _f;
-    if (changeInitiatedBy === "idDocument" && ((_b = (_a2 = currentState == null ? void 0 : currentState.data) == null ? void 0 : _a2.idDocument) == null ? void 0 : _b.idDocumentType) !== ((_d = (_c = prevState == null ? void 0 : prevState.data) == null ? void 0 : _c.idDocument) == null ? void 0 : _d.idDocumentType)) {
+    var _a2, _b2, _c, _d, _e, _f;
+    if (changeInitiatedBy === "idDocument" && ((_b2 = (_a2 = currentState == null ? void 0 : currentState.data) == null ? void 0 : _a2.idDocument) == null ? void 0 : _b2.idDocumentType) !== ((_d = (_c = prevState == null ? void 0 : prevState.data) == null ? void 0 : _c.idDocument) == null ? void 0 : _d.idDocumentType)) {
       const idDocumentType = (_f = (_e = currentState.data) == null ? void 0 : _e.idDocument) == null ? void 0 : _f.idDocumentType;
       const document2 = idDocumentType ? getDocument$1(props.legalEntityId, idDocumentType) : void 0;
       if (!document2) {
@@ -15470,7 +15462,7 @@ function IdDocumentManualUploadComponent(props) {
       {
         name: "idDocumentType",
         label: i18n.get("selectDocumentType"),
-        errorMessage: errors.idDocumentType ? i18n.get(errors.idDocumentType.errorMessage) : null,
+        errorMessage: (_b = errors.idDocumentType) == null ? void 0 : _b.errorMessage,
         isValid: valid.idDocumentType,
         children: (childProps) => /* @__PURE__ */ jsx(
           Select,
@@ -20044,6 +20036,13 @@ class IFrameWidget {
 const WIDGET_IFRAME_CLASS = "adyen-kyc-bank-verification-widget";
 const WIDGET_CONTAINER_CLASS = `${WIDGET_IFRAME_CLASS}-container`;
 const EMPTY_WIDGET_CONTAINER_ANIMATION = "adyen-kyc:empty-bank-verification-widget-container";
+const trackVerificationError = (returnValue) => {
+  userEvents.addPageEvent("Encountered error", {
+    actionType: "add",
+    returnType: "sdk error",
+    returnValue
+  });
+};
 const DEFAULT_ERROR = {
   error: "UNKNOWN_ERROR",
   message: `We couldn't complete the account check. Please try again later or provide account details manually.`
@@ -20130,20 +20129,23 @@ function BankVerificationWidget({
                 link: url,
                 successHandler: (code, state) => {
                   createTrustedTransferInstrument2(code, state).then((res) => {
+                    userEvents.addPageEvent("Success", { actionType: "add" });
                     if (res) {
                       widgetCallback({
                         action: "verification_success",
                         result: res
                       });
                     }
-                  }).catch(
-                    () => widgetCallback({
+                  }).catch(() => {
+                    trackVerificationError(DEFAULT_ERROR.error);
+                    widgetCallback({
                       action: "handle_exception",
                       err: DEFAULT_ERROR
-                    })
-                  );
+                    });
+                  });
                 },
                 errorHandler: (errorCode, errorMessage, state, metadata) => {
+                  trackVerificationError(errorCode);
                   handleBankVerificationError2 == null ? void 0 : handleBankVerificationError2(errorCode, errorMessage, state, metadata).then(
                     (error) => widgetCallback({
                       action: "handle_exception",
@@ -20173,6 +20175,7 @@ function BankVerificationWidget({
                     action: "verification_success",
                     result
                   });
+                  userEvents.addPageEvent("Success", { actionType: "add" });
                 } catch (err) {
                   if (err instanceof AdyenKycSdkError) {
                     switch (err.message) {
@@ -20199,6 +20202,9 @@ function BankVerificationWidget({
                         });
                     }
                   }
+                  trackVerificationError(
+                    err instanceof AdyenKycSdkError ? err.message : "sdk error"
+                  );
                   return widgetCallback({
                     action: "handle_exception",
                     err
@@ -30211,7 +30217,7 @@ const BusinessTypeSelection = ({
       {
         name: "businessType",
         useLabelElement: false,
-        errorMessage: i18n.get((_i = errors.businessType) == null ? void 0 : _i.errorMessage),
+        errorMessage: (_i = errors.businessType) == null ? void 0 : _i.errorMessage,
         showErrorIconBottom: true,
         isValid: valid.businessType,
         children: (childProps) => /* @__PURE__ */ jsx(
@@ -30237,7 +30243,7 @@ const BusinessTypeSelection = ({
         {
           name: "legalArrangement",
           useLabelElement: false,
-          errorMessage: i18n.get((_j = errors.legalArrangement) == null ? void 0 : _j.errorMessage),
+          errorMessage: (_j = errors.legalArrangement) == null ? void 0 : _j.errorMessage,
           showErrorIconBottom: true,
           isValid: valid.legalArrangement,
           children: (childProps) => /* @__PURE__ */ jsx(
@@ -30265,7 +30271,7 @@ const BusinessTypeSelection = ({
           label: i18n.get("whatTypeOfTrusteeAreYou"),
           className: "adyen-kyc-u-margin-top-32",
           useLabelElement: false,
-          errorMessage: i18n.get((_l = errors.trusteeType) == null ? void 0 : _l.errorMessage),
+          errorMessage: (_l = errors.trusteeType) == null ? void 0 : _l.errorMessage,
           showErrorIconBottom: true,
           isValid: valid.trusteeType,
           children: (childProps) => /* @__PURE__ */ jsx(
@@ -33804,7 +33810,7 @@ function PciDropinComponent({
         label: i18n.get("signer"),
         classNameModifiers: ["col-50"],
         className: "adyen-kyc-u-margin-y-32",
-        errorMessage: i18n.get((_c = errors.signer) == null ? void 0 : _c.errorMessage),
+        errorMessage: (_c = errors.signer) == null ? void 0 : _c.errorMessage,
         isValid: valid.signer,
         children: (childProps) => /* @__PURE__ */ jsx(
           Select,
@@ -33823,7 +33829,7 @@ function PciDropinComponent({
       Field,
       {
         name: "acceptPci",
-        errorMessage: i18n.get((_d = errors.acceptPci) == null ? void 0 : _d.errorMessage),
+        errorMessage: (_d = errors.acceptPci) == null ? void 0 : _d.errorMessage,
         isValid: valid.acceptPci,
         showErrorIconBottom: true,
         children: (childProps) => /* @__PURE__ */ jsx(
@@ -34966,7 +34972,7 @@ function ServiceAgreementDropinComponent({
               label: i18n.get("signer"),
               classNameModifiers: ["col-50"],
               className: "adyen-kyc-u-margin-top-32",
-              errorMessage: i18n.get((_a = errors.signer) == null ? void 0 : _a.errorMessage),
+              errorMessage: (_a = errors.signer) == null ? void 0 : _a.errorMessage,
               isValid: valid.signer,
               children: (childProps) => /* @__PURE__ */ jsx(
                 Select,
@@ -34987,7 +34993,7 @@ function ServiceAgreementDropinComponent({
             {
               name: "acceptServiceAgreement",
               className: "adyen-kyc-u-margin-top-16",
-              errorMessage: i18n.get((_b = errors.acceptServiceAgreement) == null ? void 0 : _b.errorMessage),
+              errorMessage: (_b = errors.acceptServiceAgreement) == null ? void 0 : _b.errorMessage,
               isValid: valid.acceptServiceAgreement,
               children: (childProps) => /* @__PURE__ */ jsx(
                 Checkbox,
@@ -39649,7 +39655,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "2.66.0";
+  const sdkVersion = "2.67.0";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -40283,7 +40289,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "2.66.0",
+      sdkVersion: "2.67.0",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };
@@ -40348,7 +40354,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
     /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__meta", children: /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsxs("tbody", { children: [
       /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
         /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "SDK version" }),
-        /* @__PURE__ */ jsx(Tag, { variant: "green", className: "adyen-kyc-tag--large", children: "2.66.0" })
+        /* @__PURE__ */ jsx(Tag, { variant: "green", className: "adyen-kyc-tag--large", children: "2.67.0" })
       ] }) }),
       /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", { children: [
         /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: "rootLegalEntityId" }),

package/dist/es/external-link-B2BGNXtd.js

@@ -0,0 +1,5 @@
+import { jsx } from "preact/compat/jsx-runtime";
+const SvgExternalLink = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", role: "img", ...props, children: /* @__PURE__ */ jsx("path", { fill: "#00112C", d: "M2.93933 11.9999L10.1893 4.74989H5.24999V3.24989H12.75V10.7499H11.25V5.81055L3.99999 13.0605L2.93933 11.9999Z" }) });
+export {
+  SvgExternalLink as default
+};

package/dist/style.css

@@ -255,24 +255,25 @@ button[disabled]:hover {
   color: var(--adyen-sdk-color-link-primary-active, #8d95a3);
 }
 .adyen-kyc-link:focus {
-  outline: none;
-  text-decoration: underline;
+  box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
+  border-radius: var(--adyen-sdk-border-radius-xs, 2px);
+  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
+  transition-property: box-shadow;
 }
 .adyen-kyc-link:visited {
   color: var(--adyen-sdk-color-link-primary, #00112c);
 }
-.adyen-kyc-link--with-icon .adyen-kyc-link__text {
-  margin-right: var(--adyen-sdk-spacer-020, 4px);
+.adyen-kyc-link--with-icon {
+  display: inline-flex;
+  width: fit-content;
+  gap: var(--adyen-sdk-spacer-020, 4px);
 }
 .adyen-kyc-link--with-icon:hover {
   color: var(--adyen-sdk-color-link-primary-hover, #5c687c);
-  margin-right: var(--adyen-sdk-spacer-000, 0px);
   text-decoration: none;
 }
 .adyen-kyc-link--icon-left {
-  display: inline-flex;
   flex-direction: row-reverse;
-  gap: var(--adyen-sdk-spacer-020, 4px);
 }
 .adyen-kyc-link__text {
   display: inline;
@@ -1329,6 +1330,7 @@ button[disabled]:hover {
   right: 14px;
   transform: translateY(-50%);
   width: 16px;
+  top: var(--adyen-sdk-spacer-080, 20px);
 }
 .adyen-kyc-input__inline-validation--valid {
   color: var(--adyen-sdk-color-label-success, #07893c);
@@ -1336,7 +1338,6 @@ button[disabled]:hover {
 }
 .adyen-kyc-input__inline-validation--invalid {
   color: var(--adyen-sdk-color-label-critical, #e22d2d);
-  top: 50%;
 }
 .adyen-kyc-input__inline-validation--invalid-bottom {
   top: var(--adyen-sdk-spacer-040, 8px);
@@ -1496,7 +1497,8 @@ button[disabled]:hover {
   background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
 }
 .adyen-kyc-input-radio__input:focus {
-  box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8)), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
+  box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
+  border-radius: var(--adyen-sdk-border-radius-xs, 2px);
   transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
   transition-property: box-shadow;
 }

package/dist/types/components/Dropins/HighExposureDropin/components/AmountSelector/types.d.ts

@@ -1,4 +1,5 @@
 import type { CountryCode } from '../../../../../core/models/country-code';
+import type { Translatable } from '../../../../../language/types';
 export type AmountSelectorProps = {
     country: CountryCode;
     handleChangeForCurrency: (e: any) => void;
@@ -6,7 +7,7 @@ export type AmountSelectorProps = {
     fieldName: string;
     fieldLabel?: string;
     fieldHelper?: string;
-    errorMessage?: string | boolean;
+    errorMessage?: Translatable | boolean;
     currency?: string;
     value?: number;
     validCurrency?: any;

package/dist/types/components/FinancialInformation/component/ReportedValue.d.ts

@@ -1,12 +1,13 @@
 import type { JSX } from 'preact';
 import type { Currency } from '../../../core/models/currency';
+import type { Translatable } from '../../../language/types';
 interface ReportedValueProps {
     currency: Currency;
     amount: number | undefined;
     onAmountChanged: (amount: number) => void;
     helper: string;
     fieldName: string;
-    errorMessage: string | boolean | JSX.Element | undefined;
+    errorMessage?: Translatable | boolean | JSX.Element;
     isValid: boolean | undefined;
 }
 export declare const ReportedValue: ({ currency, amount, onAmountChanged, helper, fieldName, errorMessage, isValid, }: ReportedValueProps) => JSX.Element;

package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/component/DriversLicense.d.ts

@@ -1,3 +1,4 @@
+import type { Translatable } from '../../../../../../language/types';
 import type { FormUtils } from '../../../../../../utils/formUtils';
 import type { IdentityNumberSchema } from '../../../../../IdentityNumber/type';
 import type { MultiSelectOnChangeProps, SingleSelectOnChangeProps } from '../../../../../internal/FormFields/Select/types';
@@ -16,7 +17,7 @@ interface DriversLicenseProps {
     onCardNumberBlur: (event: Event) => void;
     formUtils: FormUtils<AuDriversLicenseSchema>;
     isValid: Record<keyof AuDriversLicenseSchema, boolean>;
-    errorMessages: Record<keyof AuDriversLicenseSchema, string | boolean>;
+    errorMessages: Record<keyof AuDriversLicenseSchema, Translatable | boolean>;
     shouldValidate?: boolean;
 }
 export declare const DriversLicense: ({ driversLicense, onIssuerStateChange, onLicenseNumberInput, onLicenseNumberBlur, onCardNumberInput, onCardNumberBlur, formUtils, isValid, errorMessages, shouldValidate, }: DriversLicenseProps) => import("preact").JSX.Element;

package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/component/DriversLicense.d.ts

@@ -1,3 +1,4 @@
+import type { Translatable } from '../../../../../../language/types';
 import type { FormUtils } from '../../../../../../utils/formUtils';
 import type { IdentityNumberSchema } from '../../../../../IdentityNumber/type';
 import type { AdditionalIdentityInfoSchema } from '../../types';
@@ -13,7 +14,7 @@ interface DriversLicenseProps {
     onCardNumberBlur: (event: Event) => void;
     formUtils: FormUtils<NZDriversLicenseSchema>;
     isValid: Record<keyof NZDriversLicenseSchema, boolean>;
-    errorMessages: Record<keyof NZDriversLicenseSchema, string | boolean>;
+    errorMessages: Record<keyof NZDriversLicenseSchema, Translatable | boolean>;
     shouldValidate?: boolean;
 }
 export declare const DriversLicense: ({ driversLicense, onLicenseNumberInput, onLicenseNumberBlur, onCardNumberInput, onCardNumberBlur, formUtils, isValid, errorMessages, shouldValidate, }: DriversLicenseProps) => import("preact").JSX.Element;

package/dist/types/components/PersonalDetails/component/IdentityComponent/TypeOfIdentity/index.d.ts

@@ -1,9 +1,10 @@
+import type { Translatable } from '../../../../../language/types';
 import type { IndividualIdNumberOption, IndividualIdNumberType } from '../../../../internal/IdFieldTypeSelector/countryIdNumberTypes';
 export interface TypeOfIdentityProps {
     availableIdentityTypesOptions: readonly IndividualIdNumberOption[];
     selectedIdentityType: IndividualIdNumberType | undefined;
     setSelectedIdentityType: (type: IndividualIdNumberType) => void;
-    errorMessage: string | boolean;
+    errorMessage: Translatable | boolean;
     isValid: boolean;
     label?: string;
 }

package/dist/types/components/internal/FormFields/Field/Field.d.ts

@@ -1,5 +1,5 @@
 import './Field.scss';
-import type { ComponentChildren, ComponentProps, JSX } from 'preact';
+import { type ComponentChildren, type ComponentProps, type JSX } from 'preact';
 import type { FieldProps } from './types';
 export type MaybeLabelElementProps = {
     children: ComponentChildren;

package/dist/types/components/internal/FormFields/Field/types.d.ts

@@ -1,6 +1,7 @@
 import type { ComponentChildren, JSX } from 'preact';
 import type { ChangeEventHandler } from 'preact/compat';
 import type { MutableRef } from 'preact/hooks';
+import type { Translatable } from '../../../../language/types';
 export interface FieldChildProps {
     isInvalid: boolean;
     isValid: boolean;
@@ -15,8 +16,7 @@ export interface FieldProps {
     dataPlaceholder?: string;
     disabled?: boolean;
     optional?: boolean;
-    dualBrandingElements?: any;
-    errorMessage?: string | boolean | JSX.Element | null;
+    errorMessage?: Translatable | boolean | JSX.Element;
     filled?: boolean;
     focused?: boolean;
     helper?: string | JSX.Element;

package/dist/types/components/internal/FormFields/MaskedInputText/MaskedInputText.d.ts

@@ -1,6 +1,7 @@
 import './MaskedInputText.scss';
 import type { JSX } from 'preact';
 import type { MaskSettings } from '../../../../core/hooks/useForm/types';
+import type { Translatable } from '../../../../language/types';
 import type { MismatchResult } from '../../../../utils/masking/matchAgainstMask';
 export interface MaskedInputTextProps extends MaskSettings {
     value: string;
@@ -9,7 +10,7 @@ export interface MaskedInputTextProps extends MaskSettings {
     onBlur?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
     onMismatch?: (mismatch: MismatchResult) => void;
     isValid: boolean;
-    errorMessage?: string | boolean;
+    errorMessage?: Translatable | boolean;
     shouldValidate?: boolean;
     label: string;
     name: string;

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

@@ -1,11 +1,12 @@
 import type { JSX } from 'preact';
 import type { BaseFormFieldProps } from '../../../core/hooks/useForm/types';
 import type { CountryCode } from '../../../core/models/country-code';
+import type { Translatable } from '../../../language/types';
 interface LegalFormFieldSchema {
     legalForm?: string;
 }
 export interface LegalFormFieldProps extends Omit<BaseFormFieldProps<LegalFormFieldSchema>, 'errors' | 'labels'> {
-    errorMessage?: string | boolean | JSX.Element | null;
+    errorMessage?: Translatable | boolean | JSX.Element;
     countryCode?: CountryCode;
     label?: string;
 }

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

@@ -1,10 +1,11 @@
 import type { JSX } from 'preact';
 import type { BaseFormFieldProps } from '../../../core/hooks/useForm/types';
+import type { Translatable } from '../../../language/types';
 interface NaceCodeFieldSchema {
     naceCode?: string;
 }
 export interface NaceCodeFieldProps extends Omit<BaseFormFieldProps<NaceCodeFieldSchema>, 'errors' | 'labels'> {
-    errorMessage?: string | boolean | JSX.Element | null;
+    errorMessage?: Translatable | boolean | JSX.Element;
     label?: string;
 }
 export {};

package/dist/types/components/internal/Svg/svgs.d.ts

@@ -33,6 +33,7 @@ export declare const svgs: {
     readonly document: import("preact").FunctionComponent<import("preact").JSX.SVGAttributes<SVGSVGElement>>;
     readonly download: import("preact").FunctionComponent<import("preact").JSX.SVGAttributes<SVGSVGElement>>;
     readonly edit: import("preact").FunctionComponent<import("preact").JSX.SVGAttributes<SVGSVGElement>>;
+    readonly 'external-link': import("preact").FunctionComponent<import("preact").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'field-error': import("preact").FunctionComponent<import("preact").JSX.SVGAttributes<SVGSVGElement>>;
     readonly hide: import("preact").FunctionComponent<import("preact").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'info-circle': import("preact").FunctionComponent<import("preact").JSX.SVGAttributes<SVGSVGElement>>;

package/dist/types/core/hooks/useForm/types.d.ts

@@ -16,7 +16,7 @@ export type FieldValid<FieldSchema> = {
     [fieldValid in keyof FieldSchema]: boolean;
 };
 export type FieldErrors<FieldSchema> = {
-    [fieldError in keyof FieldSchema]: string | boolean;
+    [fieldError in keyof FieldSchema]: Translatable | boolean;
 };
 export type FieldLabels<FieldSchema> = {
     [fieldLabel in keyof FieldSchema]?: string;

package/dist/types/utils/formUtils.d.ts

@@ -16,12 +16,12 @@ export type FormUtils<Schema> = {
     isReadOnly: (field: keyof Schema) => boolean;
     isTrusted: (field: keyof Schema) => boolean;
     getVal: (val: Translatable) => string;
-    getErrorMessage: (field: keyof Schema, errors: ValidationRuleResults<Schema> | null, fieldProblems: Partial<Record<keyof Schema, boolean>> | undefined) => string | boolean;
+    getErrorMessage: (field: keyof Schema, errors: ValidationRuleResults<Schema> | null, fieldProblems: Partial<Record<keyof Schema, boolean>> | undefined) => Translatable | boolean;
     getFieldData: <Fields extends Array<keyof Schema>, FieldSchema extends {
         [field in keyof Schema]: Schema[field];
     }>(formData: Schema, fieldKeys: Fields) => FieldData<FieldSchema>;
     getFieldValid: (formValid: Record<keyof Schema, boolean>, fieldKeys: Array<keyof Schema>) => Record<keyof Schema, boolean>;
-    getFieldErrors: (formErrors: Record<keyof Schema, ValidationRuleResult | null>, fieldProblems: Partial<Record<keyof Schema, boolean>> | undefined, fieldKeys: Array<keyof Schema>) => Record<keyof Schema, string | boolean>;
+    getFieldErrors: (formErrors: Record<keyof Schema, ValidationRuleResult | null>, fieldProblems: Partial<Record<keyof Schema, boolean>> | undefined, fieldKeys: Array<keyof Schema>) => Record<keyof Schema, Translatable | boolean>;
     getFieldLabels: (fieldKeys: Array<keyof Schema>, fallbackLabelKeys?: Partial<Record<keyof Schema, TranslationKey>>) => Partial<Record<keyof Schema, string>>;
     getFieldPlaceholders: (fieldKeys: Array<keyof Schema>, fallbackPlaceholderKeys?: Partial<Record<keyof Schema, TranslationKey>>) => Partial<Record<keyof Schema, string>>;
     getFieldHelperText: (fieldKeys: Array<keyof Schema>, fallbackHelperTextKeys?: Partial<Record<keyof Schema, TranslationKey>>) => Partial<Record<keyof Schema, string>>;

package/package.json

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