@bigbinary/neeto-themes-frontend 1.2.4 → 1.2.6

package/app/javascript/src/translations/en.json

@@ -1,5 +1,15 @@
 {
   "neetoThemes": {
+    "entityType": {
+      "quiz": "Quiz",
+      "quiz_other": "Quizzes",
+      "form": "Form",
+      "form_other": "Forms",
+      "meeting": "Meeting",
+      "meeting_other": "Meetings",
+      "recording": "Recording",
+      "recording_other": "Recordings"
+    },
     "common": {
       "design": "Design",
       "preview": "Preview",
@@ -33,8 +43,8 @@
       },
       "message": {
         "deleteTheme_zero": "You are permanently deleting the theme \"{{name, anyCase}}\". Are you sure you want to proceed?",
-        "deleteTheme_one": "You are permanently deleting the theme \"{{name, anyCase}}\". This theme is being used in one {{entityType, anyCase}}. {{entityType, anyCase}} using this theme would fall back to using the default theme \"Plain blue\". Are you sure you want to proceed?",
-        "deleteTheme_other": "You are permanently deleting the theme \"{{name, anyCase}}\". This theme is being used in {{count}} {{entityType, anyCase}}. {{entityType, anyCase}}s using this theme would fall back to using the default theme \"Plain blue\". Are you sure you want to proceed?"
+        "deleteTheme_one": "You are permanently deleting the theme \"{{name, anyCase}}\". This theme is being used in one {{entityType}. {{entityType, anyCase}} using this theme would fall back to using the default theme \"{{defaultThemeName, anyCase}}\". Are you sure you want to proceed?",
+        "deleteTheme_other": "You are permanently deleting the theme \"{{name, anyCase}}\". This theme is being used in {{count}} {{entityType}}. {{entityType, anyCase}} using this theme would fall back to using the default theme \"{{defaultThemeName, anyCase}}\". Are you sure you want to proceed?"
       }
     },
     "build": {

package/dist/index.cjs.js

@@ -88,7 +88,9 @@ var useConfigStore = zustand.create(reactUtils.withImmutableActions(function (se
     entityType: "",
     entityId: "",
     variableNamesMap: {},
+    defaultThemeName: "Plain blue",
     isFetchingSchema: true,
+    isTemplateThemesEnabled: false,
     setConfigState: set
   };
 }));
@@ -194,8 +196,12 @@ var useShowThemeEntity = function useShowThemeEntity(entityId) {
 };
 
 var _excluded$1 = ["themeId"];
-var list$1 = function list() {
-  return axios__default["default"].get("".concat(BASE_URL, "/api/v1/themes"));
+var list$1 = function list(entityId) {
+  return axios__default["default"].get("".concat(BASE_URL, "/api/v1/themes"), {
+    params: {
+      entity_id: entityId
+    }
+  });
 };
 var show = function show(id) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/themes/").concat(id));
@@ -235,8 +241,17 @@ var themesApi = {
   apply: apply
 };
 
-var useListThemes = function useListThemes() {
-  return reactQuery.useQuery(QUERY_KEYS.THEMES_LIST, themesApi.list);
+var useListThemes = function useListThemes(entityId) {
+  var _useConfigStore = useConfigStore(function (store) {
+      return {
+        isTemplateThemesEnabled: store["isTemplateThemesEnabled"]
+      };
+    }, shallow.shallow),
+    isTemplateThemesEnabled = _useConfigStore.isTemplateThemesEnabled;
+  var queryKey = isTemplateThemesEnabled ? [QUERY_KEYS.THEMES_LIST, entityId] : [QUERY_KEYS.THEMES_LIST];
+  return reactQuery.useQuery(queryKey, function () {
+    return themesApi.list(entityId);
+  });
 };
 var useCreateTheme = function useCreateTheme() {
   return reactUtils.useMutationWithInvalidation(themesApi.create, {
@@ -332,10 +347,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
         });
       }
     }),
@@ -1681,7 +1699,7 @@ var TitleBar = function TitleBar(_ref) {
 
 var MemoizedAlert = /*#__PURE__*/react.memo(Alert__default["default"]);
 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 = react.useState(DESIGN_SCREENS.THEMES),
@@ -1704,12 +1722,14 @@ var Sidebar = function Sidebar(_ref) {
       return {
         entityType: store["entityType"],
         entityId: store["entityId"],
-        isFetchingSchema: store["isFetchingSchema"]
+        isFetchingSchema: store["isFetchingSchema"],
+        defaultThemeName: store["defaultThemeName"]
       };
     }, shallow.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"]
@@ -1721,7 +1741,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,
@@ -1861,7 +1881,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
@@ -1874,7 +1897,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"]
@@ -1890,7 +1915,8 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
   react.useEffect(function () {
     setConfigState({
       entityType: entityType,
-      entityId: entityId
+      entityId: entityId,
+      isTemplateThemesEnabled: isTemplateThemesEnabled
     });
   }, []);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {