@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
156 lines (155 loc) • 6.01 kB
JavaScript
;
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