@bigbinary/neeto-themes-frontend 4.0.14 → 4.0.15

package/app/javascript/src/translations/en.json

@@ -104,6 +104,10 @@
         }
       }
     },
+    "validations": {
+      "invalidUrl": "Please enter a valid URL",
+      "nameRequired": "Name is required"
+    },
     "form": {
       "build": {
         "logoPosition": "Logo position",

package/dist/NeetoThemesBuilder.js

@@ -7,7 +7,7 @@ import { useTranslation, Trans } from 'react-i18next';
 import { B as BASE_URL, b as scrollElementIntoView, c as setCustomCSS, g as getDominantColorFromUrl, i as isEditThemeRoute, d as isFunction, e as isNewThemeRoute } from './index-JpAFUrB8.js';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import axios from 'axios';
-import { Q as QUERY_KEYS, a as useConfigStore, b as useThemeStore, u as useThemeUtils, P as POSITION_OPTIONS, H as HUNDRED, O as OVERLAY_OPACITY_SLIDER_MARKS, F as FONT_OPTIONS, T as THEME_VALIDATION_SCHEMA } from './useThemeUtils-0tkceuqS.js';
+import { Q as QUERY_KEYS, a as useConfigStore, b as useThemeStore, u as useThemeUtils, P as POSITION_OPTIONS, H as HUNDRED, O as OVERLAY_OPACITY_SLIDER_MARKS, F as FONT_OPTIONS, T as THEME_VALIDATION_SCHEMA } from './useThemeUtils-BaUtDOWd.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classnames from 'classnames';
 import { joinHyphenCase, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
@@ -897,7 +897,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__*/jsxs("div", {
     className: "flex items-center justify-between",
     "data-testid": "theme-style-".concat(joinHyphenCase(label)),
@@ -908,6 +909,7 @@ var TextBlock = function TextBlock(_ref) {
     }), /*#__PURE__*/jsx("div", {
       className: "w-40",
       children: /*#__PURE__*/jsx(Input, {
+        error: error,
         name: name,
         onChange: onChange,
         placeholder: placeholder,
@@ -936,7 +938,8 @@ var Properties = function Properties(_ref) {
     setThemeState = _useThemeStore.setThemeState;
   var _useFormikContext = useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue,
-    values = _useFormikContext.values;
+    values = _useFormikContext.values,
+    errors = _useFormikContext.errors;
   var _useThemeUtils = useThemeUtils(),
     setVariable = _useThemeUtils.setVariable,
     setTheme = _useThemeUtils.setTheme;
@@ -1006,10 +1009,13 @@ var Properties = function Properties(_ref) {
       switch (kind) {
         case "text_input":
           {
+            var _errors$properties;
             var index = 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__*/jsx(TextBlock, {
+              error: error,
               label: buildLabel(key, kind),
               name: "properties[".concat(index, "].value"),
               value: value || "",
@@ -1421,8 +1427,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__*/jsxs("div", {
@@ -1503,7 +1509,7 @@ var Customize = function Customize(_ref) {
             loading: isSubmitting,
             ref: submitBtnRef,
             type: "submit",
-            disabled: !dirty && (themeData === null || themeData === void 0 ? void 0 : themeData.id) || isSubmitting || 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__*/jsx(Popover, {
           appendTo: function appendTo() {