@thecb/components 5.0.0 → 5.2.2

package/dist/index.cjs.js

@@ -12549,7 +12549,7 @@ var ButtonWithAction = function ButtonWithAction(_ref2) {
     activeStyles: activeStyles,
     disabledStyles: disabledStyles,
     as: "button",
-    onClick: !isLoading && action,
+    onClick: isLoading ? undefined : action,
     borderRadius: "2px",
     theme: themeContext,
     extraStyles: "margin: 0.5rem; ".concat(extraStyles),
@@ -15273,6 +15273,24 @@ var WarningIconXS = function WarningIconXS() {
   })))));
 };
 
+var CashIcon = function CashIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "36",
+    height: "24",
+    fill: "none",
+    viewBox: "0 0 36 24"
+  }, /*#__PURE__*/React__default.createElement("rect", {
+    width: "36",
+    height: "24",
+    fill: "#E8FFEF",
+    rx: "1"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: "#317D4F",
+    d: "M17.178 5.464v1.372c-1.799.294-3.115 1.407-3.094 3.08.021 1.645 1.05 2.597 2.611 2.884l1.617.308c.924.182 1.365.406 1.365 1.085 0 .609-.553 1.092-1.484 1.092-1.036 0-1.743-.455-1.932-1.267l-2.478.021c.175 1.834 1.414 2.8 3.374 3.038v1.197h2.023V17.07c1.876-.266 3.024-1.33 3.024-2.877 0-1.617-.798-2.751-2.702-3.178l-1.603-.357c-.994-.231-1.267-.497-1.267-1.029 0-.546.511-1.015 1.596-1.015 1.015 0 1.302.511 1.393 1.267l2.415-.014c.05-1.484-1.043-2.695-2.835-3.024V5.464h-2.023z"
+  }));
+};
+
 var color$2 = "#15749D";
 var hoverColor$1 = "#116285";
 var activeColor$1 = "#0E506D";
@@ -19270,15 +19288,12 @@ var DropdownIcon = function DropdownIcon() {
     transform: "translate(1 1)"
   }, /*#__PURE__*/React__default.createElement("g", {
     fillRule: "evenodd",
-    fill: "none",
-    id: "Symbols_1548197283918"
+    fill: "none"
   }, /*#__PURE__*/React__default.createElement("g", {
     fill: "#333",
-    transform: "translate(-155 -22)",
-    id: "Dropdown/Closed_1548197283918"
+    transform: "translate(-155 -22)"
   }, /*#__PURE__*/React__default.createElement("polygon", {
     points: "165.59 22.59 161 27.17 156.41 22.59 155 24 161 30 167 24",
-    id: "Path_1548197283918",
     vectorEffect: "non-scaling-stroke"
   })))));
 };
@@ -33446,6 +33461,33 @@ validatorFns[DATE_AFTER_TODAY] = (value, args, form) => {
   return dateValue.isAfter(now, unit);
 };
 
+const IS_VALID_MONTH = "validator/IS_VALID_MONTH";
+const IS_VALID_MONTH_ERROR = "error/IS_VALID_MONTH";
+const isValidMonth = createValidator(
+  IS_VALID_MONTH,
+  IS_VALID_MONTH_ERROR
+);
+validatorFns[IS_VALID_MONTH] = (value, args, form) => {
+  if (value === "") {
+    return true;
+  }
+  // Function takes one argument representing the character position
+  // In a date string to identify where the month is
+  // Eg "10/21/2021" - start position is 0
+  // Or "18/03/1990" - start position is 3
+  // Only works with two digit months (01, 02, 03, etc)
+  const monthStartPosition = parseInt(args[0]);
+  const monthEndPosition = monthStartPosition + 2;
+  if (monthStartPosition === NaN) {
+    throw new Error("Month start position has to be a valid integer string");
+  }
+  const month = parseInt(value.slice(monthStartPosition, monthEndPosition));
+  if (month === NaN) {
+    return false;
+  }
+  return month >= 1 && month <= 12;
+};
+
 const MATCHES_REGEX = "validator/MATCHES_REGEX";
 const MATCHES_REGEX_ERROR = "error/MATCHES_REGEX";
 const matchesRegex = createValidator(MATCHES_REGEX, MATCHES_REGEX_ERROR);
@@ -40205,7 +40247,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
   var nameOnCardErrors = _defineProperty({}, required.error, "Name is required");
 
   var creditCardNumberErrors = (_creditCardNumberErro = {}, _defineProperty(_creditCardNumberErro, required.error, "Credit card number is required"), _defineProperty(_creditCardNumberErro, hasLength.error, "Credit card number is invalid"), _defineProperty(_creditCardNumberErro, matchesRegex.error, "".concat(displayCardBrand(fields.creditCardNumber.rawValue), " is not accepted")), _creditCardNumberErro);
-  var expirationDateErrors = (_expirationDateErrors = {}, _defineProperty(_expirationDateErrors, required.error, "Expiration date is required"), _defineProperty(_expirationDateErrors, hasLength.error, "Expiration date is invalid"), _defineProperty(_expirationDateErrors, dateAfterToday.error, "Expiration date is invalid"), _expirationDateErrors);
+  var expirationDateErrors = (_expirationDateErrors = {}, _defineProperty(_expirationDateErrors, required.error, "Expiration date is required"), _defineProperty(_expirationDateErrors, hasLength.error, "Expiration date is invalid"), _defineProperty(_expirationDateErrors, isValidMonth.error, "Expiration month is invalid"), _defineProperty(_expirationDateErrors, dateAfterToday.error, "Expiration date is invalid"), _expirationDateErrors);
   var cvvErrors = (_cvvErrors = {}, _defineProperty(_cvvErrors, required.error, "CVV is required"), _defineProperty(_cvvErrors, hasLength.error, "CVV is invalid"), _cvvErrors);
   var zipCodeErrors = (_zipCodeErrors = {}, _defineProperty(_zipCodeErrors, required.error, "Zip code is required"), _defineProperty(_zipCodeErrors, hasLength.error, "Zip code is invalid"), _zipCodeErrors);
 
@@ -40311,7 +40353,7 @@ var formConfig$8 = {
     constraints: [onlyIntegers(), hasLength(0, 16)]
   },
   expirationDate: {
-    validators: [required(), hasLength(4, 4), dateAfterToday("MMYY", "month", true)],
+    validators: [required(), hasLength(4, 4), isValidMonth(0), dateAfterToday("MMYY", "month", true)],
     constraints: [onlyIntegers(), hasLength(0, 4)]
   },
   cvv: {
@@ -41604,6 +41646,7 @@ exports.ButtonWithAction = ButtonWithAction;
 exports.ButtonWithLink = ButtonWithLink;
 exports.CalendarIcon = CalendarIcon;
 exports.CarrotIcon = CarrotIcon$1;
+exports.CashIcon = CashIcon;
 exports.Center = Center;
 exports.CenterSingle = CenterSingle$1;
 exports.CenterStack = CenterStack$1;