@thecb/components 6.1.4-beta.4 → 6.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "6.1.4-beta.4",
+  "version": "6.1.4",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -86,6 +86,6 @@
     "ramda": "^0.27.0",
     "react-aria-modal": "^4.0.0",
     "react-pose": "^4.0.10",
-    "redux-freeform": "^5.6.0-beta.4"
+    "redux-freeform": "^5.5.0"
   }
 }

package/src/components/atoms/form-layouts/FormInput.js

@@ -114,7 +114,6 @@ const FormInput = ({
   customHeight,
   autocomplete,
   extraStyles,
-  removeFromValue,
   ...props
 }) => {
   const [showPassword, setShowPassword] = useState(false);
@@ -200,7 +199,7 @@ const FormInput = ({
               (field.dirty && field.hasErrors) ||
               (field.hasErrors && showErrors)
             }
-            onChange={e => console.log("e is", e) || fieldActions.set(e)}
+            onChange={e => fieldActions.set(e)}
             type={type}
             value={field.rawValue}
             pattern={isNum ? "[0-9]*" : ""}

package/src/components/molecules/payment-form-card/PaymentFormCard.state.js

@@ -6,8 +6,7 @@ import {
   matchesRegex,
   validateWhen,
   dateAfterToday,
-  isValidMonth,
-  onlyExpirationDate
+  isValidMonth
 } from "redux-freeform";
 
 //TODO: Will make zip code able to have more than 5 digits once we add in the FormattedInput because it will have issues with format of 60606-1111.
@@ -31,7 +30,7 @@ const formConfig = {
       isValidMonth(0),
       dateAfterToday("MMYY", "month", true)
     ],
-    constraints: [onlyExpirationDate(), hasLength(0, 5)]
+    constraints: [onlyIntegers(), hasLength(0, 4)]
   },
   cvv: {
     validators: [required(), hasLength(3, 4)],

package/src/components/molecules/periscope-dashboard-iframe/PeriscopeDashboardIframe.js

@@ -41,7 +41,8 @@ const PeriscopeDashboardIframe = ({
   periscopeDataSuccess,
   periscopeDataFailure,
   periscopeDataRequestSuccess,
-  periscopeDataRequestFailure
+  periscopeDataRequestFailure,
+  timerMS = 20000
 }) => {
   const [height, setHeight] = useState(0);
   let time = { timer: null };
@@ -51,7 +52,7 @@ const PeriscopeDashboardIframe = ({
       if (!periscopeDataSuccess) {
         periscopeDataRequestFailure();
       }
-    }, 10000);
+    }, timerMS);
     return () => clearTimeout(time.timer);
   }, [periscopeDataSuccess]);