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

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ProductLogo = exports.BankLogo = exports.BankAxeptLogo = void 0;
Object.defineProperty(exports, "StatusIcon", {
  enumerable: true,
  get: function () {
    return _index.StatusIcon;
  }
});
exports.TypeLogo = void 0;
var _react = _interopRequireDefault(require("react"));
var _DNB = _interopRequireDefault(require("./brandLogos/DNB.js"));
var _Sbanken = _interopRequireDefault(require("./brandLogos/Sbanken.js"));
var _Bedrift = _interopRequireDefault(require("./loyaltyLogos/Bedrift.js"));
var _Business = _interopRequireDefault(require("./loyaltyLogos/Business.js"));
var _Corporate = _interopRequireDefault(require("./loyaltyLogos/Corporate.js"));
var _Intro = _interopRequireDefault(require("./loyaltyLogos/Intro.js"));
var _PB = _interopRequireDefault(require("./loyaltyLogos/PB.js"));
var _Pluss = _interopRequireDefault(require("./loyaltyLogos/Pluss.js"));
var _SagaGold = _interopRequireDefault(require("./loyaltyLogos/SagaGold.js"));
var _SagaPlatinum = _interopRequireDefault(require("./loyaltyLogos/SagaPlatinum.js"));
var _WorldElite = _interopRequireDefault(require("./loyaltyLogos/WorldElite.js"));
var _BankAxept = _interopRequireDefault(require("./providers/BankAxept.js"));
var _MastercardDefault = _interopRequireDefault(require("./providers/MastercardDefault.js"));
var _MastercardDark = _interopRequireDefault(require("./providers/MastercardDark.js"));
var _VisaDefault = _interopRequireDefault(require("./providers/VisaDefault.js"));
var _VisaPlatinum = _interopRequireDefault(require("./providers/VisaPlatinum.js"));
var _index = require("./status/index.js");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const BankLogo = ({
  logoType
}) => {
  switch (logoType.tag) {
    case 'Colored':
      return (0, _jsxRuntime.jsx)(_DNB.default, {
        fill: logoType.color,
        className: "dnb-payment-card__card__bank-logo"
      });
    case 'Sbanken':
      return (0, _jsxRuntime.jsx)(_Sbanken.default, {
        fill: logoType.color,
        className: "dnb-payment-card__card__bank-logo"
      });
  }
};
exports.BankLogo = BankLogo;
const ProductLogo = ({
  productType,
  cardDesign
}) => {
  const id = 'dnb-payment-card__card__product-type';
  switch (productType.tag) {
    case 'Saga':
      switch (cardDesign.saga.tag) {
        case 'Gold':
          return (0, _jsxRuntime.jsx)(_SagaGold.default, {
            className: id
          });
        case 'Platinum':
          return (0, _jsxRuntime.jsx)(_SagaPlatinum.default, {
            className: id
          });
        case 'None':
          return null;
      }
      return null;
    case 'Pluss':
      return (0, _jsxRuntime.jsx)(_Pluss.default, {
        className: id
      });
    case 'Intro':
      return (0, _jsxRuntime.jsx)(_Intro.default, {
        className: id
      });
    case 'Business':
      return (0, _jsxRuntime.jsx)(_Business.default, {
        className: id
      });
    case 'Bedrift':
      return (0, _jsxRuntime.jsx)(_Bedrift.default, {
        className: id
      });
    case 'Corporate':
      return (0, _jsxRuntime.jsx)(_Corporate.default, {
        className: id
      });
    case 'WorldElite':
      return (0, _jsxRuntime.jsx)(_WorldElite.default, {
        className: id
      });
    case 'PrivateBanking':
      switch (cardDesign.privateBanking.tag) {
        case 'Default':
          return (0, _jsxRuntime.jsx)(_PB.default, {
            className: id
          });
        case 'None':
          return null;
      }
      return null;
    case 'None':
      return null;
  }
};
exports.ProductLogo = ProductLogo;
const BankAxeptLogo = ({
  bankAxept,
  cardDesign
}) => {
  const id = 'dnb-payment-card__card__bank-axept';
  switch (bankAxept.tag) {
    case 'BankAxept':
      switch (cardDesign.bankAxept.tag) {
        case 'White':
          return (0, _jsxRuntime.jsx)(_BankAxept.default, {
            className: id,
            fill: "#FFFFFF"
          });
        case 'Black20':
          return (0, _jsxRuntime.jsx)(_BankAxept.default, {
            className: id,
            fill: "#CCCCCC"
          });
        case 'Gray':
          return (0, _jsxRuntime.jsx)(_BankAxept.default, {
            className: id,
            fill: "#b2b4b3"
          });
        case 'GrayDark':
          return (0, _jsxRuntime.jsx)(_BankAxept.default, {
            className: id,
            fill: "#55565A"
          });
        case 'Black':
          return (0, _jsxRuntime.jsx)(_BankAxept.default, {
            className: id,
            fill: "#000000"
          });
        case 'Gold':
          return (0, _jsxRuntime.jsx)(_BankAxept.default, {
            className: id,
            fill: "#CAAB51"
          });
      }
      return null;
    case 'Credit':
      return null;
    case 'None':
      return null;
  }
};
exports.BankAxeptLogo = BankAxeptLogo;
const TypeLogo = ({
  cardType,
  cardDesign
}) => {
  const id = 'dnb-payment-card__card__credit-type';
  switch (cardType.tag) {
    case 'Visa':
      switch (cardDesign.visa.tag) {
        case 'Colored':
          return (0, _jsxRuntime.jsx)(_VisaDefault.default, {
            className: id,
            fill: cardDesign.visa.color
          });
        case 'Platinum':
          return (0, _jsxRuntime.jsx)(_VisaPlatinum.default, {
            className: id
          });
      }
      return null;
    case 'Mastercard':
      switch (cardDesign.mastercard.tag) {
        case 'Default':
          return (0, _jsxRuntime.jsx)(_MastercardDefault.default, {
            className: id
          });
        case 'Dark':
          return (0, _jsxRuntime.jsx)(_MastercardDark.default, {
            className: id
          });
      }
      return null;
    case 'None':
      return null;
  }
};
exports.TypeLogo = TypeLogo;
//# sourceMappingURL=index.js.map