@bigbinary/neeto-themes-frontend 1.1.21 → 1.1.23

package/dist/index.cjs.js

@@ -78,7 +78,7 @@ var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
 /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
 var useConfigStore = zustand.create(reactUtils.withImmutableActions(function (set) {
   return {
-    themeConfig: {},
+    themeConfig: [],
     entityType: "",
     entityId: "",
     variableNamesMap: {},
@@ -617,6 +617,36 @@ var useCloneTheme = function useCloneTheme() {
   });
 };
 
+var root = document.querySelector(":root");
+var setVariable = function setVariable(name, value, variableNamesMap) {
+  var variableName = variableNamesMap[name];
+  if (!variableName) return;
+  root.style.setProperty(variableName, 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 (property.kind === "color") {
+      setVariable(attribute, hexToRgba(property.value), variableNamesMap);
+    } else if (property.kind === "overlay_opacity") {
+      var overlayOpacity = Number(property.value);
+      setVariable(neetoCist.snakeToCamelCase("".concat(property.key, "_overlay_opacity")), Math.abs(overlayOpacity / 100), variableNamesMap);
+      setVariable(neetoCist.snakeToCamelCase("".concat(property.key, "_overlay_color")), overlayOpacity < 0 ? BLACK : WHITE, variableNamesMap);
+    } else {
+      setVariable(attribute, property.value, variableNamesMap);
+    }
+  });
+  neetoCist.filterBy({
+    kind: "image"
+  }, themeConfig).forEach(function (_ref) {
+    var _theme$attribute;
+    var key = _ref.key;
+    var attribute = neetoCist.snakeToCamelCase(key);
+    setVariable(attribute, "url(".concat((_theme$attribute = theme[attribute]) === null || _theme$attribute === void 0 ? void 0 : _theme$attribute.url, ")"), variableNamesMap);
+  });
+};
+
 var list = function list() {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/theme/configs"));
 };
@@ -665,38 +695,15 @@ var useThemeUtils = function useThemeUtils() {
       isFetchingConfig: isFetchingConfig
     });
   }, [isFetchingConfig]);
-  var root = document.querySelector(":root");
-  var setVariable = function setVariable(name, value) {
-    var variableName = variableNamesMap[name];
-    if (!variableName) return;
-    root.style.setProperty(variableName, value);
+  var setVariable$1 = function setVariable$1(name, value) {
+    return setVariable(name, value, variableNamesMap);
   };
-  var setTheme = function setTheme(theme) {
-    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 (property.kind === "color") {
-        setVariable(attribute, hexToRgba(property.value));
-      } else if (property.kind === "overlay_opacity") {
-        var overlayOpacity = Number(property.value);
-        setVariable(neetoCist.snakeToCamelCase("".concat(property.key, "_overlay_opacity")), Math.abs(overlayOpacity / 100));
-        setVariable(neetoCist.snakeToCamelCase("".concat(property.key, "_overlay_color")), overlayOpacity < 0 ? BLACK : WHITE);
-      } else {
-        setVariable(attribute, property.value);
-      }
-    });
-    neetoCist.filterBy({
-      kind: "image"
-    }, themeConfig).forEach(function (_ref2) {
-      var _theme$attribute;
-      var key = _ref2.key;
-      var attribute = neetoCist.snakeToCamelCase(key);
-      setVariable(attribute, "url(".concat((_theme$attribute = theme[attribute]) === null || _theme$attribute === void 0 ? void 0 : _theme$attribute.url, ")"));
-    });
+  var setTheme$1 = function setTheme$1(theme) {
+    return setTheme(theme, variableNamesMap, themeConfig);
   };
   return {
-    setTheme: setTheme,
-    setVariable: setVariable,
+    setTheme: setTheme$1,
+    setVariable: setVariable$1,
     previewingTheme: previewingTheme,
     currentTheme: currentTheme,
     isFetchingConfig: isFetchingConfig
@@ -24269,5 +24276,6 @@ var css = ".neeto-themes__wrapper{display:flex;width:100%}.neeto-themes__wrapper
 n(css,{});
 
 exports.NeetoThemes = index;
+exports.setTheme = setTheme;
 exports.useThemeUtils = useThemeUtils;
 //# sourceMappingURL=index.cjs.js.map