@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
29 lines • 1.11 kB
JavaScript
import "core-js/modules/es.string.replace.js";
import React from 'react';
import classnames from 'classnames';
import { createSkeletonClass } from '../../../components/skeleton/SkeletonHelper';
import P from '../../../elements/P';
const CardNumberText = _ref => {
let {
cardNumber,
skeleton
} = _ref;
return React.createElement("span", {
className: classnames('dnb-payment-card__card__element--wrapper', createSkeletonClass('font', skeleton))
}, React.createElement(P, {
className: "dnb-payment-card__card__numbers"
}, cardNumber));
};
const formatCardNumberRegex = /(?=(?:....)*$)/g;
export const formatCardNumber = function (cardNumber) {
let digits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 8;
if (!cardNumber) {
return cardNumber;
}
if (digits && digits <= cardNumber.length) {
return cardNumber.slice(cardNumber.length - digits, cardNumber.length).replace(formatCardNumberRegex, ' ').trim();
}
return cardNumber.replace(formatCardNumberRegex, ' ').trim();
};
export default CardNumberText;
//# sourceMappingURL=CardNumber.js.map