@bigbinary/neeto-themes-frontend 1.2.9 → 1.2.10

package/dist/index.js

@@ -11,12 +11,12 @@ import { useTranslation, Trans } from 'react-i18next';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import Toastr from '@bigbinary/neetoui/Toastr';
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { prop, isEmpty, negate } from 'ramda';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { LeftAlign, CenterAlign, Close, LeftArrow, Plus } from '@bigbinary/neeto-icons';
+import Close from '@bigbinary/neeto-icons/Close';
 import Button from '@bigbinary/neetoui/Button';
 import Popover from '@bigbinary/neetoui/Popover';
 import Typography from '@bigbinary/neetoui/Typography';
@@ -27,6 +27,8 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { ImageUploader } from '@bigbinary/neeto-image-uploader-frontend';
 import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';
 import Select from '@bigbinary/neetoui/Select';
+import CenterAlign from '@bigbinary/neeto-icons/CenterAlign';
+import LeftAlign from '@bigbinary/neeto-icons/LeftAlign';
 import ColorPicker from '@bigbinary/neetoui/ColorPicker';
 import { Slider } from 'antd';
 import classnames from 'classnames';
@@ -35,6 +37,8 @@ import Switch from '@bigbinary/neetoui/Switch';
 import Input from '@bigbinary/neetoui/formik/Input';
 import Search from '@bigbinary/neeto-molecules/Search';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
+import LeftArrow from '@bigbinary/neeto-icons/LeftArrow';
+import Plus from '@bigbinary/neeto-icons/Plus';
 
 /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
 var useConfigStore = create$1(withImmutableActions(function (set) {
@@ -143,9 +147,11 @@ var QUERY_KEYS = {
 };
 
 var useShowThemeEntity = function useShowThemeEntity(entityId) {
-  return useQuery([QUERY_KEYS.THEME_ENTITY_DETAILS, entityId], function () {
-    return entitiesApi.show(entityId);
-  }, {
+  return useQuery({
+    queryKey: [QUERY_KEYS.THEME_ENTITY_DETAILS, entityId],
+    queryFn: function queryFn() {
+      return entitiesApi.show(entityId);
+    },
     enabled: !!entityId
   });
 };
@@ -204,8 +210,11 @@ var useListThemes = function useListThemes(entityId) {
     }, shallow),
     isTemplateThemesEnabled = _useConfigStore.isTemplateThemesEnabled;
   var queryKey = isTemplateThemesEnabled ? [QUERY_KEYS.THEMES_LIST, entityId] : [QUERY_KEYS.THEMES_LIST];
-  return useQuery(queryKey, function () {
-    return themesApi.list(entityId);
+  return useQuery({
+    queryKey: queryKey,
+    queryFn: function queryFn() {
+      return themesApi.list(entityId);
+    }
   });
 };
 var useCreateTheme = function useCreateTheme() {
@@ -220,12 +229,12 @@ var useUpdateTheme = function useUpdateTheme(themeId) {
       payload: payload
     });
   }, {
-    keysToInvalidate: [QUERY_KEYS.THEMES_LIST, QUERY_KEYS.THEME_ENTITY_DETAILS, [QUERY_KEYS.THEME_DETAILS, themeId]]
+    keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS], [QUERY_KEYS.THEME_DETAILS, themeId]]
   });
 };
 var useDeleteTheme = function useDeleteTheme() {
   return useMutationWithInvalidation(themesApi.destroy, {
-    keysToInvalidate: [QUERY_KEYS.THEMES_LIST, QUERY_KEYS.THEME_ENTITY_DETAILS]
+    keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS]]
   });
 };
 var useCloneTheme = function useCloneTheme() {
@@ -236,7 +245,7 @@ var useCloneTheme = function useCloneTheme() {
 var useApplyTheme = function useApplyTheme(_ref) {
   var onSuccess = _ref.onSuccess;
   return useMutationWithInvalidation(themesApi.apply, {
-    keysToInvalidate: [QUERY_KEYS.THEMES_LIST, QUERY_KEYS.THEME_ENTITY_DETAILS],
+    keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS]],
     onSuccess: onSuccess
   });
 };
@@ -280,10 +289,10 @@ var schemasApi = {
   list: list
 };
 
-var useListSchema = function useListSchema(_ref) {
-  var onSuccess = _ref.onSuccess;
-  return useQuery(QUERY_KEYS.SCHEMA_DETAILS, schemasApi.list, {
-    onSuccess: onSuccess
+var useListSchema = function useListSchema() {
+  return useQuery({
+    queryKey: [QUERY_KEYS.SCHEMA_DETAILS],
+    queryFn: schemasApi.list
   });
 };
 
@@ -297,28 +306,23 @@ var useThemeUtils = function useThemeUtils() {
     }, shallow),
     previewingTheme = _useThemeStore.previewingTheme,
     currentTheme = _useThemeStore.currentTheme;
-  var _useListSchema = useListSchema({
-      onSuccess: function onSuccess(_ref) {
-        var _ref$schema = _ref.schema,
-          themePropertiesSchema = _ref$schema === void 0 ? [] : _ref$schema,
-          _ref$variableNamesMap = _ref.variableNamesMap,
-          variableNamesMap = _ref$variableNamesMap === void 0 ? {} : _ref$variableNamesMap,
-          _ref$defaultThemeName = _ref.defaultThemeName,
-          defaultThemeName = _ref$defaultThemeName === void 0 ? "" : _ref$defaultThemeName;
-        return setConfigState({
-          themePropertiesSchema: themePropertiesSchema,
-          variableNamesMap: variableNamesMap,
-          defaultThemeName: defaultThemeName
-        });
-      }
-    }),
+  var _useListSchema = useListSchema(),
     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;
+    data = _useListSchema.data;
+  var _ref = data || {},
+    _ref$schema = _ref.schema,
+    themePropertiesSchema = _ref$schema === void 0 ? [] : _ref$schema,
+    _ref$variableNamesMap = _ref.variableNamesMap,
+    variableNamesMap = _ref$variableNamesMap === void 0 ? {} : _ref$variableNamesMap;
+  useEffect(function () {
+    if (data) {
+      setConfigState({
+        themePropertiesSchema: data === null || data === void 0 ? void 0 : data.schema,
+        variableNamesMap: data === null || data === void 0 ? void 0 : data.variableNamesMap,
+        defaultThemeName: data === null || data === void 0 ? void 0 : data.defaultThemeName
+      });
+    }
+  }, [data]);
   useEffect(function () {
     return setConfigState({
       isFetchingSchema: isFetchingSchema
@@ -1088,10 +1092,10 @@ var Customize = function Customize(_ref) {
   var submitBtnRef = useRef(null);
   var _useCreateTheme = useCreateTheme(),
     createTheme = _useCreateTheme.mutate,
-    isCreating = _useCreateTheme.isLoading;
+    isCreating = _useCreateTheme.isPending;
   var _useUpdateTheme = useUpdateTheme(themeId),
     updateTheme = _useUpdateTheme.mutate,
-    isUpdating = _useUpdateTheme.isLoading;
+    isUpdating = _useUpdateTheme.isPending;
   var isSubmitting = isCreating || isUpdating;
   var onSubmit = function onSubmit(values, _ref2) {
     var resetForm = _ref2.resetForm;
@@ -1738,7 +1742,7 @@ var Sidebar = function Sidebar(_ref) {
     isCurrentThemeLoading = _useShowThemeEntity.isLoading;
   var _useDeleteTheme = useDeleteTheme(),
     deleteTheme = _useDeleteTheme.mutate,
-    isDeleting = _useDeleteTheme.isLoading;
+    isDeleting = _useDeleteTheme.isPending;
   var _useApplyTheme = useApplyTheme({
       onSuccess: function onSuccess(_ref2) {
         var theme = _ref2.theme;