@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
148 lines • 6.09 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import React, { useCallback, useMemo } from 'react';
import StringField from '../String';
import { dnr, fnr } from '@navikt/fnrvalidator';
import { FormError } from '../../utils';
import useTranslation from '../../hooks/useTranslation';
function NationalIdentityNumber(props) {
const translations = useTranslation().NationalIdentityNumber;
const {
label,
errorRequired,
errorFnr,
errorFnrLength,
errorDnr,
errorDnrLength
} = translations;
const errorMessages = useMemo(() => _objectSpread({
'Field.errorRequired': errorRequired,
'Field.errorPattern': errorFnr
}, props.errorMessages), [errorRequired, errorFnr, props.errorMessages]);
const identificationNumberIsOfLength = (identificationNumber, length) => {
return (identificationNumber === null || identificationNumber === void 0 ? void 0 : identificationNumber.length) === length;
};
const fnrValidator = useCallback(value => {
if (value !== undefined) {
if (Number.parseInt(value.substring(0, 1)) > 3) {
return Error(errorFnr);
}
const fnrIs11Digits = identificationNumberIsOfLength(value, 11);
if (!fnrIs11Digits) {
return Error(errorFnrLength);
}
if (fnrIs11Digits && fnr(value).status === 'invalid') {
return Error(errorFnr);
}
}
}, [errorFnr, errorFnrLength]);
const dnrValidator = useCallback(value => {
if (value !== undefined) {
if (Number.parseInt(value.substring(0, 1)) < 4) {
return Error(errorDnr);
}
const dnrIs11Digits = identificationNumberIsOfLength(value, 11);
if (!dnrIs11Digits) {
return Error(errorDnrLength);
}
if (dnrIs11Digits && dnr(value).status === 'invalid') {
return Error(errorDnr);
}
}
}, [errorDnr, errorDnrLength]);
const dnrAndFnrValidator = useCallback(value => {
const dnrValidationPattern = '^[4-9].*';
if (new RegExp(dnrValidationPattern).test(value)) {
return dnrValidator(value);
}
return fnrValidator(value);
}, [dnrValidator, fnrValidator]);
const {
validate = true,
omitMask,
validator,
onChangeValidator = validator,
onBlurValidator = dnrAndFnrValidator,
width,
label: labelProp
} = props;
const mask = useMemo(() => omitMask ? Array(11).fill(/\d/) : [/\d/, /\d/, /\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/, /\d/], [omitMask]);
const onBlurValidatorToUse = onBlurValidator === false ? undefined : onBlurValidator;
const StringFieldProps = _objectSpread(_objectSpread({}, props), {}, {
label: labelProp !== null && labelProp !== void 0 ? labelProp : label,
errorMessages,
mask,
width: width !== null && width !== void 0 ? width : 'medium',
inputMode: 'numeric',
onChangeValidator: validate ? onChangeValidator : undefined,
onBlurValidator: validate ? onBlurValidatorToUse : undefined,
exportValidators: {
dnrValidator,
fnrValidator,
dnrAndFnrValidator
}
});
return React.createElement(StringField, StringFieldProps);
}
export function getAgeByBirthDate(birthDate) {
const today = new Date();
const age = today.getFullYear() - birthDate.getFullYear();
const month = today.getMonth() - birthDate.getMonth();
const day = today.getDate() - birthDate.getDate();
if (month < 0 || month === 0 && day < 0) {
return age - 1;
}
return age;
}
export function getBirthDateByFnrOrDnr(value) {
if (value === undefined) {
return;
}
const yearPart = value.substring(4, 6);
const centuryNumber = Number.parseInt(value.substring(6, 7));
const isBornIn20XX = centuryNumber >= 5;
const year = isBornIn20XX ? `20${yearPart}` : `19${yearPart}`;
const month = Number.parseInt(value.substring(2, 4));
const differentiatorValue = value.length > 0 ? Number.parseInt(value.substring(0, 1)) : undefined;
const isDnr = differentiatorValue && differentiatorValue > 3;
const day = isDnr ? Number.parseInt(value.substring(0, 2)) - 40 : Number.parseInt(value.substring(0, 2));
return new Date(Number.parseInt(year), month - 1, day);
}
export function createMinimumAgeValidator(age) {
return value => {
if (typeof value !== 'string') {
return;
}
const identificationNumberIs7DigitsOrMore = (value === null || value === void 0 ? void 0 : value.length) >= 7;
if (!identificationNumberIs7DigitsOrMore) {
return new FormError('NationalIdentityNumber.errorMinimumAgeValidatorLength', {
validationRule: 'errorMinimumAgeValidatorLength'
});
}
if (identificationNumberIs7DigitsOrMore) {
const date = getBirthDateByFnrOrDnr(value);
if (getAgeByBirthDate(date) >= age) {
return;
}
}
return new FormError('NationalIdentityNumber.errorMinimumAgeValidator', {
validationRule: 'errorMinimumAgeValidator',
messageValues: {
age: String(age)
}
});
};
}
export function createMinimumAgeVerifier(age) {
const validator = createMinimumAgeValidator(age);
return value => {
if ((value === null || value === void 0 ? void 0 : value.length) >= 7) {
return !(validator(value) instanceof Error);
}
return false;
};
}
NationalIdentityNumber._supportsSpacingProps = true;
export default NationalIdentityNumber;
//# sourceMappingURL=NationalIdentityNumber.js.map