@bigbinary/neeto-themes-frontend 2.0.6 → 2.0.8

package/dist/index.cjs.js

@@ -214,10 +214,35 @@ var setVariable = function setVariable(name, value, variableNamesMap) {
   if (!variableName) return;
   root.style.setProperty(variableName, value);
 };
+var isPropertyIndependent = function isPropertyIndependent(key, theme, schema) {
+  var property = neetoCist.findBy({
+    key: key
+  }, schema);
+  if (neetoCist.isNotPresent(property)) return false;
+  var conditionalKey = property === null || property === void 0 ? void 0 : property.dependsOn;
+  if (neetoCist.isNotPresent(conditionalKey)) return true;
+  var dependentPropertySchema = neetoCist.findBy({
+    key: conditionalKey
+  }, schema);
+  var dependentProperty = neetoCist.findBy({
+    key: conditionalKey
+  }, theme.properties);
+  if (dependentPropertySchema.kind === "image") {
+    var _theme$snakeToCamelCa;
+    return neetoCist.isPresent((_theme$snakeToCamelCa = theme[neetoCist.snakeToCamelCase(conditionalKey)]) === null || _theme$snakeToCamelCa === void 0 ? void 0 : _theme$snakeToCamelCa.url);
+  } else if (dependentPropertySchema.kind === "boolean") {
+    return (dependentProperty === null || dependentProperty === void 0 ? void 0 : dependentProperty.value) !== "false";
+  }
+  return neetoCist.isPresent(dependentProperty === null || dependentProperty === void 0 ? void 0 : dependentProperty.value);
+};
 var setTheme = function setTheme(theme, variableNamesMap, themeConfig) {
   if (neetoCist.isNotPresent(theme === null || theme === void 0 ? void 0 : theme.properties)) return;
   theme.properties.forEach(function (property) {
     var attribute = neetoCist.snakeToCamelCase(property.key);
+    if (!isPropertyIndependent(property.key, theme, themeConfig)) {
+      setVariable(attribute, "", variableNamesMap);
+      return;
+    }
     if (property.kind === "color") {
       setVariable(attribute, hexToRgba(property.value), variableNamesMap);
     } else if (property.kind === "overlay_opacity") {
@@ -1967,15 +1992,17 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
   react.useEffect(function () {
     if (neetoCist.isNotPresent(currentTheme)) return;
     setThemeState({
-      currentTheme: currentTheme,
-      isCurrentThemeLoading: isCurrentThemeLoading,
       previewingTheme: currentTheme
     });
-  }, [currentTheme, isCurrentThemeLoading]);
+    setTheme(currentTheme);
+  }, [isLoading, entityId]);
   react.useEffect(function () {
     if (neetoCist.isNotPresent(currentTheme)) return;
-    setTheme(currentTheme);
-  }, [currentTheme, entityId]);
+    setThemeState({
+      currentTheme: currentTheme,
+      isCurrentThemeLoading: isCurrentThemeLoading
+    });
+  }, [currentTheme, isCurrentThemeLoading]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-themes__wrapper",
     children: [/*#__PURE__*/jsxRuntime.jsx(Sidebar, {