@dnb/eufemia/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js

DNB Eufemia Design System UI Library

import React, { useCallback, useMemo } from 'react';
import StringField from "../String/index.js";
import { dnr, fnr } from '@navikt/fnrvalidator';
import { FormError } from "../../utils/index.js";
import useTranslation from "../../hooks/useTranslation.js";
function NationalIdentityNumber(props) {
  const translations = useTranslation().NationalIdentityNumber;
  const {
    label,
    errorRequired,
    errorFnr,
    errorFnrLength,
    errorDnr,
    errorDnrLength
  } = translations;
  const errorMessages = useMemo(() => ({
    'Field.errorRequired': errorRequired,
    'Field.errorPattern': errorFnr,
    ...props.errorMessages
  }), [errorRequired, errorFnr, props.errorMessages]);
  const identificationNumberIsOfLength = (identificationNumber, length) => {
    return 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 = {
    ...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?.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?.length >= 7) {
      return !(validator(value) instanceof Error);
    }
    return false;
  };
}
NationalIdentityNumber._supportsSpacingProps = true;
export default NationalIdentityNumber;
//# sourceMappingURL=NationalIdentityNumber.js.map