@bigbinary/neeto-themes-frontend 1.2.4 → 1.2.6

package/dist/index.js

@@ -42,7 +42,9 @@ var useConfigStore = create$1(withImmutableActions(function (set) {
     entityType: "",
     entityId: "",
     variableNamesMap: {},
+    defaultThemeName: "Plain blue",
     isFetchingSchema: true,
+    isTemplateThemesEnabled: false,
     setConfigState: set
   };
 }));
@@ -148,8 +150,12 @@ var useShowThemeEntity = function useShowThemeEntity(entityId) {
 };
 
 var _excluded$1 = ["themeId"];
-var list$1 = function list() {
-  return axios.get("".concat(BASE_URL, "/api/v1/themes"));
+var list$1 = function list(entityId) {
+  return axios.get("".concat(BASE_URL, "/api/v1/themes"), {
+    params: {
+      entity_id: entityId
+    }
+  });
 };
 var show = function show(id) {
   return axios.get("".concat(BASE_URL, "/api/v1/themes/").concat(id));
@@ -189,8 +195,17 @@ var themesApi = {
   apply: apply
 };
 
-var useListThemes = function useListThemes() {
-  return useQuery(QUERY_KEYS.THEMES_LIST, themesApi.list);
+var useListThemes = function useListThemes(entityId) {
+  var _useConfigStore = useConfigStore(function (store) {
+      return {
+        isTemplateThemesEnabled: store["isTemplateThemesEnabled"]
+      };
+    }, shallow),
+    isTemplateThemesEnabled = _useConfigStore.isTemplateThemesEnabled;
+  var queryKey = isTemplateThemesEnabled ? [QUERY_KEYS.THEMES_LIST, entityId] : [QUERY_KEYS.THEMES_LIST];
+  return useQuery(queryKey, function () {
+    return themesApi.list(entityId);
+  });
 };
 var useCreateTheme = function useCreateTheme() {
   return useMutationWithInvalidation(themesApi.create, {
@@ -286,10 +301,13 @@ var useThemeUtils = function useThemeUtils() {
         var _ref$schema = _ref.schema,
           themePropertiesSchema = _ref$schema === void 0 ? [] : _ref$schema,
           _ref$variableNamesMap = _ref.variableNamesMap,
-          variableNamesMap = _ref$variableNamesMap === void 0 ? {} : _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
+          variableNamesMap: variableNamesMap,
+          defaultThemeName: defaultThemeName
         });
       }
     }),
@@ -1635,7 +1653,7 @@ var TitleBar = function TitleBar(_ref) {
 
 var MemoizedAlert = /*#__PURE__*/memo(Alert);
 var Sidebar = function Sidebar(_ref) {
-  var _themeToEdit$current, _themeToEdit$current2, _themeToDelete$curren2, _themeToDelete$curren3;
+  var _themeToEdit$current, _themeToEdit$current2, _themeToDelete$curren2, _themeToDelete$curren3, _themeToDelete$curren4;
   var thumbnail = _ref.thumbnail,
     onPropertiesChange = _ref.onPropertiesChange;
   var _useState = useState(DESIGN_SCREENS.THEMES),
@@ -1658,12 +1676,14 @@ var Sidebar = function Sidebar(_ref) {
       return {
         entityType: store["entityType"],
         entityId: store["entityId"],
-        isFetchingSchema: store["isFetchingSchema"]
+        isFetchingSchema: store["isFetchingSchema"],
+        defaultThemeName: store["defaultThemeName"]
       };
     }, shallow),
     entityType = _useConfigStore.entityType,
     entityId = _useConfigStore.entityId,
-    isFetchingSchema = _useConfigStore.isFetchingSchema;
+    isFetchingSchema = _useConfigStore.isFetchingSchema,
+    defaultThemeName = _useConfigStore.defaultThemeName;
   var _useThemeStore = useThemeStore(function (store) {
       return {
         setThemeState: store["setThemeState"]
@@ -1675,7 +1695,7 @@ var Sidebar = function Sidebar(_ref) {
     t = _useTranslation.t;
   var _useThemeUtils = useThemeUtils(),
     setTheme = _useThemeUtils.setTheme;
-  var _useListThemes = useListThemes(),
+  var _useListThemes = useListThemes(entityId),
     _useListThemes$data = _useListThemes.data,
     _useListThemes$data2 = _useListThemes$data === void 0 ? {} : _useListThemes$data,
     _useListThemes$data2$ = _useListThemes$data2.themes,
@@ -1815,7 +1835,10 @@ var Sidebar = function Sidebar(_ref) {
       message: t("neetoThemes.alerts.message.deleteTheme", {
         name: (_themeToDelete$curren2 = themeToDelete.current) === null || _themeToDelete$curren2 === void 0 ? void 0 : _themeToDelete$curren2.name,
         count: (_themeToDelete$curren3 = themeToDelete.current) === null || _themeToDelete$curren3 === void 0 ? void 0 : _themeToDelete$curren3.appliedCount,
-        entityType: entityType
+        defaultThemeName: defaultThemeName,
+        entityType: t("neetoThemes.entityType.".concat(entityType.toLowerCase()), {
+          count: (_themeToDelete$curren4 = themeToDelete.current) === null || _themeToDelete$curren4 === void 0 ? void 0 : _themeToDelete$curren4.appliedCount
+        })
       }),
       onClose: handleCloseDeleteAlert,
       onSubmit: handleDeleteTheme
@@ -1828,7 +1851,9 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     entityType = _ref.entityType,
     entityId = _ref.entityId,
     thumbnail = _ref.thumbnail,
-    onPropertiesChange = _ref.onPropertiesChange;
+    onPropertiesChange = _ref.onPropertiesChange,
+    _ref$isTemplateThemes = _ref.isTemplateThemesEnabled,
+    isTemplateThemesEnabled = _ref$isTemplateThemes === void 0 ? false : _ref$isTemplateThemes;
   var _useThemeStore = useThemeStore(function (store) {
       return {
         isCurrentThemeLoading: store["isCurrentThemeLoading"]
@@ -1844,7 +1869,8 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
   useEffect(function () {
     setConfigState({
       entityType: entityType,
-      entityId: entityId
+      entityId: entityId,
+      isTemplateThemesEnabled: isTemplateThemesEnabled
     });
   }, []);
   return /*#__PURE__*/jsxs("div", {