sitero 0.9.3 → 0.10.0

package/dist/src/cms/client/infrastructure/i18n/messages/vi-VN/ui/index.js

@@ -0,0 +1,186 @@
+const ui = {
+  retry: { text: "Th\u1EED l\u1EA1i" },
+  // ------------------------------------------------------
+  // common
+  // ------------------------------------------------------
+  "no-data": { text: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u" },
+  list: {
+    expand: { text: "M\u1EDF r\u1ED9ng m\u1EE5c" },
+    collapse: { text: "Thu g\u1ECDn m\u1EE5c" }
+  },
+  loading: { text: "\u0110ang t\u1EA3i" },
+  search: { text: "T\xECm ki\u1EBFm" },
+  actions: { text: "Thao t\xE1c" },
+  copy: {
+    text: "Sao ch\xE9p",
+    success: { text: "\u0110\xE3 sao ch\xE9p" },
+    error: { text: "Sao ch\xE9p kh\xF4ng th\xE0nh c\xF4ng. Vui l\xF2ng th\u1EED l\u1EA1i." }
+  },
+  password: {
+    show: { text: "Hi\u1EC7n m\u1EADt kh\u1EA9u" },
+    hide: { text: "\u1EA8n m\u1EADt kh\u1EA9u" }
+  },
+  create: { text: "T\u1EA1o m\u1EDBi" },
+  "create-resource": { text: "T\u1EA1o {resource}" },
+  confirm: { text: "X\xE1c nh\u1EADn" },
+  edit: { text: "Ch\u1EC9nh s\u1EEDa" },
+  update: { text: "C\u1EADp nh\u1EADt" },
+  locked: { text: "\u0110\xE3 kh\xF3a" },
+  "move-to-trash": { text: "Chuy\u1EC3n v\xE0o th\xF9ng r\xE1c" },
+  "move-many-to-trash": { text: "Chuy\u1EC3n nhi\u1EC1u m\u1EE5c v\xE0o th\xF9ng r\xE1c" },
+  "dialog.move-to-trash": { text: "Chuy\u1EC3n c\xE1c m\u1EE5c \u0111\xE3 ch\u1ECDn v\xE0o th\xF9ng r\xE1c?" },
+  "dialog.purge": {
+    text: "X\xF3a v\u0129nh vi\u1EC5n c\xE1c m\u1EE5c \u0111\xE3 ch\u1ECDn? Kh\xF4ng th\u1EC3 ho\xE0n t\xE1c thao t\xE1c n\xE0y."
+  },
+  destroy: { text: "X\xF3a" },
+  purge: { text: "X\xF3a v\u0129nh vi\u1EC5n" },
+  restore: { text: "Kh\xF4i ph\u1EE5c" },
+  "create-many": { text: "T\u1EA1o nhi\u1EC1u m\u1EE5c" },
+  "delete-many": { text: "X\xF3a nhi\u1EC1u m\u1EE5c" },
+  "view-website-page": { text: "Xem trang website (m\u1EDF trong th\u1EBB m\u1EDBi)" },
+  show: { text: "Xem" },
+  manage: { text: "Qu\u1EA3n l\xFD" },
+  setting: { text: "C\xE0i \u0111\u1EB7t" },
+  return: { text: "Quay l\u1EA1i" },
+  cancel: { text: "H\u1EE7y" },
+  "string-array": {
+    item: { text: "M\u1EE5c" },
+    add: { text: "Th\xEAm m\u1EE5c" },
+    remove: { text: "X\xF3a m\u1EE5c" }
+  },
+  "dialog.confirm": { text: "B\u1EA1n c\xF3 ch\u1EAFc ch\u1EAFn kh\xF4ng?" },
+  // ------------------------------------------------------
+  // operation-error
+  // ------------------------------------------------------
+  "operation-error": {
+    "rate-limited": {
+      text: "B\u1EA1n \u0111\xE3 th\u1EED qu\xE1 nhi\u1EC1u l\u1EA7n. Vui l\xF2ng \u0111\u1EE3i r\u1ED3i th\u1EED l\u1EA1i."
+    },
+    unauthenticated: {
+      text: "Phi\xEAn \u0111\u0103ng nh\u1EADp kh\xF4ng kh\u1EA3 d\u1EE5ng ho\u1EB7c \u0111\xE3 h\u1EBFt h\u1EA1n. Vui l\xF2ng \u0111\u0103ng nh\u1EADp l\u1EA1i."
+    },
+    unauthorized: {
+      text: "B\u1EA1n kh\xF4ng c\xF3 quy\u1EC1n th\u1EF1c hi\u1EC7n thao t\xE1c n\xE0y."
+    },
+    validation: { text: "Vui l\xF2ng ki\u1EC3m tra th\xF4ng tin \u0111\xE3 nh\u1EADp r\u1ED3i th\u1EED l\u1EA1i." },
+    unknown: {
+      text: "Kh\xF4ng th\u1EC3 ho\xE0n t\u1EA5t thao t\xE1c. Vui l\xF2ng th\u1EED l\u1EA1i."
+    }
+  },
+  // ------------------------------------------------------
+  // field-error
+  // ------------------------------------------------------
+  "field-error": {
+    "password-confirmation-mismatch": {
+      text: "M\u1EADt kh\u1EA9u x\xE1c nh\u1EADn kh\xF4ng kh\u1EDBp."
+    },
+    "email-already-exists": { text: "\u0110\u1ECBa ch\u1EC9 email n\xE0y \u0111\xE3 \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng." },
+    duplicate: { text: "Gi\xE1 tr\u1ECB n\xE0y \u0111\xE3 \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng." },
+    "file-required": { text: "Vui l\xF2ng ch\u1ECDn m\u1ED9t t\u1EC7p." },
+    "file-too-large": { text: "T\u1EC7p v\u01B0\u1EE3t qu\xE1 dung l\u01B0\u1EE3ng cho ph\xE9p." },
+    "file-type-not-allowed": { text: "Lo\u1EA1i t\u1EC7p n\xE0y kh\xF4ng \u0111\u01B0\u1EE3c ph\xE9p." },
+    "too-many-items": { text: "S\u1ED1 l\u01B0\u1EE3ng m\u1EE5c v\u01B0\u1EE3t qu\xE1 gi\u1EDBi h\u1EA1n cho ph\xE9p." },
+    "invalid-selection": { text: "M\u1EE5c \u0111\xE3 ch\u1ECDn kh\xF4ng h\u1EE3p l\u1EC7." },
+    "invalid-json": { text: "Vui l\xF2ng nh\u1EADp JSON h\u1EE3p l\u1EC7." },
+    invalid: { text: "Vui l\xF2ng ki\u1EC3m tra d\u1EEF li\u1EC7u \u0111\xE3 nh\u1EADp r\u1ED3i th\u1EED l\u1EA1i." }
+  },
+  // ------------------------------------------------------
+  // navbar
+  // ------------------------------------------------------
+  navbar: {
+    "website-homepage": { text: "Trang ch\u1EE7 website" },
+    "i18n-selector": { label: { text: "Ng\xF4n ng\u1EEF qu\u1EA3n tr\u1ECB" } },
+    "theme-selector": {
+      label: { text: "Giao di\u1EC7n qu\u1EA3n tr\u1ECB" },
+      light: { text: "S\xE1ng" },
+      dark: { text: "T\u1ED1i" },
+      system: { text: "H\u1EC7 th\u1ED1ng" }
+    }
+  },
+  // ------------------------------------------------------
+  // list-container
+  // ------------------------------------------------------
+  "list-container": {
+    "per-page": { text: "S\u1ED1 m\u1EE5c m\u1ED7i trang" }
+  },
+  // ------------------------------------------------------
+  // blob-file
+  // ------------------------------------------------------
+  "blob-file": {
+    status: {
+      "created-select-from-list": {
+        text: "\u0110\xE3 t\u1EA1o t\u1EC7p. H\xE3y ch\u1ECDn t\u1EC7p trong danh s\xE1ch sau khi t\u1EA3i xong."
+      },
+      empty: { text: "Kh\xF4ng th\u1EC3 t\u1EA3i l\xEAn t\u1EC7p r\u1ED7ng." },
+      "too-large": { text: "T\u1EC7p v\u01B0\u1EE3t qu\xE1 gi\u1EDBi h\u1EA1n dung l\u01B0\u1EE3ng." },
+      "type-not-allowed": { text: "Lo\u1EA1i t\u1EC7p n\xE0y kh\xF4ng \u0111\u01B0\u1EE3c ph\xE9p." },
+      "single-only": { text: "Vui l\xF2ng ch\u1EC9 ch\u1ECDn m\u1ED9t t\u1EC7p." },
+      duplicates: { text: "\u0110\xE3 b\u1ECF qua c\xE1c t\u1EC7p tr\xF9ng l\u1EB7p." },
+      remove: { text: "B\u1ECF t\u1EC7p \u0111\xE3 ch\u1ECDn" },
+      "cancel-replacement": { text: "H\u1EE7y thay th\u1EBF" },
+      invalid: {
+        text: "Vui l\xF2ng kh\u1EAFc ph\u1EE5c c\xE1c l\u1ED7i c\u1EE7a t\u1EC7p \u0111\xE3 ch\u1ECDn tr\u01B0\u1EDBc khi t\u1EA3i l\xEAn."
+      },
+      reading: { text: "\u0110ang \u0111\u1ECDc th\xF4ng tin t\u1EC7p\u2026" },
+      "media-warning": {
+        text: "Kh\xF4ng th\u1EC3 \u0111\u1ECDc th\xF4ng tin \u0111a ph\u01B0\u01A1ng ti\u1EC7n. B\u1EA1n v\u1EABn c\xF3 th\u1EC3 t\u1EA3i t\u1EC7p n\xE0y l\xEAn."
+      },
+      uploading: { text: "\u0110ang t\u1EA3i l\xEAn\u2026" },
+      registering: { text: "\u0110ang l\u01B0u\u2026" },
+      success: { text: "\u0110\xE3 t\u1EA1o" },
+      "upload-error": {
+        text: "T\u1EA3i l\xEAn kh\xF4ng th\xE0nh c\xF4ng. Vui l\xF2ng g\u1EEDi l\u1EA1i \u0111\u1EC3 th\u1EED l\u1EA1i."
+      },
+      "registration-error": {
+        text: "L\u01B0u kh\xF4ng th\xE0nh c\xF4ng. Vui l\xF2ng g\u1EEDi l\u1EA1i \u0111\u1EC3 th\u1EED l\u1EA1i."
+      },
+      unknown: {
+        text: "Kh\xF4ng th\u1EC3 x\xE1c nh\u1EADn k\u1EBFt qu\u1EA3 l\u01B0u. Vui l\xF2ng ki\u1EC3m tra th\u01B0 vi\u1EC7n t\u1EC7p tr\u01B0\u1EDBc khi t\u1EA3i l\xEAn l\u1EA1i."
+      },
+      retry: { text: "Th\u1EED l\u1EA1i c\xE1c t\u1EC7p c\xF2n l\u1EA1i" }
+    },
+    "file-info": {
+      "file-link": { text: "Li\xEAn k\u1EBFt t\u1EC7p" },
+      "file-name": { text: "T\xEAn t\u1EC7p" },
+      "file-type": { text: "Lo\u1EA1i t\u1EC7p" },
+      "file-size": { text: "Dung l\u01B0\u1EE3ng t\u1EC7p" }
+    },
+    "file-preview-list": {
+      "file-details": { text: "Chi ti\u1EBFt t\u1EC7p" },
+      "no-file-selected": { text: "Ch\u01B0a ch\u1ECDn t\u1EC7p" }
+    },
+    "file-picker": {
+      "select-file": { text: "Ch\u1ECDn t\u1EC7p" },
+      "drag-hint": { text: "B\u1EA1n c\xF3 th\u1EC3 k\xE9o v\xE0 th\u1EA3 t\u1EC7p v\xE0o \u0111\xE2y" }
+    }
+  },
+  // ------------------------------------------------------
+  // pick-modal
+  // ------------------------------------------------------
+  "pick-modal": {
+    pick: { text: "Ch\u1ECDn" },
+    picked: { text: "\u0110\xE3 ch\u1ECDn" },
+    single: { text: "M\u1ED9t m\u1EE5c" },
+    multiple: { text: "Nhi\u1EC1u m\u1EE5c" },
+    clear: { text: "B\u1ECF ch\u1ECDn" }
+  },
+  // ------------------------------------------------------
+  // control-fields
+  // ------------------------------------------------------
+  "boolean-filter": {
+    clear: { text: "X\xF3a b\u1ED9 l\u1ECDc" },
+    yes: { text: "C\xF3" },
+    no: { text: "Kh\xF4ng" }
+  },
+  "control-fields": {
+    "is-active": { text: "\u0110ang ho\u1EA1t \u0111\u1ED9ng" },
+    "is-index-active": { text: "B\u1EADt s\u1EAFp x\u1EBFp" },
+    index: { text: "Th\u1EE9 t\u1EF1" },
+    "is-slug-active": { text: "B\u1EADt \u0111\u01B0\u1EDDng d\u1EABn" },
+    slug: { text: "Slug URL (ph\u1EA3i l\xE0 duy nh\u1EA5t)" },
+    "is-featured": { text: "N\u1ED5i b\u1EADt" },
+    "is-shown-on-home": { text: "Hi\u1EC3n th\u1ECB tr\xEAn trang ch\u1EE7" }
+  }
+};
+
+export { ui };

package/dist/src/cms/client/interfaces/components/resources/admin/admin-table.js

@@ -70,7 +70,7 @@ function AdminTable({
       const title = name ?? t("ui.no-data.text");
       const isSelecting = onSelect !== void 0;
       const selectionLabel = t(
-        isPicked ? "ui.picked.text" : "ui.pick.text"
+        isPicked ? "ui.pick-modal.picked.text" : "ui.pick-modal.pick.text"
       );
       function activateRow() {
         if (onSelect) {

package/dist/src/cms/client/interfaces/components/resources/config/config-edit-content.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { useRouter } from 'next/navigation';
+import { resolveCmsText } from '../../../../../../shared/resolve-cms-text.js';
 import 'mime-types';
 import 'sitero-domain';
 import 'react';
@@ -93,7 +94,7 @@ function ConfigEditContent({
   return /* @__PURE__ */ jsx(ContentContainer, { isNotFound, children: /* @__PURE__ */ jsxs(Form, { onSubmit: () => void execute(), children: [
     /* @__PURE__ */ jsxs(FieldsContainer, { children: [
       /* @__PURE__ */ jsx(MainFields, { children: /* @__PURE__ */ jsx(Fragment, { children: Object.entries(fields).map(([key, field]) => {
-        const label = field.label[locale];
+        const label = resolveCmsText(field.label, locale);
         if (key.startsWith("text")) {
           return /* @__PURE__ */ jsx(
             FormField,

package/dist/src/cms/client/interfaces/components/resources/config/config-show-content.js

@@ -4,6 +4,7 @@ import { useTranslator } from 'intor/react';
 import '../../../../../../constants/paths/redirect.js';
 import { DATE_FORMAT_OPTIONS } from '../../../../../../constants/date.js';
 import '../../../../../../constants/cms-locale.js';
+import { resolveCmsText } from '../../../../../../shared/resolve-cms-text.js';
 import { ArrayList } from '../../ui/display/array-list.js';
 import 'mime-types';
 import 'sitero-domain';
@@ -56,7 +57,7 @@ function ConfigShowContent({
   const { t, locale, format } = useTranslator();
   return /* @__PURE__ */ jsx(ContentContainer, { isNotFound, children: /* @__PURE__ */ jsxs(FieldsContainer, { children: [
     /* @__PURE__ */ jsx(MainFields, { children: /* @__PURE__ */ jsx(Fragment, { children: Object.entries(fields).map(([key, field]) => {
-      const label = field.label[locale];
+      const label = resolveCmsText(field.label, locale);
       if (key.startsWith("text")) {
         return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
           FieldBody,

package/dist/src/cms/client/interfaces/components/resources/file/file-table.js

@@ -68,7 +68,7 @@ function FileTable({
       const title = name ?? t("ui.no-data.text");
       const isSelecting = onSelect !== void 0;
       const selectionLabel = t(
-        isPicked ? "ui.picked.text" : "ui.pick.text"
+        isPicked ? "ui.pick-modal.picked.text" : "ui.pick-modal.pick.text"
       );
       function activateRow() {
         if (onSelect) {

package/dist/src/cms/client/interfaces/components/resources/page/content/page-edit-content.js

@@ -4,6 +4,7 @@ import { useTranslator } from 'intor/react';
 import { useRouter } from 'next/navigation';
 import { Fragment } from 'react';
 import { PAGE_MEDIA_FIELDS, PAGE_TEXT_FIELDS } from 'sitero-domain';
+import { resolveCmsText } from '../../../../../../../shared/resolve-cms-text.js';
 import 'mime-types';
 import 'ua-parser-js';
 import '../../../../../../../shared/client/react-query/client.js';
@@ -118,7 +119,7 @@ function createPageEditContent({
                 const mediaField = field;
                 const isMedia = PAGE_MEDIA_FIELDS.includes(field);
                 const defaultLabel = isMedia ? t("resources.page.cover-media.text") : labels[labelKey];
-                const label = config.label?.[locale] ?? (section ? `${t("resources.page.section.text")} ${section} \xB7 ${defaultLabel}` : defaultLabel);
+                const label = resolveCmsText(config.label, locale) ?? (section ? `${t("resources.page.section.text")} ${section} \xB7 ${defaultLabel}` : defaultLabel);
                 if (isMedia)
                   return /* @__PURE__ */ jsx(
                     FormField,

package/dist/src/cms/client/interfaces/components/resources/page/content/page-show-content.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { Fragment } from 'react';
 import { PAGE_MEDIA_FIELDS } from 'sitero-domain';
+import { resolveCmsText } from '../../../../../../../shared/resolve-cms-text.js';
 import '@radix-ui/react-avatar';
 import 'mime-types';
 import 'ua-parser-js';
@@ -71,7 +72,7 @@ function createPageShowContent({
         const base = field.replace(/^section\d+/, "");
         const labelKey = base.charAt(0).toLowerCase() + base.slice(1);
         const defaultLabel = isMedia ? t("resources.page.cover-media.text") : labels[labelKey];
-        const label = fields[field]?.label?.[locale] ?? (section ? `${t("resources.page.section.text")} ${section} \xB7 ${defaultLabel}` : defaultLabel);
+        const label = resolveCmsText(fields[field]?.label, locale) ?? (section ? `${t("resources.page.section.text")} ${section} \xB7 ${defaultLabel}` : defaultLabel);
         if (isMedia)
           return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
             FieldBody,

package/dist/src/cms/client/interfaces/components/resources/post/category/category-card.js

@@ -14,6 +14,7 @@ import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
 import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
+import { resolveCmsText } from '../../../../../../../shared/resolve-cms-text.js';
 import { ResourceCard } from '../../../ui/cards/resource-card.js';
 import 'intor/react';
 import '@radix-ui/react-avatar';
@@ -61,7 +62,10 @@ function createCategoryCard({
   }) {
     const resolvedTopicKey = category.topicKey ?? topicKey;
     const topicT = {
-      title: topics[category.topicKey ?? ""]?.title[defaultWebLocale] ?? category.topicKey ?? ""
+      title: resolveCmsText(
+        topics[category.topicKey ?? ""]?.title,
+        defaultWebLocale
+      ) ?? category.topicKey ?? ""
     };
     const categoryT = findTranslation(category?.translations, defaultWebLocale);
     const href = isSubcategory ? joinUrl(

package/dist/src/cms/client/interfaces/components/resources/post/category/category-table.js

@@ -15,6 +15,7 @@ import '../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { cn } from '../../../../../../../shared/utils/cn.js';
 import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
+import { resolveCmsText } from '../../../../../../../shared/resolve-cms-text.js';
 import '@radix-ui/react-avatar';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
@@ -64,7 +65,10 @@ function CategoryTable({
     ] }) }),
     /* @__PURE__ */ jsx(TableBody, { children: categories.map((category) => {
       const topicT = {
-        title: topics[category.topicKey ?? ""]?.title[contentLocale] ?? category.topicKey ?? ""
+        title: resolveCmsText(
+          topics[category.topicKey ?? ""]?.title,
+          contentLocale
+        ) ?? category.topicKey ?? ""
       };
       const isPicked = !!pickedItems?.some(
         (item) => item.id === category.id
@@ -87,7 +91,7 @@ function CategoryTable({
       const title = categoryT.title || void 0;
       const isSelecting = onSelect !== void 0;
       const selectionLabel = t(
-        isPicked ? "ui.picked.text" : "ui.pick.text"
+        isPicked ? "ui.pick-modal.picked.text" : "ui.pick-modal.pick.text"
       );
       function activateRow() {
         if (onSelect) {

package/dist/src/cms/client/interfaces/components/resources/post/content/post-create-content.js

@@ -59,6 +59,7 @@ import '../../../ui/inputs/switch-input.js';
 import '../../../ui/inputs/password-input.js';
 import '../../../ui/inputs/input.js';
 import { ObjectArrayInput } from '../../../ui/inputs/object-array-input.js';
+import { resolveEditorLocale } from '../../../ui/inputs/editor/resolve-editor-locale.js';
 import 'intor/next';
 import { ContentContainer } from '../../../ui/layouts/content-container.js';
 import { CategoryTable } from '../category/category-table.js';
@@ -101,7 +102,7 @@ function createPostCreateContent({
     const router = useRouter();
     const parentPathname = useParentPathname();
     const { admin } = useAdmin();
-    const editorLocale = cmsLocale.startsWith("zh") ? "zh" : "en";
+    const editorLocale = resolveEditorLocale(cmsLocale);
     const isFieldAllowed = (type, field, fieldRuleKey) => allowField({ topicKey, type, field, fieldRuleKey });
     const { formData, setFormData } = usePostCreateFormData({
       type: postType,
@@ -420,7 +421,7 @@ function createPostCreateContent({
                     isError: activeErrors.length > 0,
                     ...controlProps
                   },
-                  contentLocale
+                  `${contentLocale}-${editorLocale}`
                 )
               }
             )

package/dist/src/cms/client/interfaces/components/resources/post/content/post-edit-content.js

@@ -57,6 +57,7 @@ import '../../../ui/inputs/switch-input.js';
 import '../../../ui/inputs/password-input.js';
 import '../../../ui/inputs/input.js';
 import { ObjectArrayInput } from '../../../ui/inputs/object-array-input.js';
+import { resolveEditorLocale } from '../../../ui/inputs/editor/resolve-editor-locale.js';
 import '../../../../../infrastructure/admin-session/admin-context.js';
 import 'intor/next';
 import { ContentContainer } from '../../../ui/layouts/content-container.js';
@@ -98,7 +99,7 @@ function createPostEditContent({
     const { t, locale: cmsLocale } = useTranslator();
     const router = useRouter();
     const parentPathname = useParentPathname();
-    const editorLocale = cmsLocale.startsWith("zh") ? "zh" : "en";
+    const editorLocale = resolveEditorLocale(cmsLocale);
     const id = post?.id ?? "";
     const slug = post?.slug;
     const topicKey = post?.topicKey ?? void 0;
@@ -418,7 +419,7 @@ function createPostEditContent({
                     isError: activeErrors.length > 0,
                     ...controlProps
                   },
-                  contentLocale
+                  `${contentLocale}-${editorLocale}`
                 )
               }
             )

package/dist/src/cms/client/interfaces/components/resources/post/content/resolve-control-field-label.js

@@ -1,9 +1,7 @@
-import { CMS_LOCALES_ARRAY, CMS_DEFAULT_LOCALE } from '../../../../../../../constants/cms-locale.js';
+import { resolveCmsText } from '../../../../../../../shared/resolve-cms-text.js';
 
 function resolveControlFieldLabel(label, locale) {
-  if (typeof label === "string") return label;
-  const cmsLocale = CMS_LOCALES_ARRAY.find((supported) => supported === locale) ?? CMS_DEFAULT_LOCALE;
-  return label[cmsLocale] ?? label[CMS_DEFAULT_LOCALE];
+  return typeof label === "string" ? label : resolveCmsText(label, locale);
 }
 
 export { resolveControlFieldLabel };

package/dist/src/cms/client/interfaces/components/resources/post/post-card.js

@@ -13,6 +13,7 @@ import '../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { cn } from '../../../../../../shared/utils/cn.js';
 import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import { resolveCmsText } from '../../../../../../shared/resolve-cms-text.js';
 import { ResourceCard } from '../../ui/cards/resource-card.js';
 import 'intor/react';
 import '@radix-ui/react-avatar';
@@ -66,7 +67,7 @@ function createPostCard({
   }) {
     const resolvedTopicKey = post.topicKey ?? topicKey;
     const topicT = {
-      title: topics[post.topicKey ?? ""]?.title[defaultWebLocale] ?? post.topicKey ?? ""
+      title: resolveCmsText(topics[post.topicKey ?? ""]?.title, defaultWebLocale) ?? post.topicKey ?? ""
     };
     const postT = findTranslation(post.translations, defaultWebLocale);
     const strategy = strategies?.[post.type]?.[resolvedTopicKey ?? ""] ?? {};

package/dist/src/cms/client/interfaces/components/resources/post/post-table.js

@@ -15,6 +15,7 @@ import '../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { cn } from '../../../../../../shared/utils/cn.js';
 import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import { resolveCmsText } from '../../../../../../shared/resolve-cms-text.js';
 import '@radix-ui/react-avatar';
 import '../../shadcn/badge.js';
 import '../../shadcn/button.js';
@@ -68,7 +69,10 @@ function PostTable({
     ] }) }),
     /* @__PURE__ */ jsx(TableBody, { children: posts.map((post) => {
       const topicT = {
-        title: topics[post.topicKey ?? ""]?.title[contentLocale] ?? post.topicKey ?? ""
+        title: resolveCmsText(
+          topics[post.topicKey ?? ""]?.title,
+          contentLocale
+        ) ?? post.topicKey ?? ""
       };
       const isPicked = !!pickedItems?.some((item) => item.id === post.id);
       const postT = findTranslation(post.translations, contentLocale);
@@ -83,7 +87,7 @@ function PostTable({
       const title = presentation.title;
       const isSelecting = onSelect !== void 0;
       const selectionLabel = t(
-        isPicked ? "ui.picked.text" : "ui.pick.text"
+        isPicked ? "ui.pick-modal.picked.text" : "ui.pick-modal.pick.text"
       );
       function activateRow() {
         if (onSelect) {

package/dist/src/cms/client/interfaces/components/resources/post/tag/tag-table.js

@@ -68,7 +68,7 @@ function TagTable({
       const title = tagT.title || void 0;
       const isSelecting = onSelect !== void 0;
       const selectionLabel = t(
-        isPicked ? "ui.picked.text" : "ui.pick.text"
+        isPicked ? "ui.pick-modal.picked.text" : "ui.pick-modal.pick.text"
       );
       function activateRow() {
         if (onSelect) {

package/dist/src/cms/client/interfaces/components/ui/inputs/editor/base/base-editor.js

@@ -1,6 +1,7 @@
 "use client";
 import { ClassicEditor } from 'ckeditor5';
 import enTranslations from 'ckeditor5/translations/en.js';
+import viTranslations from 'ckeditor5/translations/vi.js';
 import zhTranslations from 'ckeditor5/translations/zh.js';
 import { ASSET_MANAGER_PLUGIN_NAME } from '../plugins/asset-manager/asset-manager.js';
 import 'intor/react';
@@ -24,7 +25,7 @@ class BaseEditor extends ClassicEditor {
   static defaultConfig = {
     licenseKey: "GPL",
     //====== Translations ======
-    translations: [zhTranslations, enTranslations],
+    translations: [zhTranslations, enTranslations, viTranslations],
     // schema: { allowIn: ["figure"], allowAttributes: ["src"] },
     //====== Toolbar ======
     toolbar: {

package/dist/src/cms/client/interfaces/components/ui/inputs/editor/resolve-editor-locale.js

@@ -0,0 +1,6 @@
+function resolveEditorLocale(locale) {
+  const language = locale.toLowerCase().split("-")[0];
+  return language === "zh" || language === "vi" ? language : "en";
+}
+
+export { resolveEditorLocale };

package/dist/src/cms/client/interfaces/components/ui/layouts/navbar/i18n-selector.js

@@ -13,7 +13,6 @@ import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
 import { localeToFlagEmoji } from '../../../../../../../shared/utils/locale-to-flag-emoji.js';
-import { getLocaleLanguageCode } from '../../../../../../../shared/utils/get-locale-language-code.js';
 import '@radix-ui/react-avatar';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
@@ -36,19 +35,19 @@ import 'next/navigation';
 import '../../../../../../../constants/paths/redirect.js';
 
 function I18nSelector() {
-  const { t, format } = useTranslator();
+  const { t } = useTranslator();
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(ActionButton, { variant: "outline", size: "icon-lg", children: [
       /* @__PURE__ */ jsx(Languages, {}),
-      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Select Languages" })
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("ui.navbar.i18n-selector.label.text") })
     ] }) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
       /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7", children: t("ui.navbar.i18n-selector.label.text") }),
       CMS_LOCALES_ARRAY.map((locale) => {
-        const language = getLocaleLanguageCode(locale);
+        const displayName = new Intl.DisplayNames([locale], { type: "language" }).of(locale) ?? locale;
         return /* @__PURE__ */ jsx(Link, { locale, children: /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
           /* @__PURE__ */ jsx("span", { className: "mr-1", children: localeToFlagEmoji(locale) }),
-          language ? format.displayName(language, { type: "language" }) : locale
+          displayName
         ] }) }, locale);
       })
     ] })

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicKey_/category/_id_/edit/page.js

@@ -15,6 +15,7 @@ import 'mime-types';
 import 'clsx';
 import 'tailwind-merge';
 import { ensureArray } from '../../../../../../../../../../../shared/utils/ensure-array.js';
+import { resolveCmsText } from '../../../../../../../../../../../shared/resolve-cms-text.js';
 import { getControlMeta } from '../../../../../../../../../applications/form/get-control-meta.js';
 import '../../../../../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../../../../../constants/cms-locale.js';
@@ -90,7 +91,7 @@ function createCategoryEditPage({
           titleProps: {
             icon: Notebook,
             title: t("resources.category.text"),
-            leftChildren: /* @__PURE__ */ jsx(Badge, { children: topic?.title[locale] })
+            leftChildren: /* @__PURE__ */ jsx(Badge, { children: resolveCmsText(topic?.title, locale) })
           }
         }
       ),

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicKey_/category/_id_/page.js

@@ -18,6 +18,7 @@ import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
 import { joinUrl } from '../../../../../../../../../../shared/utils/join-url.js';
+import { resolveCmsText } from '../../../../../../../../../../shared/resolve-cms-text.js';
 import 'next/link';
 import '@radix-ui/react-avatar';
 import '../../../../../../../components/shadcn/badge.js';
@@ -103,7 +104,7 @@ function createCategoryShowPage({
           titleProps: {
             icon: Notebook,
             title: t("resources.category.text"),
-            leftChildren: /* @__PURE__ */ jsx(Badge, { children: topic?.title[locale] }),
+            leftChildren: /* @__PURE__ */ jsx(Badge, { children: resolveCmsText(topic?.title, locale) }),
             rightChildren: category?.isLocked && /* @__PURE__ */ jsx(
               Lock,
               {

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicKey_/category/create/page.js

@@ -18,6 +18,7 @@ import 'clsx';
 import 'tailwind-merge';
 import { ensureArray } from '../../../../../../../../../../shared/utils/ensure-array.js';
 import { joinUrl } from '../../../../../../../../../../shared/utils/join-url.js';
+import { resolveCmsText } from '../../../../../../../../../../shared/resolve-cms-text.js';
 import { getControlMeta } from '../../../../../../../../applications/form/get-control-meta.js';
 import 'lucide-react';
 import { PageHeaderLayout } from '../../../../../../../components/ui/blocks/page-header/page-header-layout.js';
@@ -79,7 +80,7 @@ function createCategoryCreatePage({
           navigation: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, href: returnHref }),
           titleProps: {
             title: t("resources.category.text"),
-            leftChildren: /* @__PURE__ */ jsx(Badge, { children: topic?.title[locale] })
+            leftChildren: /* @__PURE__ */ jsx(Badge, { children: resolveCmsText(topic?.title, locale) })
           }
         }
       ),

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicKey_/page.js

@@ -18,6 +18,7 @@ import 'clsx';
 import 'tailwind-merge';
 import { joinUrl } from '../../../../../../../../shared/utils/join-url.js';
 import { DO_NOT_FETCH_KEY } from '../../../../../../../../shared/list-item.js';
+import { resolveCmsText } from '../../../../../../../../shared/resolve-cms-text.js';
 import 'next/link';
 import '@radix-ui/react-avatar';
 import '../../../../../components/shadcn/badge.js';
@@ -75,7 +76,7 @@ function createTopicScopePage({
       POST_TYPES.SUBCATEGORY
     );
     const topic = Object.hasOwn(staticTopics, topicKey) ? staticTopics[topicKey] : void 0;
-    const topicT = { title: topic?.title[locale] ?? "" };
+    const topicT = { title: resolveCmsText(topic?.title, locale) ?? "" };
     const [categoryStates, setCategoryStates] = useState({});
     const [subcategoryStates, setSubcategoryStates] = useState({});
     const [postStates, setPostStates] = useState(

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicKey_/post/_id_/edit/page.js

@@ -18,6 +18,7 @@ import 'clsx';
 import 'tailwind-merge';
 import { ensureArray } from '../../../../../../../../../../../shared/utils/ensure-array.js';
 import { joinUrl } from '../../../../../../../../../../../shared/utils/join-url.js';
+import { resolveCmsText } from '../../../../../../../../../../../shared/resolve-cms-text.js';
 import { getControlMeta } from '../../../../../../../../../applications/form/get-control-meta.js';
 import 'lucide-react';
 import { PageHeaderLayout } from '../../../../../../../../components/ui/blocks/page-header/page-header-layout.js';
@@ -105,7 +106,7 @@ function createPostEditPage({
           ),
           titleProps: {
             title: t("resources.post.text"),
-            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetching, children: topic?.title[defaultWebLocale] })
+            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetching, children: resolveCmsText(topic?.title, defaultWebLocale) })
           }
         }
       ),

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicKey_/post/_id_/page.js

@@ -18,6 +18,7 @@ import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
 import { joinUrl } from '../../../../../../../../../../shared/utils/join-url.js';
+import { resolveCmsText } from '../../../../../../../../../../shared/resolve-cms-text.js';
 import 'next/link';
 import '@radix-ui/react-avatar';
 import '../../../../../../../components/shadcn/badge.js';
@@ -106,7 +107,7 @@ function createPostShowPage({
           ),
           titleProps: {
             title: t("resources.post.text"),
-            leftChildren: /* @__PURE__ */ jsx(Badge, { children: topic?.title[defaultWebLocale] }),
+            leftChildren: /* @__PURE__ */ jsx(Badge, { children: resolveCmsText(topic?.title, defaultWebLocale) }),
             rightChildren: post?.isLocked && /* @__PURE__ */ jsx(
               Lock,
               {