@feedmepos/mf-media 1.0.0 → 1.0.1-dev.2

package/dist/{AssetLibrary-7609684b.js → AssetLibrary-e042670f.js}

@@ -1,30 +1,30 @@
-import { defineComponent as de, computed as C, ref as s, onMounted as ce, watch as M, resolveComponent as k, openBlock as w, createElementBlock as S, createElementVNode as c, toDisplayString as _, unref as t, createVNode as u, createBlock as ve, createCommentVNode as J, withCtx as U } from "vue";
+import { defineComponent as de, computed as C, ref as n, onMounted as ce, watch as U, resolveComponent as k, openBlock as w, createElementBlock as S, createElementVNode as c, toDisplayString as _, unref as t, createVNode as u, createBlock as ve, createCommentVNode as J, withCtx as N } from "vue";
 import { useCoreStore as me, useI18n as fe } from "@feedmepos/mf-common";
 import { useDialog as pe } from "@feedmepos/ui-library";
-import { _ as ge, a as ye, M as be, C as we, T as N, A as _e, x as xe, q as he, v as Be, L as Ce, H as ke, e as K, E as Se } from "./media-picker-cf281640.js";
-const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-center justify-between mb-8" }, Ae = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2" }, Ie = { class: "flex gap-8" }, Te = { class: "flex flex-col gap-12 mb-16" }, ze = { class: "flex items-center gap-12" }, Pe = { class: "flex-1 text-xs text-fm-color-typo-secondary" }, Fe = {
+import { o as ge, I as ye, g as be, f as we, c as O, m as _e, e as xe, d as he, U as Be, h as Ce, a as ke, E as Se, T as K, b as Ie } from "./media-picker-40af065f.js";
+const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-center justify-between mb-8" }, Te = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2" }, ze = { class: "flex gap-8" }, Pe = { class: "flex flex-col gap-12 mb-16" }, Ae = { class: "flex items-center gap-12" }, Fe = { class: "flex-1 text-xs text-fm-color-typo-secondary" }, Re = {
   key: 0,
   class: "text-fm-color-typo-primary font-semibold"
-}, Re = { key: 1 }, Me = {
+}, Ue = { key: 1 }, Ne = {
   key: 0,
   class: "fixed bottom-24 left-1/2 -translate-x-1/2 flex items-center gap-12 bg-white border rounded-lg shadow-lg px-16 py-8 z-30"
-}, Ue = { class: "text-sm font-semibold" }, Ne = { class: "flex justify-end gap-8 w-full" }, qe = /* @__PURE__ */ de({
+}, Oe = { class: "text-sm font-semibold" }, Me = { class: "flex justify-end gap-8 w-full" }, qe = /* @__PURE__ */ de({
   __name: "AssetLibrary",
-  setup(Oe) {
-    const O = me(), { t: l } = fe(), r = C(() => {
+  setup(Ee) {
+    const M = me(), { t: l } = fe(), r = C(() => {
       var e;
-      return ((e = O.currentBusiness.value) == null ? void 0 : e.id) ?? "";
+      return ((e = M.currentBusiness.value) == null ? void 0 : e.id) ?? "";
     }), E = C(() => {
       var e;
-      return (e = O.currentRestaurant.value) == null ? void 0 : e._id;
-    }), x = pe(), h = s(""), g = s([]), p = s([]), y = s([]), V = s(!1), v = s(1), D = s(0), A = s(0), I = s(!1), L = s("recent"), Q = {
+      return (e = M.currentRestaurant.value) == null ? void 0 : e._id;
+    }), x = pe(), h = n(""), g = n([]), p = n([]), y = n([]), I = n(!1), v = n(1), V = n(0), D = n(0), T = n(!1), $ = n("recent"), Q = {
       recent: { sortBy: "createdAt", descending: !0 },
       name: { sortBy: "fileName", descending: !1 },
       size: { sortBy: "fileSizeBytes", descending: !0 }
-    }, $ = [{ icon: "grid_view" }, { icon: "view_list" }], T = s($[0]), W = C(() => T.value.icon === "grid_view" ? "grid" : "list"), z = ge(() => r.value);
+    }, j = [{ icon: "grid_view" }, { icon: "view_list" }], z = n(j[0]), W = C(() => z.value.icon === "grid_view" ? "grid" : "list"), P = ge(() => r.value);
     async function m() {
       if (r.value) {
-        p.value.length === 0 && (V.value = !0), I.value = !0;
+        p.value.length === 0 && (I.value = !0), T.value = !0;
         try {
           const [e, a] = await Promise.all([
             he({
@@ -36,47 +36,49 @@ const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-cent
               // their URL could not render — so the library hides them until "save to the asset
               // centre" removes this tag.
               excludeTags: [Be],
-              skip: Ce(v.value, N),
-              limit: N,
-              ...Q[L.value]
+              skip: Ce(v.value, O),
+              limit: O,
+              ...Q[$.value]
             }),
             ke(r.value)
           ]);
-          p.value = e.resources, D.value = e.meta.totalResources, A.value = e.meta.totalPages, y.value = a, await z.load(e.resources.map((i) => i.refId).filter((i) => !!i));
+          p.value = e.resources, V.value = e.meta.totalResources, D.value = e.meta.totalPages, y.value = a, await P.load(
+            e.resources.filter((s) => !Se(s)).map((s) => s.refId).filter((s) => !!s)
+          );
         } finally {
-          V.value = !1, I.value = !1;
+          I.value = !1, T.value = !1;
         }
       }
     }
-    async function P() {
+    async function A() {
       v.value = 1, B(), await m();
     }
     async function F() {
       await m();
-      const e = Se(v.value, A.value);
+      const e = Ie(v.value, D.value);
       e !== v.value && (v.value = e, await m());
     }
     async function X(e) {
       e !== v.value && (v.value = e, B(), await m());
     }
-    ce(m), M(r, P), M([g, L], P);
-    let j;
-    M(h, () => {
-      clearTimeout(j), j = setTimeout(P, 250);
+    ce(m), U(r, A), U([g, $], A);
+    let G;
+    U(h, () => {
+      clearTimeout(G), G = setTimeout(A, 250);
     });
-    const n = s(/* @__PURE__ */ new Set());
+    const i = n(/* @__PURE__ */ new Set());
     function Y(e) {
-      const a = new Set(n.value);
-      a.has(e.id) ? a.delete(e.id) : a.add(e.id), n.value = a;
+      const a = new Set(i.value);
+      a.has(e.id) ? a.delete(e.id) : a.add(e.id), i.value = a;
     }
     function B() {
-      n.value = /* @__PURE__ */ new Set();
+      i.value = /* @__PURE__ */ new Set();
     }
     function Z() {
-      n.value = new Set(p.value.map((e) => e.id));
+      i.value = new Set(p.value.map((e) => e.id));
     }
     function ee() {
-      const e = n.value.size;
+      const e = i.value.size;
       x.open({
         title: l("media.library.deleteBulkTitle"),
         message: l("media.library.deleteBulkMessage", { count: e, disclaimer: l("media.library.deleteDisclaimer") }),
@@ -84,9 +86,9 @@ const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-cent
         secondaryActions: { text: l("media.library.cancelButton"), close: !0 }
       }).onPrimary(async () => {
         await Promise.all(
-          [...n.value].map((a) => {
-            const i = p.value.find((R) => R.id === a);
-            return i ? K(r.value, i) : Promise.resolve();
+          [...i.value].map((a) => {
+            const s = p.value.find((R) => R.id === a);
+            return s ? K(r.value, s) : Promise.resolve();
           })
         ), B(), await F(), x.close();
       });
@@ -99,20 +101,20 @@ const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-cent
         secondaryActions: { text: l("media.library.cancelButton"), close: !0 }
       }).onPrimary(async () => {
         await K(r.value, e);
-        const a = new Set(n.value);
-        a.delete(e.id), n.value = a, await F(), x.close();
+        const a = new Set(i.value);
+        a.delete(e.id), i.value = a, await F(), x.close();
       });
     }
-    const d = s(null), le = C(
+    const d = n(null), le = C(
       () => {
         var e;
-        return (e = d.value) != null && e.refId ? z.byRefId.value.get(d.value.refId) ?? null : null;
+        return (e = d.value) != null && e.refId ? P.byRefId.value.get(d.value.refId) ?? null : null;
       }
     );
     function te(e) {
       d.value = e;
     }
-    async function q() {
+    async function L() {
       await m(), d.value && (d.value = p.value.find((e) => {
         var a;
         return e.id === ((a = d.value) == null ? void 0 : a.id);
@@ -121,7 +123,7 @@ const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-cent
     async function se() {
       d.value = null, await F();
     }
-    const b = s(!1), f = s(null);
+    const b = n(!1), f = n(null);
     function ne() {
       var e;
       (e = f.value) == null || e.reset(), b.value = !0;
@@ -131,12 +133,12 @@ const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-cent
       (e = f.value) != null && e.stagedCount || (b.value = !1), await m();
     }
     return (e, a) => {
-      const i = k("FmButton"), R = k("FmSearch"), oe = k("FmButtonGroup"), ue = k("FmDialog");
+      const s = k("FmButton"), R = k("FmSearch"), oe = k("FmButtonGroup"), ue = k("FmDialog");
       return w(), S("div", Ve, [
         c("div", De, [
-          c("h1", Ae, _(t(l)("media.title")), 1),
-          c("div", Ie, [
-            u(i, {
+          c("h1", Te, _(t(l)("media.title")), 1),
+          c("div", ze, [
+            u(s, {
               label: t(l)("media.library.uploadButton"),
               "prepend-icon": "add",
               variant: "primary",
@@ -144,7 +146,7 @@ const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-cent
             }, null, 8, ["label"])
           ])
         ]),
-        c("div", Te, [
+        c("div", Pe, [
           u(R, {
             modelValue: h.value,
             "onUpdate:modelValue": a[0] || (a[0] = (o) => h.value = o),
@@ -157,51 +159,51 @@ const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-cent
             "onUpdate:modelValue": a[1] || (a[1] = (o) => g.value = o),
             tags: y.value
           }, null, 8, ["modelValue", "tags"])) : J("", !0),
-          c("div", ze, [
-            c("div", Pe, [
-              n.value.size > 0 ? (w(), S("span", Fe, _(t(l)("media.library.selectedCount", { count: n.value.size })), 1)) : (w(), S("span", Re, _(t(l)("media.library.totalSummary", { count: D.value })), 1))
+          c("div", Ae, [
+            c("div", Fe, [
+              i.value.size > 0 ? (w(), S("span", Re, _(t(l)("media.library.selectedCount", { count: i.value.size })), 1)) : (w(), S("span", Ue, _(t(l)("media.library.totalSummary", { count: V.value })), 1))
             ]),
-            u(i, {
+            u(s, {
               label: t(l)("media.library.selectAllButton"),
               variant: "tertiary",
               size: "md",
               onClick: Z
             }, null, 8, ["label"]),
             u(oe, {
-              modelValue: T.value,
-              "onUpdate:modelValue": a[2] || (a[2] = (o) => T.value = o),
-              items: $
+              modelValue: z.value,
+              "onUpdate:modelValue": a[2] || (a[2] = (o) => z.value = o),
+              items: j
             }, null, 8, ["modelValue"])
           ])
         ]),
         u(t(be), {
           assets: p.value,
-          loading: V.value,
+          loading: I.value,
           view: W.value,
           selectable: "",
-          "selected-ids": n.value,
-          "variants-by-ref-id": t(z).byRefId.value,
+          "selected-ids": i.value,
+          "variants-by-ref-id": t(P).byRefId.value,
           onOpen: te,
           onToggle: Y,
           onDelete: ae
         }, null, 8, ["assets", "loading", "view", "selected-ids", "variants-by-ref-id"]),
         u(t(we), {
           page: v.value,
-          "page-size": t(N),
-          "total-resources": D.value,
-          "total-pages": A.value,
-          disabled: I.value,
+          "page-size": t(O),
+          "total-resources": V.value,
+          "total-pages": D.value,
+          disabled: T.value,
           "onUpdate:page": X
         }, null, 8, ["page", "page-size", "total-resources", "total-pages", "disabled"]),
-        n.value.size > 0 ? (w(), S("div", Me, [
-          c("span", Ue, _(t(l)("media.library.selectedCount", { count: n.value.size })), 1),
-          u(i, {
+        i.value.size > 0 ? (w(), S("div", Ne, [
+          c("span", Oe, _(t(l)("media.library.selectedCount", { count: i.value.size })), 1),
+          u(s, {
             label: t(l)("media.library.cancelButton"),
             variant: "tertiary",
             size: "md",
             onClick: B
           }, null, 8, ["label"]),
-          u(i, {
+          u(s, {
             label: t(l)("media.library.deleteSelectedButton"),
             variant: "destructive",
             size: "md",
@@ -214,31 +216,31 @@ const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-cent
           image: le.value,
           "business-id": r.value,
           onClose: a[3] || (a[3] = (o) => d.value = null),
-          onRenamed: q,
+          onRenamed: L,
           onDeleted: se,
-          onChanged: q
+          onChanged: L
         }, null, 8, ["asset", "image", "business-id"]),
         u(ue, {
           modelValue: b.value,
           "onUpdate:modelValue": a[7] || (a[7] = (o) => b.value = o),
           "max-width": 480
         }, {
-          "dialog-header": U(() => [
+          "dialog-header": N(() => [
             c("div", null, _(t(l)("media.library.uploadDialogTitle")), 1)
           ]),
-          "dialog-footer": U(() => {
-            var o, G;
+          "dialog-footer": N(() => {
+            var o, q;
             return [
-              c("div", Ne, [
-                u(i, {
+              c("div", Me, [
+                u(s, {
                   label: t(l)("media.library.cancelButton"),
                   variant: "tertiary",
                   onClick: a[5] || (a[5] = (re) => b.value = !1)
                 }, null, 8, ["label"]),
-                u(i, {
+                u(s, {
                   label: t(l)("media.library.uploadSubmitButton", { count: ((o = f.value) == null ? void 0 : o.stagedCount) ?? 0 }),
                   variant: "primary",
-                  disabled: !((G = f.value) != null && G.stagedCount) || f.value.uploading,
+                  disabled: !((q = f.value) != null && q.stagedCount) || f.value.uploading,
                   onClick: a[6] || (a[6] = (re) => {
                     var H;
                     return (H = f.value) == null ? void 0 : H.upload();
@@ -247,7 +249,7 @@ const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-cent
               ])
             ];
           }),
-          default: U(() => [
+          default: N(() => [
             u(t(xe), {
               ref_key: "uploadPanelRef",
               ref: f,

package/dist/app.js

@@ -90,7 +90,7 @@ const _e = {
     }
   },
   library: {
-    uploadButton: "Upload Images",
+    uploadButton: "Upload Media",
     testPickerButton: "Test Picker Dialog",
     searchPlaceholder: "Search file name…",
     selectAllButton: "Select All",
@@ -100,7 +100,7 @@ const _e = {
     deleteSelectedButton: "Delete Selected",
     uploadDialogTitle: "Upload Assets",
     uploadSubmitButton: "Upload {count}",
-    deleteDisclaimer: "If any business module is still using this image, it will show as broken wherever it's referenced after deletion — make sure it's no longer needed.",
+    deleteDisclaimer: "If any business module is still using this asset, it will show as broken wherever it's referenced after deletion — make sure it's no longer needed.",
     deleteOneTitle: "Delete Asset",
     deleteOneMessage: 'Delete "{fileName}"? {disclaimer}',
     deleteBulkTitle: "Delete Selected Assets",
@@ -198,7 +198,7 @@ const _e = {
     }
   },
   library: {
-    uploadButton: "Importer des images",
+    uploadButton: "Importer des médias",
     testPickerButton: "Tester la fenêtre de sélection",
     searchPlaceholder: "Rechercher un nom de fichier…",
     selectAllButton: "Tout sélectionner",
@@ -208,7 +208,7 @@ const _e = {
     deleteSelectedButton: "Supprimer la sélection",
     uploadDialogTitle: "Importer un média",
     uploadSubmitButton: "Importer {count}",
-    deleteDisclaimer: "Après suppression, si un module métier utilise encore cette image, elle apparaîtra comme cassée à l'endroit où elle est référencée. Assurez-vous qu'elle n'est plus nécessaire.",
+    deleteDisclaimer: "Après suppression, si un module métier utilise encore cet élément, il apparaîtra comme cassé à l'endroit où il est référencé. Assurez-vous qu'il n'est plus nécessaire.",
     deleteOneTitle: "Supprimer le média",
     deleteOneMessage: "Supprimer « {fileName} » ? {disclaimer}",
     deleteBulkTitle: "Supprimer les médias sélectionnés",
@@ -306,7 +306,7 @@ const _e = {
     }
   },
   library: {
-    uploadButton: "Unggah Gambar",
+    uploadButton: "Unggah Media",
     testPickerButton: "Uji Dialog Pemilih",
     searchPlaceholder: "Cari nama file…",
     selectAllButton: "Pilih Semua",
@@ -316,7 +316,7 @@ const _e = {
     deleteSelectedButton: "Hapus yang Dipilih",
     uploadDialogTitle: "Unggah Media",
     uploadSubmitButton: "Unggah {count}",
-    deleteDisclaimer: "Setelah dihapus, jika ada modul bisnis yang masih menggunakan gambar ini, gambar akan tampil rusak di tempat penggunaannya. Pastikan gambar ini sudah tidak diperlukan lagi.",
+    deleteDisclaimer: "Setelah dihapus, jika ada modul bisnis yang masih menggunakan aset ini, aset akan tampil rusak di tempat penggunaannya. Pastikan aset ini sudah tidak diperlukan lagi.",
     deleteOneTitle: "Hapus Media",
     deleteOneMessage: 'Hapus "{fileName}"? {disclaimer}',
     deleteBulkTitle: "Hapus Media yang Dipilih",
@@ -414,7 +414,7 @@ const _e = {
     }
   },
   library: {
-    uploadButton: "画像をアップロード",
+    uploadButton: "メディアをアップロード",
     testPickerButton: "画像選択ダイアログのテスト",
     searchPlaceholder: "ファイル名で検索…",
     selectAllButton: "すべて選択",
@@ -424,7 +424,7 @@ const _e = {
     deleteSelectedButton: "選択した項目を削除",
     uploadDialogTitle: "素材をアップロード",
     uploadSubmitButton: "{count} 件をアップロード",
-    deleteDisclaimer: "削除後、この画像を使用している業務モジュールがある場合、参照元では画像が表示されなくなります。不要であることを確認してください。",
+    deleteDisclaimer: "削除後、この素材を使用している業務モジュールがある場合、参照元では表示されなくなります。不要であることを確認してください。",
     deleteOneTitle: "素材を削除",
     deleteOneMessage: "「{fileName}」を削除しますか？{disclaimer}",
     deleteBulkTitle: "選択した素材を削除",
@@ -522,7 +522,7 @@ const _e = {
     }
   },
   library: {
-    uploadButton: "อัปโหลดรูปภาพ",
+    uploadButton: "อัปโหลดสื่อ",
     testPickerButton: "ทดสอบหน้าต่างเลือกรูป",
     searchPlaceholder: "ค้นหาชื่อไฟล์…",
     selectAllButton: "เลือกทั้งหมด",
@@ -532,7 +532,7 @@ const _e = {
     deleteSelectedButton: "ลบที่เลือก",
     uploadDialogTitle: "อัปโหลดสื่อ",
     uploadSubmitButton: "อัปโหลด {count} รายการ",
-    deleteDisclaimer: "หลังลบแล้ว หากมีโมดูลธุรกิจใดกำลังใช้รูปนี้อยู่ รูปจะแสดงเป็นลิงก์เสียในตำแหน่งที่ถูกใช้งาน กรุณายืนยันว่าไม่จำเป็นต้องใช้แล้ว",
+    deleteDisclaimer: "หลังลบแล้ว หากมีโมดูลธุรกิจใดกำลังใช้สื่อนี้อยู่ สื่อจะแสดงเป็นลิงก์เสียในตำแหน่งที่ถูกใช้งาน กรุณายืนยันว่าไม่จำเป็นต้องใช้แล้ว",
     deleteOneTitle: "ลบสื่อ",
     deleteOneMessage: "ยืนยันลบ “{fileName}” ใช่หรือไม่? {disclaimer}",
     deleteBulkTitle: "ลบสื่อที่เลือก",
@@ -630,7 +630,7 @@ const _e = {
     }
   },
   library: {
-    uploadButton: "上传图片",
+    uploadButton: "上传素材",
     testPickerButton: "测试选图弹窗",
     searchPlaceholder: "搜索文件名…",
     selectAllButton: "全选",
@@ -639,8 +639,8 @@ const _e = {
     cancelButton: "取消",
     deleteSelectedButton: "删除所选",
     uploadDialogTitle: "上传素材",
-    uploadSubmitButton: "上传 {count} 张",
-    deleteDisclaimer: "删除后如有业务模块正在使用这张图，图片会在原处显示失效，请确认已不再需要。",
+    uploadSubmitButton: "上传 {count} 个",
+    deleteDisclaimer: "删除后如有业务模块正在使用这个素材，引用处会显示失效，请确认已不再需要。",
     deleteOneTitle: "删除素材",
     deleteOneMessage: "确定删除「{fileName}」吗？{disclaimer}",
     deleteBulkTitle: "删除所选素材",
@@ -738,7 +738,7 @@ const _e = {
     }
   },
   library: {
-    uploadButton: "上傳圖片",
+    uploadButton: "上傳素材",
     testPickerButton: "測試選圖彈窗",
     searchPlaceholder: "搜尋檔案名稱…",
     selectAllButton: "全選",
@@ -747,8 +747,8 @@ const _e = {
     cancelButton: "取消",
     deleteSelectedButton: "刪除所選",
     uploadDialogTitle: "上傳素材",
-    uploadSubmitButton: "上傳 {count} 張",
-    deleteDisclaimer: "刪除後如有業務模組正在使用這張圖，圖片會在原處顯示失效，請確認已不再需要。",
+    uploadSubmitButton: "上傳 {count} 個",
+    deleteDisclaimer: "刪除後如有業務模組正在使用這個素材，引用處會顯示失效，請確認已不再需要。",
     deleteOneTitle: "刪除素材",
     deleteOneMessage: "確定刪除「{fileName}」嗎？{disclaimer}",
     deleteBulkTitle: "刪除所選素材",
@@ -2531,7 +2531,7 @@ const ka = [
   {
     path: "/library",
     name: "$media-library",
-    component: Ae(S(() => import("./AssetLibrary-7609684b.js"))),
+    component: Ae(S(() => import("./AssetLibrary-e042670f.js"))),
     meta: {
       validationManifest: {
         requiredCaslPermissions: [
@@ -2546,7 +2546,7 @@ const ka = [
   {
     path: "/studio",
     name: "$media-studio",
-    component: Ae(S(() => import("./AiStudio-9f9c1203.js"))),
+    component: Ae(S(() => import("./AiStudio-4e54cdff.js"))),
     meta: {
       validationManifest: {
         requiredCaslPermissions: [