@bigbinary/neeto-themes-frontend 4.0.14 → 4.0.16

package/dist/cjs/NeetoThemesBuilder.js

@@ -9,7 +9,7 @@ var reactI18next = require('react-i18next');
 var utils = require('../index-BP-ka0mC.js');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
-var useThemeUtils = require('../useThemeUtils-BwChoJyP.js');
+var useThemeUtils = require('../useThemeUtils-Dc_sN2SE.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var classnames = require('classnames');
 var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
@@ -899,7 +899,8 @@ var TextBlock = function TextBlock(_ref) {
     type = _ref$type === void 0 ? "text" : _ref$type,
     value = _ref.value,
     onChange = _ref.onChange,
-    placeholder = _ref.placeholder;
+    placeholder = _ref.placeholder,
+    error = _ref.error;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex items-center justify-between",
     "data-testid": "theme-style-".concat(utils$1.joinHyphenCase(label)),
@@ -910,6 +911,7 @@ var TextBlock = function TextBlock(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "w-40",
       children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+        error: error,
         name: name,
         onChange: onChange,
         placeholder: placeholder,
@@ -938,7 +940,8 @@ var Properties = function Properties(_ref) {
     setThemeState = _useThemeStore.setThemeState;
   var _useFormikContext = formik.useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue,
-    values = _useFormikContext.values;
+    values = _useFormikContext.values,
+    errors = _useFormikContext.errors;
   var _useThemeUtils = useThemeUtils.useThemeUtils(),
     setVariable = _useThemeUtils.setVariable,
     setTheme = _useThemeUtils.setTheme;
@@ -1008,10 +1011,13 @@ var Properties = function Properties(_ref) {
       switch (kind) {
         case "text_input":
           {
+            var _errors$properties;
             var index = neetoCist.findIndexBy({
               key: key
             }, values.properties);
+            var error = errors === null || errors === void 0 || (_errors$properties = errors.properties) === null || _errors$properties === void 0 || (_errors$properties = _errors$properties[index]) === null || _errors$properties === void 0 ? void 0 : _errors$properties.value;
             return /*#__PURE__*/jsxRuntime.jsx(TextBlock, {
+              error: error,
               label: buildLabel(key, kind),
               name: "properties[".concat(index, "].value"),
               value: value || "",
@@ -1423,8 +1429,8 @@ var Customize = function Customize(_ref) {
       onSubmit: onSubmit
     },
     children: function children(_ref5) {
-      var _values$name;
       var dirty = _ref5.dirty,
+        isValid = _ref5.isValid,
         values = _ref5.values,
         setFieldValue = _ref5.setFieldValue;
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -1505,7 +1511,7 @@ var Customize = function Customize(_ref) {
             loading: isSubmitting,
             ref: submitBtnRef,
             type: "submit",
-            disabled: !dirty && (themeData === null || themeData === void 0 ? void 0 : themeData.id) || isSubmitting || neetoCist.isNotPresent(values === null || values === void 0 || (_values$name = values.name) === null || _values$name === void 0 ? void 0 : _values$name.trim())
+            disabled: !dirty && (themeData === null || themeData === void 0 ? void 0 : themeData.id) || isSubmitting || !isValid
           })]
         }), /*#__PURE__*/jsxRuntime.jsx(Popover, {
           appendTo: function appendTo() {