UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

156 lines (155 loc) 6.01 kB
"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 _Bedrift2 = _interopRequireDefault(require("./loyaltyLogos/Bedrift.js")); var _Business2 = _interopRequireDefault(require("./loyaltyLogos/Business.js")); var _Corporate2 = _interopRequireDefault(require("./loyaltyLogos/Corporate.js")); var _Intro2 = _interopRequireDefault(require("./loyaltyLogos/Intro.js")); var _PB2 = _interopRequireDefault(require("./loyaltyLogos/PB.js")); var _Pluss2 = _interopRequireDefault(require("./loyaltyLogos/Pluss.js")); var _SagaGold2 = _interopRequireDefault(require("./loyaltyLogos/SagaGold.js")); var _SagaPlatinum2 = _interopRequireDefault(require("./loyaltyLogos/SagaPlatinum.js")); var _WorldElite2 = _interopRequireDefault(require("./loyaltyLogos/WorldElite.js")); var _BankAxept7 = _interopRequireDefault(require("./providers/BankAxept.js")); var _MastercardDefault2 = _interopRequireDefault(require("./providers/MastercardDefault.js")); var _MastercardDark2 = _interopRequireDefault(require("./providers/MastercardDark.js")); var _VisaDefault = _interopRequireDefault(require("./providers/VisaDefault.js")); var _VisaPlatinum2 = _interopRequireDefault(require("./providers/VisaPlatinum.js")); var _index = require("./status/index.js"); function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; } const BankLogo = ({ logoType }) => logoType.cata({ Colored: color => _react.default.createElement(_DNB.default, { fill: color, className: "dnb-payment-card__card__bank-logo" }), Sbanken: color => _react.default.createElement(_Sbanken.default, { fill: color, className: "dnb-payment-card__card__bank-logo" }) }); exports.BankLogo = BankLogo; const ProductLogo = ({ productType, cardDesign }) => { var _SagaGold, _SagaPlatinum, _Pluss, _Intro, _Business, _Bedrift, _Corporate, _WorldElite, _PB; 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 })), Corporate: () => _Corporate || (_Corporate = _react.default.createElement(_Corporate2.default, { className: id })), WorldElite: () => _WorldElite || (_WorldElite = _react.default.createElement(_WorldElite2.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 = ({ bankAxept, cardDesign }) => { var _BankAxept, _BankAxept2, _BankAxept3, _BankAxept4, _BankAxept5, _BankAxept6; 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: "#000000" })), Gold: () => _BankAxept6 || (_BankAxept6 = _react.default.createElement(_BankAxept7.default, { className: id, fill: "#CAAB51" })) }), Credit: () => null, None: () => null }); }; exports.BankAxeptLogo = BankAxeptLogo; const TypeLogo = ({ cardType, cardDesign }) => { var _VisaPlatinum, _MastercardDefault, _MastercardDark; 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