@bigbinary/neeto-themes-frontend 3.1.18 → 3.1.19

package/dist/cjs/NeetoThemesBuilder.js

@@ -823,6 +823,16 @@ var Properties = function Properties(_ref) {
     return function (_ref2) {
       var hex = _ref2.hex,
         rgb = _ref2.rgb;
+      if (name === "background_color") {
+        var _findBy, _values$backgroundIma;
+        var isDominantBackgroundColorEnabled = ((_findBy = neetoCist.findBy({
+          key: "is_dominant_background_color_enabled"
+        }, values.properties)) === null || _findBy === void 0 ? void 0 : _findBy.value) === "true";
+        var hasImageWithDominantColor = values === null || values === void 0 || (_values$backgroundIma = values.backgroundImage) === null || _values$backgroundIma === void 0 ? void 0 : _values$backgroundIma.dominantColor;
+        if (isDominantBackgroundColorEnabled && hasImageWithDominantColor) {
+          return;
+        }
+      }
       handleChange(name, hex, "".concat(rgb.r, ", ").concat(rgb.g, ", ").concat(rgb.b, ", ").concat(rgb.a));
     };
   };
@@ -858,14 +868,14 @@ var Properties = function Properties(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: buildProperties(values === null || values === void 0 ? void 0 : values.properties, condition, themePropertiesSchema).sort(function (a, b) {
       var order = function order(key) {
-        var _findBy;
-        return ((_findBy = neetoCist.findBy({
+        var _findBy2;
+        return ((_findBy2 = neetoCist.findBy({
           key: key
-        }, themePropertiesSchema)) === null || _findBy === void 0 ? void 0 : _findBy.order) || Infinity;
+        }, themePropertiesSchema)) === null || _findBy2 === void 0 ? void 0 : _findBy2.order) || Infinity;
       };
       return order(a.key) - order(b.key);
     }).map(function (_ref3) {
-      var _findBy2;
+      var _findBy3;
       var key = _ref3.key,
         value = _ref3.value,
         kind = _ref3.kind;
@@ -888,9 +898,9 @@ var Properties = function Properties(_ref) {
           return /*#__PURE__*/jsxRuntime.jsx(ColorBlock, {
             color: value,
             label: buildLabel(key, kind),
-            showTransparencyControl: ((_findBy2 = neetoCist.findBy({
+            showTransparencyControl: ((_findBy3 = neetoCist.findBy({
               key: key
-            }, themePropertiesSchema)) === null || _findBy2 === void 0 ? void 0 : _findBy2.showTransparencyControl) || false,
+            }, themePropertiesSchema)) === null || _findBy3 === void 0 ? void 0 : _findBy3.showTransparencyControl) || false,
             onChange: handleColorChange(key)
           }, key);
         case "radius":
@@ -916,13 +926,13 @@ var Properties = function Properties(_ref) {
           }, key);
         case "position_selector":
           {
-            var _findBy3;
+            var _findBy4;
             var index = neetoCist.findIndexBy({
               key: key
             }, values.properties);
-            var options = (_findBy3 = neetoCist.findBy({
+            var options = (_findBy4 = neetoCist.findBy({
               key: key
-            }, themePropertiesSchema)) === null || _findBy3 === void 0 || (_findBy3 = _findBy3.options) === null || _findBy3 === void 0 ? void 0 : _findBy3.map(neetoCist.toLabelAndValue);
+            }, themePropertiesSchema)) === null || _findBy4 === void 0 || (_findBy4 = _findBy4.options) === null || _findBy4 === void 0 ? void 0 : _findBy4.map(neetoCist.toLabelAndValue);
             return /*#__PURE__*/jsxRuntime.jsx(SelectBlock, {
               label: buildLabel(key, kind),
               options: options || useThemeUtils.POSITION_OPTIONS,