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

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TypeLogo = exports.StatusIcon = exports.ProductLogo = exports.BankLogo = exports.BankAxeptLogo = void 0;
var _react = _interopRequireDefault(require("react"));
var _BankAxept7 = _interopRequireDefault(require("./BankAxept"));
var _DNB = _interopRequireDefault(require("./DNB"));
var _icons = require("../../../icons");
var _MastercardDefault2 = _interopRequireDefault(require("./MastercardDefault"));
var _MastercardDark2 = _interopRequireDefault(require("./MastercardDark"));
var _Pluss2 = _interopRequireDefault(require("./Pluss"));
var _Intro2 = _interopRequireDefault(require("./Intro"));
var _Business2 = _interopRequireDefault(require("./Business"));
var _Bedrift2 = _interopRequireDefault(require("./Bedrift"));
var _PB2 = _interopRequireDefault(require("./PB"));
var _SagaGold2 = _interopRequireDefault(require("./SagaGold"));
var _SagaPlatinum2 = _interopRequireDefault(require("./SagaPlatinum"));
var _VisaDefault = _interopRequireDefault(require("./VisaDefault"));
var _VisaPlatinum2 = _interopRequireDefault(require("./VisaPlatinum"));
var _Sbanken = _interopRequireDefault(require("./Sbanken"));
var _Credit2 = _interopRequireDefault(require("./Credit"));
var _Credit, _Expired, _CardIn, _Blocked, _Hourglass, _CardIn2, _CardIn3, _QuestionMark;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const BankLogo = _ref => {
  let {
    logoType,
    height
  } = _ref;
  return logoType.cata({
    Colored: color => _react.default.createElement(_DNB.default, {
      height: height,
      fill: color,
      className: "dnb-payment-card__card__bank-logo"
    }),
    Sbanken: color => _react.default.createElement(_Sbanken.default, {
      height: height,
      fill: color,
      className: "dnb-payment-card__card__bank-logo"
    })
  });
};
exports.BankLogo = BankLogo;
const ProductLogo = _ref2 => {
  var _SagaGold, _SagaPlatinum, _Pluss, _Intro, _Business, _Bedrift, _PB;
  let {
    productType,
    cardDesign
  } = _ref2;
  const id = 'dnb-payment-card__card__product-type';
  return productType.cata({
    Saga: () => cardDesign.saga.cata({
      Gold: () => _SagaGold || (_SagaGold = _react.default.createElement(_SagaGold2.default, {
        className: id
      })),
      Platinum: () => _SagaPlatinum || (_SagaPlatinum = _react.default.createElement(_SagaPlatinum2.default, {
        className: id
      })),
      None: () => null
    }),
    Pluss: () => _Pluss || (_Pluss = _react.default.createElement(_Pluss2.default, {
      className: id
    })),
    Intro: () => _Intro || (_Intro = _react.default.createElement(_Intro2.default, {
      className: id
    })),
    Business: () => _Business || (_Business = _react.default.createElement(_Business2.default, {
      className: id
    })),
    Bedrift: () => _Bedrift || (_Bedrift = _react.default.createElement(_Bedrift2.default, {
      className: id
    })),
    PrivateBanking: () => cardDesign.privateBanking.cata({
      Default: () => _PB || (_PB = _react.default.createElement(_PB2.default, {
        className: id
      })),
      None: () => null
    }),
    None: () => null
  });
};
exports.ProductLogo = ProductLogo;
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.default.createElement(_BankAxept7.default, {
        className: id,
        fill: "#ffffff"
      })),
      Black20: () => _BankAxept2 || (_BankAxept2 = _react.default.createElement(_BankAxept7.default, {
        className: id,
        fill: "#cccccc"
      })),
      Gray: () => _BankAxept3 || (_BankAxept3 = _react.default.createElement(_BankAxept7.default, {
        className: id,
        fill: "#b2b4b3"
      })),
      GrayDark: () => _BankAxept4 || (_BankAxept4 = _react.default.createElement(_BankAxept7.default, {
        className: id,
        fill: "#55565A"
      })),
      Black: () => _BankAxept5 || (_BankAxept5 = _react.default.createElement(_BankAxept7.default, {
        className: id,
        fill: "#333333"
      })),
      Gold: () => _BankAxept6 || (_BankAxept6 = _react.default.createElement(_BankAxept7.default, {
        className: id,
        fill: "#BFA970"
      }))
    }),
    Credit: () => _Credit || (_Credit = _react.default.createElement(_Credit2.default, {
      className: 'dnb-payment-card__card__credit',
      fill: "#fff"
    })),
    None: () => null
  });
};
exports.BankAxeptLogo = BankAxeptLogo;
const StatusIcon = _ref4 => {
  let {
    status
  } = _ref4;
  switch (status) {
    case 'expired':
      return _Expired || (_Expired = _react.default.createElement(_icons.clock_medium, null));
    case 'not_active':
      return _CardIn || (_CardIn = _react.default.createElement(_icons.card_in_medium, null));
    case 'blocked':
      return _Blocked || (_Blocked = _react.default.createElement(_icons.padlock_medium, null));
    case 'order_in_process':
      return _Hourglass || (_Hourglass = _react.default.createElement(_icons.hourglass, null));
    case 'renewed':
      return _CardIn2 || (_CardIn2 = _react.default.createElement(_icons.card_in_medium, null));
    case 'replaced':
      return _CardIn3 || (_CardIn3 = _react.default.createElement(_icons.card_in_medium, null));
    case 'unknown':
      return _QuestionMark || (_QuestionMark = _react.default.createElement(_icons.question_medium, null));
    case 'active':
    default:
      return null;
  }
};
exports.StatusIcon = StatusIcon;
const TypeLogo = _ref5 => {
  var _VisaPlatinum, _MastercardDefault, _MastercardDark;
  let {
    cardType,
    cardDesign
  } = _ref5;
  const id = 'dnb-payment-card__card__credit-type';
  return cardType.cata({
    Visa: () => cardDesign.visa.cata({
      Colored: color => _react.default.createElement(_VisaDefault.default, {
        className: id,
        fill: color
      }),
      Platinum: () => _VisaPlatinum || (_VisaPlatinum = _react.default.createElement(_VisaPlatinum2.default, {
        className: id
      }))
    }),
    Mastercard: () => cardDesign.mastercard.cata({
      Default: () => _MastercardDefault || (_MastercardDefault = _react.default.createElement(_MastercardDefault2.default, {
        className: id
      })),
      Dark: () => _MastercardDark || (_MastercardDark = _react.default.createElement(_MastercardDark2.default, {
        className: id
      }))
    }),
    None: () => null
  });
};
exports.TypeLogo = TypeLogo;
//# sourceMappingURL=index.js.map