@feedmepos/mf-media 0.0.9 → 0.0.10-dev.2

package/dist/AssetLibrary-4c2864d0.js

@@ -1,285 +0,0 @@
-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
-};