@thecb/components 11.6.8-beta.0 → 11.6.8-beta.1

package/dist/index.cjs.js

@@ -26489,6 +26489,18 @@ var FormattedBankAccount = function FormattedBankAccount(_ref2) {
 };
 var FormattedBankAccount$1 = themeComponent(FormattedBankAccount, "FormattedBankAccount", fallbackValues$p);
 
+var iconMap = {
+  visa: VisaSmallIcon,
+  master_card: MasterCardSmallIcon,
+  discover: DiscoverSmallIcon,
+  amex: AmExSmallIcon
+};
+var CardType = function CardType(_ref) {
+  var type = _ref.type;
+  var IconComponent = iconMap[type] || GenericSmallIcon;
+  return /*#__PURE__*/React__default.createElement(IconComponent, null);
+};
+
 var textColor$2 = "".concat(CHARADE_GREY);
 var autopayTextColor$1 = "".concat(REGENT_GREY);
 var fallbackValues$q = {
@@ -26563,11 +26575,14 @@ var CCIconWrapper = styled__default.div.withConfig({
 })(["margin-right:16px;width:30px;height:auto;display:flex;"]);
 var FormattedCreditCard = function FormattedCreditCard(_ref) {
   var lastFour = _ref.lastFour,
+    type = _ref.type,
     autoPay = _ref.autoPay,
     expireDate = _ref.expireDate,
     expirationStatus = _ref.expirationStatus,
     themeValues = _ref.themeValues;
-  return /*#__PURE__*/React__default.createElement(CreditCardWrapper, null, /*#__PURE__*/React__default.createElement(CCIconWrapper, null, /*#__PURE__*/React__default.createElement(GenericCard, null)), /*#__PURE__*/React__default.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(CreditCardWrapper, null, /*#__PURE__*/React__default.createElement(CCIconWrapper, null, /*#__PURE__*/React__default.createElement(CardType, {
+    type: type
+  })), /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "0"
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "0"
@@ -47240,13 +47255,18 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
     backButtonTestId = _ref$backButtonTestId === void 0 ? null : _ref$backButtonTestId;
   var _useContext = React.useContext(styled.ThemeContext),
     isMobile = _useContext.isMobile;
-  var backButton = !!cancelURL && !!cancelText ? /*#__PURE__*/React__default.createElement(ButtonWithLink, {
+
+  // cancel URLs are external (back to client system)
+  var handleCancel = function handleCancel() {
+    window.location.href = cancelURL;
+  };
+  var backButton = !!cancelURL && !!cancelText ? /*#__PURE__*/React__default.createElement(ButtonWithAction, {
     text: cancelText,
-    url: cancelURL,
+    action: handleCancel,
     variant: backButtonVariant,
     extraStyles: isMobile && "flex-grow: 1",
     dataQa: backButtonTestId || cancelText,
-    "aria-labelledby": "".concat(kebabCaseString(cancelText), "-button"),
+    "aria-label": "".concat(cancelText, ", navigate back to previous site"),
     role: "link"
   }) : backButtonAction && /*#__PURE__*/React__default.createElement(ButtonWithAction, {
     text: "Back",
@@ -47254,7 +47274,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
     action: backButtonAction,
     extraStyles: isMobile && "flex-grow: 1",
     dataQa: "Back",
-    "aria-labelledby": "back-button",
+    "aria-label": "Back, navigate to previous page",
     role: "link"
   });
   var forwardButton = !!redirectURL ? /*#__PURE__*/React__default.createElement(ButtonWithLink, {
@@ -51598,6 +51618,7 @@ exports.ButtonWithAction = ButtonWithAction;
 exports.ButtonWithLink = ButtonWithLink;
 exports.CalendarIcon = CalendarIcon;
 exports.Card = Card$1;
+exports.CardType = CardType;
 exports.CaretArrowDown = CaretArrowDown$1;
 exports.CaretArrowUp = CaretArrowUp$1;
 exports.CarrotIcon = CarrotIcon$1;