@dnb/eufemia/extensions/payment-card/icons/index.js

DNB Eufemia Design System UI Library

import React from 'react';
import DNB from './brandLogos/DNB';
import Sbanken from './brandLogos/Sbanken';
import Bedrift from './loyaltyLogos/Bedrift';
import Business from './loyaltyLogos/Business';
import Corporate from './loyaltyLogos/Corporate';
import Intro from './loyaltyLogos/Intro';
import PB from './loyaltyLogos/PB';
import Pluss from './loyaltyLogos/Pluss';
import SagaGold from './loyaltyLogos/SagaGold';
import SagaPlatinum from './loyaltyLogos/SagaPlatinum';
import WorldElite from './loyaltyLogos/WorldElite';
import BankAxept from './providers/BankAxept';
import MastercardDefault from './providers/MastercardDefault';
import MastercardDark from './providers/MastercardDark';
import VisaDefault from './providers/VisaDefault';
import VisaPlatinum from './providers/VisaPlatinum';
import { StatusIcon } from './status';
const BankLogo = _ref => {
  let {
    logoType
  } = _ref;
  return logoType.cata({
    Colored: color => React.createElement(DNB, {
      fill: color,
      className: "dnb-payment-card__card__bank-logo"
    }),
    Sbanken: color => React.createElement(Sbanken, {
      fill: color,
      className: "dnb-payment-card__card__bank-logo"
    })
  });
};
const ProductLogo = _ref2 => {
  var _SagaGold, _SagaPlatinum, _Pluss, _Intro, _Business, _Bedrift, _Corporate, _WorldElite, _PB;
  let {
    productType,
    cardDesign
  } = _ref2;
  const id = 'dnb-payment-card__card__product-type';
  return productType.cata({
    Saga: () => cardDesign.saga.cata({
      Gold: () => _SagaGold || (_SagaGold = React.createElement(SagaGold, {
        className: id
      })),
      Platinum: () => _SagaPlatinum || (_SagaPlatinum = React.createElement(SagaPlatinum, {
        className: id
      })),
      None: () => null
    }),
    Pluss: () => _Pluss || (_Pluss = React.createElement(Pluss, {
      className: id
    })),
    Intro: () => _Intro || (_Intro = React.createElement(Intro, {
      className: id
    })),
    Business: () => _Business || (_Business = React.createElement(Business, {
      className: id
    })),
    Bedrift: () => _Bedrift || (_Bedrift = React.createElement(Bedrift, {
      className: id
    })),
    Corporate: () => _Corporate || (_Corporate = React.createElement(Corporate, {
      className: id
    })),
    WorldElite: () => _WorldElite || (_WorldElite = React.createElement(WorldElite, {
      className: id
    })),
    PrivateBanking: () => cardDesign.privateBanking.cata({
      Default: () => _PB || (_PB = React.createElement(PB, {
        className: id
      })),
      None: () => null
    }),
    None: () => null
  });
};
const BankAxeptLogo = _ref3 => {
  var _BankAxept, _BankAxept2, _BankAxept3, _BankAxept4, _BankAxept5, _BankAxept6;
  let {
    bankAxept,
    cardDesign
  } = _ref3;
  const id = 'dnb-payment-card__card__bank-axept';
  return bankAxept.cata({
    BankAxept: () => cardDesign.bankAxept.cata({
      White: () => _BankAxept || (_BankAxept = React.createElement(BankAxept, {
        className: id,
        fill: "#FFFFFF"
      })),
      Black20: () => _BankAxept2 || (_BankAxept2 = React.createElement(BankAxept, {
        className: id,
        fill: "#CCCCCC"
      })),
      Gray: () => _BankAxept3 || (_BankAxept3 = React.createElement(BankAxept, {
        className: id,
        fill: "#b2b4b3"
      })),
      GrayDark: () => _BankAxept4 || (_BankAxept4 = React.createElement(BankAxept, {
        className: id,
        fill: "#55565A"
      })),
      Black: () => _BankAxept5 || (_BankAxept5 = React.createElement(BankAxept, {
        className: id,
        fill: "#000000"
      })),
      Gold: () => _BankAxept6 || (_BankAxept6 = React.createElement(BankAxept, {
        className: id,
        fill: "#CAAB51"
      }))
    }),
    Credit: () => null,
    None: () => null
  });
};
const TypeLogo = _ref4 => {
  var _VisaPlatinum, _MastercardDefault, _MastercardDark;
  let {
    cardType,
    cardDesign
  } = _ref4;
  const id = 'dnb-payment-card__card__credit-type';
  return cardType.cata({
    Visa: () => cardDesign.visa.cata({
      Colored: color => React.createElement(VisaDefault, {
        className: id,
        fill: color
      }),
      Platinum: () => _VisaPlatinum || (_VisaPlatinum = React.createElement(VisaPlatinum, {
        className: id
      }))
    }),
    Mastercard: () => cardDesign.mastercard.cata({
      Default: () => _MastercardDefault || (_MastercardDefault = React.createElement(MastercardDefault, {
        className: id
      })),
      Dark: () => _MastercardDark || (_MastercardDark = React.createElement(MastercardDark, {
        className: id
      }))
    }),
    None: () => null
  });
};
export { BankLogo, ProductLogo, StatusIcon, TypeLogo, BankAxeptLogo };
//# sourceMappingURL=index.js.map