@thecb/components 11.6.7 → 11.6.8-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +17 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +17 -2
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/card-type/CardType.js +20 -0
- package/src/components/atoms/card-type/index.js +3 -0
- package/src/components/atoms/formatted-credit-card/FormattedCreditCard.js +3 -2
- package/src/components/atoms/index.js +1 -0
- package/src/components/.DS_Store +0 -0
package/dist/index.cjs.js
CHANGED
|
@@ -26489,6 +26489,18 @@ var FormattedBankAccount = function FormattedBankAccount(_ref2) {
|
|
|
26489
26489
|
};
|
|
26490
26490
|
var FormattedBankAccount$1 = themeComponent(FormattedBankAccount, "FormattedBankAccount", fallbackValues$p);
|
|
26491
26491
|
|
|
26492
|
+
var iconMap = {
|
|
26493
|
+
visa: VisaSmallIcon,
|
|
26494
|
+
master_card: MasterCardSmallIcon,
|
|
26495
|
+
discover: DiscoverSmallIcon,
|
|
26496
|
+
amex: AmExSmallIcon
|
|
26497
|
+
};
|
|
26498
|
+
var CardType = function CardType(_ref) {
|
|
26499
|
+
var type = _ref.type;
|
|
26500
|
+
var IconComponent = iconMap[type] || GenericSmallIcon;
|
|
26501
|
+
return /*#__PURE__*/React__default.createElement(IconComponent, null);
|
|
26502
|
+
};
|
|
26503
|
+
|
|
26492
26504
|
var textColor$2 = "".concat(CHARADE_GREY);
|
|
26493
26505
|
var autopayTextColor$1 = "".concat(REGENT_GREY);
|
|
26494
26506
|
var fallbackValues$q = {
|
|
@@ -26563,11 +26575,14 @@ var CCIconWrapper = styled__default.div.withConfig({
|
|
|
26563
26575
|
})(["margin-right:16px;width:30px;height:auto;display:flex;"]);
|
|
26564
26576
|
var FormattedCreditCard = function FormattedCreditCard(_ref) {
|
|
26565
26577
|
var lastFour = _ref.lastFour,
|
|
26578
|
+
type = _ref.type,
|
|
26566
26579
|
autoPay = _ref.autoPay,
|
|
26567
26580
|
expireDate = _ref.expireDate,
|
|
26568
26581
|
expirationStatus = _ref.expirationStatus,
|
|
26569
26582
|
themeValues = _ref.themeValues;
|
|
26570
|
-
return /*#__PURE__*/React__default.createElement(CreditCardWrapper, null, /*#__PURE__*/React__default.createElement(CCIconWrapper, null, /*#__PURE__*/React__default.createElement(
|
|
26583
|
+
return /*#__PURE__*/React__default.createElement(CreditCardWrapper, null, /*#__PURE__*/React__default.createElement(CCIconWrapper, null, /*#__PURE__*/React__default.createElement(CardType, {
|
|
26584
|
+
type: type
|
|
26585
|
+
})), /*#__PURE__*/React__default.createElement(Stack, {
|
|
26571
26586
|
childGap: "0"
|
|
26572
26587
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
26573
26588
|
padding: "0"
|
|
@@ -51603,6 +51618,7 @@ exports.ButtonWithAction = ButtonWithAction;
|
|
|
51603
51618
|
exports.ButtonWithLink = ButtonWithLink;
|
|
51604
51619
|
exports.CalendarIcon = CalendarIcon;
|
|
51605
51620
|
exports.Card = Card$1;
|
|
51621
|
+
exports.CardType = CardType;
|
|
51606
51622
|
exports.CaretArrowDown = CaretArrowDown$1;
|
|
51607
51623
|
exports.CaretArrowUp = CaretArrowUp$1;
|
|
51608
51624
|
exports.CarrotIcon = CarrotIcon$1;
|