@feedmepos/mf-media 0.0.8 → 0.0.9

package/dist/{AiStudio-40fbac7c.js → AiStudio-a4b7098a.js}

@@ -2,7 +2,7 @@ import { defineComponent as j, computed as S, resolveComponent as B, openBlock a
 import { defineStore as re, storeToRefs as de } from "pinia";
 import { useI18n as N, useCoreStore as ce } from "@feedmepos/mf-common";
 import { useDialog as ue, useSnackbar as me } from "@feedmepos/ui-library";
-import { z as W, p as fe, G as pe, K as ve } from "./media-picker-1af09b4a.js";
+import { z as W, x as fe, G as pe, K as ve } from "./media-picker-e86c4195.js";
 const xe = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white overflow-hidden" }, ge = ["src", "alt"], ye = {
   key: 1,
   class: "absolute inset-0 flex flex-col items-center justify-center gap-4 p-12 text-center"

package/dist/AssetLibrary-4c2864d0.js

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

package/dist/app.js

@@ -94,7 +94,7 @@ const tt = {
     searchPlaceholder: "Search file name…",
     selectAllButton: "Select All",
     selectedCount: "{count} selected",
-    totalSummary: "{count} items · {size} used",
+    totalSummary: "{count} items",
     cancelButton: "Cancel",
     deleteSelectedButton: "Delete Selected",
     uploadDialogTitle: "Upload Assets",
@@ -201,7 +201,7 @@ const tt = {
     searchPlaceholder: "Rechercher un nom de fichier…",
     selectAllButton: "Tout sélectionner",
     selectedCount: "{count} sélectionné(s)",
-    totalSummary: "{count} éléments · {size} utilisés",
+    totalSummary: "{count} éléments",
     cancelButton: "Annuler",
     deleteSelectedButton: "Supprimer la sélection",
     uploadDialogTitle: "Importer un média",
@@ -308,7 +308,7 @@ const tt = {
     searchPlaceholder: "Cari nama file…",
     selectAllButton: "Pilih Semua",
     selectedCount: "{count} item dipilih",
-    totalSummary: "{count} item · {size} terpakai",
+    totalSummary: "{count} item",
     cancelButton: "Batal",
     deleteSelectedButton: "Hapus yang Dipilih",
     uploadDialogTitle: "Unggah Media",
@@ -415,7 +415,7 @@ const tt = {
     searchPlaceholder: "ファイル名で検索…",
     selectAllButton: "すべて選択",
     selectedCount: "{count} 件選択中",
-    totalSummary: "合計 {count} 件 · 使用容量 {size}",
+    totalSummary: "合計 {count} 件",
     cancelButton: "キャンセル",
     deleteSelectedButton: "選択した項目を削除",
     uploadDialogTitle: "素材をアップロード",
@@ -522,7 +522,7 @@ const tt = {
     searchPlaceholder: "ค้นหาชื่อไฟล์…",
     selectAllButton: "เลือกทั้งหมด",
     selectedCount: "เลือกแล้ว {count} รายการ",
-    totalSummary: "ทั้งหมด {count} รายการ · ใช้ไป {size}",
+    totalSummary: "ทั้งหมด {count} รายการ",
     cancelButton: "ยกเลิก",
     deleteSelectedButton: "ลบที่เลือก",
     uploadDialogTitle: "อัปโหลดสื่อ",
@@ -629,7 +629,7 @@ const tt = {
     searchPlaceholder: "搜索文件名…",
     selectAllButton: "全选",
     selectedCount: "已选 {count} 项",
-    totalSummary: "共 {count} 项 · 已用 {size}",
+    totalSummary: "共 {count} 项",
     cancelButton: "取消",
     deleteSelectedButton: "删除所选",
     uploadDialogTitle: "上传素材",
@@ -736,7 +736,7 @@ const tt = {
     searchPlaceholder: "搜尋檔案名稱…",
     selectAllButton: "全選",
     selectedCount: "已選 {count} 項",
-    totalSummary: "共 {count} 項 · 已用 {size}",
+    totalSummary: "共 {count} 項",
     cancelButton: "取消",
     deleteSelectedButton: "刪除所選",
     uploadDialogTitle: "上傳素材",
@@ -2524,7 +2524,7 @@ const Ka = [
   {
     path: "/library",
     name: "$media-library",
-    component: ne(_(() => import("./AssetLibrary-145d5ac2.js"))),
+    component: ne(_(() => import("./AssetLibrary-4c2864d0.js"))),
     meta: {
       validationManifest: {
         requiredCaslPermissions: [
@@ -2539,7 +2539,7 @@ const Ka = [
   {
     path: "/studio",
     name: "$media-studio",
-    component: ne(_(() => import("./AiStudio-40fbac7c.js"))),
+    component: ne(_(() => import("./AiStudio-a4b7098a.js"))),
     meta: {
       validationManifest: {
         requiredCaslPermissions: [