@tager/admin-blog 0.3.28 → 0.3.29

package/dist/constants/menu.d.ts

@@ -0,0 +1,5 @@
+import { MenuItemType } from '@tager/admin-layout';
+import { TranslateFunction } from '@tager/admin-services';
+export declare function getBlogMenuItem(params: {
+    t: TranslateFunction;
+}): MenuItemType;

package/dist/constants/paths.d.ts

@@ -0,0 +1,14 @@
+export declare const BLOG_ROUTE_PATHS: {
+    readonly POST_LIST: "/blog/posts";
+    readonly POST_FORM: "/blog/posts/:postId";
+    readonly CATEGORY_LIST: "/blog/categories";
+    readonly CATEGORY_FORM: "/blog/categories/:categoryId";
+};
+export declare function getBlogPostListUrl(): "/blog/posts";
+export declare function getBlogPostFormUrl(params: {
+    postId: number | string;
+}): string;
+export declare function getBlogCategoryListUrl(): "/blog/categories";
+export declare function getBlogCategoryFormUrl(params: {
+    categoryId: number | string;
+}): string;

package/dist/constants/routes.d.ts

@@ -0,0 +1,5 @@
+import { CustomRouteConfig } from '@tager/admin-layout';
+export declare const BLOG_POST_LIST_ROUTE: CustomRouteConfig;
+export declare const BLOG_POST_FORM_ROUTE: CustomRouteConfig;
+export declare const BLOG_CATEGORY_LIST_ROUTE: CustomRouteConfig;
+export declare const BLOG_CATEGORY_FORM_ROUTE: CustomRouteConfig;

package/dist/constants/scopes.d.ts

@@ -0,0 +1,11 @@
+export declare const Scope: {
+    readonly All: "*";
+    readonly OrdersCreate: "orders.create";
+    readonly OrdersView: "orders.view";
+    readonly OrdersDelete: "orders.delete";
+    readonly RbacViewRoles: "rbac.view-roles";
+    readonly RbacEditRoles: "rbac.edit-roles";
+    readonly AdministratorsView: "administrators.view";
+    readonly AdministratorsEdit: "administrators.edit";
+    readonly AdministratorsDelete: "administrators.delete";
+};

package/dist/dev.d.ts

@@ -0,0 +1 @@
+import '@tager/admin-ui/dist/admin-ui.css';

package/dist/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export { useFetchPosts } from './useFetchPosts';
+export { useFetchCategory } from './useFetchCategory';
+export { useFetchCategories } from './useFetchCategories';
+export { useFetchModuleConfig } from './useFetchModuleConfig';
+export { useStore } from './useStore';
+export { useUserProfile } from './useUserProfile';
+export { useUserPermission } from './useUserPermission';

package/dist/hooks/useFetchCategories.d.ts

@@ -0,0 +1,6 @@
+import { SetupContext } from '@vue/composition-api';
+import { ResourceRef } from '@tager/admin-services';
+import { Category } from '@/typings/model';
+export declare function useFetchCategories({ context, }: {
+    context: SetupContext;
+}): ResourceRef<Category[]>;

package/dist/hooks/useFetchCategory.d.ts

@@ -0,0 +1,8 @@
+import { Ref, SetupContext } from '@vue/composition-api';
+import { Nullable, ResourceRef } from '@tager/admin-services';
+import { Category } from '@/typings/model';
+export declare function useFetchCategory({ context, categoryId, isCreation, }: {
+    context: SetupContext;
+    categoryId: Ref<string>;
+    isCreation: Ref<boolean>;
+}): ResourceRef<Nullable<Category>>;

package/dist/hooks/useFetchModuleConfig.d.ts

@@ -0,0 +1,6 @@
+import { SetupContext } from '@vue/composition-api';
+import { Nullable, ResourceRef } from '@tager/admin-services';
+import { ModuleConfig } from '@/typings/model';
+export declare function useFetchModuleConfig({ context, }: {
+    context: SetupContext;
+}): ResourceRef<Nullable<ModuleConfig>>;

package/dist/hooks/useFetchPosts.d.ts

@@ -0,0 +1,6 @@
+import { SetupContext } from '@vue/composition-api';
+import { ResourceRef } from '@tager/admin-services';
+import { PostShort } from '@/typings/model';
+export declare function useFetchPosts(params: {
+    context: SetupContext;
+}): ResourceRef<PostShort[]>;

package/dist/hooks/useStore.d.ts

@@ -0,0 +1,4 @@
+import { Store } from 'vuex';
+import { SetupContext } from '@vue/composition-api';
+import { RootState } from '@/store';
+export declare function useStore(context: SetupContext): Store<RootState>;

package/dist/hooks/useUserPermission.d.ts

@@ -0,0 +1,3 @@
+import { ComputedRef, SetupContext } from '@vue/composition-api';
+import { ScopeType } from '@/typings/model';
+export declare function useUserPermission(context: SetupContext, scope: ScopeType): ComputedRef<boolean>;

package/dist/hooks/useUserProfile.d.ts

@@ -0,0 +1,3 @@
+import { ComputedRef, SetupContext } from '@vue/composition-api';
+import { UserModel } from '@/typings/model';
+export declare function useUserProfile(context: SetupContext): ComputedRef<UserModel>;

package/dist/index.esm.js

@@ -2783,10 +2783,7 @@ function convertPostList(postList, selectedCategory, languages) {
         .map((post) => {
         if (languages.length > 0) {
             const foundLanguage = languages.find(({ id }) => id === post.language);
-            return {
-                ...post,
-                language: foundLanguage ? foundLanguage.name : post.language,
-            };
+            return Object.assign(Object.assign({}, post), { language: foundLanguage ? foundLanguage.name : post.language });
         }
         return post;
     });
@@ -2886,14 +2883,13 @@ function useAdvancedSearch({ context, categoryList, languageList, }) {
         languageFilter.value = initialLanguageFilter.value;
     });
     /** From date **/
-    const initialFromDateFilter = computed(() => getFilterParamAsString(context.root.$route.query, FilterTypes.FROM_DATE) ?? '');
+    const initialFromDateFilter = computed(() => { var _a; return (_a = getFilterParamAsString(context.root.$route.query, FilterTypes.FROM_DATE)) !== null && _a !== void 0 ? _a : ''; });
     const fromDateFilter = ref(initialFromDateFilter.value);
     watch(initialFromDateFilter, () => {
         fromDateFilter.value = initialFromDateFilter.value;
     });
     /** To date **/
-    const initialToDateFilter = computed(() => getFilterParamAsString(context.root.$route.query, FilterTypes.TO_DATE) ??
-        '');
+    const initialToDateFilter = computed(() => { var _a; return (_a = getFilterParamAsString(context.root.$route.query, FilterTypes.TO_DATE)) !== null && _a !== void 0 ? _a : ''; });
     const toDateFilter = ref(initialToDateFilter.value);
     watch(initialToDateFilter, () => {
         toDateFilter.value = initialToDateFilter.value;
@@ -2993,18 +2989,20 @@ var script = defineComponent({
         const { t } = useTranslation(context);
         const canViewAdministrators = useUserPermission(context, Scope.AdministratorsView);
         const categoryId = computed(() => {
+            var _a;
             return Array.isArray(context.root.$route.query.category)
-                ? context.root.$route.query.category[0] ?? ''
-                : context.root.$route.query.category;
+                ? (_a = context.root.$route.query.category[0]) !== null && _a !== void 0 ? _a : '' : context.root.$route.query.category;
         });
         /** Fetch module config **/
         const { data: moduleConfig, loading: isModuleConfigLoading, } = useFetchModuleConfig({ context });
-        const languageList = computed(() => moduleConfig.value?.languages ?? []);
+        const languageList = computed(() => { var _a, _b; return (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.languages) !== null && _b !== void 0 ? _b : []; });
         /** Fetch category list **/
         const { data: categoryList, loading: isCategoryListLoading, } = useFetchCategories({ context });
-        const selectedCategory = computed(() => categoryId.value
-            ? categoryList.value.find(({ id }) => String(id) === String(categoryId.value)) ?? null
-            : null);
+        const selectedCategory = computed(() => {
+            var _a;
+            return categoryId.value
+                ? (_a = categoryList.value.find(({ id }) => String(id) === String(categoryId.value))) !== null && _a !== void 0 ? _a : null : null;
+        });
         const pageTitle = computed(() => {
             return selectedCategory.value
                 ? `${context.root.$t('blog:postsByCategory')} "${selectedCategory.value.name}"`
@@ -3019,12 +3017,7 @@ var script = defineComponent({
         const isLangSpecific = computed(() => languageOptionList.value.length > 1);
         /** Fetch Post list **/
         const { fetchEntityList: fetchPostList, isLoading: isPostLoading, rowData: postList, errorMessage, searchQuery, handleChange, pageNumber, pageCount, pageSize, } = useDataTable({
-            fetchEntityList: (params) => getPosts({
-                query: params.searchQuery,
-                pageNumber: params.pageNumber,
-                pageSize: params.pageSize,
-                ...filterParams.value,
-            }),
+            fetchEntityList: (params) => getPosts(Object.assign({ query: params.searchQuery, pageNumber: params.pageNumber, pageSize: params.pageSize }, filterParams.value)),
             initialValue: [],
             context,
             resourceName: 'Blog post list',
@@ -3034,16 +3027,16 @@ var script = defineComponent({
             if (isModuleConfigLoading.value || isCategoryListLoading.value) {
                 return;
             }
-            const newQuery = {
-                ...lodash_pick(context.root.$route.query, ['query', 'pageNumber']),
-                ...filterParams.value,
-            };
+            const newQuery = Object.assign(Object.assign({}, lodash_pick(context.root.$route.query, ['query', 'pageNumber'])), filterParams.value);
             if (!lodash_isequal(context.root.$route.query, newQuery)) {
                 context.root.$router.replace({ query: newQuery });
                 fetchPostList();
             }
         });
-        const displayedPostList = computed(() => convertPostList(postList.value, selectedCategory.value, moduleConfig.value?.languages ?? []));
+        const displayedPostList = computed(() => {
+            var _a, _b;
+            return convertPostList(postList.value, selectedCategory.value, (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.languages) !== null && _b !== void 0 ? _b : []);
+        });
         const isRowDataLoading = computed(() => isCategoryListLoading.value ||
             isPostLoading.value ||
             isModuleConfigLoading.value);
@@ -3478,6 +3471,7 @@ __vue_render__._withStripped = true;
   );
 
 function convertPostToFormValues(post, languageOptionList, postOptionList, additionalFieldList) {
+    var _a, _b;
     if (!post) {
         return {
             title: '',
@@ -3512,8 +3506,8 @@ function convertPostToFormValues(post, languageOptionList, postOptionList, addit
         imageMobile: post.imageMobile
             ? { id: createId(), file: post.imageMobile }
             : null,
-        pageTitle: post.pageTitle ?? '',
-        pageDescription: post.pageDescription ?? '',
+        pageTitle: (_a = post.pageTitle) !== null && _a !== void 0 ? _a : '',
+        pageDescription: (_b = post.pageDescription) !== null && _b !== void 0 ? _b : '',
         openGraphImage: post.openGraphImage
             ? { id: createId(), file: post.openGraphImage }
             : null,
@@ -3522,31 +3516,32 @@ function convertPostToFormValues(post, languageOptionList, postOptionList, addit
             value: category.id,
             label: category.name,
         })),
-        language: currentLangOption ?? null,
+        language: currentLangOption !== null && currentLangOption !== void 0 ? currentLangOption : null,
         relatedPosts: selectedPostOptionList,
         tags: post.tags.join(','),
         additionalFields: additionalFieldList.map((fieldConfig, index) => {
             const postAdditionalField = post.additionalFields.find((item) => item.name === fieldConfig.name);
-            return universalFieldUtils.createFormField(fieldConfig, postAdditionalField?.value);
+            return universalFieldUtils.createFormField(fieldConfig, postAdditionalField === null || postAdditionalField === void 0 ? void 0 : postAdditionalField.value);
         }),
     };
 }
 function convertFormValuesToCreationPayload(values) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     return {
         title: values.title,
         excerpt: values.excerpt,
         urlAlias: values.urlAlias,
         body: values.body,
         date: values.date,
-        coverImage: values.coverImage?.file.id ?? null,
-        image: values.image?.file.id ?? null,
-        imageMobile: values.imageMobile?.file.id ?? null,
+        coverImage: (_b = (_a = values.coverImage) === null || _a === void 0 ? void 0 : _a.file.id) !== null && _b !== void 0 ? _b : null,
+        image: (_d = (_c = values.image) === null || _c === void 0 ? void 0 : _c.file.id) !== null && _d !== void 0 ? _d : null,
+        imageMobile: (_f = (_e = values.imageMobile) === null || _e === void 0 ? void 0 : _e.file.id) !== null && _f !== void 0 ? _f : null,
         pageTitle: values.pageTitle,
         pageDescription: values.pageDescription,
-        openGraphImage: values.openGraphImage?.file.id ?? null,
+        openGraphImage: (_h = (_g = values.openGraphImage) === null || _g === void 0 ? void 0 : _g.file.id) !== null && _h !== void 0 ? _h : null,
         status: 'PUBLISHED',
         categories: values.categories.map((option) => option.value),
-        language: values.language?.value ?? null,
+        language: (_k = (_j = values.language) === null || _j === void 0 ? void 0 : _j.value) !== null && _k !== void 0 ? _k : null,
         relatedPosts: values.relatedPosts.map((relatedPostOption) => relatedPostOption.value),
         tags: values.tags.split(',').filter((tag) => tag.trim().length > 0),
         additionalFields: values.additionalFields.map((field) => ({
@@ -3556,10 +3551,7 @@ function convertFormValuesToCreationPayload(values) {
     };
 }
 function convertFormValuesToUpdatePayload(values) {
-    return {
-        ...convertFormValuesToCreationPayload(values),
-        urlAlias: values.urlAlias,
-    };
+    return Object.assign(Object.assign({}, convertFormValuesToCreationPayload(values)), { urlAlias: values.urlAlias });
 }
 function convertCategoryListToOptions(categoryList, languageId) {
     return categoryList
@@ -3574,12 +3566,13 @@ var script$1 = defineComponent({
     name: 'BlogPostForm',
     components: { DynamicField, ShortCodeConstructor, FormFooter },
     setup(props, context) {
+        var _a, _b;
         const postId = computed(() => context.root.$route.params.postId);
         const isCreation = computed(() => postId.value === 'create');
         const urlAliasChanged = ref(false);
         /** Fetch module config **/
         const { data: moduleConfig, loading: isModuleConfigLoading, } = useFetchModuleConfig({ context });
-        const languageList = computed(() => moduleConfig.value?.languages ?? []);
+        const languageList = computed(() => { var _a, _b; return (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.languages) !== null && _b !== void 0 ? _b : []; });
         const languageOptionList = computed(() => languageList.value.map(({ id, name }) => ({
             value: id,
             label: name,
@@ -3609,17 +3602,18 @@ var script$1 = defineComponent({
             context,
         });
         const postOptionList = computed(() => postList.value
-            .filter((relatedPost) => relatedPost.id !== post.value?.id)
+            .filter((relatedPost) => { var _a; return relatedPost.id !== ((_a = post.value) === null || _a === void 0 ? void 0 : _a.id); })
             .map((post) => ({
             value: post.id,
             label: post.title,
         })));
         /** Form State **/
         const isSubmitting = ref(false);
-        const values = ref(convertPostToFormValues(post.value, languageOptionList.value, postOptionList.value, moduleConfig.value?.fields ?? []));
+        const values = ref(convertPostToFormValues(post.value, languageOptionList.value, postOptionList.value, (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : []));
         const errors = ref({});
         watch([post, languageOptionList, postOptionList, moduleConfig], () => {
-            values.value = convertPostToFormValues(post.value, languageOptionList.value, postOptionList.value, moduleConfig.value?.fields ?? []);
+            var _a, _b;
+            values.value = convertPostToFormValues(post.value, languageOptionList.value, postOptionList.value, (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : []);
         });
         function submitForm(event) {
             isSubmitting.value = true;
@@ -3630,6 +3624,7 @@ var script$1 = defineComponent({
                 : updateBlogPost(postId.value, updateBody);
             requestPromise
                 .then(({ data }) => {
+                var _a, _b;
                 errors.value = {};
                 if (event.type === 'create') {
                     context.root.$router.push(getBlogPostFormUrl({ postId: String(data.id) }));
@@ -3643,7 +3638,7 @@ var script$1 = defineComponent({
                     }
                 }
                 if (event.type === 'create_create-another') {
-                    values.value = convertPostToFormValues(null, languageOptionList.value, postOptionList.value, moduleConfig.value?.fields ?? []);
+                    values.value = convertPostToFormValues(null, languageOptionList.value, postOptionList.value, (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : []);
                 }
                 context.root.$toast({
                     variant: 'success',
@@ -3669,13 +3664,17 @@ var script$1 = defineComponent({
             });
         }
         /** Category Options */
-        const categoryOptionList = computed(() => convertCategoryListToOptions(categoryList.value, values.value.language?.value ?? null));
+        const categoryOptionList = computed(() => {
+            var _a, _b;
+            return convertCategoryListToOptions(categoryList.value, (_b = (_a = values.value.language) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null);
+        });
         watch([categoryOptionList, moduleConfig], () => {
+            var _a;
             function isOptionExist(selectedCategoryOption) {
                 return categoryOptionList.value.some((option) => option.value === selectedCategoryOption.value);
             }
             if (isCreation.value) {
-                if (moduleConfig?.value?.defaultCategories) {
+                if ((_a = moduleConfig === null || moduleConfig === void 0 ? void 0 : moduleConfig.value) === null || _a === void 0 ? void 0 : _a.defaultCategories) {
                     const defaultIds = moduleConfig.value.defaultCategories.map((item) => item.id);
                     values.value.categories = categoryOptionList.value.filter((item) => {
                         return defaultIds.indexOf(item.value) !== -1;
@@ -3690,11 +3689,13 @@ var script$1 = defineComponent({
             isPostListLoading.value ||
             isModuleConfigLoading.value);
         function getUploadAdapterOptions() {
-            return { uploadScenario: moduleConfig.value?.fileScenarios.content };
+            var _a;
+            return { uploadScenario: (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.fileScenarios.content };
         }
         const blogPagePath = computed(() => {
+            var _a, _b;
             const origin = process.env.VUE_APP_WEBSITE_URL || window.location.origin;
-            return origin + (post.value?.urlTemplate ?? '');
+            return origin + ((_b = (_a = post.value) === null || _a === void 0 ? void 0 : _a.urlTemplate) !== null && _b !== void 0 ? _b : '');
         });
         const tabList = computed(() => {
             const hasErrors = createTabErrorFinder(errors.value);
@@ -4188,10 +4189,7 @@ function convertCategoryList(categoryList, languages) {
     return categoryList.map((category) => {
         if (languages.length > 0) {
             const foundLanguage = languages.find(({ id }) => category.language === id);
-            return {
-                ...category,
-                language: foundLanguage ? foundLanguage.name : category.language,
-            };
+            return Object.assign(Object.assign({}, category), { language: foundLanguage ? foundLanguage.name : category.language });
         }
         return category;
     });
@@ -4304,31 +4302,24 @@ var script$2 = defineComponent({
         const canViewAdministrators = useUserPermission(context, Scope.AdministratorsView);
         /** Fetch module config **/
         const { data: moduleConfig, loading: isModuleConfigLoading, } = useFetchModuleConfig({ context });
-        const languageList = computed(() => moduleConfig.value?.languages ?? []);
+        const languageList = computed(() => { var _a, _b; return (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.languages) !== null && _b !== void 0 ? _b : []; });
         /** Advanced search **/
         const { languageFilter, languageOptionList, filterParams, tags, tagRemovalHandler, } = useAdvancedSearch$1({ context, languageList });
         const isLangSpecific = computed(() => languageOptionList.value.length > 1);
         /** Fetch category list */
         const { fetchEntityList: fetchCategoryList, isLoading: isCategoryListLoading, rowData: categoryList, errorMessage, searchQuery, handleChange, pageNumber, pageCount, pageSize, } = useDataTable({
-            fetchEntityList: (params) => getCategories({
-                query: params.searchQuery,
-                pageNumber: params.pageNumber,
-                pageSize: params.pageSize,
-                ...filterParams.value,
-            }),
+            fetchEntityList: (params) => getCategories(Object.assign({ query: params.searchQuery, pageNumber: params.pageNumber, pageSize: params.pageSize }, filterParams.value)),
             initialValue: [],
             context,
             resourceName: 'Blog categories',
             pageSize: 100,
         });
         watch(filterParams, () => {
+            var _a;
             if (isModuleConfigLoading.value || isCategoryListLoading.value) {
                 return;
             }
-            const newQuery = {
-                ...filterParams.value,
-                query: (context.root.$route.query.query ?? ''),
-            };
+            const newQuery = Object.assign(Object.assign({}, filterParams.value), { query: ((_a = context.root.$route.query.query) !== null && _a !== void 0 ? _a : '') });
             if (!lodash_isequal(context.root.$route.query, newQuery)) {
                 context.root.$router.replace({ query: newQuery });
                 fetchCategoryList();
@@ -4621,10 +4612,11 @@ __vue_render__$2._withStripped = true;
   );
 
 function convertCategoryToFormValues(category, languageOptionList) {
-    const currentLangOption = languageOptionList.find(({ value }) => value === category?.language);
+    var _a, _b, _c, _d, _e;
+    const currentLangOption = languageOptionList.find(({ value }) => value === (category === null || category === void 0 ? void 0 : category.language));
     if (!category) {
         return {
-            language: currentLangOption ?? null,
+            language: currentLangOption !== null && currentLangOption !== void 0 ? currentLangOption : null,
             name: '',
             parent: null,
             urlAlias: '',
@@ -4637,32 +4629,33 @@ function convertCategoryToFormValues(category, languageOptionList) {
         };
     }
     return {
-        language: currentLangOption ?? null,
+        language: currentLangOption !== null && currentLangOption !== void 0 ? currentLangOption : null,
         name: category.name,
         parent: category.parent
             ? { value: category.parent.id, label: category.parent.name }
             : null,
         urlAlias: category.urlAlias,
-        pageTitle: category.pageTitle ?? '',
-        pageDescription: category.pageDescription ?? '',
-        pageKeywords: category.pageKeywords ?? '',
-        openGraphTitle: category.openGraphTitle ?? '',
-        openGraphDescription: category.openGraphDescription ?? '',
+        pageTitle: (_a = category.pageTitle) !== null && _a !== void 0 ? _a : '',
+        pageDescription: (_b = category.pageDescription) !== null && _b !== void 0 ? _b : '',
+        pageKeywords: (_c = category.pageKeywords) !== null && _c !== void 0 ? _c : '',
+        openGraphTitle: (_d = category.openGraphTitle) !== null && _d !== void 0 ? _d : '',
+        openGraphDescription: (_e = category.openGraphDescription) !== null && _e !== void 0 ? _e : '',
         openGraphImage: category.openGraphImage
             ? { id: createId(), file: category.openGraphImage }
             : null,
     };
 }
 function convertCategoryFormValuesToPayload(values) {
+    var _a, _b, _c, _d, _e, _f;
     return {
-        language: values.language?.value ?? null,
+        language: (_b = (_a = values.language) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null,
         name: values.name,
-        parent: values.parent?.value ?? null,
+        parent: (_d = (_c = values.parent) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : null,
         urlAlias: values.urlAlias,
         isDefault: false,
         pageTitle: values.pageTitle,
         pageDescription: values.pageDescription,
-        openGraphImage: values.openGraphImage?.file.id ?? null,
+        openGraphImage: (_f = (_e = values.openGraphImage) === null || _e === void 0 ? void 0 : _e.file.id) !== null && _f !== void 0 ? _f : null,
     };
 }
 
@@ -4675,10 +4668,10 @@ var script$3 = defineComponent({
         const isCreation = computed(() => categoryId.value === 'create');
         /** Fetch module config */
         const { data: moduleConfig, loading: isModuleConfigLoading, } = useFetchModuleConfig({ context });
-        const languageList = computed(() => moduleConfig.value?.languages ?? []);
+        const languageList = computed(() => { var _a, _b; return (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.languages) !== null && _b !== void 0 ? _b : []; });
         const languageOptionList = computed(() => languageList.value.map(({ id, name }) => ({ value: id, label: name })));
         const isLangSpecific = computed(() => languageOptionList.value.length > 0);
-        const imageScenario = computed(() => moduleConfig.value?.fileScenarios?.openGraph ?? null);
+        const imageScenario = computed(() => { var _a, _b, _c; return (_c = (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.fileScenarios) === null || _b === void 0 ? void 0 : _b.openGraph) !== null && _c !== void 0 ? _c : null; });
         /** Fetch Categories */
         const { data: categories, loading: isCategoriesLoading, } = useFetchCategories({ context });
         /** Fetch Category */
@@ -4736,13 +4729,17 @@ var script$3 = defineComponent({
             });
         }
         /** Category Options */
-        const categoryOptionList = computed(() => convertCategoryListToOptions(categories.value, values.value.language?.value ?? null));
+        const categoryOptionList = computed(() => {
+            var _a, _b;
+            return convertCategoryListToOptions(categories.value, (_b = (_a = values.value.language) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null);
+        });
         /** Misc */
         const isContentLoading = computed(() => isCategoryLoading.value ||
             isModuleConfigLoading.value ||
             isCategoriesLoading.value);
         const categoryPagePath = computed(() => {
-            return `${getWebsiteOrigin()}${category.value?.urlTemplate ?? ''}`;
+            var _a, _b;
+            return `${getWebsiteOrigin()}${(_b = (_a = category.value) === null || _a === void 0 ? void 0 : _a.urlTemplate) !== null && _b !== void 0 ? _b : ''}`;
         });
         /** SEO **/
         function handleSeoFieldGroupChange({ title, description, keywords, image, }) {