feat: live app configuration's mockups (#261)

* feat: implement new mockups for live card

src/generic/FieldFeedback.jsx

@@ -36,10 +36,10 @@ function FieldFeedback({
 }
 
 FieldFeedback.propTypes = {
-  errorMessage: PropTypes.string.isRequired,
-  feedbackMessage: PropTypes.string.isRequired,
   errorCondition: PropTypes.bool.isRequired,
-  feedbackCondition: PropTypes.bool.isRequired,
+  errorMessage: PropTypes.string,
+  feedbackMessage: PropTypes.string,
+  feedbackCondition: PropTypes.bool,
   feedbackClasses: PropTypes.string,
   transitionClasses: PropTypes.string,
 };
@@ -47,6 +47,9 @@ FieldFeedback.propTypes = {
 FieldFeedback.defaultProps = {
   feedbackClasses: '',
   transitionClasses: '',
+  feedbackMessage: '',
+  feedbackCondition: false,
+  errorMessage: '',
 };
 
 export default FieldFeedback;

src/generic/FormikControl.jsx

@@ -39,13 +39,19 @@ function FormikControl({
 
 FormikControl.propTypes = {
   name: PropTypes.element.isRequired,
-  label: PropTypes.element.isRequired,
-  help: PropTypes.element.isRequired,
-  className: PropTypes.string.isRequired,
+  label: PropTypes.element,
+  help: PropTypes.element,
+  className: PropTypes.string,
   value: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.number,
   ]).isRequired,
 };
 
+FormikControl.defaultProps = {
+  help: <></>,
+  label: <></>,
+  className: '',
+};
+
 export default FormikControl;