@bigbinary/neeto-themes-frontend 1.1.23 → 1.1.25

package/dist/index.js

@@ -4,7 +4,7 @@ import React__default, { useEffect, forwardRef, useImperativeHandle, Fragment, u
 import i18next, { t as t$6 } from 'i18next';
 import { withImmutableActions, useMutationWithInvalidation, useDebounce, useFuncDebounce, withT, withTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Spinner$1 from '@bigbinary/neetoui/Spinner';
-import { create as create$3 } from 'zustand';
+import { create as create$2 } from 'zustand';
 import { isNotPresent, snakeToCamelCase, filterBy, isPresent, isNot, findBy, noop as noop$3, keysToCamelCase, findIndexBy, toLabelAndValue, humanize, isNotEmpty } from '@bigbinary/neeto-cist';
 import Alert from '@bigbinary/neetoui/Alert';
 import { useTranslation, Trans } from 'react-i18next';
@@ -33,19 +33,19 @@ import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import Tag from '@bigbinary/neetoui/Tag';
 
 /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
-var useConfigStore = create$3(withImmutableActions(function (set) {
+var useConfigStore = create$2(withImmutableActions(function (set) {
   return {
-    themeConfig: [],
+    themePropertiesSchema: [],
     entityType: "",
     entityId: "",
     variableNamesMap: {},
-    isFetchingConfig: true,
+    isFetchingSchema: true,
     setConfigState: set
   };
 }));
 
 /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
-var useThemeStore = create$3(withImmutableActions(function (set) {
+var useThemeStore = create$2(withImmutableActions(function (set) {
   return {
     currentTheme: {},
     isCurrentThemeLoading: true,
@@ -479,22 +479,16 @@ var WHITE = "255, 255, 255";
 var BLACK = "0, 0, 0";
 
 var show$1 = function show(entityId) {
-  return axios.get("".concat(BASE_URL, "/api/v1/theme/entities/").concat(entityId));
-};
-var create$2 = function create(payload) {
-  return axios.post("".concat(BASE_URL, "/api/v1/theme/entities"), {
-    entity: payload
-  });
+  return axios.get("".concat(BASE_URL, "/api/v1/entities/").concat(entityId));
 };
 var entitiesApi = {
-  show: show$1,
-  create: create$2
+  show: show$1
 };
 
 var QUERY_KEYS$1 = {
   THEMES_LIST: "themes-list",
   THEME_DETAILS: "theme-details",
-  CONFIG_DETAILS: "config-details"
+  SCHEMA_DETAILS: "schema-details"
 };
 
 var useShowThemeEntity = function useShowThemeEntity(entityId) {
@@ -504,14 +498,37 @@ var useShowThemeEntity = function useShowThemeEntity(entityId) {
     enabled: !!entityId
   });
 };
-var useCreateThemeEntity = function useCreateThemeEntity(_ref) {
-  var onSuccess = _ref.onSuccess;
-  return useMutationWithInvalidation(entitiesApi.create, {
-    keysToInvalidate: [QUERY_KEYS$1.THEMES_LIST, QUERY_KEYS$1.THEME_ENTITY_DETAILS],
-    onSuccess: onSuccess
-  });
-};
 
+function _objectWithoutPropertiesLoose$6(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties$6(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose$6(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var _excluded$9 = ["themeId"];
 var list$1 = function list() {
   return axios.get("".concat(BASE_URL, "/api/v1/themes"));
 };
@@ -536,13 +553,21 @@ var destroy = function destroy(id) {
 var clone = function clone(id) {
   return axios.post("".concat(BASE_URL, "/api/v1/themes/").concat(id, "/clone"));
 };
+var apply = function apply(_ref2) {
+  var themeId = _ref2.themeId,
+    payload = _objectWithoutProperties$6(_ref2, _excluded$9);
+  return axios.post("".concat(BASE_URL, "/api/v1/themes/").concat(themeId, "/apply"), {
+    entity: payload
+  });
+};
 var themesApi = {
   list: list$1,
   show: show,
   create: create$1,
   update: update$1,
   destroy: destroy,
-  clone: clone
+  clone: clone,
+  apply: apply
 };
 
 var useListThemes = function useListThemes() {
@@ -573,6 +598,13 @@ var useCloneTheme = function useCloneTheme() {
     keysToInvalidate: [QUERY_KEYS$1.THEMES_LIST]
   });
 };
+var useApplyTheme = function useApplyTheme(_ref) {
+  var onSuccess = _ref.onSuccess;
+  return useMutationWithInvalidation(themesApi.apply, {
+    keysToInvalidate: [QUERY_KEYS$1.THEMES_LIST, QUERY_KEYS$1.THEME_ENTITY_DETAILS],
+    onSuccess: onSuccess
+  });
+};
 
 var root = document.querySelector(":root");
 var setVariable = function setVariable(name, value, variableNamesMap) {
@@ -605,15 +637,15 @@ var setTheme = function setTheme(theme, variableNamesMap, themeConfig) {
 };
 
 var list = function list() {
-  return axios.get("".concat(BASE_URL, "/api/v1/theme/configs"));
+  return axios.get("".concat(BASE_URL, "/api/v1/schema"));
 };
-var configsApi = {
+var schemasApi = {
   list: list
 };
 
-var useListConfigs = function useListConfigs(_ref) {
+var useListSchema = function useListSchema(_ref) {
   var onSuccess = _ref.onSuccess;
-  return useQuery(QUERY_KEYS$1.CONFIG_DETAILS, configsApi.list, {
+  return useQuery(QUERY_KEYS$1.SCHEMA_DETAILS, schemasApi.list, {
     onSuccess: onSuccess
   });
 };
@@ -628,42 +660,42 @@ var useThemeUtils = function useThemeUtils() {
     }, shallow),
     previewingTheme = _useThemeStore.previewingTheme,
     currentTheme = _useThemeStore.currentTheme;
-  var _useListConfigs = useListConfigs({
+  var _useListSchema = useListSchema({
       onSuccess: function onSuccess(_ref) {
-        var _ref$config = _ref.config,
-          themeConfig = _ref$config === void 0 ? [] : _ref$config,
+        var _ref$schema = _ref.schema,
+          themePropertiesSchema = _ref$schema === void 0 ? [] : _ref$schema,
           _ref$variableNamesMap = _ref.variableNamesMap,
           variableNamesMap = _ref$variableNamesMap === void 0 ? {} : _ref$variableNamesMap;
         return setConfigState({
-          themeConfig: themeConfig,
+          themePropertiesSchema: themePropertiesSchema,
           variableNamesMap: variableNamesMap
         });
       }
     }),
-    isFetchingConfig = _useListConfigs.isLoading,
-    _useListConfigs$data = _useListConfigs.data,
-    _useListConfigs$data2 = _useListConfigs$data === void 0 ? {} : _useListConfigs$data,
-    _useListConfigs$data3 = _useListConfigs$data2.config,
-    themeConfig = _useListConfigs$data3 === void 0 ? [] : _useListConfigs$data3,
-    _useListConfigs$data4 = _useListConfigs$data2.variableNamesMap,
-    variableNamesMap = _useListConfigs$data4 === void 0 ? {} : _useListConfigs$data4;
+    isFetchingSchema = _useListSchema.isLoading,
+    _useListSchema$data = _useListSchema.data,
+    _useListSchema$data2 = _useListSchema$data === void 0 ? {} : _useListSchema$data,
+    _useListSchema$data2$ = _useListSchema$data2.schema,
+    themePropertiesSchema = _useListSchema$data2$ === void 0 ? [] : _useListSchema$data2$,
+    _useListSchema$data2$2 = _useListSchema$data2.variableNamesMap,
+    variableNamesMap = _useListSchema$data2$2 === void 0 ? {} : _useListSchema$data2$2;
   useEffect(function () {
     return setConfigState({
-      isFetchingConfig: isFetchingConfig
+      isFetchingSchema: isFetchingSchema
     });
-  }, [isFetchingConfig]);
+  }, [isFetchingSchema]);
   var setVariable$1 = function setVariable$1(name, value) {
     return setVariable(name, value, variableNamesMap);
   };
   var setTheme$1 = function setTheme$1(theme) {
-    return setTheme(theme, variableNamesMap, themeConfig);
+    return setTheme(theme, variableNamesMap, themePropertiesSchema);
   };
   return {
     setTheme: setTheme$1,
     setVariable: setVariable$1,
     previewingTheme: previewingTheme,
     currentTheme: currentTheme,
-    isFetchingConfig: isFetchingConfig
+    isFetchingSchema: isFetchingSchema
   };
 };
 
@@ -784,11 +816,11 @@ var OVERLAY_OPACITY_SLIDER_MARKS = {
 };
 var HUNDRED = 100;
 
-var buildInitialValues = function buildInitialValues(theme, themeConfig) {
+var buildInitialValues = function buildInitialValues(theme, themePropertiesSchema) {
   if (isPresent(theme)) return theme;
   return {
     name: t$6("neetoThemes.build.leftSideBar.themes.createTheme.newThemeName"),
-    properties: themeConfig.map(function (_ref) {
+    properties: themePropertiesSchema.map(function (_ref) {
       var key = _ref.key,
         kind = _ref.kind,
         defaultValue = _ref.defaultValue;
@@ -835,27 +867,27 @@ var buildInitialValues = function buildInitialValues(theme, themeConfig) {
     }).filter(isNot(null))
   };
 };
-var buildImageData = function buildImageData(values, themeConfig) {
+var buildImageData = function buildImageData(values, themePropertiesSchema) {
   return filterBy({
     kind: "image"
-  }, themeConfig).reduce(function (acc, item) {
+  }, themePropertiesSchema).reduce(function (acc, item) {
     var _values$snakeToCamelC;
     var signedId = (_values$snakeToCamelC = values[snakeToCamelCase(item.key)]) === null || _values$snakeToCamelC === void 0 ? void 0 : _values$snakeToCamelC.signedId;
     acc[item.key] = signedId;
     return acc;
   }, {});
 };
-var isPropertyVisible = function isPropertyVisible(key, formikValues, themeConfig) {
+var isPropertyVisible = function isPropertyVisible(key, formikValues, themePropertiesSchema) {
   var _findBy;
   var property = findBy({
     key: key
-  }, themeConfig);
+  }, themePropertiesSchema);
   if (isNotPresent(property)) return false;
   var conditionalKey = property === null || property === void 0 ? void 0 : property.dependsOn;
   if (isNotPresent(conditionalKey)) return true;
   var dependentProperty = findBy({
     key: conditionalKey
-  }, themeConfig);
+  }, themePropertiesSchema);
   if (dependentProperty.kind === "image") {
     var _formikValues$snakeTo;
     return isPresent((_formikValues$snakeTo = formikValues[snakeToCamelCase(conditionalKey)]) === null || _formikValues$snakeTo === void 0 ? void 0 : _formikValues$snakeTo.url);
@@ -2790,9 +2822,9 @@ function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) {
 
 function _defineProperty$1$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _objectWithoutProperties$1$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$6(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$1$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$5(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _objectWithoutPropertiesLoose$6(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose$5(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * Convenience wrapper component for the `useDropzone` hook
  *
@@ -6183,7 +6215,7 @@ var _reactInfiniteScroller2 = _interopRequireDefault(_reactInfiniteScroller);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _objectWithoutProperties$6(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+function _objectWithoutProperties$5(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
 function _classCallCheck$4(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -6287,7 +6319,7 @@ var MasonryInfiniteScroller = (_temp2 = _class = function (_Component) {
           _props.packed;
           _props.position;
           _props.sizes;
-          var props = _objectWithoutProperties$6(_props, ['children', 'className', 'style', 'pack', 'packed', 'position', 'sizes']);
+          var props = _objectWithoutProperties$5(_props, ['children', 'className', 'style', 'pack', 'packed', 'position', 'sizes']);
 
       return _react2.default.createElement(
         _reactInfiniteScroller2.default,
@@ -13866,7 +13898,7 @@ function supportRef$3(nodeOrComponent) {
 }
 /* eslint-enable */
 
-function _objectWithoutPropertiesLoose$5(source, excluded) {
+function _objectWithoutPropertiesLoose$4(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -13879,9 +13911,9 @@ function _objectWithoutPropertiesLoose$5(source, excluded) {
   return target;
 }
 
-function _objectWithoutProperties$5(source, excluded) {
+function _objectWithoutProperties$4(source, excluded) {
   if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose$5(source, excluded);
+  var target = _objectWithoutPropertiesLoose$4(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -13899,7 +13931,7 @@ var _excluded$7 = ["children"];
 var Context$1 = /*#__PURE__*/React.createContext({});
 function MotionProvider(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties$5(_ref, _excluded$7);
+    props = _objectWithoutProperties$4(_ref, _excluded$7);
   return /*#__PURE__*/React.createElement(Context$1.Provider, {
     value: props
   }, children);
@@ -14712,7 +14744,7 @@ function genCSSMotionList$1(transitionSupport) {
           children = _this$props.children,
           _onVisibleChanged = _this$props.onVisibleChanged,
           onAllRemoved = _this$props.onAllRemoved,
-          restProps = _objectWithoutProperties$5(_this$props, _excluded$6);
+          restProps = _objectWithoutProperties$4(_this$props, _excluded$6);
         var Component = component || React.Fragment;
         var motionProps = {};
         MOTION_PROP_NAMES$1.forEach(function (prop) {
@@ -14722,7 +14754,7 @@ function genCSSMotionList$1(transitionSupport) {
         delete restProps.keys;
         return /*#__PURE__*/React.createElement(Component, restProps, keyEntities.map(function (_ref2, index) {
           var status = _ref2.status,
-            eventProps = _objectWithoutProperties$5(_ref2, _excluded2$1);
+            eventProps = _objectWithoutProperties$4(_ref2, _excluded2$1);
           var visible = status === STATUS_ADD$1 || status === STATUS_KEEP$1;
           return /*#__PURE__*/React.createElement(CSSMotion, _extends$6({}, motionProps, {
             key: eventProps.key,
@@ -16510,7 +16542,7 @@ function supportRef$1(nodeOrComponent) {
 }
 /* eslint-enable */
 
-function _objectWithoutPropertiesLoose$4(source, excluded) {
+function _objectWithoutPropertiesLoose$3(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -16523,9 +16555,9 @@ function _objectWithoutPropertiesLoose$4(source, excluded) {
   return target;
 }
 
-function _objectWithoutProperties$4(source, excluded) {
+function _objectWithoutProperties$3(source, excluded) {
   if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose$4(source, excluded);
+  var target = _objectWithoutPropertiesLoose$3(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -17461,7 +17493,7 @@ function genCSSMotionList(transitionSupport) {
           children = _this$props.children,
           _onVisibleChanged = _this$props.onVisibleChanged,
           onAllRemoved = _this$props.onAllRemoved,
-          restProps = _objectWithoutProperties$4(_this$props, _excluded$5);
+          restProps = _objectWithoutProperties$3(_this$props, _excluded$5);
         var Component = component || React.Fragment;
         var motionProps = {};
         MOTION_PROP_NAMES.forEach(function (prop) {
@@ -17471,7 +17503,7 @@ function genCSSMotionList(transitionSupport) {
         delete restProps.keys;
         return /*#__PURE__*/React.createElement(Component, restProps, keyEntities.map(function (_ref2) {
           var status = _ref2.status,
-            eventProps = _objectWithoutProperties$4(_ref2, _excluded2);
+            eventProps = _objectWithoutProperties$3(_ref2, _excluded2);
           var visible = status === STATUS_ADD || status === STATUS_KEEP;
           return /*#__PURE__*/React.createElement(CSSMotion$1, _extends$4({}, motionProps, {
             key: eventProps.key,
@@ -17995,7 +18027,7 @@ function _slicedToArray$2(arr, i) {
   return _arrayWithHoles$2(arr) || _iterableToArrayLimit$2(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$2();
 }
 
-function _objectWithoutPropertiesLoose$3(source, excluded) {
+function _objectWithoutPropertiesLoose$2(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -18008,9 +18040,9 @@ function _objectWithoutPropertiesLoose$3(source, excluded) {
   return target;
 }
 
-function _objectWithoutProperties$3(source, excluded) {
+function _objectWithoutProperties$2(source, excluded) {
   if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose$3(source, excluded);
+  var target = _objectWithoutPropertiesLoose$2(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -19984,7 +20016,7 @@ function generateTrigger() {
       maskAnimation = props.maskAnimation,
       className = props.className,
       getTriggerDOMNode = props.getTriggerDOMNode,
-      restProps = _objectWithoutProperties$3(props, _excluded$4);
+      restProps = _objectWithoutProperties$2(props, _excluded$4);
     var mergedAutoDestroy = autoDestroy || destroyPopupOnHide || false;
 
     // =========================== Mobile ===========================
@@ -20531,7 +20563,7 @@ function _objectSpread2$1(target) {
   return target;
 }
 
-function _objectWithoutPropertiesLoose$2(source, excluded) {
+function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -20544,9 +20576,9 @@ function _objectWithoutPropertiesLoose$2(source, excluded) {
   return target;
 }
 
-function _objectWithoutProperties$2(source, excluded) {
+function _objectWithoutProperties$1(source, excluded) {
   if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose$2(source, excluded);
+  var target = _objectWithoutPropertiesLoose$1(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -20676,7 +20708,7 @@ var Tooltip$2 = function Tooltip(props, ref) {
     id = props.id,
     _props$showArrow = props.showArrow,
     showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
-    restProps = _objectWithoutProperties$2(props, _excluded$3);
+    restProps = _objectWithoutProperties$1(props, _excluded$3);
   var triggerRef = useRef(null);
   useImperativeHandle(ref, function () {
     return triggerRef.current;
@@ -21600,7 +21632,7 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _objectWithoutPropertiesLoose$1(source, excluded) {
+function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -21613,9 +21645,9 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   return target;
 }
 
-function _objectWithoutProperties$1(source, excluded) {
+function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose$1(source, excluded);
+  var target = _objectWithoutPropertiesLoose(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -21672,7 +21704,7 @@ var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     render = props.render,
     dragging = props.dragging,
     onOffsetChange = props.onOffsetChange,
-    restProps = _objectWithoutProperties$1(props, _excluded$2);
+    restProps = _objectWithoutProperties(props, _excluded$2);
   var _React$useContext = React.useContext(SliderContext),
     min = _React$useContext.min,
     max = _React$useContext.max,
@@ -21782,7 +21814,7 @@ var Handles = /*#__PURE__*/React.forwardRef(function (props, ref) {
     values = props.values,
     handleRender = props.handleRender,
     draggingIndex = props.draggingIndex,
-    restProps = _objectWithoutProperties$1(props, _excluded$1);
+    restProps = _objectWithoutProperties(props, _excluded$1);
   var handlesRef = React.useRef({});
   React.useImperativeHandle(ref, function () {
     return {
@@ -23325,42 +23357,13 @@ var SliderBlock = function SliderBlock(_ref) {
   });
 };
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
 var _excluded = ["label", "name"];
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty$9(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SwitchBlock = function SwitchBlock(_ref) {
   var label = _ref.label,
     name = _ref.name,
-    switchProps = _objectWithoutProperties(_ref, _excluded);
+    switchProps = _objectWithoutProperties$6(_ref, _excluded);
   return /*#__PURE__*/jsxs("div", {
     className: "flex items-center justify-between py-3 first:pt-0 last:pb-0",
     children: [/*#__PURE__*/jsx(Typography, {
@@ -23377,10 +23380,12 @@ var Properties = function Properties() {
     t = _useTranslation.t;
   var _useConfigStore = useConfigStore(function (store) {
       return {
-        themeConfig: store["themeConfig"]
+        themePropertiesSchema: store["themePropertiesSchema"],
+        onPropertiesChange: store["onPropertiesChange"]
       };
     }, shallow),
-    themeConfig = _useConfigStore.themeConfig;
+    themePropertiesSchema = _useConfigStore.themePropertiesSchema,
+    onPropertiesChange = _useConfigStore.onPropertiesChange;
   var _useThemeStore = useThemeStore(function (store) {
       return {
         setThemeState: store["setThemeState"]
@@ -23421,6 +23426,7 @@ var Properties = function Properties() {
     }
   };
   useEffect(function () {
+    onPropertiesChange === null || onPropertiesChange === void 0 || onPropertiesChange(values, setFieldValue);
     setTheme(values);
     setThemeState({
       previewingTheme: values
@@ -23436,7 +23442,7 @@ var Properties = function Properties() {
         var key = _ref2.key,
           value = _ref2.value,
           kind = _ref2.kind;
-        return isPropertyVisible(key, values, themeConfig) && /*#__PURE__*/jsx(FontPickerBlock, {
+        return isPropertyVisible(key, values, themePropertiesSchema) && /*#__PURE__*/jsx(FontPickerBlock, {
           label: buildLabel(key, kind),
           options: FONT_OPTIONS,
           value: findBy({
@@ -23455,7 +23461,7 @@ var Properties = function Properties() {
         var key = _ref4.key,
           value = _ref4.value,
           kind = _ref4.kind;
-        return isPropertyVisible(key, values, themeConfig) && /*#__PURE__*/jsx(ColorBlock, {
+        return isPropertyVisible(key, values, themePropertiesSchema) && /*#__PURE__*/jsx(ColorBlock, {
           color: value,
           label: buildLabel(key, kind),
           onChange: handleColorChange(key)
@@ -23466,7 +23472,7 @@ var Properties = function Properties() {
         var key = _ref5.key,
           value = _ref5.value,
           kind = _ref5.kind;
-        return isPropertyVisible(key, values, themeConfig) && /*#__PURE__*/jsx(SliderBlock, {
+        return isPropertyVisible(key, values, themePropertiesSchema) && /*#__PURE__*/jsx(SliderBlock, {
           label: buildLabel(key, kind),
           marks: OVERLAY_OPACITY_SLIDER_MARKS,
           max: HUNDRED,
@@ -23488,8 +23494,8 @@ var Properties = function Properties() {
         }, values.properties);
         var options = (_findBy = findBy({
           key: key
-        }, themeConfig)) === null || _findBy === void 0 || (_findBy = _findBy.options) === null || _findBy === void 0 ? void 0 : _findBy.map(toLabelAndValue);
-        return isPropertyVisible(key, values, themeConfig) && /*#__PURE__*/jsx(SelectBlock, {
+        }, themePropertiesSchema)) === null || _findBy === void 0 || (_findBy = _findBy.options) === null || _findBy === void 0 ? void 0 : _findBy.map(toLabelAndValue);
+        return isPropertyVisible(key, values, themePropertiesSchema) && /*#__PURE__*/jsx(SelectBlock, {
           label: buildLabel(key, kind),
           options: options || POSITION_OPTIONS,
           placeholder: "left",
@@ -23507,7 +23513,7 @@ var Properties = function Properties() {
         var index = findIndexBy({
           key: key
         }, values.properties);
-        return isPropertyVisible(key, values, themeConfig) && /*#__PURE__*/jsx(SwitchBlock, {
+        return isPropertyVisible(key, values, themePropertiesSchema) && /*#__PURE__*/jsx(SwitchBlock, {
           checked: value !== "false",
           label: buildLabel(key, kind),
           onChange: function onChange(e) {
@@ -23541,10 +23547,10 @@ var Customize = function Customize(_ref) {
     t = _useTranslation.t;
   var _useConfigStore = useConfigStore(function (store) {
       return {
-        themeConfig: store["themeConfig"]
+        themePropertiesSchema: store["themePropertiesSchema"]
       };
     }, shallow),
-    themeConfig = _useConfigStore.themeConfig;
+    themePropertiesSchema = _useConfigStore.themePropertiesSchema;
   var _useCreateTheme = useCreateTheme(),
     createTheme = _useCreateTheme.mutate,
     isCreating = _useCreateTheme.isLoading;
@@ -23554,7 +23560,7 @@ var Customize = function Customize(_ref) {
   var isSubmitting = isCreating || isUpdating;
   var onSubmit = function onSubmit(values, _ref2) {
     var resetForm = _ref2.resetForm;
-    var imageData = buildImageData(values, themeConfig);
+    var imageData = buildImageData(values, themePropertiesSchema);
     var themeToSave = _objectSpread({
       propertiesAttributes: values.properties,
       name: values.name
@@ -23577,7 +23583,7 @@ var Customize = function Customize(_ref) {
   };
   return /*#__PURE__*/jsx(Form, {
     formikProps: {
-      initialValues: buildInitialValues(theme, themeConfig),
+      initialValues: buildInitialValues(theme, themePropertiesSchema),
       validationSchema: THEME_VALIDATION_SCHEMA,
       onSubmit: onSubmit
     },
@@ -23589,7 +23595,7 @@ var Customize = function Customize(_ref) {
           className: "flex flex-col gap-6 p-4",
           children: [/*#__PURE__*/jsx(ThemeMeta, {}), /*#__PURE__*/jsx(Properties, {}), filterBy({
             kind: "image"
-          }, themeConfig).map(function (_ref5) {
+          }, themePropertiesSchema).map(function (_ref5) {
             var key = _ref5.key;
             return /*#__PURE__*/jsx(Images, {
               attribute: key
@@ -23624,14 +23630,14 @@ var Thumbnail = function Thumbnail(_ref) {
     theme = _ref.theme;
   var _useConfigStore = useConfigStore(function (store) {
       return {
-        themeConfig: store["themeConfig"]
+        themePropertiesSchema: store["themePropertiesSchema"]
       };
     }, shallow),
-    _useConfigStore$theme = _useConfigStore.themeConfig,
-    themeConfig = _useConfigStore$theme === void 0 ? [] : _useConfigStore$theme;
-  var _themeConfig = _slicedToArray$9(themeConfig, 2),
-    colorObject1 = _themeConfig[0],
-    colorObject2 = _themeConfig[1];
+    _useConfigStore$theme = _useConfigStore.themePropertiesSchema,
+    themePropertiesSchema = _useConfigStore$theme === void 0 ? [] : _useConfigStore$theme;
+  var _themePropertiesSchem = _slicedToArray$9(themePropertiesSchema, 2),
+    colorObject1 = _themePropertiesSchem[0],
+    colorObject2 = _themePropertiesSchem[1];
   var primaryLabel = humanize(colorObject1 === null || colorObject1 === void 0 ? void 0 : colorObject1.key);
   var secondaryLabel = humanize(colorObject2 === null || colorObject2 === void 0 ? void 0 : colorObject2.key);
   var primaryColor = findBy({
@@ -23642,11 +23648,11 @@ var Thumbnail = function Thumbnail(_ref) {
   }, theme.properties).value;
   var backgroundImageUrl = (_theme$snakeToCamelCa = theme[snakeToCamelCase(findBy({
     useAsCardBackground: true
-  }, themeConfig).key)]) === null || _theme$snakeToCamelCa === void 0 ? void 0 : _theme$snakeToCamelCa.url;
+  }, themePropertiesSchema).key)]) === null || _theme$snakeToCamelCa === void 0 ? void 0 : _theme$snakeToCamelCa.url;
   var buttonBackgroundColor = (_findBy = findBy({
     key: (_findBy2 = findBy({
       useAsCardButtonBackground: true
-    }, themeConfig)) === null || _findBy2 === void 0 ? void 0 : _findBy2.key
+    }, themePropertiesSchema)) === null || _findBy2 === void 0 ? void 0 : _findBy2.key
   }, theme.properties)) === null || _findBy === void 0 ? void 0 : _findBy.value;
   return /*#__PURE__*/jsx("div", {
     className: classNames("neeto-themes-theme-thumbnail neeto-ui-rounded-lg border transition-all duration-300 ease-in-out", {
@@ -23702,7 +23708,7 @@ var Card = function Card(_ref) {
     onSetPreviewTheme = _ref.onSetPreviewTheme,
     onDeleteTheme = _ref.onDeleteTheme,
     onEditTheme = _ref.onEditTheme,
-    onApplyTheme = _ref.onApplyTheme,
+    applyTheme = _ref.applyTheme,
     theme = _ref.theme,
     isApplyingTheme = _ref.isApplyingTheme,
     onCloneTheme = _ref.onCloneTheme,
@@ -23725,7 +23731,7 @@ var Card = function Card(_ref) {
   var handleApplyThemeClick = function handleApplyThemeClick() {
     if (isApplyingTheme) return;
     setThemeBeingApplied(theme);
-    onApplyTheme({
+    applyTheme({
       themeId: theme.id,
       entityId: entityId,
       entityType: entityType
@@ -23744,19 +23750,21 @@ var Card = function Card(_ref) {
     className: "group space-y-2 pt-0.5",
     "data-cy": active ? "active-theme-card" : "theme-card",
     id: theme.id,
-    onClick: function onClick() {
-      return onSetPreviewTheme(theme);
-    },
-    children: [Thumbnail$1 ? /*#__PURE__*/jsx(Thumbnail$1, {
-      active: active,
-      isHighLightedTheme: isHighLightedTheme,
-      isPreviewing: isPreviewing,
-      theme: theme
-    }) : /*#__PURE__*/jsx(Thumbnail, {
-      active: active,
-      isHighLightedTheme: isHighLightedTheme,
-      isPreviewing: isPreviewing,
-      theme: theme
+    children: [/*#__PURE__*/jsx("div", {
+      onClick: function onClick() {
+        return onSetPreviewTheme(theme);
+      },
+      children: Thumbnail$1 ? /*#__PURE__*/jsx(Thumbnail$1, {
+        active: active,
+        isHighLightedTheme: isHighLightedTheme,
+        isPreviewing: isPreviewing,
+        theme: theme
+      }) : /*#__PURE__*/jsx(Thumbnail, {
+        active: active,
+        isHighLightedTheme: isHighLightedTheme,
+        isPreviewing: isPreviewing,
+        theme: theme
+      })
     }), /*#__PURE__*/jsxs("div", {
       className: "flex items-start justify-between gap-1",
       children: [/*#__PURE__*/jsx(Typography, {
@@ -23851,7 +23859,7 @@ var Themes = function Themes(_ref) {
     setThemeBeingApplied = _useState4[1];
   var _useCloneTheme = useCloneTheme(),
     cloneTheme = _useCloneTheme.mutate;
-  var _useCreateThemeEntity = useCreateThemeEntity({
+  var _useApplyTheme = useApplyTheme({
       onSuccess: function onSuccess(_ref2) {
         var theme = _ref2.theme;
         setTheme(theme);
@@ -23861,8 +23869,8 @@ var Themes = function Themes(_ref) {
         setThemeBeingApplied({});
       }
     }),
-    onApplyTheme = _useCreateThemeEntity.mutate,
-    isApplyingTheme = _useCreateThemeEntity.isLoading;
+    applyTheme = _useApplyTheme.mutate,
+    isApplyingTheme = _useApplyTheme.isLoading;
   useEffect(function () {
     if (didScrollActiveThemeIntoView.current || !(currentTheme !== null && currentTheme !== void 0 && currentTheme.id)) return;
     didScrollActiveThemeIntoView.current = true;
@@ -23922,7 +23930,7 @@ var Themes = function Themes(_ref) {
           className: "flex flex-col gap-4 px-4 pb-10 lg:px-5 xl:px-6",
           children: filteredDefaultThemes.map(function (theme) {
             return /*#__PURE__*/createElement(Card$1, {
-              onApplyTheme: onApplyTheme,
+              applyTheme: applyTheme,
               setThemeBeingApplied: setThemeBeingApplied,
               theme: theme,
               thumbnail: thumbnail,
@@ -23950,8 +23958,8 @@ var Themes = function Themes(_ref) {
           var isActive = (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === theme.id;
           var isPreviewing = (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === theme.id;
           return /*#__PURE__*/createElement(Card$1, {
+            applyTheme: applyTheme,
             isPreviewing: isPreviewing,
-            onApplyTheme: onApplyTheme,
             onEditTheme: onEditTheme,
             setThemeBeingApplied: setThemeBeingApplied,
             theme: theme,
@@ -24050,12 +24058,12 @@ var Sidebar = function Sidebar(_ref) {
       return {
         entityType: store["entityType"],
         entityId: store["entityId"],
-        isFetchingConfig: store["isFetchingConfig"]
+        isFetchingSchema: store["isFetchingSchema"]
       };
     }, shallow),
     entityType = _useConfigStore.entityType,
     entityId = _useConfigStore.entityId,
-    isFetchingConfig = _useConfigStore.isFetchingConfig;
+    isFetchingSchema = _useConfigStore.isFetchingSchema;
   var _useThemeStore = useThemeStore(function (store) {
       return {
         setThemeState: store["setThemeState"]
@@ -24167,7 +24175,7 @@ var Sidebar = function Sidebar(_ref) {
       themeToHighlight: themeToHighlight,
       themes: themes,
       thumbnail: thumbnail,
-      isLoading: isLoading || isFetchingConfig,
+      isLoading: isLoading || isFetchingSchema,
       onDeleteTheme: handleDelete,
       onEditTheme: handleEditTheme
     }) : /*#__PURE__*/jsx(Customize, {
@@ -24189,11 +24197,12 @@ var Sidebar = function Sidebar(_ref) {
   });
 };
 
-var NeetoThemes = function NeetoThemes(_ref) {
+var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
   var children = _ref.children,
     entityType = _ref.entityType,
     entityId = _ref.entityId,
-    thumbnail = _ref.thumbnail;
+    thumbnail = _ref.thumbnail,
+    onPropertiesChange = _ref.onPropertiesChange;
   var _useThemeStore = useThemeStore(function (store) {
       return {
         isCurrentThemeLoading: store["isCurrentThemeLoading"]
@@ -24209,7 +24218,8 @@ var NeetoThemes = function NeetoThemes(_ref) {
   useEffect(function () {
     setConfigState({
       entityType: entityType,
-      entityId: entityId
+      entityId: entityId,
+      onPropertiesChange: onPropertiesChange
     });
   }, []);
   return /*#__PURE__*/jsxs("div", {
@@ -24225,12 +24235,12 @@ var NeetoThemes = function NeetoThemes(_ref) {
     })]
   });
 };
-var index = withTitle(NeetoThemes, t$6("neetoThemes.common.design"));
+var index = withTitle(NeetoThemesBuilder, t$6("neetoThemes.common.design"));
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
 var css = ".neeto-themes__wrapper{display:flex;width:100%}.neeto-themes__wrapper .neeto-themes-sidebar{background-color:rgb(var(--neeto-ui-white));box-shadow:var(--neeto-ui-shadow-s);height:calc(100vh - 64px);width:240px}@media (min-width:1024px){.neeto-themes__wrapper .neeto-themes-sidebar{width:280px}}@media (min-width:1280px){.neeto-themes__wrapper .neeto-themes-sidebar{width:320px}}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__header{padding-bottom:8px;padding-top:16px}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll{height:calc(100vh - 120px);overflow-y:auto}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll .neeto-ui-colorpicker__target .neeto-ui-colorpicker-target__code{display:none}.neeto-themes__wrapper .neeto-themes-preview__wrapper{flex-grow:1;height:calc(100vh - 64px);position:relative}.neeto-themes-theme-thumbnail--active{border-color:rgb(var(--neeto-ui-primary-500))!important;box-shadow:0 0 0 1px rgb(var(--neeto-ui-primary-500))!important}.neeto-themes-theme-thumbnail--preview-active{border-color:rgb(var(--neeto-ui-gray-700));box-shadow:0 0 0 1px rgb(var(--neeto-ui-gray-700))}.neeto-themes-theme-thumbnail--highlight-active{border-color:rgb(var(--neeto-ui-success-500));box-shadow:0 0 0 1px rgb(var(--neeto-ui-success-500));transition:border-color box-shadow .1s .1s}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3RoZW1lcy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1QkFFRSxZQUFBLENBREEsVUNFRixDRENFLDZDQUdFLDJDQUFBLENBQ0EsbUNBQUEsQ0FGQSx5QkFBQSxDQURBLFdDSUosQ0RBSSwwQkFMRiw2Q0FNSSxXQ0dKLENBQ0YsQ0RGSSwwQkFSRiw2Q0FTSSxXQ0tKLENBQ0YsQ0RISSwyRUFFRSxrQkFBQSxDQURBLGdCQ01OLENERkksMkVBQ0UsMEJBQUEsQ0FDQSxlQ0lOLENERFEsNElBQ0UsWUNHVixDREdFLHNEQUdFLFdBQUEsQ0FEQSx5QkFBQSxDQURBLGlCQ0NKLENES0Esc0NBQ0UsdURBQUEsQ0FDQSwrRENGRixDREtBLDhDQUNFLDBDQUFBLENBQ0Esa0RDRkYsQ0RLQSxnREFFRSw2Q0FBQSxDQUNBLHFEQUFBLENBRkEsMENDQUYiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tdGhlbWVzX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG5cbiAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIHtcbiAgICB3aWR0aDogJHRoZW1lcy1zaWRlYmFyLXdpZHRoLXNtO1xuICAgIGhlaWdodDogY2FsYygxMDB2aCAtICN7JGJ1aWxkZXItaGVhZGVyLWhlaWdodH0pO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13aGl0ZSkpO1xuICAgIGJveC1zaGFkb3c6IHZhcigtLW5lZXRvLXVpLXNoYWRvdy1zKTtcbiAgICBAc2NyZWVuIGxne1xuICAgICAgd2lkdGg6ICR0aGVtZXMtc2lkZWJhci13aWR0aC1sZztcbiAgICB9XG4gICAgQHNjcmVlbiB4bHtcbiAgICAgIHdpZHRoOiAkdGhlbWVzLXNpZGViYXItd2lkdGgteGw7XG4gICAgfVxuXG4gICAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19oZWFkZXIge1xuICAgICAgcGFkZGluZy10b3A6IDE2cHg7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogOHB4O1xuICAgIH1cblxuICAgIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fc2Nyb2xsIHtcbiAgICAgIGhlaWdodDogY2FsYygxMDB2aCAtIDEyMHB4KTtcbiAgICAgIG92ZXJmbG93LXk6IGF1dG87XG5cbiAgICAgIC5uZWV0by11aS1jb2xvcnBpY2tlcl9fdGFyZ2V0IHtcbiAgICAgICAgLm5lZXRvLXVpLWNvbG9ycGlja2VyLXRhcmdldF9fY29kZSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5uZWV0by10aGVtZXMtcHJldmlld19fd3JhcHBlciB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogY2FsYygxMDB2aCAtICN7JGJ1aWxkZXItaGVhZGVyLWhlaWdodH0pO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xuICBib3gtc2hhZG93OiAwcHggMHB4IDBweCAxcHggcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLXByZXZpZXctYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS03MDApKTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAwcHggMXB4IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0taGlnaGxpZ2h0LWFjdGl2ZSB7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAxMDBtcyBib3gtc2hhZG93IDEwMG1zO1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1zdWNjZXNzLTUwMCkpO1xuICBib3gtc2hhZG93OiAwcHggMHB4IDBweCAxcHggcmdiKHZhcigtLW5lZXRvLXVpLXN1Y2Nlc3MtNTAwKSk7XG59XG4iLCIubmVldG8tdGhlbWVzX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhciB7XG4gIHdpZHRoOiAyNDBweDtcbiAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gNjRweCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13aGl0ZSkpO1xuICBib3gtc2hhZG93OiB2YXIoLS1uZWV0by11aS1zaGFkb3ctcyk7XG59XG5Ac2NyZWVuIGxnIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiAyODBweDtcbiAgfVxufVxuQHNjcmVlbiB4bCB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIHtcbiAgICB3aWR0aDogMzIwcHg7XG4gIH1cbn1cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5uZWV0by10aGVtZXMtc2lkZWJhcl9faGVhZGVyIHtcbiAgcGFkZGluZy10b3A6IDE2cHg7XG4gIHBhZGRpbmctYm90dG9tOiA4cHg7XG59XG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhciAubmVldG8tdGhlbWVzLXNpZGViYXJfX3Njcm9sbCB7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIDEyMHB4KTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbn1cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fc2Nyb2xsIC5uZWV0by11aS1jb2xvcnBpY2tlcl9fdGFyZ2V0IC5uZWV0by11aS1jb2xvcnBpY2tlci10YXJnZXRfX2NvZGUge1xuICBkaXNwbGF5OiBub25lO1xufVxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXByZXZpZXdfX3dyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIDY0cHgpO1xuICBmbGV4LWdyb3c6IDE7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCkpICFpbXBvcnRhbnQ7XG4gIGJveC1zaGFkb3c6IDBweCAwcHggMHB4IDFweCByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tcHJldmlldy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xuICBib3gtc2hhZG93OiAwcHggMHB4IDBweCAxcHggcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNzAwKSk7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1oaWdobGlnaHQtYWN0aXZlIHtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yIDEwMG1zIGJveC1zaGFkb3cgMTAwbXM7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXN1Y2Nlc3MtNTAwKSk7XG4gIGJveC1zaGFkb3c6IDBweCAwcHggMHB4IDFweCByZ2IodmFyKC0tbmVldG8tdWktc3VjY2Vzcy01MDApKTtcbn0iXX0= */";
 n(css,{});
 
-export { index as NeetoThemes, setTheme, useThemeUtils };
+export { index as NeetoThemesBuilder, setTheme, useThemeUtils };
 //# sourceMappingURL=index.js.map