@thecb/components 6.1.4-beta.6 → 6.1.4

package/dist/index.cjs.js

@@ -22550,7 +22550,7 @@ var fallbackValues$i = {
 };
 
 var _excluded$p = ["showErrors", "themeValues"],
-    _excluded2 = ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocomplete", "extraStyles", "removeFromValue"];
+    _excluded2 = ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocomplete", "extraStyles"];
 var InputField = styled__default.input.withConfig({
   displayName: "FormInput__InputField",
   componentId: "sc-l094r1-0"
@@ -22634,7 +22634,6 @@ var FormInput = function FormInput(_ref15) {
       customHeight = _ref15.customHeight,
       autocomplete = _ref15.autocomplete,
       extraStyles = _ref15.extraStyles,
-      removeFromValue = _ref15.removeFromValue,
       props = _objectWithoutProperties(_ref15, _excluded2);
 
   var _useState = React.useState(false),
@@ -22645,14 +22644,6 @@ var FormInput = function FormInput(_ref15) {
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
 
-  var setValue = function setValue(value) {
-    if (removeFromValue !== undefined) {
-      return fieldActions.set(value.replace(removeFromValue, ""));
-    }
-
-    return fieldActions.set(value);
-  };
-
   return /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "0.25rem"
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -22706,8 +22697,8 @@ var FormInput = function FormInput(_ref15) {
     "aria-labelledby": createIdFromString(labelTextWhenNoError),
     "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
     "aria-invalid": field.dirty && field.hasErrors || field.hasErrors && showErrors,
-    onChange: function onChange(value) {
-      return setValue(value);
+    onChange: function onChange(e) {
+      return fieldActions.set(e);
     },
     type: type,
     value: field.rawValue,
@@ -22726,7 +22717,7 @@ var FormInput = function FormInput(_ref15) {
     "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
     "aria-invalid": field.dirty && field.hasErrors || field.hasErrors && showErrors,
     onChange: function onChange(e) {
-      return setValue(e.target.value);
+      return fieldActions.set(e.target.value);
     },
     type: type === "password" && showPassword ? "text" : type,
     value: field.rawValue,
@@ -34739,24 +34730,6 @@ const ONLY_NATURALS_ERROR = "error/ONLY_NATURALS";
 const onlyNaturals = createValidator(ONLY_NATURALS, ONLY_NATURALS_ERROR);
 validatorFns[ONLY_NATURALS] = (value, args, form) => /^(\d+)?$/.test(value);
 
-/* 
-07/22: experimental expiration date constraint
-should allow entry of expiration date using "/" character
-to accommodate browser autofill
-
-not tested as validation function
-to validate exp date instead use combo of:
-required(), hasLength(), isValidMonth(), dateAfterToday()
-*/
-const ONLY_EXPIRATION_DATE = "validator/ONLY_EXPIRATION_DATE";
-const ONLY_EXPIRATION_DATE_ERROR = "error/ONLY_EXPIRATION_DATE";
-const onlyExpirationDate = createValidator(
-  ONLY_EXPIRATION_DATE,
-  ONLY_EXPIRATION_DATE_ERROR
-);
-validatorFns[ONLY_EXPIRATION_DATE] = (value, args, form) =>
-  /^(\d?\d?\/?\d?\d?)?$/.test(value);
-
 const NUMBER_LESS_THAN = "validator/NUMBER_LESS_THAN";
 const NUMBER_LESS_THAN_ERROR = "error/NUMBER_LESS_THAN";
 const numberLessThan = createValidator(
@@ -42274,8 +42247,6 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     isNum: true,
-    removeFromValue: /\// // removes "/" from browser autofill
-    ,
     autocomplete: "cc-exp"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "CVV",
@@ -42328,7 +42299,7 @@ var formConfig$8 = {
   },
   expirationDate: {
     validators: [required(), hasLength(4, 4), isValidMonth(0), dateAfterToday("MMYY", "month", true)],
-    constraints: [onlyExpirationDate(), hasLength(0, 4)]
+    constraints: [onlyIntegers(), hasLength(0, 4)]
   },
   cvv: {
     validators: [required(), hasLength(3, 4)],
@@ -43372,7 +43343,9 @@ var PeriscopeDashboardIframe = function PeriscopeDashboardIframe(_ref) {
       periscopeDataSuccess = _ref.periscopeDataSuccess,
       periscopeDataFailure = _ref.periscopeDataFailure,
       periscopeDataRequestSuccess = _ref.periscopeDataRequestSuccess,
-      periscopeDataRequestFailure = _ref.periscopeDataRequestFailure;
+      periscopeDataRequestFailure = _ref.periscopeDataRequestFailure,
+      _ref$timerMS = _ref.timerMS,
+      timerMS = _ref$timerMS === void 0 ? 20000 : _ref$timerMS;
 
   var _useState = React.useState(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -43387,7 +43360,7 @@ var PeriscopeDashboardIframe = function PeriscopeDashboardIframe(_ref) {
       if (!periscopeDataSuccess) {
         periscopeDataRequestFailure();
       }
-    }, 10000);
+    }, timerMS);
     return function () {
       return clearTimeout(time.timer);
     };