@thecb/components 6.1.4-beta.2 → 6.1.4-beta.5

package/dist/index.esm.js

@@ -22542,7 +22542,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"];
+    _excluded2 = ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocomplete", "extraStyles", "removeFromValue"];
 var InputField = styled.input.withConfig({
   displayName: "FormInput__InputField",
   componentId: "sc-l094r1-0"
@@ -22626,6 +22626,7 @@ var FormInput = function FormInput(_ref15) {
       customHeight = _ref15.customHeight,
       autocomplete = _ref15.autocomplete,
       extraStyles = _ref15.extraStyles,
+      removeFromValue = _ref15.removeFromValue,
       props = _objectWithoutProperties(_ref15, _excluded2);
 
   var _useState = useState(false),
@@ -22636,6 +22637,14 @@ var FormInput = function FormInput(_ref15) {
   var _useContext = useContext(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.createElement(Stack, {
     childGap: "0.25rem"
   }, /*#__PURE__*/React.createElement(Box, {
@@ -22689,8 +22698,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(e) {
-      return fieldActions.set(e);
+    onChange: function onChange(value) {
+      return setValue(value);
     },
     type: type,
     value: field.rawValue,
@@ -22709,7 +22718,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 fieldActions.set(e.target.value);
+      return setValue(e.target.value);
     },
     type: type === "password" && showPassword ? "text" : type,
     value: field.rawValue,
@@ -35128,6 +35137,13 @@ const runValidator = (validator, value, form) => {
   if (validatorFn === undefined) {
     throw new Error(runValidatorErrorMessage(validator.type));
   }
+  console.log(
+    "run validator (validator, value, form):",
+    validator.type,
+    validator.args,
+    value,
+    form
+  );
   return validatorFn(value, validator.args, form) ? null : validator.error;
 };
 
@@ -42264,6 +42280,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     isNum: true,
+    removeFromValue: /\// // removes "/" from browser autofill
+    ,
     autocomplete: "cc-exp"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "CVV",