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

package/dist/index.cjs.js

@@ -6304,9 +6304,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) {
@@ -40380,21 +40380,6 @@ validatorFns[VALID_NAME] = (value, args, form) =>
     ? false
     : new RegExp(/[A-zÀ-ÿ\-,'\S]+(\s?[A-zÀ-ÿ\-,'\S])*/).test(value);
 
-const IS_NOT_AMEX_CARD = 'validator/IS_NOT_AMEX_CARD';
-const IS_NOT_AMEX_CARD_ERROR = 'validator/IS_NOT_AMEX_CARD_ERROR';
-const isNotAmExCard = createValidator(
-  IS_NOT_AMEX_CARD,
-  IS_NOT_AMEX_CARD_ERROR
-);
-/* This regular expression looks for values not starting with 34 or 37, and
- * reflects that the shortest credit card number we will see is 8 digits,
- * while the longest we'd see is 19 digits according to ansi.org. We want to
- * allow any number with a length in that range that is not an AmEx Card.
- * Source: https://www.ansi.org/standards-news/all-news/2016/07/announcing-major-changes-to-the-issuer-identification-number-iin-standard-28
- */
-validatorFns[IS_NOT_AMEX_CARD] = (value, args, form) =>
-  new RegExp(/^([^3]\d{7,18}|3[^47]\d{6,17})$/).test(value);
-
 const runValidatorErrorMessage = (type) =>
   `${type} was passed to runValidator, but that validator type does not exist. 
   Please check that you are only calling validator creator functions exported from 
@@ -49566,7 +49551,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");
@@ -50702,6 +50687,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"
@@ -50724,9 +50710,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__default.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__default.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",
@@ -50736,8 +50728,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__default.createElement(Cluster, {
+    role: role,
+    "aria-live": ariaLive
+  }, rest), /*#__PURE__*/React__default.createElement(Cluster, {
     align: "center",
     childGap: childGap,
     justify: "space-between"
@@ -50885,7 +50878,7 @@ var PopupMenuItemContainer = styled__default(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,
@@ -50901,7 +50894,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__default.createElement(PopupMenuItemContainer, _extends({
     id: id,
     role: "menuItem",