@thecb/components 10.6.6-beta.5 → 10.6.7-beta.0

package/dist/index.esm.js

@@ -6296,9 +6296,9 @@ var displayCardBrand = function displayCardBrand(number) {
     return "Mastercard";
   } else if (/^4/.test(number)) {
     return "Visa";
-  } else if (/^3[4,7]\d{13}$/.test(number)) {
+  } else if (/^3[4,7]/.test(number)) {
     return "American Express";
-  } else return "Unknown";
+  } else return "Unknown Card";
 };
 var checkDeniedCards = function checkDeniedCards(name) {
   switch (name) {
@@ -49543,7 +49543,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     }
   }, []);
   var nameOnCardErrors = _defineProperty({}, required.error, "Name is required");
-  var creditCardNumberErrors = _defineProperty(_defineProperty(_defineProperty({}, required.error, "Credit card number is required"), hasLength.error, "Credit card number is invalid"), matchesRegex.error, "".concat(displayCardBrand(fields.creditCardNumber.rawValue), " cards are not available for payment"));
+  var creditCardNumberErrors = _defineProperty(_defineProperty(_defineProperty({}, required.error, "Credit card number is required"), hasLength.error, "Credit card number is invalid"), matchesRegex.error, "".concat(displayCardBrand(fields.creditCardNumber.rawValue), " is not accepted"));
   var expirationDateErrors = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, required.error, "Expiration date is required"), hasLength.error, "Expiration date is invalid"), isValidMonth.error, "Expiration month is invalid"), dateAfterToday.error, "Expiration date is invalid");
   var cvvErrors = _defineProperty(_defineProperty({}, required.error, "CVV is required"), hasLength.error, "CVV is invalid");
   var zipCodeErrors = _defineProperty(_defineProperty({}, required.error, "Zip code is required"), hasLength.error, "Zip code is invalid");
@@ -50679,6 +50679,7 @@ var Timeout = function Timeout(_ref) {
 };
 var Timeout$1 = withWindowSize(Timeout);
 
+var _excluded$F = ["variant", "message", "toastOpen", "closeToastNotification", "extraStyles", "minWidth", "maxWidth", "height", "childGap", "backgroundColor", "role", "ariaLive"];
 var VARIANTS = {
   SUCCESS: "success",
   ERROR: "error"
@@ -50701,9 +50702,15 @@ var ToastNotification = function ToastNotification(_ref) {
     childGap = _ref$childGap === void 0 ? "1rem" : _ref$childGap,
     backgroundColor = _ref.backgroundColor,
     _ref$role = _ref.role,
-    role = _ref$role === void 0 ? "alert" : _ref$role;
-  return /*#__PURE__*/React.createElement(Box, {
+    role = _ref$role === void 0 ? "alert" : _ref$role,
+    _ref$ariaLive = _ref.ariaLive,
+    ariaLive = _ref$ariaLive === void 0 ? "polite" : _ref$ariaLive,
+    rest = _objectWithoutProperties(_ref, _excluded$F);
+  return /*#__PURE__*/React.createElement(Box, _extends({
     onClick: closeToastNotification,
+    onKeyDown: function onKeyDown(e) {
+      return e.key === "Enter" && closeToastNotification();
+    },
     background: backgroundColor ? backgroundColor : variant === VARIANTS.SUCCESS ? HINT_GREEN : variant === VARIANTS.ERROR ? ERROR_BACKGROUND_COLOR : WHITE,
     minWidth: minWidth,
     minHeight: height && parseInt(height) < 100 ? height : "100px",
@@ -50713,8 +50720,9 @@ var ToastNotification = function ToastNotification(_ref) {
     borderRadius: "4px",
     boxShadow: generateShadows().standard.base,
     extraStyles: "\n      display: ".concat(toastOpen ? "block" : "none", ";\n      position: fixed; bottom: 4rem; left: 4rem;\n      ").concat(extraStyles, ";\n      cursor: pointer;\n    "),
-    role: role
-  }, /*#__PURE__*/React.createElement(Cluster, {
+    role: role,
+    "aria-live": ariaLive
+  }, rest), /*#__PURE__*/React.createElement(Cluster, {
     align: "center",
     childGap: childGap,
     justify: "space-between"
@@ -50862,7 +50870,7 @@ var PopupMenuItemContainer = styled(ButtonWithAction).withConfig({
   return "\n    background-color: ".concat(isDeleteAction ? theme.menuItemHoverBackgroundColorDelete : theme.menuItemHoverBackgroundColor, ";\n  ");
 });
 
-var _excluded$F = ["id", "closeMenuCallback", "action", "themeValues", "text", "hasIcon", "isDeleteAction", "icon", "textExtraStyles", "hoverStyles", "activeStyles", "extraStyles"];
+var _excluded$G = ["id", "closeMenuCallback", "action", "themeValues", "text", "hasIcon", "isDeleteAction", "icon", "textExtraStyles", "hoverStyles", "activeStyles", "extraStyles"];
 var PopupMenuItem = function PopupMenuItem(_ref) {
   var id = _ref.id,
     closeMenuCallback = _ref.closeMenuCallback,
@@ -50878,7 +50886,7 @@ var PopupMenuItem = function PopupMenuItem(_ref) {
     hoverStyles = _ref.hoverStyles,
     activeStyles = _ref.activeStyles,
     extraStyles = _ref.extraStyles,
-    rest = _objectWithoutProperties(_ref, _excluded$F);
+    rest = _objectWithoutProperties(_ref, _excluded$G);
   return /*#__PURE__*/React.createElement(PopupMenuItemContainer, _extends({
     id: id,
     role: "menuItem",