@adyen/kyc-components
Version:
This guide assumes that you have already an account with Adyen. A legalEntity needs to be created, and you need to have a `legalEntityId` to instatiate a Component.
109 lines (108 loc) • 4.21 kB
JavaScript
try {
let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4a26da16-c08a-4f9e-94e4-5b89f93c9e6c", e._sentryDebugIdIdentifier = "sentry-dbid-4a26da16-c08a-4f9e-94e4-5b89f93c9e6c");
} catch (e) {}
import { t as CountryCodes } from "./country-code-CX5KqMBr.js";
import { t as KEYBOARD_KEYS } from "./keys-fzUbt2xF.js";
import { a as validateNotEmptyOnBlur, i as validateLegalCompanyName, r as validateLatinSpaceMarkPunctuationNumbersOnlyOnBlur } from "./patternValidators-BaQxw3ki.js";
import { t as Field } from "./Field-pcJkjIG_.js";
import { t as InputText } from "./InputText-C30dZxS4.js";
import { jsx } from "preact/jsx-runtime";
//#region src/components/Shared/fields/LegalCompanyNameField/fieldConfig.ts
var defaultFieldMetadata = {
label: "legalCompanyName",
validators: validateNotEmptyOnBlur
};
var defaultFieldConfig = {
[CountryCodes.Australia]: {
label: "legalCompanyName",
validators: validateNotEmptyOnBlur
},
[CountryCodes.HongKong]: {
label: "legalCompanyName",
validators: validateNotEmptyOnBlur
},
[CountryCodes.Netherlands]: {
label: "legalCompanyName",
validators: validateNotEmptyOnBlur
},
[CountryCodes.Singapore]: {
label: "legalCompanyName",
validators: validateNotEmptyOnBlur
},
[CountryCodes.UnitedStates]: {
label: "legalCompanyName__US",
validators: validateNotEmptyOnBlur
}
};
var defaultFieldMetadataV4 = {
label: "legalCompanyName",
validators: validateLegalCompanyName
};
var defaultFieldConfigV4 = {
[CountryCodes.Australia]: {
label: "legalCompanyName",
validators: validateLegalCompanyName
},
[CountryCodes.HongKong]: {
label: "legalCompanyName",
validators: validateLegalCompanyName
},
[CountryCodes.Netherlands]: {
label: "legalCompanyName",
validators: validateLegalCompanyName
},
[CountryCodes.Singapore]: {
label: "legalCompanyName",
validators: validateLegalCompanyName
},
[CountryCodes.UnitedStates]: {
label: "legalCompanyName__US",
validators: validateLegalCompanyName
},
[CountryCodes.Japan]: {
label: "legalCompanyName__JP",
validators: [...validateLegalCompanyName, validateLatinSpaceMarkPunctuationNumbersOnlyOnBlur]
}
};
/**
* Returns the guidance text for the legal company name field based on country.
*/
var getLegalCompanyNameGuidanceText = (t, { country }) => {
switch (country) {
case CountryCodes.Australia: return t(($) => $["legalCompanyName__guidanceText__AU"]);
case CountryCodes.HongKong: return t(($) => $["legalCompanyName__guidanceText__HK"]);
case CountryCodes.Netherlands: return t(($) => $["legalCompanyName__guidanceText__NL"]);
case CountryCodes.Singapore: return t(($) => $["legalCompanyName__guidanceText__SG"]);
case CountryCodes.UnitedStates: return t(($) => $["legalCompanyName__guidanceText__US"]);
default: return t(($) => $["legalCompanyName__guidanceText"]);
}
};
//#endregion
//#region src/components/Shared/fields/LegalCompanyNameField/LegalCompanyNameField.tsx
var LEGAL_COMPANY_NAME_FIELD = ["legalCompanyName"];
function LegalCompanyNameField({ data, valid, errors, labels, guidance, readonly, handleChangeFor }) {
const handleKeyDown = (e) => {
if (e.key === KEYBOARD_KEYS.enter) e.preventDefault();
};
return /* @__PURE__ */ jsx(Field, {
name: "legalCompanyName",
label: labels.legalCompanyName,
formatGuidance: guidance,
errorMessage: errors.legalCompanyName,
isValid: valid.legalCompanyName,
children: (childProps) => /* @__PURE__ */ jsx(InputText, {
...childProps,
"aria-required": true,
"aria-invalid": !valid.legalCompanyName,
name: "legalCompanyName",
value: data.legalCompanyName,
readonly,
onInput: handleChangeFor("legalCompanyName", "input"),
onBlur: handleChangeFor("legalCompanyName", "blur"),
onKeyDown: handleKeyDown
})
});
}
//#endregion
export { defaultFieldMetadata as a, defaultFieldConfigV4 as i, LegalCompanyNameField as n, defaultFieldMetadataV4 as o, defaultFieldConfig as r, getLegalCompanyNameGuidanceText as s, LEGAL_COMPANY_NAME_FIELD as t };