@dnb/eufemia 10.73.2 → 10.75.0

package/es/extensions/payment-card/PaymentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentCard.js","names":["React","PropTypes","classnames","Context","Provider","isTrue","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","P","ProductType","CardType","BankAxeptType","Designs","defaultDesign","cardProducts","ProductLogo","TypeLogo","BankLogo","StatusIcon","BankAxeptLogo","cardDataPropTypes","process","env","NODE_ENV","shape","productCode","string","isRequired","productName","displayName","cardDesign","object","cardType","productType","bankAxept","translationDefaultPropsProps","text_card_number","text_expired","text_blocked","text_not_active","text_order_in_process","text_renewed","text_replaced","text_unknown","PaymentCard","PureComponent","render","_this$context","props","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","_objectWithoutProperties","_excluded","cardData","getCardData","params","_objectSpread","createElement","Consumer","translation","translations","NormalCard","data","cardStatus","cardNumber","formatCardNumber","parseFloat","_defineProperty","propTypes","oneOf","oneOfType","number","bool","node","func","formatCardNumberRegex","length","slice","replace","trim","card","find","item","defaultCard","None","StatusOverlay","BlockingOverlay","text","status","top","cardStatusMap","not_active","order_in_process","renewed","replaced","blocked","expired","unknown","CardText","modifier","_data$cardDesign","_extends","cardStyle","backgroundImage","style","logoType","bankLogo"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\nimport P from '../../elements/P'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\nimport {\n  ProductLogo,\n  TypeLogo,\n  BankLogo,\n  StatusIcon,\n  BankAxeptLogo,\n} from './icons'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nconst cardDataPropTypes = PropTypes.shape({\n  productCode: PropTypes.string.isRequired,\n  productName: PropTypes.string.isRequired,\n  displayName: PropTypes.string.isRequired,\n  cardDesign: PropTypes.object.isRequired,\n  cardType: PropTypes.object.isRequired,\n  productType: PropTypes.object.isRequired,\n  bankAxept: PropTypes.object.isRequired,\n})\n\nconst translationDefaultPropsProps = {\n  text_card_number: null,\n  text_expired: null,\n  text_blocked: null,\n  text_not_active: null,\n  text_order_in_process: null,\n  text_renewed: null,\n  text_replaced: null,\n  text_unknown: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf([\n      'active',\n      'blocked',\n      'expired',\n      'not_active',\n      'order_in_process',\n      'renewed',\n      'replaced',\n      'unknown',\n    ]),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <NormalCard\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nconst formatCardNumberRegex = /(?=(?:....)*$)/g\n\nexport const formatCardNumber = (cardNumber, digits = 8) => {\n  if (!cardNumber) {\n    return cardNumber\n  }\n  if (digits && digits <= cardNumber.length) {\n    return cardNumber\n      .slice(cardNumber.length - digits, cardNumber.length)\n      .replace(formatCardNumberRegex, ' ')\n      .trim()\n  }\n  return cardNumber.replace(formatCardNumberRegex, ' ').trim()\n}\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n\nStatusOverlay.propTypes = {\n  cardStatus: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\n\nconst BlockingOverlay = ({ cardStatus, text }, skeleton) => {\n  return (\n    <div\n      className={classnames(\n        'dnb-payment-card__blocking__overlay',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <div className=\"dnb-payment-card__blocking__center\">\n        <StatusIcon status={cardStatus} />\n        <P top=\"xx-small\">{text}</P>\n      </div>\n    </div>\n  )\n}\n\nfunction StatusOverlay({ cardStatus, translations }) {\n  const cardStatusMap = {\n    not_active: translations.text_not_active,\n    order_in_process: translations.text_order_in_process,\n    renewed: translations.text_renewed,\n    replaced: translations.text_replaced,\n    blocked: translations.text_blocked,\n    expired: translations.text_expired,\n    unknown: translations.text_unknown,\n  }\n\n  return cardStatusMap[cardStatus] ? (\n    <BlockingOverlay\n      cardStatus={cardStatus}\n      text={cardStatusMap[cardStatus]}\n    />\n  ) : null\n}\n\nCardText.propTypes = {\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool.isRequired,\n}\n\nfunction CardText({ cardNumber, translations, skeleton }) {\n  return (\n    <span\n      className={classnames(\n        'dnb-payment-card__card__wrapper',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <P\n        className=\"dnb-payment-card__card__holder\"\n        modifier=\"x-small medium\"\n      >\n        {translations.text_card_number}\n      </P>\n      <P className=\"dnb-payment-card__card__numbers\">{cardNumber}</P>\n    </span>\n  )\n}\n\nNormalCard.propTypes = {\n  id: PropTypes.string,\n  skeleton: PropTypes.bool,\n  data: cardDataPropTypes.isRequired,\n  cardStatus: PropTypes.string.isRequired,\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\n\nfunction NormalCard({\n  data,\n  cardStatus,\n  cardNumber,\n  id = null,\n  skeleton = null,\n  translations,\n}) {\n  return (\n    <div\n      id={id}\n      className={classnames(\n        'dnb-payment-card__card',\n        `dnb-payment-card__${data.cardDesign.cardStyle}`\n      )}\n      {...(data.cardDesign?.backgroundImage\n        ? {\n            style: {\n              backgroundImage: `url(${data.cardDesign.backgroundImage})`,\n            },\n          }\n        : {})}\n    >\n      <div className=\"dnb-payment-card__card__content\">\n        <div className=\"dnb-payment-card__card__top\">\n          <BankLogo logoType={data.cardDesign.bankLogo} />\n          <ProductLogo\n            productType={data.productType}\n            cardDesign={data.cardDesign}\n          />\n          <BankAxeptLogo\n            bankAxept={data.bankAxept}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n        <div className=\"dnb-payment-card__card__bottom\">\n          <CardText\n            cardNumber={cardNumber}\n            displayName={data.displayName}\n            translations={translations}\n            skeleton={skeleton}\n          />\n          <TypeLogo\n            cardType={data.cardType}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n      </div>\n      <StatusOverlay cardStatus={cardStatus} translations={translations} />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PaymentCard.js","names":["React","PropTypes","classnames","Context","Provider","isTrue","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","formatCardNumber","CardFigure","cardDataPropTypes","ProductType","CardType","BankAxeptType","Designs","defaultDesign","cardProducts","translationDefaultPropsProps","text_blocked","text_expired","text_not_active","text_new_order","text_order_in_process","text_replaced","text_renewed","text_new","text_unknown","PaymentCard","PureComponent","render","_this$context","props","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","_objectWithoutProperties","_excluded","cardData","getCardData","params","_objectSpread","createElement","Consumer","translation","translations","productName","compact","data","cardStatus","cardNumber","parseFloat","_defineProperty","process","env","NODE_ENV","propTypes","string","isRequired","oneOf","oneOfType","number","bool","node","func","productCode","card","find","item","defaultCard","displayName","cardDesign","cardType","None","productType","bankAxept"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\n\nimport { formatCardNumber } from './components/CardNumber'\nimport CardFigure, { cardDataPropTypes } from './components/CardFigure'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nconst translationDefaultPropsProps = {\n  text_blocked: null,\n  text_expired: null,\n  text_not_active: null,\n  text_new_order: null,\n  text_order_in_process: null,\n  text_replaced: null,\n  text_renewed: null,\n  text_new: null,\n  text_unknown: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf([\n      'active',\n      'blocked',\n      'expired',\n      'not_active',\n      'new_order',\n      'new',\n      'order_in_process',\n      'renewed',\n      'replaced',\n      'unknown',\n    ]),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <CardFigure\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  compact={variant === 'compact'}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n"],"mappings":";;;;;;;AAMA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,QAAQ,MAAM,uBAAuB;AAC5C,SACEC,MAAM,EACNC,qBAAqB,EACrBC,sCAAsC,QACjC,+BAA+B;AACtC,SACEC,gBAAgB,EAChBC,oBAAoB,QACf,sCAAsC;AAC7C,SACEC,qBAAqB,EACrBC,mBAAmB,QACd,0CAA0C;AAEjD,SAASC,gBAAgB,QAAQ,yBAAyB;AAC1D,OAAOC,UAAU,IAAIC,iBAAiB,QAAQ,yBAAyB;AAEvE,SAASC,WAAW,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,eAAe;AACpE,OAAOC,OAAO,IAAIC,aAAa,QAAQ,qBAAqB;AAC5D,OAAOC,YAAY,MAAM,sBAAsB;AAE/C,SAASF,OAAO,EAAEH,WAAW,EAAEC,QAAQ,EAAEC,aAAa;AAEtD,MAAMI,4BAA4B,GAAG;EACnCC,YAAY,EAAE,IAAI;EAClBC,YAAY,EAAE,IAAI;EAClBC,eAAe,EAAE,IAAI;EACrBC,cAAc,EAAE,IAAI;EACpBC,qBAAqB,EAAE,IAAI;EAC3BC,aAAa,EAAE,IAAI;EACnBC,YAAY,EAAE,IAAI;EAClBC,QAAQ,EAAE,IAAI;EACdC,YAAY,EAAE;AAChB,CAAC;AAED,eAAe,MAAMC,WAAW,SAAS/B,KAAK,CAACgC,aAAa,CAAC;EAoD3DC,MAAMA,CAAA,EAAG;IAAA,IAAAC,aAAA;IAEP,MAAMC,KAAK,GAAG5B,sCAAsC,CAClD,IAAI,CAAC4B,KAAK,EACVJ,WAAW,CAACK,YAAY,EACxB;MAAEC,MAAM,EAAE,IAAI,CAACC,OAAO,CAACD;IAAO,CAAC,EAC/B;MAAEE,QAAQ,GAAAL,aAAA,GAAE,IAAI,CAACI,OAAO,cAAAJ,aAAA,uBAAZA,aAAA,CAAcK;IAAS,CACrC,CAAC;IAED,MAAM;QACJC,YAAY;QACZC,WAAW;QACXC,WAAW;QACXC,OAAO;QACPC,MAAM;QACNC,EAAE;QACFC,QAAQ;QACRT,MAAM;QACNE,QAAQ;QACRQ,SAAS;QACTC,KAAK,EAAEC,UAAU;QACjBC;MAEF,CAAC,GAAGf,KAAK;MADJgB,UAAU,GAAAC,wBAAA,CACXjB,KAAK,EAAAkB,SAAA;IAET,MAAMC,QAAQ,GAAGR,QAAQ,IAAIS,WAAW,CAACf,YAAY,CAAC;IAEtD,MAAMgB,MAAM,GAAAC,aAAA;MACVV,SAAS,EAAE7C,UAAU,uCAEEyC,OAAO,IAC5BhC,mBAAmB,CAAC,IAAI,EAAE4B,QAAQ,EAAE,IAAI,CAACD,OAAO,CAAC,EACjD7B,oBAAoB,CAAC0B,KAAK,CAAC,EAC3BY,SAAS,EACTE,UACF;IAAC,GACEE,UAAU,CACd;IAEDzC,qBAAqB,CAAC8C,MAAM,EAAEjB,QAAQ,EAAE,IAAI,CAACD,OAAO,CAAC;IAGrDhC,qBAAqB,CAAC,IAAI,CAAC6B,KAAK,EAAEqB,MAAM,CAAC;IAEzC,OACExD,KAAA,CAAA0D,aAAA,CAACtD,QAAQ;MAACiC,MAAM,EAAEA;IAAO,GACvBrC,KAAA,CAAA0D,aAAA,CAACvD,OAAO,CAACwD,QAAQ,QACd,CAAC;MAAEC;IAAY,CAAC,KAAK;MACpB,MAAMC,YAAY,GAAGtD,sCAAsC,CACzD,IAAI,CAAC4B,KAAK,EACVd,4BAA4B,EAC5BuC,WAAW,CAAC7B,WACd,CAAC;MACD,OACE/B,KAAA,CAAA0D,aAAA,WAAYF,MAAM,EAChBxD,KAAA,CAAA0D,aAAA;QAAYX,SAAS,EAAC;MAA0C,GAC7DO,QAAQ,CAACQ,WACA,CAAC,EACb9D,KAAA,CAAA0D,aAAA,CAAC7C,UAAU;QACTgC,EAAE,EAAEA,EAAG;QACPN,QAAQ,EAAElC,MAAM,CAACkC,QAAQ,CAAE;QAC3BwB,OAAO,EAAEpB,OAAO,KAAK,SAAU;QAC/BqB,IAAI,EAAEV,QAAS;QACfW,UAAU,EAAEvB,WAAY;QACxBwB,UAAU,EAAEtD,gBAAgB,CAC1B6B,WAAW,EACX0B,UAAU,CAACvB,MAAM,CACnB,CAAE;QACFiB,YAAY,EAAEA;MAAa,CAC5B,CACK,CAAC;IAEb,CACgB,CACV,CAAC;EAEf;AACF;AAACO,eAAA,CAjIoBrC,WAAW,iBACT5B,OAAO;AAAAiE,eAAA,CADTrC,WAAW,kBAAA0B,aAAA;EAqC5Bb,MAAM,EAAE,CAAC;EACTP,MAAM,EAAE,IAAI;EACZK,WAAW,EAAE,QAAQ;EACrBC,OAAO,EAAE,QAAQ;EAEjBE,EAAE,EAAE,IAAI;EACRC,QAAQ,EAAE,IAAI;EAEdP,QAAQ,EAAE,KAAK;EACfQ,SAAS,EAAE,IAAI;EACfG,QAAQ,EAAE;AAAI,GAEX7B,4BAA4B;AAAAgD,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAjDdxC,WAAW,CAGvByC,SAAS,GAAAf,aAAA,CAAAA,aAAA;EACdjB,YAAY,EAAEvC,SAAS,CAACwE,MAAM,CAACC,UAAU;EACzCjC,WAAW,EAAExC,SAAS,CAACwE,MAAM,CAACC,UAAU;EACxChC,WAAW,EAAEzC,SAAS,CAAC0E,KAAK,CAAC,CAC3B,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,WAAW,EACX,KAAK,EACL,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,SAAS,CACV,CAAC;EACFhC,OAAO,EAAE1C,SAAS,CAAC0E,KAAK,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;EAC/C/B,MAAM,EAAE3C,SAAS,CAAC2E,SAAS,CAAC,CAAC3E,SAAS,CAACwE,MAAM,EAAExE,SAAS,CAAC4E,MAAM,CAAC,CAAC;EACjE/B,QAAQ,EAAEhC,iBAAiB;EAC3B+B,EAAE,EAAE5C,SAAS,CAACwE,MAAM;EACpBpC,MAAM,EAAEpC,SAAS,CAACwE,MAAM;EAExBlC,QAAQ,EAAEtC,SAAS,CAAC2E,SAAS,CAAC,CAAC3E,SAAS,CAACwE,MAAM,EAAExE,SAAS,CAAC6E,IAAI,CAAC;AAAC,GAE9DtE,gBAAgB;EAEnBuC,SAAS,EAAE9C,SAAS,CAACwE,MAAM;EAC3BvB,QAAQ,EAAEjD,SAAS,CAAC2E,SAAS,CAAC,CAC5B3E,SAAS,CAACwE,MAAM,EAChBxE,SAAS,CAAC8E,IAAI,EACd9E,SAAS,CAAC+E,IAAI,CACf;AAAC;AAkGN,OAAO,MAAMzB,WAAW,GAAI0B,WAAW,IAAK;EAC1C,MAAMC,IAAI,GAAG9D,YAAY,CAAC+D,IAAI,CAC3BC,IAAI,IAAKA,IAAI,CAACH,WAAW,KAAKA,WACjC,CAAC;EACD,OAAOC,IAAI,IAAIG,WAAW,CAACJ,WAAW,CAAC;AACzC,CAAC;AAED,MAAMI,WAAW,GAAIJ,WAAW,KAAM;EACpCA,WAAW;EACXnB,WAAW,EAAE,EAAE;EACfwB,WAAW,EAAE,EAAE;EACfC,UAAU,EAAEpE,aAAa;EACzBqE,QAAQ,EAAExE,QAAQ,CAACyE,IAAI;EACvBC,WAAW,EAAE3E,WAAW,CAAC0E,IAAI;EAC7BE,SAAS,EAAE1E,aAAa,CAACwE;AAC3B,CAAC,CAAC","ignoreList":[]}

package/es/extensions/payment-card/PaymentCardDocs.js

@@ -15,7 +15,7 @@ export const PaymentCardProperties = {
     status: 'optional'
   },
   card_status: {
-    doc: 'use one of these: `active`, `not_active`, `blocked`, `expired`, `renewed`, `replaced`, `order_in_process`, `unknown`. Defaults to `active`.',
+    doc: 'use one of these: `active`, `not_active`, `new_order`, `new`, `blocked`, `expired`, `renewed`, `replaced`, `order_in_process`, `unknown`. Defaults to `active`.',
     type: ['active', 'not_active', 'blocked', 'expired', 'renewed', 'replaced', 'order_in_process', 'unknown'],
     status: 'optional'
   },
@@ -67,59 +67,59 @@ export const PaymentCardData = {
     status: 'required'
   },
   cardType: {
-    doc: "`import { CardType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be CardType.Visa, CardType.Mastercard or CardType.None",
+    doc: "`import { CardType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be `CardType.Visa`, `CardType.Mastercard` or `CardType.None`.",
     type: 'Union Type',
     status: 'required'
   },
   productType: {
-    doc: "`import { ProductType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be ProductType.Saga, ProductType.Pluss, ProductType.Intro, ProductType.Business, ProductType.Bedrift, ProductType.PrivateBanking or ProductType.None",
+    doc: "`import { ProductType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be `ProductType.Saga`, `ProductType.Pluss`, `ProductType.Intro`, `ProductType.Business`, `ProductType.Bedrift`, `ProductType.PrivateBanking`, `ProductType.Corporate`, `ProductType.WorldElite` or `ProductType.None`.",
     type: 'Union Type',
     status: 'required'
   },
   bankAxept: {
-    doc: "`import { BankAxeptType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be BankAxeptType.BankAxept, BankAxeptType.Credit or BankAxeptType.None",
+    doc: "`import { BankAxeptType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be `BankAxeptType.BankAxept`, `BankAxeptType.Credit` or `BankAxeptType.None`.",
     type: 'Union Type',
     status: 'required'
   }
 };
 export const PaymentCardDesign = {
   name: {
-    doc: 'string Name of design ',
+    doc: 'string Name of design.',
     type: 'string',
     status: 'required'
   },
   cardStyle: {
-    doc: 'css class. mainly to set background and color',
+    doc: 'css class. mainly to set background and color.',
     type: 'string',
     status: 'required'
   },
   bankLogo: {
-    doc: "Union Type. import DNB from ./card/utils/Types to use. Can be DNB.Colored('HexValue')",
+    doc: "Union Type. import DNB from ./card/utils/Types to use. Can be `DNB.Colored('HexValue')`.",
     type: 'Union Type',
     status: 'required'
   },
   visa: {
-    doc: "Union Type. import Visa from ./card/utils/Types to use. Can be Visa.Colored('HexValue') or Visa.Platinum",
+    doc: "Union Type. import Visa from ./card/utils/Types to use. Can be `Visa.Colored('HexValue')` or `Visa.Platinum`.",
     type: 'Union Type',
     status: 'required'
   },
   mastercard: {
-    doc: 'Union Type. import Mastercard from ./card/utils/Types to use. Can be Mastercard.Default or Mastercard.Dark',
+    doc: 'Union Type. import Mastercard from ./card/utils/Types to use. Can be `Mastercard.Default` or `Mastercard.Dark`.',
     type: 'Union Type',
     status: 'required'
   },
   bankAxept: {
-    doc: 'Union Type. import BankAxept from ./card/utils/Types to use. Can be BankAxept.White, BankAxept.Black, BankAxept.Gold, BankAxept.Black20 or BankAxept.Gray',
+    doc: 'Union Type. import BankAxept from ./card/utils/Types to use. Can be `BankAxept.White`, `BankAxept.Black`, `BankAxept.Gold`, `BankAxept.Black20` or `BankAxept.Gray`.',
     type: 'Union Type',
     status: 'required'
   },
   saga: {
-    doc: 'Union Type. import Saga from ./card/utils/Types to use. Can be Saga.Gold, Saga.Platinum or Saga.None',
+    doc: 'Union Type. import Saga from ./card/utils/Types to use. Can be `Saga.Gold`, `Saga.Platinum` or `Saga.None`.',
     type: 'Union Type',
     status: 'required'
   },
   privateBanking: {
-    doc: 'Union Type. import PB from ./card/utils/Types to use. Can be PB.Default or PB.None',
+    doc: 'Union Type. import PB from ./card/utils/Types to use. Can be `PB.Default` or `PB.None`.',
     type: 'Union Type',
     status: 'required'
   }
@@ -141,7 +141,7 @@ export const PaymentCardDesigns = {
     status: 'optional'
   },
   myFirst: {
-    doc: 'My first ',
+    doc: 'My first',
     type: 'object',
     status: 'optional'
   },

package/es/extensions/payment-card/PaymentCardDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentCardDocs.js","names":["PaymentCardProperties","product_code","doc","type","status","card_number","raw_data","card_status","variant","digits","locale","skeleton","PaymentCardData","productCode","productName","displayName","cardDesign","cardType","productType","bankAxept","PaymentCardDesign","name","cardStyle","bankLogo","visa","mastercard","saga","privateBanking","PaymentCardDesigns","defaultDesign","pluss","young","myFirst","youth","gold","sagaPlatinum","mcBlack","businessNoVisa","businessWithVisa","sbankenVisa","sbankenMastercard"],"sources":["../../../../src/extensions/payment-card/PaymentCardDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const PaymentCardProperties: PropertiesTableProps = {\n  product_code: {\n    doc: 'if product code matches one of the codes in the list the card will get that design, if no match is found Default design will be used.',\n    type: 'string',\n    status: 'required',\n  },\n  card_number: {\n    doc: 'masked card number.',\n    type: 'string',\n    status: 'required',\n  },\n  raw_data: {\n    doc: 'useful if you want to create custom cards. See Card data properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  card_status: {\n    doc: 'use one of these: `active`, `not_active`, `blocked`, `expired`, `renewed`, `replaced`, `order_in_process`, `unknown`. Defaults to `active`.',\n    type: [\n      'active',\n      'not_active',\n      'blocked',\n      'expired',\n      'renewed',\n      'replaced',\n      'order_in_process',\n      'unknown',\n    ],\n    status: 'optional',\n  },\n  variant: {\n    doc: 'defines the appearance. Use one of these: `normal` or `compact`. Defaults to `normal`.',\n    type: ['normal', 'compact'],\n    status: 'optional',\n  },\n  digits: {\n    doc: 'will use 8 digits if none are specified.',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  locale: {\n    doc: 'use `nb-NO` or `en-GB`. Defaults to the Eufemia provider.',\n    type: 'string',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const PaymentCardData: PropertiesTableProps = {\n  productCode: {\n    doc: 'product code for the given card.',\n    type: 'string',\n    status: 'required',\n  },\n  productName: {\n    doc: 'product name. Can be blank.',\n    type: 'string',\n    status: 'required',\n  },\n  displayName: {\n    doc: 'the visible product name. Can be empty.',\n    type: 'string',\n    status: 'required',\n  },\n  cardDesign: {\n    doc: \"object that describes the style properties of the card. `import { Designs } from '@dnb/eufemia/extensions/payment-card'` (see available designs below) or a custom one can be created.\",\n    type: 'object',\n    status: 'required',\n  },\n  cardType: {\n    doc: \"`import { CardType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be CardType.Visa, CardType.Mastercard or CardType.None\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  productType: {\n    doc: \"`import { ProductType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be ProductType.Saga, ProductType.Pluss, ProductType.Intro, ProductType.Business, ProductType.Bedrift, ProductType.PrivateBanking or ProductType.None\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  bankAxept: {\n    doc: \"`import { BankAxeptType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be BankAxeptType.BankAxept, BankAxeptType.Credit or BankAxeptType.None\",\n    type: 'Union Type',\n    status: 'required',\n  },\n}\n\nexport const PaymentCardDesign: PropertiesTableProps = {\n  name: {\n    doc: 'string Name of design ',\n    type: 'string',\n    status: 'required',\n  },\n  cardStyle: {\n    doc: 'css class. mainly to set background and color',\n    type: 'string',\n    status: 'required',\n  },\n  bankLogo: {\n    doc: \"Union Type. import DNB from ./card/utils/Types to use. Can be DNB.Colored('HexValue')\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  visa: {\n    doc: \"Union Type. import Visa from ./card/utils/Types to use. Can be Visa.Colored('HexValue') or Visa.Platinum\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  mastercard: {\n    doc: 'Union Type. import Mastercard from ./card/utils/Types to use. Can be Mastercard.Default or Mastercard.Dark',\n    type: 'Union Type',\n    status: 'required',\n  },\n  bankAxept: {\n    doc: 'Union Type. import BankAxept from ./card/utils/Types to use. Can be BankAxept.White, BankAxept.Black, BankAxept.Gold, BankAxept.Black20 or BankAxept.Gray',\n    type: 'Union Type',\n    status: 'required',\n  },\n  saga: {\n    doc: 'Union Type. import Saga from ./card/utils/Types to use. Can be Saga.Gold, Saga.Platinum or Saga.None',\n    type: 'Union Type',\n    status: 'required',\n  },\n  privateBanking: {\n    doc: 'Union Type. import PB from ./card/utils/Types to use. Can be PB.Default or PB.None',\n    type: 'Union Type',\n    status: 'required',\n  },\n}\nexport const PaymentCardDesigns: PropertiesTableProps = {\n  defaultDesign: {\n    doc: 'Default',\n    type: 'object',\n    status: 'optional',\n  },\n  pluss: {\n    doc: 'Pluss',\n    type: 'object',\n    status: 'optional',\n  },\n  young: {\n    doc: 'Ung',\n    type: 'object',\n    status: 'optional',\n  },\n  myFirst: {\n    doc: 'My first ',\n    type: 'object',\n    status: 'optional',\n  },\n  youth: {\n    doc: 'Youth',\n    type: 'object',\n    status: 'optional',\n  },\n  gold: {\n    doc: 'Gold',\n    type: 'object',\n    status: 'optional',\n  },\n  saga: {\n    doc: 'Saga',\n    type: 'object',\n    status: 'optional',\n  },\n  sagaPlatinum: {\n    doc: 'Saga Platinum',\n    type: 'object',\n    status: 'optional',\n  },\n  privateBanking: {\n    doc: 'Private Banking',\n    type: 'object',\n    status: 'optional',\n  },\n  mcBlack: {\n    doc: 'Mastercard Black',\n    type: 'object',\n    status: 'optional',\n  },\n  businessNoVisa: {\n    doc: 'Bedriftskort BankAxept',\n    type: 'object',\n    status: 'optional',\n  },\n  businessWithVisa: {\n    doc: 'Bedriftskort Visa',\n    type: 'object',\n    status: 'optional',\n  },\n  sbankenVisa: {\n    doc: 'Sbanken Visa',\n    type: 'object',\n    status: 'optional',\n  },\n  sbankenMastercard: {\n    doc: 'Sbanken Mastercard',\n    type: 'object',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PaymentCardDocs.js","names":["PaymentCardProperties","product_code","doc","type","status","card_number","raw_data","card_status","variant","digits","locale","skeleton","PaymentCardData","productCode","productName","displayName","cardDesign","cardType","productType","bankAxept","PaymentCardDesign","name","cardStyle","bankLogo","visa","mastercard","saga","privateBanking","PaymentCardDesigns","defaultDesign","pluss","young","myFirst","youth","gold","sagaPlatinum","mcBlack","businessNoVisa","businessWithVisa","sbankenVisa","sbankenMastercard"],"sources":["../../../../src/extensions/payment-card/PaymentCardDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const PaymentCardProperties: PropertiesTableProps = {\n  product_code: {\n    doc: 'if product code matches one of the codes in the list the card will get that design, if no match is found Default design will be used.',\n    type: 'string',\n    status: 'required',\n  },\n  card_number: {\n    doc: 'masked card number.',\n    type: 'string',\n    status: 'required',\n  },\n  raw_data: {\n    doc: 'useful if you want to create custom cards. See Card data properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  card_status: {\n    doc: 'use one of these: `active`, `not_active`, `new_order`, `new`, `blocked`, `expired`, `renewed`, `replaced`, `order_in_process`, `unknown`. Defaults to `active`.',\n    type: [\n      'active',\n      'not_active',\n      'blocked',\n      'expired',\n      'renewed',\n      'replaced',\n      'order_in_process',\n      'unknown',\n    ],\n    status: 'optional',\n  },\n  variant: {\n    doc: 'defines the appearance. Use one of these: `normal` or `compact`. Defaults to `normal`.',\n    type: ['normal', 'compact'],\n    status: 'optional',\n  },\n  digits: {\n    doc: 'will use 8 digits if none are specified.',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  locale: {\n    doc: 'use `nb-NO` or `en-GB`. Defaults to the Eufemia provider.',\n    type: 'string',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const PaymentCardData: PropertiesTableProps = {\n  productCode: {\n    doc: 'product code for the given card.',\n    type: 'string',\n    status: 'required',\n  },\n  productName: {\n    doc: 'product name. Can be blank.',\n    type: 'string',\n    status: 'required',\n  },\n  displayName: {\n    doc: 'the visible product name. Can be empty.',\n    type: 'string',\n    status: 'required',\n  },\n  cardDesign: {\n    doc: \"object that describes the style properties of the card. `import { Designs } from '@dnb/eufemia/extensions/payment-card'` (see available designs below) or a custom one can be created.\",\n    type: 'object',\n    status: 'required',\n  },\n  cardType: {\n    doc: \"`import { CardType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be `CardType.Visa`, `CardType.Mastercard` or `CardType.None`.\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  productType: {\n    doc: \"`import { ProductType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be `ProductType.Saga`, `ProductType.Pluss`, `ProductType.Intro`, `ProductType.Business`, `ProductType.Bedrift`, `ProductType.PrivateBanking`, `ProductType.Corporate`, `ProductType.WorldElite` or `ProductType.None`.\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  bankAxept: {\n    doc: \"`import { BankAxeptType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be `BankAxeptType.BankAxept`, `BankAxeptType.Credit` or `BankAxeptType.None`.\",\n    type: 'Union Type',\n    status: 'required',\n  },\n}\n\nexport const PaymentCardDesign: PropertiesTableProps = {\n  name: {\n    doc: 'string Name of design.',\n    type: 'string',\n    status: 'required',\n  },\n  cardStyle: {\n    doc: 'css class. mainly to set background and color.',\n    type: 'string',\n    status: 'required',\n  },\n  bankLogo: {\n    doc: \"Union Type. import DNB from ./card/utils/Types to use. Can be `DNB.Colored('HexValue')`.\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  visa: {\n    doc: \"Union Type. import Visa from ./card/utils/Types to use. Can be `Visa.Colored('HexValue')` or `Visa.Platinum`.\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  mastercard: {\n    doc: 'Union Type. import Mastercard from ./card/utils/Types to use. Can be `Mastercard.Default` or `Mastercard.Dark`.',\n    type: 'Union Type',\n    status: 'required',\n  },\n  bankAxept: {\n    doc: 'Union Type. import BankAxept from ./card/utils/Types to use. Can be `BankAxept.White`, `BankAxept.Black`, `BankAxept.Gold`, `BankAxept.Black20` or `BankAxept.Gray`.',\n    type: 'Union Type',\n    status: 'required',\n  },\n  saga: {\n    doc: 'Union Type. import Saga from ./card/utils/Types to use. Can be `Saga.Gold`, `Saga.Platinum` or `Saga.None`.',\n    type: 'Union Type',\n    status: 'required',\n  },\n  privateBanking: {\n    doc: 'Union Type. import PB from ./card/utils/Types to use. Can be `PB.Default` or `PB.None`.',\n    type: 'Union Type',\n    status: 'required',\n  },\n}\nexport const PaymentCardDesigns: PropertiesTableProps = {\n  defaultDesign: {\n    doc: 'Default',\n    type: 'object',\n    status: 'optional',\n  },\n  pluss: {\n    doc: 'Pluss',\n    type: 'object',\n    status: 'optional',\n  },\n  young: {\n    doc: 'Ung',\n    type: 'object',\n    status: 'optional',\n  },\n  myFirst: {\n    doc: 'My first',\n    type: 'object',\n    status: 'optional',\n  },\n  youth: {\n    doc: 'Youth',\n    type: 'object',\n    status: 'optional',\n  },\n  gold: {\n    doc: 'Gold',\n    type: 'object',\n    status: 'optional',\n  },\n  saga: {\n    doc: 'Saga',\n    type: 'object',\n    status: 'optional',\n  },\n  sagaPlatinum: {\n    doc: 'Saga Platinum',\n    type: 'object',\n    status: 'optional',\n  },\n  privateBanking: {\n    doc: 'Private Banking',\n    type: 'object',\n    status: 'optional',\n  },\n  mcBlack: {\n    doc: 'Mastercard Black',\n    type: 'object',\n    status: 'optional',\n  },\n  businessNoVisa: {\n    doc: 'Bedriftskort BankAxept',\n    type: 'object',\n    status: 'optional',\n  },\n  businessWithVisa: {\n    doc: 'Bedriftskort Visa',\n    type: 'object',\n    status: 'optional',\n  },\n  sbankenVisa: {\n    doc: 'Sbanken Visa',\n    type: 'object',\n    status: 'optional',\n  },\n  sbankenMastercard: {\n    doc: 'Sbanken Mastercard',\n    type: 'object',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/es/extensions/payment-card/components/CardFigure.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface CardFigureProps extends React.HTMLProps<HTMLElement> {
+  id?: string;
+  skeleton?: boolean;
+  compact?: boolean;
+  data?: any;
+  cardStatus: string;
+  cardNumber: string;
+  translations: object;
+}
+declare const CardFigure: React.FC<CardFigureProps>;
+export default CardFigure;

package/es/extensions/payment-card/components/CardFigure.js

@@ -0,0 +1,94 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _div;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CardType, BankAxeptType } from '../utils/Types';
+import { ProductLogo, TypeLogo, BankLogo, BankAxeptLogo } from '../icons';
+import StatusOverlay, { isCardBlocked } from './StatusOverlay';
+import CardNumberText from './CardNumber';
+import CardTypeText from './CardType';
+export const cardDataPropTypes = PropTypes.shape({
+  productCode: PropTypes.string.isRequired,
+  productName: PropTypes.string.isRequired,
+  displayName: PropTypes.string.isRequired,
+  cardDesign: PropTypes.object.isRequired,
+  cardType: PropTypes.object.isRequired,
+  productType: PropTypes.object.isRequired,
+  bankAxept: PropTypes.object.isRequired
+});
+process.env.NODE_ENV !== "production" ? CardFigure.propTypes = {
+  id: PropTypes.string,
+  skeleton: PropTypes.bool,
+  compact: PropTypes.bool,
+  data: cardDataPropTypes.isRequired,
+  cardStatus: PropTypes.string.isRequired,
+  cardNumber: PropTypes.string.isRequired,
+  translations: PropTypes.object.isRequired
+} : void 0;
+function CardFigure({
+  data,
+  cardStatus,
+  cardNumber,
+  id = null,
+  skeleton = false,
+  compact = false,
+  translations
+}) {
+  var _data$cardDesign;
+  const cardClasses = `dnb-payment-card__card dnb-payment-card__${data.cardDesign.cardStyle} ${isCardBlocked(cardStatus) ? 'dnb-payment-card__card--blocked' : ''}`;
+  const ProviderIcons = () => {
+    const multipleProviders = data.bankAxept === BankAxeptType.BankAxept && data.cardType !== CardType.None;
+    return React.createElement("div", {
+      className: `dnb-payment-card__card__providers ${multipleProviders ? 'dnb-payment-card__card__providers--multiple' : ''}`
+    }, React.createElement(BankAxeptLogo, {
+      bankAxept: data.bankAxept,
+      cardDesign: data.cardDesign
+    }), multipleProviders && (_div || (_div = React.createElement("div", {
+      className: "provider--separator"
+    }))), React.createElement(TypeLogo, {
+      cardType: data.cardType,
+      cardDesign: data.cardDesign
+    }));
+  };
+  return React.createElement("div", {
+    className: "dnb-payment-card__card__wrapper"
+  }, React.createElement("div", _extends({
+    id: id,
+    className: cardClasses
+  }, (_data$cardDesign = data.cardDesign) !== null && _data$cardDesign !== void 0 && _data$cardDesign.backgroundImage ? {
+    style: {
+      backgroundImage: `url(${data.cardDesign.backgroundImage})`
+    }
+  } : {}), React.createElement("div", {
+    className: "dnb-payment-card__card__content"
+  }, React.createElement("div", {
+    className: "dnb-payment-card__card__top"
+  }, React.createElement("div", {
+    className: "dnb-payment-card__card__top__left"
+  }, React.createElement(BankLogo, {
+    logoType: data.cardDesign.bankLogo
+  }), React.createElement(ProductLogo, {
+    productType: data.productType,
+    cardDesign: data.cardDesign
+  })), React.createElement("div", {
+    className: "dnb-payment-card__card__top__right"
+  }, compact ? React.createElement(ProviderIcons, null) : React.createElement(CardTypeText, {
+    isCredit: data.bankAxept === BankAxeptType.Credit,
+    skeleton: skeleton
+  }))), !compact && React.createElement("div", {
+    className: "dnb-payment-card__card__bottom"
+  }, React.createElement("div", {
+    className: "dnb-payment-card__card__bottom__left"
+  }, React.createElement(CardNumberText, {
+    cardNumber: cardNumber,
+    skeleton: skeleton
+  })), React.createElement("div", {
+    className: "dnb-payment-card__card__bottom__right"
+  }, React.createElement(ProviderIcons, null))))), !compact && React.createElement(StatusOverlay, {
+    cardStatus: cardStatus,
+    cardDesign: data.cardDesign.cardStyle,
+    translations: translations
+  }));
+}
+export default CardFigure;
+//# sourceMappingURL=CardFigure.js.map

package/es/extensions/payment-card/components/CardFigure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFigure.js","names":["React","PropTypes","CardType","BankAxeptType","ProductLogo","TypeLogo","BankLogo","BankAxeptLogo","StatusOverlay","isCardBlocked","CardNumberText","CardTypeText","cardDataPropTypes","shape","productCode","string","isRequired","productName","displayName","cardDesign","object","cardType","productType","bankAxept","process","env","NODE_ENV","CardFigure","propTypes","id","skeleton","bool","compact","data","cardStatus","cardNumber","translations","_data$cardDesign","cardClasses","cardStyle","ProviderIcons","multipleProviders","BankAxept","None","createElement","className","_div","_extends","backgroundImage","style","logoType","bankLogo","isCredit","Credit"],"sources":["../../../../../src/extensions/payment-card/components/CardFigure.js"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport { CardType, BankAxeptType } from '../utils/Types'\nimport { ProductLogo, TypeLogo, BankLogo, BankAxeptLogo } from '../icons'\nimport StatusOverlay, { isCardBlocked } from './StatusOverlay'\nimport CardNumberText from './CardNumber'\nimport CardTypeText from './CardType'\n\nexport const cardDataPropTypes = PropTypes.shape({\n  productCode: PropTypes.string.isRequired,\n  productName: PropTypes.string.isRequired,\n  displayName: PropTypes.string.isRequired,\n  cardDesign: PropTypes.object.isRequired,\n  cardType: PropTypes.object.isRequired,\n  productType: PropTypes.object.isRequired,\n  bankAxept: PropTypes.object.isRequired,\n})\n\nCardFigure.propTypes = {\n  id: PropTypes.string,\n  skeleton: PropTypes.bool,\n  compact: PropTypes.bool,\n  data: cardDataPropTypes.isRequired,\n  cardStatus: PropTypes.string.isRequired,\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\n\nfunction CardFigure({\n  data,\n  cardStatus,\n  cardNumber,\n  id = null,\n  skeleton = false,\n  compact = false,\n  translations,\n}) {\n  const cardClasses = classnames(\n    'dnb-payment-card__card',\n    `dnb-payment-card__${data.cardDesign.cardStyle}`,\n    `${isCardBlocked(cardStatus) ? 'dnb-payment-card__card--blocked' : ''}`\n  )\n\n  const ProviderIcons = () => {\n    const multipleProviders =\n      data.bankAxept === BankAxeptType.BankAxept &&\n      data.cardType !== CardType.None\n    return (\n      <div\n        className={classnames(\n          'dnb-payment-card__card__providers',\n          `${\n            multipleProviders\n              ? 'dnb-payment-card__card__providers--multiple'\n              : ''\n          }`\n        )}\n      >\n        <BankAxeptLogo\n          bankAxept={data.bankAxept}\n          cardDesign={data.cardDesign}\n        />\n        {multipleProviders && <div className=\"provider--separator\" />}\n        <TypeLogo cardType={data.cardType} cardDesign={data.cardDesign} />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"dnb-payment-card__card__wrapper\">\n      <div\n        id={id}\n        className={cardClasses}\n        {...(data.cardDesign?.backgroundImage\n          ? {\n              style: {\n                backgroundImage: `url(${data.cardDesign.backgroundImage})`,\n              },\n            }\n          : {})}\n      >\n        <div className=\"dnb-payment-card__card__content\">\n          <div className=\"dnb-payment-card__card__top\">\n            <div className=\"dnb-payment-card__card__top__left\">\n              <BankLogo logoType={data.cardDesign.bankLogo} />\n              <ProductLogo\n                productType={data.productType}\n                cardDesign={data.cardDesign}\n              />\n            </div>\n            <div className=\"dnb-payment-card__card__top__right\">\n              {compact ? (\n                <ProviderIcons />\n              ) : (\n                <CardTypeText\n                  isCredit={data.bankAxept === BankAxeptType.Credit}\n                  skeleton={skeleton}\n                />\n              )}\n            </div>\n          </div>\n          {!compact && (\n            <div className=\"dnb-payment-card__card__bottom\">\n              <div className=\"dnb-payment-card__card__bottom__left\">\n                <CardNumberText\n                  cardNumber={cardNumber}\n                  skeleton={skeleton}\n                />\n              </div>\n              <div className=\"dnb-payment-card__card__bottom__right\">\n                <ProviderIcons />\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n      {!compact && (\n        <StatusOverlay\n          cardStatus={cardStatus}\n          cardDesign={data.cardDesign.cardStyle}\n          translations={translations}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default CardFigure\n"],"mappings":"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","ignoreList":[]}

package/es/extensions/payment-card/components/CardNumber.d.ts

@@ -0,0 +1,27 @@
+interface CardNumberTextProps {
+    cardNumber: string;
+    skeleton: boolean;
+}
+/**
+ * A functional component that displays the text representation of a card number
+ * with optional skeleton styling for loading states.
+ *
+ * @param {CardNumberTextProps} props - The properties for the CardNumberText component.
+ * @param {string} props.cardNumber - The card number to display.
+ * @param {boolean} props.skeleton - Determines if skeleton styling is applied for loading states.
+ * @returns A span element containing the card number with optional skeleton styling.
+ */
+declare const CardNumberText: ({ cardNumber, skeleton }: CardNumberTextProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Formats a credit card number by preserving a specified number of trailing digits and
+ * masking the rest with spaces. If no specific number of digits is provided, the card
+ * number is formatted by replacing all spaces or non-numeric characters with a single
+ * space.
+ *
+ * @param {string} cardNumber - The credit card number to format.
+ * @param [digits=8] - The number of trailing digits to preserve in the card number.
+ *                              Defaults to 8 if not specified.
+ * @returns {string} The formatted credit card number.
+ */
+export declare const formatCardNumber: (cardNumber: string, digits?: number) => string;
+export default CardNumberText;

package/es/extensions/payment-card/components/CardNumber.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import classnames from 'classnames';
+import { createSkeletonClass } from '../../../components/skeleton/SkeletonHelper';
+import P from '../../../elements/P';
+const CardNumberText = ({
+  cardNumber,
+  skeleton
+}) => {
+  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 = (cardNumber, digits = 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

package/es/extensions/payment-card/components/CardNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardNumber.js","names":["React","classnames","createSkeletonClass","P","CardNumberText","cardNumber","skeleton","createElement","className","formatCardNumberRegex","formatCardNumber","digits","length","slice","replace","trim"],"sources":["../../../../../src/extensions/payment-card/components/CardNumber.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { createSkeletonClass } from '../../../components/skeleton/SkeletonHelper'\nimport P from '../../../elements/P'\n\ninterface CardNumberTextProps {\n  cardNumber: string\n  skeleton: boolean\n}\n\n/**\n * A functional component that displays the text representation of a card number\n * with optional skeleton styling for loading states.\n *\n * @param {CardNumberTextProps} props - The properties for the CardNumberText component.\n * @param {string} props.cardNumber - The card number to display.\n * @param {boolean} props.skeleton - Determines if skeleton styling is applied for loading states.\n * @returns A span element containing the card number with optional skeleton styling.\n */\nconst CardNumberText = ({ cardNumber, skeleton }: CardNumberTextProps) => {\n  return (\n    <span\n      className={classnames(\n        'dnb-payment-card__card__element--wrapper',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <P className=\"dnb-payment-card__card__numbers\">{cardNumber}</P>\n    </span>\n  )\n}\n\nconst formatCardNumberRegex = /(?=(?:....)*$)/g\n\n/**\n * Formats a credit card number by preserving a specified number of trailing digits and\n * masking the rest with spaces. If no specific number of digits is provided, the card\n * number is formatted by replacing all spaces or non-numeric characters with a single\n * space.\n *\n * @param {string} cardNumber - The credit card number to format.\n * @param [digits=8] - The number of trailing digits to preserve in the card number.\n *                              Defaults to 8 if not specified.\n * @returns {string} The formatted credit card number.\n */\nexport const formatCardNumber = (\n  cardNumber: string,\n  digits = 8\n): string => {\n  if (!cardNumber) {\n    return cardNumber\n  }\n  if (digits && digits <= cardNumber.length) {\n    return cardNumber\n      .slice(cardNumber.length - digits, cardNumber.length)\n      .replace(formatCardNumberRegex, ' ')\n      .trim()\n  }\n  return cardNumber.replace(formatCardNumberRegex, ' ').trim()\n}\n\nexport default CardNumberText\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,6CAA6C;AACjF,OAAOC,CAAC,MAAM,qBAAqB;AAgBnC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,UAAU;EAAEC;AAA8B,CAAC,KAAK;EACxE,OACEN,KAAA,CAAAO,aAAA;IACEC,SAAS,EAAEP,UAAU,CACnB,0CAA0C,EAC1CC,mBAAmB,CAAC,MAAM,EAAEI,QAAQ,CACtC;EAAE,GAEFN,KAAA,CAAAO,aAAA,CAACJ,CAAC;IAACK,SAAS,EAAC;EAAiC,GAAEH,UAAc,CAC1D,CAAC;AAEX,CAAC;AAED,MAAMI,qBAAqB,GAAG,iBAAiB;AAa/C,OAAO,MAAMC,gBAAgB,GAAGA,CAC9BL,UAAkB,EAClBM,MAAM,GAAG,CAAC,KACC;EACX,IAAI,CAACN,UAAU,EAAE;IACf,OAAOA,UAAU;EACnB;EACA,IAAIM,MAAM,IAAIA,MAAM,IAAIN,UAAU,CAACO,MAAM,EAAE;IACzC,OAAOP,UAAU,CACdQ,KAAK,CAACR,UAAU,CAACO,MAAM,GAAGD,MAAM,EAAEN,UAAU,CAACO,MAAM,CAAC,CACpDE,OAAO,CAACL,qBAAqB,EAAE,GAAG,CAAC,CACnCM,IAAI,CAAC,CAAC;EACX;EACA,OAAOV,UAAU,CAACS,OAAO,CAACL,qBAAqB,EAAE,GAAG,CAAC,CAACM,IAAI,CAAC,CAAC;AAC9D,CAAC;AAED,eAAeX,cAAc","ignoreList":[]}

package/es/extensions/payment-card/components/CardType.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CardTypeTextProps {
+    isCredit: boolean;
+    skeleton: boolean;
+}
+declare const CardTypeText: React.FC<CardTypeTextProps>;
+export default CardTypeText;

package/es/extensions/payment-card/components/CardType.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import classnames from 'classnames';
+import { createSkeletonClass } from '../../../components/skeleton/SkeletonHelper';
+import P from '../../../elements/P';
+const CardTypeText = ({
+  isCredit,
+  skeleton
+}) => {
+  const cardType = isCredit ? 'Credit' : 'Debit';
+  return React.createElement("span", {
+    className: classnames('dnb-payment-card__card__element--wrapper', createSkeletonClass('font', skeleton))
+  }, React.createElement(P, {
+    className: 'dnb-payment-card__card__type-text'
+  }, cardType));
+};
+export default CardTypeText;
+//# sourceMappingURL=CardType.js.map

package/es/extensions/payment-card/components/CardType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardType.js","names":["React","classnames","createSkeletonClass","P","CardTypeText","isCredit","skeleton","cardType","createElement","className"],"sources":["../../../../../src/extensions/payment-card/components/CardType.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { createSkeletonClass } from '../../../components/skeleton/SkeletonHelper'\nimport P from '../../../elements/P'\n\ninterface CardTypeTextProps {\n  isCredit: boolean\n  skeleton: boolean\n}\n\nconst CardTypeText: React.FC<CardTypeTextProps> = ({\n  isCredit,\n  skeleton,\n}) => {\n  const cardType = isCredit ? 'Credit' : 'Debit'\n  return (\n    <span\n      className={classnames(\n        'dnb-payment-card__card__element--wrapper',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <P className={'dnb-payment-card__card__type-text'}>{cardType}</P>\n    </span>\n  )\n}\n\nexport default CardTypeText\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,6CAA6C;AACjF,OAAOC,CAAC,MAAM,qBAAqB;AAOnC,MAAMC,YAAyC,GAAGA,CAAC;EACjDC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGF,QAAQ,GAAG,QAAQ,GAAG,OAAO;EAC9C,OACEL,KAAA,CAAAQ,aAAA;IACEC,SAAS,EAAER,UAAU,CACnB,0CAA0C,EAC1CC,mBAAmB,CAAC,MAAM,EAAEI,QAAQ,CACtC;EAAE,GAEFN,KAAA,CAAAQ,aAAA,CAACL,CAAC;IAACM,SAAS,EAAE;EAAoC,GAAEF,QAAY,CAC5D,CAAC;AAEX,CAAC;AAED,eAAeH,YAAY","ignoreList":[]}

package/es/extensions/payment-card/components/StatusOverlay.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface Translations {
+    text_blocked: string;
+    text_expired: string;
+    text_not_active: string;
+    text_new_order: string;
+    text_order_in_process: string;
+    text_replaced: string;
+    text_renewed: string;
+    text_new: string;
+    text_unknown: string;
+}
+interface StatusOverlayProps {
+    cardStatus: string;
+    translations: Translations;
+    cardDesign: string;
+}
+declare const StatusOverlay: React.FC<StatusOverlayProps>;
+export declare const isCardBlocked: (cardStatus: string) => boolean;
+export default StatusOverlay;

package/es/extensions/payment-card/components/StatusOverlay.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import { StatusIcon } from '../icons';
+import P from '../../../elements/P';
+const StatusOverlay = ({
+  cardStatus,
+  translations,
+  cardDesign
+}) => {
+  const cardStatusMap = {
+    not_active: translations.text_not_active,
+    new_order: translations.text_new_order,
+    order_in_process: translations.text_order_in_process,
+    renewed: translations.text_renewed,
+    replaced: translations.text_replaced,
+    blocked: translations.text_blocked,
+    expired: translations.text_expired,
+    new: translations.text_new,
+    unknown: translations.text_unknown
+  };
+  const cardStatusOverlayThemeMap = {
+    'card--design-default': 'light',
+    'card--design-business-no-visa': 'light',
+    'card--design-business-with-visa': 'light',
+    'card--design-ung': 'light',
+    'card--design-youth': 'light',
+    'card--design-my-first': 'light',
+    'card--design-sbanken-visa': 'light',
+    'card--design-pluss': 'dark',
+    'card--design-gold': 'dark',
+    'card--design-saga': 'dark',
+    'card--design-saga-platinum': 'dark',
+    'card--design-private': 'dark',
+    'card--design-black': 'dark',
+    'card--design-sbanken-mastercard': 'dark'
+  };
+  return cardStatusMap[cardStatus] ? React.createElement("div", {
+    className: "dnb-payment-card__overlay"
+  }, React.createElement("div", {
+    className: `dnb-payment-card__overlay__content dnb-payment-card__overlay__content--${cardStatusOverlayThemeMap[cardDesign]}`
+  }, React.createElement(StatusIcon, {
+    status: cardStatus
+  }), React.createElement(P, null, cardStatusMap[cardStatus]))) : null;
+};
+export const isCardBlocked = cardStatus => {
+  const cardStatusMap = {
+    not_active: true,
+    new_order: false,
+    order_in_process: false,
+    renewed: false,
+    replaced: false,
+    blocked: true,
+    expired: true,
+    new: false,
+    unknown: false
+  };
+  return cardStatusMap[cardStatus];
+};
+export default StatusOverlay;
+//# sourceMappingURL=StatusOverlay.js.map

package/es/extensions/payment-card/components/StatusOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusOverlay.js","names":["React","StatusIcon","P","StatusOverlay","cardStatus","translations","cardDesign","cardStatusMap","not_active","text_not_active","new_order","text_new_order","order_in_process","text_order_in_process","renewed","text_renewed","replaced","text_replaced","blocked","text_blocked","expired","text_expired","new","text_new","unknown","text_unknown","cardStatusOverlayThemeMap","createElement","className","status","isCardBlocked"],"sources":["../../../../../src/extensions/payment-card/components/StatusOverlay.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { StatusIcon } from '../icons'\nimport P from '../../../elements/P'\n\ninterface Translations {\n  text_blocked: string\n  text_expired: string\n  text_not_active: string\n  text_new_order: string\n  text_order_in_process: string\n  text_replaced: string\n  text_renewed: string\n  text_new: string\n  text_unknown: string\n}\n\ninterface StatusOverlayProps {\n  cardStatus: string\n  translations: Translations\n  cardDesign: string\n}\n\nconst StatusOverlay: React.FC<StatusOverlayProps> = ({\n  cardStatus,\n  translations,\n  cardDesign,\n}) => {\n  const cardStatusMap: Record<string, string> = {\n    not_active: translations.text_not_active,\n    new_order: translations.text_new_order,\n    order_in_process: translations.text_order_in_process,\n    renewed: translations.text_renewed,\n    replaced: translations.text_replaced,\n    blocked: translations.text_blocked,\n    expired: translations.text_expired,\n    new: translations.text_new,\n    unknown: translations.text_unknown,\n  }\n\n  const cardStatusOverlayThemeMap: Record<string, string> = {\n    'card--design-default': 'light',\n    'card--design-business-no-visa': 'light',\n    'card--design-business-with-visa': 'light',\n    'card--design-ung': 'light',\n    'card--design-youth': 'light',\n    'card--design-my-first': 'light',\n    'card--design-sbanken-visa': 'light',\n    'card--design-pluss': 'dark',\n    'card--design-gold': 'dark',\n    'card--design-saga': 'dark',\n    'card--design-saga-platinum': 'dark',\n    'card--design-private': 'dark',\n    'card--design-black': 'dark',\n    'card--design-sbanken-mastercard': 'dark',\n  }\n\n  return cardStatusMap[cardStatus] ? (\n    <div className=\"dnb-payment-card__overlay\">\n      <div\n        className={classnames(\n          'dnb-payment-card__overlay__content',\n          `dnb-payment-card__overlay__content--${cardStatusOverlayThemeMap[cardDesign]}`\n        )}\n      >\n        <StatusIcon status={cardStatus} />\n        <P>{cardStatusMap[cardStatus]}</P>\n      </div>\n    </div>\n  ) : null\n}\n\nexport const isCardBlocked = (cardStatus: string): boolean => {\n  const cardStatusMap: Record<string, boolean> = {\n    not_active: true,\n    new_order: false,\n    order_in_process: false,\n    renewed: false,\n    replaced: false,\n    blocked: true,\n    expired: true,\n    new: false,\n    unknown: false,\n  }\n\n  return cardStatusMap[cardStatus]\n}\n\nexport default StatusOverlay\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,UAAU;AACrC,OAAOC,CAAC,MAAM,qBAAqB;AAoBnC,MAAMC,aAA2C,GAAGA,CAAC;EACnDC,UAAU;EACVC,YAAY;EACZC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAqC,GAAG;IAC5CC,UAAU,EAAEH,YAAY,CAACI,eAAe;IACxCC,SAAS,EAAEL,YAAY,CAACM,cAAc;IACtCC,gBAAgB,EAAEP,YAAY,CAACQ,qBAAqB;IACpDC,OAAO,EAAET,YAAY,CAACU,YAAY;IAClCC,QAAQ,EAAEX,YAAY,CAACY,aAAa;IACpCC,OAAO,EAAEb,YAAY,CAACc,YAAY;IAClCC,OAAO,EAAEf,YAAY,CAACgB,YAAY;IAClCC,GAAG,EAAEjB,YAAY,CAACkB,QAAQ;IAC1BC,OAAO,EAAEnB,YAAY,CAACoB;EACxB,CAAC;EAED,MAAMC,yBAAiD,GAAG;IACxD,sBAAsB,EAAE,OAAO;IAC/B,+BAA+B,EAAE,OAAO;IACxC,iCAAiC,EAAE,OAAO;IAC1C,kBAAkB,EAAE,OAAO;IAC3B,oBAAoB,EAAE,OAAO;IAC7B,uBAAuB,EAAE,OAAO;IAChC,2BAA2B,EAAE,OAAO;IACpC,oBAAoB,EAAE,MAAM;IAC5B,mBAAmB,EAAE,MAAM;IAC3B,mBAAmB,EAAE,MAAM;IAC3B,4BAA4B,EAAE,MAAM;IACpC,sBAAsB,EAAE,MAAM;IAC9B,oBAAoB,EAAE,MAAM;IAC5B,iCAAiC,EAAE;EACrC,CAAC;EAED,OAAOnB,aAAa,CAACH,UAAU,CAAC,GAC9BJ,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAC;EAA2B,GACxC5B,KAAA,CAAA2B,aAAA;IACEC,SAAS,4EAEgCF,yBAAyB,CAACpB,UAAU,CAAC;EAC5E,GAEFN,KAAA,CAAA2B,aAAA,CAAC1B,UAAU;IAAC4B,MAAM,EAAEzB;EAAW,CAAE,CAAC,EAClCJ,KAAA,CAAA2B,aAAA,CAACzB,CAAC,QAAEK,aAAa,CAACH,UAAU,CAAK,CAC9B,CACF,CAAC,GACJ,IAAI;AACV,CAAC;AAED,OAAO,MAAM0B,aAAa,GAAI1B,UAAkB,IAAc;EAC5D,MAAMG,aAAsC,GAAG;IAC7CC,UAAU,EAAE,IAAI;IAChBE,SAAS,EAAE,KAAK;IAChBE,gBAAgB,EAAE,KAAK;IACvBE,OAAO,EAAE,KAAK;IACdE,QAAQ,EAAE,KAAK;IACfE,OAAO,EAAE,IAAI;IACbE,OAAO,EAAE,IAAI;IACbE,GAAG,EAAE,KAAK;IACVE,OAAO,EAAE;EACX,CAAC;EAED,OAAOjB,aAAa,CAACH,UAAU,CAAC;AAClC,CAAC;AAED,eAAeD,aAAa","ignoreList":[]}

package/es/extensions/payment-card/icons/brandLogos/DNB.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _title;
+import React from 'react';
+const DNBLogoSVG = props => React.createElement("svg", _extends({
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "50",
+  height: "30",
+  viewBox: "16 0 50 30"
+}, props), _title || (_title = React.createElement("title", null, "DNB logo")), React.createElement("path", {
+  fill: props.fill,
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M27.2613 7.26662C26.3385 6.90674 25.3243 6.72408 24.2451 6.72408H19.5838C19.2978 6.72408 19.0645 6.94806 19.0645 7.2253V22.7743C19.0645 23.0505 19.2978 23.2758 19.5838 23.2758H24.2451C25.3243 23.2758 26.3385 23.0929 27.2613 22.733C28.3343 22.3155 29.246 21.6687 29.9694 20.8108C31.6147 18.8625 31.8602 16.3951 31.8615 15.0985C31.8615 13.9953 31.6769 11.2104 29.9694 9.18887C29.246 8.33116 28.3343 7.68443 27.2613 7.26662ZM24.245 21.7241H20.6639V8.27584H24.245C25.5612 8.27584 27.4055 8.59675 28.7289 10.1635C30.1515 11.8475 30.2615 14.3669 30.2615 15.0986C30.2615 16.1899 30.0624 18.2574 28.7289 19.8361C27.4055 21.4032 25.5612 21.7241 24.245 21.7241ZM52.6567 15.3049V21.7429H57.1327C61.5421 21.7429 61.5421 19.1859 61.5421 18.3451C61.5421 16.6033 59.9838 15.3049 57.7549 15.3049H52.6567ZM52.6567 8.26032H56.4412C57.778 8.26032 58.7769 8.47989 59.4088 8.91333C59.8231 9.19652 60.3712 9.73213 60.3712 11.1098C60.3712 13.5773 58.369 13.7687 57.755 13.7687H52.6567V8.26032ZM60.6318 14.4064L60.5459 14.3643L60.6184 14.303C61.2287 13.7816 61.9565 12.8032 61.9565 11.1098C61.9565 9.56169 61.4068 8.40022 60.323 7.65798C59.4049 7.02953 58.1353 6.7241 56.4413 6.7241H51.572C51.2883 6.7241 51.0585 6.94729 51.0572 7.22194V22.7812C51.0572 23.0559 51.2872 23.2758 51.5706 23.2758H57.1328C58.8847 23.2758 60.2878 22.9162 61.3039 22.1986C61.8933 21.7827 62.3476 21.2497 62.6537 20.6142C62.9675 19.9623 63.1269 19.2001 63.1269 18.3451C63.1269 17.0437 62.5559 15.7924 61.5193 14.9679C61.253 14.7563 60.9538 14.5673 60.6318 14.4064ZM47.3246 0V22.809C47.3246 23.0133 47.19 23.1901 46.9903 23.2575C46.8291 23.3119 46.6555 23.2094 46.5635 23.0886L36.1272 10.3251V30H34.5276V7.23253C34.5276 7.02822 34.6619 6.84848 34.8616 6.78383C34.9112 6.76883 34.9635 6.76055 35.0141 6.76055C35.1693 6.76055 35.3146 6.83193 35.4076 6.95426L45.725 19.6552V0H47.3246Z"
+}));
+export default DNBLogoSVG;
+//# sourceMappingURL=DNB.js.map

package/es/extensions/payment-card/icons/brandLogos/DNB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DNB.js","names":["React","DNBLogoSVG","props","createElement","_extends","fill","xmlns","width","height","viewBox","_title","d"],"sources":["../../../../../../src/extensions/payment-card/icons/brandLogos/DNB.tsx"],"sourcesContent":["import React from 'react'\n\nconst DNBLogoSVG = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"50\"\n    height=\"30\"\n    viewBox=\"16 0 50 30\"\n    {...props}\n  >\n    <title>DNB logo</title>\n    <path\n      fill={props.fill}\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M27.2613 7.26662C26.3385 6.90674 25.3243 6.72408 24.2451 6.72408H19.5838C19.2978 6.72408 19.0645 6.94806 19.0645 7.2253V22.7743C19.0645 23.0505 19.2978 23.2758 19.5838 23.2758H24.2451C25.3243 23.2758 26.3385 23.0929 27.2613 22.733C28.3343 22.3155 29.246 21.6687 29.9694 20.8108C31.6147 18.8625 31.8602 16.3951 31.8615 15.0985C31.8615 13.9953 31.6769 11.2104 29.9694 9.18887C29.246 8.33116 28.3343 7.68443 27.2613 7.26662ZM24.245 21.7241H20.6639V8.27584H24.245C25.5612 8.27584 27.4055 8.59675 28.7289 10.1635C30.1515 11.8475 30.2615 14.3669 30.2615 15.0986C30.2615 16.1899 30.0624 18.2574 28.7289 19.8361C27.4055 21.4032 25.5612 21.7241 24.245 21.7241ZM52.6567 15.3049V21.7429H57.1327C61.5421 21.7429 61.5421 19.1859 61.5421 18.3451C61.5421 16.6033 59.9838 15.3049 57.7549 15.3049H52.6567ZM52.6567 8.26032H56.4412C57.778 8.26032 58.7769 8.47989 59.4088 8.91333C59.8231 9.19652 60.3712 9.73213 60.3712 11.1098C60.3712 13.5773 58.369 13.7687 57.755 13.7687H52.6567V8.26032ZM60.6318 14.4064L60.5459 14.3643L60.6184 14.303C61.2287 13.7816 61.9565 12.8032 61.9565 11.1098C61.9565 9.56169 61.4068 8.40022 60.323 7.65798C59.4049 7.02953 58.1353 6.7241 56.4413 6.7241H51.572C51.2883 6.7241 51.0585 6.94729 51.0572 7.22194V22.7812C51.0572 23.0559 51.2872 23.2758 51.5706 23.2758H57.1328C58.8847 23.2758 60.2878 22.9162 61.3039 22.1986C61.8933 21.7827 62.3476 21.2497 62.6537 20.6142C62.9675 19.9623 63.1269 19.2001 63.1269 18.3451C63.1269 17.0437 62.5559 15.7924 61.5193 14.9679C61.253 14.7563 60.9538 14.5673 60.6318 14.4064ZM47.3246 0V22.809C47.3246 23.0133 47.19 23.1901 46.9903 23.2575C46.8291 23.3119 46.6555 23.2094 46.5635 23.0886L36.1272 10.3251V30H34.5276V7.23253C34.5276 7.02822 34.6619 6.84848 34.8616 6.78383C34.9112 6.76883 34.9635 6.76055 35.0141 6.76055C35.1693 6.76055 35.3146 6.83193 35.4076 6.95426L45.725 19.6552V0H47.3246Z\"\n    />\n  </svg>\n)\n\n\nexport default DNBLogoSVG\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,UAAU,GAAIC,KAAoC,IACtDF,KAAA,CAAAG,aAAA,QAAAC,QAAA;EACEC,IAAI,EAAC,MAAM;EACXC,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC;AAAY,GAChBP,KAAK,GAAAQ,MAAA,KAAAA,MAAA,GAETV,KAAA,CAAAG,aAAA,gBAAO,UAAe,CAAC,GACvBH,KAAA,CAAAG,aAAA;EACEE,IAAI,EAAEH,KAAK,CAACG,IAAK;EACjB,aAAU,SAAS;EACnB,aAAU,SAAS;EACnBM,CAAC,EAAC;AAA0yD,CAC7yD,CACE,CACN;AAGD,eAAeV,UAAU","ignoreList":[]}