@feedmepos/mf-media 1.0.1-dev.4 → 1.0.2-dev.1

package/dist/{AiStudio-866a5c97.js → AiStudio-2cced8ce.js}

@@ -2,8 +2,8 @@ import { defineComponent as V, computed as S, resolveComponent as E, openBlock a
 import { defineStore as de, storeToRefs as ce } from "pinia";
 import { useI18n as L, useCoreStore as ue } from "@feedmepos/mf-common";
 import { useDialog as me, useSnackbar as fe } from "@feedmepos/ui-library";
-import { i as W, u as pe, p as ve, j as xe } from "./media-picker-fdce9066.js";
-const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white overflow-hidden" }, ye = ["src", "alt"], be = {
+import { i as W, j as pe, k as ve, y as xe } from "./media-picker-1cd70533.js";
+const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white overflow-hidden" }, ge = ["src", "alt"], be = {
   key: 1,
   class: "absolute inset-0 flex flex-col items-center justify-center gap-4 p-12 text-center"
 }, he = { class: "text-xs font-semibold" }, _e = { class: "text-xs text-fm-color-typo-secondary line-clamp-3" }, $e = {
@@ -27,12 +27,12 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
   },
   emits: ["preview", "variant", "discard", "save"],
   setup(e, { emit: x }) {
-    const t = e, l = x, { t: r } = L(), v = S(() => t.item.status === "success" && !!t.item.url), g = S(() => t.item.status === "failed"), w = S(() => t.ratio.replace("x", " / ")), n = S(
+    const t = e, l = x, { t: r } = L(), v = S(() => t.item.status === "success" && !!t.item.url), y = S(() => t.item.status === "failed"), w = S(() => t.ratio.replace("x", " / ")), n = S(
       () => t.item.width && t.item.height ? `${t.item.width}×${t.item.height}` : ""
     );
     return ($, b) => {
       const C = E("FmIcon"), T = E("FmCircularProgress"), F = E("FmButton");
-      return m(), h("div", ge, [
+      return m(), h("div", ye, [
         s("div", {
           class: "relative bg-fm-color-neutral-gray-100",
           style: ee({ aspectRatio: w.value })
@@ -42,7 +42,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
             src: e.item.url,
             class: "w-full h-full object-cover",
             alt: n.value
-          }, null, 8, ye)) : g.value ? (m(), h("div", be, [
+          }, null, 8, ge)) : y.value ? (m(), h("div", be, [
             k(C, {
               name: "error_outline",
               size: "md"
@@ -99,7 +99,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
             disabled: e.item.saved,
             onClick: b[3] || (b[3] = (f) => l("save"))
           }, null, 8, ["label", "disabled"])
-        ])) : g.value ? (m(), h("div", Ee, [
+        ])) : y.value ? (m(), h("div", Ee, [
           k(F, {
             label: a(r)("media.studio.retry"),
             variant: "tertiary",
@@ -122,7 +122,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
   setup(e, { emit: x }) {
     const t = e, l = x, { t: r } = L(), v = S(
       () => t.batch.items.some((n) => n.status === "pending" || n.status === "processing")
-    ), g = S(
+    ), y = S(
       () => !!(t.batch.params.refAssetId || t.batch.params.refTmpToken)
     ), w = S(() => {
       const n = {
@@ -130,7 +130,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
         ratio: t.batch.params.ratio,
         count: t.batch.items.length
       };
-      return g.value ? r("media.studio.batchMetaRef", { ...n, strength: t.batch.params.refStrength ?? 55 }) : r("media.studio.batchMeta", n);
+      return y.value ? r("media.studio.batchMetaRef", { ...n, strength: t.batch.params.refStrength ?? 55 }) : r("media.studio.batchMeta", n);
     });
     return (n, $) => {
       const b = E("FmCircularProgress"), C = E("FmButton");
@@ -157,7 +157,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
             key: T.taskId,
             item: T,
             ratio: e.batch.params.ratio,
-            "from-ref": g.value,
+            "from-ref": y.value,
             onPreview: (F) => l("preview", T),
             onVariant: $[1] || ($[1] = (F) => l("variant")),
             onDiscard: (F) => l("discard", T),
@@ -207,7 +207,7 @@ async function Ye(e, x) {
 const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p-16 rounded-xl border border-fm-color-neutral-gray-200 bg-white sticky top-0 self-start" }, We = { class: "flex flex-col gap-8" }, Je = { class: "flex items-baseline gap-8" }, Qe = { class: "text-sm font-semibold" }, Xe = { class: "text-xs text-fm-color-typo-tertiary" }, Ze = { class: "grid grid-cols-2 gap-8" }, et = ["onClick"], tt = { class: "flex items-center gap-8" }, st = { class: "text-sm font-semibold" }, ot = { class: "text-xs text-fm-color-typo-secondary" }, at = { class: "flex flex-col gap-8" }, nt = {
   key: 0,
   class: "flex items-center gap-8 px-8 py-8 rounded-lg bg-[#FFF7F0]"
-}, it = { class: "text-xs" }, lt = { class: "flex flex-col gap-8" }, rt = { class: "text-sm font-semibold" }, dt = { class: "flex flex-wrap gap-4" }, ct = { class: "flex flex-col gap-8" }, ut = { class: "text-sm font-semibold" }, mt = { class: "grid grid-cols-2 gap-8" }, ft = ["onClick"], pt = { class: "text-fm-color-typo-secondary" }, vt = { class: "flex flex-col gap-8" }, xt = { class: "text-sm font-semibold" }, gt = { class: "flex gap-8" }, yt = ["onClick"], bt = { class: "flex flex-col gap-8 sticky bottom-0 bg-white pt-12" }, ht = { class: "text-xs text-fm-color-typo-tertiary text-center" }, _t = "border-[--fm-color-brand-primary,#FF7823] bg-[#FFF7F0]", $t = "border-fm-color-neutral-gray-200 bg-white", kt = /* @__PURE__ */ V({
+}, it = { class: "text-xs" }, lt = { class: "flex flex-col gap-8" }, rt = { class: "text-sm font-semibold" }, dt = { class: "flex flex-wrap gap-4" }, ct = { class: "flex flex-col gap-8" }, ut = { class: "text-sm font-semibold" }, mt = { class: "grid grid-cols-2 gap-8" }, ft = ["onClick"], pt = { class: "text-fm-color-typo-secondary" }, vt = { class: "flex flex-col gap-8" }, xt = { class: "text-sm font-semibold" }, yt = { class: "flex gap-8" }, gt = ["onClick"], bt = { class: "flex flex-col gap-8 sticky bottom-0 bg-white pt-12" }, ht = { class: "text-xs text-fm-color-typo-tertiary text-center" }, _t = "border-[--fm-color-brand-primary,#FF7823] bg-[#FFF7F0]", $t = "border-fm-color-neutral-gray-200 bg-white", kt = /* @__PURE__ */ V({
   __name: "StudioControls",
   props: /* @__PURE__ */ H({
     busy: { type: Boolean },
@@ -224,7 +224,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
   }),
   emits: /* @__PURE__ */ H(["generate"], ["update:prompt", "update:style", "update:ratio", "update:count"]),
   setup(e, { emit: x }) {
-    const t = e, l = q(e, "prompt"), r = q(e, "style"), v = q(e, "ratio"), g = q(e, "count"), w = x, { t: n } = L(), $ = ["hero", "banner", "social", "menu"], b = {
+    const t = e, l = q(e, "prompt"), r = q(e, "style"), v = q(e, "ratio"), y = q(e, "count"), w = x, { t: n } = L(), $ = ["hero", "banner", "social", "menu"], b = {
       hero: "restaurant",
       banner: "campaign",
       social: "photo_camera",
@@ -240,13 +240,13 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
     ), T = S(
       () => {
         var o;
-        return (o = C.value.find((y) => y.prompt === l.value)) == null ? void 0 : o.key;
+        return (o = C.value.find((g) => g.prompt === l.value)) == null ? void 0 : o.key;
       }
     ), F = S(() => /\[[^\]]+\]/.test(l.value)), f = S(() => l.value.trim().length > 0 && !t.busy);
     function i(o) {
       return o ? _t : $t;
     }
-    return (o, y) => {
+    return (o, g) => {
       const _ = E("FmIcon"), z = E("FmTextarea"), O = E("FmChip"), Y = E("FmButton");
       return m(), h("div", Ke, [
         s("div", We, [
@@ -275,7 +275,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         s("div", at, [
           k(z, {
             modelValue: l.value,
-            "onUpdate:modelValue": y[0] || (y[0] = (d) => l.value = d),
+            "onUpdate:modelValue": g[0] || (g[0] = (d) => l.value = d),
             label: a(n)("media.studio.prompt"),
             placeholder: e.hasRef ? a(n)("media.studio.promptPlaceholderRef") : a(n)("media.studio.promptPlaceholder"),
             "max-length": 500,
@@ -319,13 +319,13 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         ]),
         s("div", vt, [
           s("span", xt, u(a(n)("media.studio.count")), 1),
-          s("div", gt, [
+          s("div", yt, [
             (m(!0), h(D, null, N(a(Le), (d) => (m(), h("button", {
               key: d,
               type: "button",
-              class: j(["flex-1 h-40 rounded-lg border text-sm font-semibold", i(g.value === d)]),
-              onClick: (M) => g.value = d
-            }, " × " + u(d), 11, yt))), 128))
+              class: j(["flex-1 h-40 rounded-lg border text-sm font-semibold", i(y.value === d)]),
+              onClick: (M) => y.value = d
+            }, " × " + u(d), 11, gt))), 128))
           ])
         ]),
         s("div", bt, [
@@ -335,7 +335,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
             variant: "primary",
             size: "md",
             disabled: !f.value,
-            onClick: y[1] || (y[1] = (d) => w("generate"))
+            onClick: g[1] || (g[1] = (d) => w("generate"))
           }, null, 8, ["label", "disabled"]),
           s("span", ht, u(a(n)("media.studio.disclaimer")), 1)
         ])
@@ -354,7 +354,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
   emits: ["close", "save", "variant"],
   setup(e, { emit: x }) {
     const t = e, l = x, { t: r } = L();
-    return (v, g) => {
+    return (v, y) => {
       const w = E("FmIcon"), n = E("FmButton"), $ = E("FmDialog");
       return m(), G($, {
         "model-value": !!t.item,
@@ -362,7 +362,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         "max-height": "560px",
         "content-class": "!p-0 studio-preview-dialog-content",
         "close-button": !1,
-        "onUpdate:modelValue": g[3] || (g[3] = (b) => !b && l("close"))
+        "onUpdate:modelValue": y[3] || (y[3] = (b) => !b && l("close"))
       }, {
         default: te(() => [
           t.item ? (m(), h("div", It, [
@@ -380,7 +380,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
                   type: "button",
                   class: "w-32 h-32 rounded-lg bg-fm-color-neutral-gray-100 flex items-center justify-center flex-shrink-0",
                   title: a(r)("media.library.cancelButton"),
-                  onClick: g[0] || (g[0] = (b) => l("close"))
+                  onClick: y[0] || (y[0] = (b) => l("close"))
                 }, [
                   k(w, {
                     name: "close",
@@ -390,19 +390,19 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
               ]),
               s("span", Et, u(t.prompt), 1),
               s("span", Bt, u(t.item.width) + "×" + u(t.item.height), 1),
-              g[4] || (g[4] = s("div", { class: "flex-1" }, null, -1)),
+              y[4] || (y[4] = s("div", { class: "flex-1" }, null, -1)),
               k(n, {
                 label: a(r)("media.studio.variant"),
                 variant: "tertiary",
                 size: "md",
-                onClick: g[1] || (g[1] = (b) => l("variant"))
+                onClick: y[1] || (y[1] = (b) => l("variant"))
               }, null, 8, ["label"]),
               k(n, {
                 label: t.item.saved ? a(r)("media.studio.saved") : a(r)("media.studio.save"),
                 variant: "primary",
                 size: "md",
                 disabled: t.item.saved,
-                onClick: g[2] || (g[2] = (b) => l("save"))
+                onClick: y[2] || (y[2] = (b) => l("save"))
               }, null, 8, ["label", "disabled"])
             ])
           ])) : U("", !0)
@@ -431,9 +431,9 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
   }),
   emits: /* @__PURE__ */ H(["change"], ["update:strength"]),
   setup(e, { emit: x }) {
-    const t = e, l = q(e, "strength"), r = x, { t: v } = L(), g = B(!1), w = B(!1), n = B(""), $ = B(null), b = B(null), C = S(() => l.value <= 35 ? v("media.studio.refWeak") : l.value >= 70 ? v("media.studio.refStrong") : v("media.studio.refMid"));
+    const t = e, l = q(e, "strength"), r = x, { t: v } = L(), y = B(!1), w = B(!1), n = B(""), $ = B(null), b = B(null), C = S(() => l.value <= 35 ? v("media.studio.refWeak") : l.value >= 70 ? v("media.studio.refStrong") : v("media.studio.refMid"));
     function T(i) {
-      g.value = !1, n.value = "", $.value = { url: i.url, label: i.asset.fileName }, r("change", {
+      y.value = !1, n.value = "", $.value = { url: i.url, label: i.asset.fileName }, r("change", {
         refAssetId: i.asset.id,
         // null means the original was picked, and the request omits refRatio for that.
         refRatio: i.ratio ?? void 0,
@@ -441,8 +441,8 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
       });
     }
     async function F(i) {
-      var y;
-      const o = (y = i.target.files) == null ? void 0 : y[0];
+      var g;
+      const o = (g = i.target.files) == null ? void 0 : g[0];
       if (o) {
         w.value = !0, n.value = "";
         try {
@@ -462,7 +462,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
       $.value = null, n.value = "", r("change", null);
     }
     return (i, o) => {
-      const y = E("FmButton");
+      const g = E("FmButton");
       return m(), h("div", Pt, [
         s("div", Ut, [
           s("span", Ot, u(a(v)("media.studio.ref")), 1),
@@ -476,7 +476,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
             alt: ""
           }, null, 8, Mt)) : U("", !0),
           s("span", Nt, u($.value.label), 1),
-          k(y, {
+          k(g, {
             label: a(v)("media.studio.refClear"),
             variant: "tertiary",
             size: "md",
@@ -484,14 +484,14 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
           }, null, 8, ["label"])
         ])) : (m(), h(D, { key: 1 }, [
           s("div", jt, [
-            k(y, {
+            k(g, {
               label: a(v)("media.studio.refPick"),
               variant: "tertiary",
               size: "md",
               class: "flex-1",
-              onClick: o[0] || (o[0] = (_) => g.value = !0)
+              onClick: o[0] || (o[0] = (_) => y.value = !0)
             }, null, 8, ["label"]),
-            k(y, {
+            k(g, {
               label: a(v)("media.studio.refUpload"),
               variant: "tertiary",
               size: "md",
@@ -538,8 +538,8 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
           s("span", Kt, u(C.value), 1)
         ])) : U("", !0),
         k(a(pe), {
-          open: g.value,
-          "onUpdate:open": o[3] || (o[3] = (_) => g.value = _),
+          open: y.value,
+          "onUpdate:open": o[3] || (o[3] = (_) => y.value = _),
           "business-id": e.businessId,
           "restaurant-id": e.restaurantId,
           "allow-upload": !1,
@@ -580,7 +580,7 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
   const e = B([]), x = S(() => e.value.some((f) => Z(f.items)));
   let t, l = "";
   function r(f, i) {
-    const o = e.value.find((y) => y.batchId === f);
+    const o = e.value.find((g) => g.batchId === f);
     o && (o.items = Zt(o.items, i));
   }
   function v() {
@@ -596,37 +596,37 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
       x.value && v();
     }, ts));
   }
-  async function g(f, i) {
+  async function y(f, i) {
     l = f;
     const o = await qe(f, es(i));
     e.value.unshift({
       batchId: o.batchId,
       params: i,
-      items: o.items.map((y) => ({
-        taskId: y.taskId,
-        assetId: y.assetId,
-        imageId: y.imageId,
-        status: y.status,
+      items: o.items.map((g) => ({
+        taskId: g.taskId,
+        assetId: g.assetId,
+        imageId: g.imageId,
+        status: g.status,
         attempts: 0,
-        error: y.error,
+        error: g.error,
         saved: !1
       }))
     }), v();
   }
   async function w(f, i) {
-    await g(f, i);
+    await y(f, i);
   }
   async function n(f, i) {
-    await g(f, { ...i.params });
+    await y(f, { ...i.params });
   }
   async function $(f, i) {
-    await g(f, { ...i.params, count: 1 });
+    await y(f, { ...i.params, count: 1 });
   }
   async function b(f, i, o) {
     var _;
     await ve(f, o.assetId, [Qt]);
-    const y = (_ = e.value.find((z) => z.batchId === i.batchId)) == null ? void 0 : _.items.find((z) => z.taskId === o.taskId);
-    y && (y.saved = !0);
+    const g = (_ = e.value.find((z) => z.batchId === i.batchId)) == null ? void 0 : _.items.find((z) => z.taskId === o.taskId);
+    g && (g.saved = !0);
   }
   async function C(f, i, o) {
     await xe(f, [
@@ -637,8 +637,8 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
         aspectRatios: null
       }
     ]);
-    const y = e.value.find((_) => _.batchId === i.batchId);
-    y && (y.items = y.items.filter((_) => _.taskId !== o.taskId), y.items.length === 0 && (e.value = e.value.filter((_) => _.batchId !== i.batchId)));
+    const g = e.value.find((_) => _.batchId === i.batchId);
+    g && (g.items = g.items.filter((_) => _.taskId !== o.taskId), g.items.length === 0 && (e.value = e.value.filter((_) => _.batchId !== i.batchId)));
   }
   function T(f) {
     l = f, x.value && v();
@@ -656,13 +656,13 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
     const x = ue(), { t } = L(), l = me(), r = fe(), v = S(() => {
       var p;
       return ((p = x.currentBusiness.value) == null ? void 0 : p.id) ?? "";
-    }), g = S(() => {
+    }), y = S(() => {
       var p;
       return (p = x.currentRestaurant.value) == null ? void 0 : p._id;
     }), w = ss(), { batches: n, busy: $ } = ce(w);
     re(() => w.resume(v.value));
     const b = B(""), C = B("photo"), T = B("1x1"), F = B(2), f = B(55), i = B(null), o = S(() => !!i.value);
-    function y() {
+    function g() {
       var p, c, R, P;
       return {
         prompt: b.value,
@@ -674,7 +674,7 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
         refTmpToken: (R = i.value) == null ? void 0 : R.refTmpToken,
         refStrength: i.value ? f.value : void 0,
         refLabel: (P = i.value) == null ? void 0 : P.label,
-        restaurantId: g.value
+        restaurantId: y.value
       };
     }
     function _(p) {
@@ -691,7 +691,7 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
     }
     async function Y() {
       try {
-        await w.compose(v.value, y());
+        await w.compose(v.value, g());
       } catch (p) {
         O(p);
       }
@@ -757,7 +757,7 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
               strength: f.value,
               "onUpdate:strength": c[0] || (c[0] = (I) => f.value = I),
               "business-id": v.value,
-              "restaurant-id": g.value,
+              "restaurant-id": y.value,
               onChange: c[1] || (c[1] = (I) => i.value = I)
             }, null, 8, ["strength", "business-id", "restaurant-id"])
           ]),

package/dist/AssetLibrary-34e89cba.js

@@ -0,0 +1,301 @@
+import { defineComponent as be, computed as g, ref as s, onMounted as ge, watch as M, resolveComponent as B, openBlock as y, createElementBlock as I, createElementVNode as c, toDisplayString as C, unref as t, createVNode as i, createBlock as $, createCommentVNode as D, withCtx as j } from "vue";
+import { useCoreStore as we, useI18n as he } from "@feedmepos/mf-common";
+import { useDialog as xe } from "@feedmepos/ui-library";
+import { a as _e, F as Be, b as Ce, h as Ve, m as G, g as Te, t as ke, d as Se, U as Ie, c as De, f as Re, r as Fe, E as ze, e as ee, p as Pe } from "./media-picker-1cd70533.js";
+const Ae = { class: "p-24 relative min-h-full" }, Ue = { class: "flex items-center justify-between mb-8" }, Oe = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2" }, Ne = { class: "flex gap-8" }, Ee = { class: "flex flex-col gap-12 mb-16" }, Me = { class: "flex gap-12" }, $e = { class: "flex items-center gap-12" }, je = { class: "flex-1 text-xs text-fm-color-typo-secondary" }, Ge = {
+  key: 0,
+  class: "text-fm-color-typo-primary font-semibold"
+}, Le = { key: 1 }, qe = {
+  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"
+}, He = { class: "text-sm font-semibold" }, Je = { class: "flex justify-end gap-8 w-full" }, Ze = /* @__PURE__ */ be({
+  __name: "AssetLibrary",
+  setup(Ke) {
+    const R = we(), { t: l } = he(), d = g(() => {
+      var e;
+      return ((e = R.currentBusiness.value) == null ? void 0 : e.id) ?? "";
+    }), ae = g(() => {
+      var e;
+      return (e = R.currentRestaurant.value) == null ? void 0 : e._id;
+    }), V = xe(), T = s(""), w = s([]), h = s(void 0), L = g(
+      () => (R.restaurants.value ?? []).map((e) => ({ label: e.profile.name, value: e._id }))
+    ), k = s(void 0), q = s([]), H = g(() => q.value.map((e) => ({ label: e, value: e }))), b = s([]), x = s([]), F = s(!1), m = s(1), z = s(0), P = s(0), A = s(!1), J = s("recent"), le = {
+      recent: { sortBy: "createdAt", descending: !0 },
+      name: { sortBy: "fileName", descending: !1 },
+      size: { sortBy: "fileSizeBytes", descending: !0 }
+    }, K = [{ icon: "grid_view" }, { icon: "view_list" }], U = s(K[0]), te = g(() => U.value.icon === "grid_view" ? "grid" : "list"), O = _e(() => d.value);
+    async function p() {
+      if (d.value) {
+        b.value.length === 0 && (F.value = !0), A.value = !0;
+        try {
+          const [e, a, u] = await Promise.all([
+            Se({
+              businessId: d.value,
+              restaurantId: h.value,
+              refType: k.value,
+              search: T.value || void 0,
+              tags: w.value.length ? w.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: [Ie],
+              skip: De(m.value, G),
+              limit: G,
+              ...le[J.value]
+            }),
+            Re(d.value),
+            // Caught rather than left to reject the whole Promise.all: this endpoint is new, and
+            // a backend that hasn't deployed it yet must not be able to take the asset list down
+            // with it — the refType dropdown just stays empty (see the v-if on refTypeOptions)
+            // until the backend catches up.
+            Fe(d.value, h.value).catch(() => [])
+          ]);
+          b.value = e.resources, z.value = e.meta.totalResources, P.value = e.meta.totalPages, x.value = a, q.value = u, await O.load(
+            e.resources.filter((r) => !ze(r)).filter((r) => !!r.refId && !!r.refType).map((r) => ({ refType: r.refType, refId: r.refId }))
+          );
+        } finally {
+          F.value = !1, A.value = !1;
+        }
+      }
+    }
+    async function N() {
+      m.value = 1, S(), await p();
+    }
+    async function E() {
+      await p();
+      const e = Pe(m.value, P.value);
+      e !== m.value && (m.value = e, await p());
+    }
+    async function se(e) {
+      e !== m.value && (m.value = e, S(), await p());
+    }
+    ge(p), M(d, N), M([w, J, h, k], N);
+    let Q;
+    M(T, () => {
+      clearTimeout(Q), Q = setTimeout(N, 250);
+    });
+    const o = s(/* @__PURE__ */ new Set());
+    function ne(e) {
+      const a = new Set(o.value);
+      a.has(e.id) ? a.delete(e.id) : a.add(e.id), o.value = a;
+    }
+    function S() {
+      o.value = /* @__PURE__ */ new Set();
+    }
+    function oe() {
+      o.value = new Set(b.value.map((e) => e.id));
+    }
+    function ie() {
+      const e = o.value.size;
+      V.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(
+          [...o.value].map((a) => {
+            const u = b.value.find((r) => r.id === a);
+            return u ? ee(d.value, u) : Promise.resolve();
+          })
+        ), S(), await E(), V.close();
+      });
+    }
+    function ue(e) {
+      V.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 ee(d.value, e);
+        const a = new Set(o.value);
+        a.delete(e.id), o.value = a, await E(), V.close();
+      });
+    }
+    const v = s(null), re = g(
+      () => {
+        var e;
+        return (e = v.value) != null && e.refId ? O.byRefId.value.get(v.value.refId) ?? null : null;
+      }
+    );
+    function de(e) {
+      v.value = e;
+    }
+    async function W() {
+      await p(), v.value && (v.value = b.value.find((e) => {
+        var a;
+        return e.id === ((a = v.value) == null ? void 0 : a.id);
+      }) ?? null);
+    }
+    async function ce() {
+      v.value = null, await E();
+    }
+    const _ = s(!1), f = s(null);
+    function ve() {
+      var e;
+      (e = f.value) == null || e.reset(), _.value = !0;
+    }
+    async function me() {
+      var e;
+      (e = f.value) != null && e.stagedCount || (_.value = !1), await p();
+    }
+    return (e, a) => {
+      const u = B("FmButton"), r = B("FmSearch"), X = B("FmSelect"), pe = B("FmButtonGroup"), fe = B("FmDialog");
+      return y(), I("div", Ae, [
+        c("div", Ue, [
+          c("h1", Oe, C(t(l)("media.title")), 1),
+          c("div", Ne, [
+            i(u, {
+              label: t(l)("media.library.uploadButton"),
+              "prepend-icon": "add",
+              variant: "primary",
+              onClick: ve
+            }, null, 8, ["label"])
+          ])
+        ]),
+        c("div", Ee, [
+          c("div", Me, [
+            i(r, {
+              modelValue: T.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (n) => T.value = n),
+              placeholder: t(l)("media.library.searchPlaceholder"),
+              class: "max-w-[280px]"
+            }, null, 8, ["modelValue", "placeholder"]),
+            L.value.length ? (y(), $(X, {
+              key: 0,
+              modelValue: h.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (n) => h.value = n),
+              items: L.value,
+              placeholder: t(l)("media.library.allRestaurantsOption"),
+              searchable: "",
+              clearable: "",
+              class: "max-w-[240px]"
+            }, null, 8, ["modelValue", "items", "placeholder"])) : D("", !0),
+            H.value.length ? (y(), $(X, {
+              key: 1,
+              modelValue: k.value,
+              "onUpdate:modelValue": a[2] || (a[2] = (n) => k.value = n),
+              items: H.value,
+              placeholder: t(l)("media.library.allRefTypesOption"),
+              searchable: "",
+              clearable: "",
+              class: "max-w-[240px]"
+            }, null, 8, ["modelValue", "items", "placeholder"])) : D("", !0)
+          ]),
+          x.value.length ? (y(), $(t(Be), {
+            key: 0,
+            modelValue: w.value,
+            "onUpdate:modelValue": a[3] || (a[3] = (n) => w.value = n),
+            tags: x.value
+          }, null, 8, ["modelValue", "tags"])) : D("", !0),
+          c("div", $e, [
+            c("div", je, [
+              o.value.size > 0 ? (y(), I("span", Ge, C(t(l)("media.library.selectedCount", { count: o.value.size })), 1)) : (y(), I("span", Le, C(t(l)("media.library.totalSummary", { count: z.value })), 1))
+            ]),
+            i(u, {
+              label: t(l)("media.library.selectAllButton"),
+              variant: "tertiary",
+              size: "md",
+              onClick: oe
+            }, null, 8, ["label"]),
+            i(pe, {
+              modelValue: U.value,
+              "onUpdate:modelValue": a[4] || (a[4] = (n) => U.value = n),
+              items: K
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        i(t(Ce), {
+          assets: b.value,
+          loading: F.value,
+          view: te.value,
+          selectable: "",
+          "selected-ids": o.value,
+          "variants-by-ref-id": t(O).byRefId.value,
+          onOpen: de,
+          onToggle: ne,
+          onDelete: ue
+        }, null, 8, ["assets", "loading", "view", "selected-ids", "variants-by-ref-id"]),
+        i(t(Ve), {
+          page: m.value,
+          "page-size": t(G),
+          "total-resources": z.value,
+          "total-pages": P.value,
+          disabled: A.value,
+          "onUpdate:page": se
+        }, null, 8, ["page", "page-size", "total-resources", "total-pages", "disabled"]),
+        o.value.size > 0 ? (y(), I("div", qe, [
+          c("span", He, C(t(l)("media.library.selectedCount", { count: o.value.size })), 1),
+          i(u, {
+            label: t(l)("media.library.cancelButton"),
+            variant: "tertiary",
+            size: "md",
+            onClick: S
+          }, null, 8, ["label"]),
+          i(u, {
+            label: t(l)("media.library.deleteSelectedButton"),
+            variant: "destructive",
+            size: "md",
+            "prepend-icon": "delete",
+            onClick: ie
+          }, null, 8, ["label"])
+        ])) : D("", !0),
+        i(t(Te), {
+          asset: v.value,
+          image: re.value,
+          "business-id": d.value,
+          onClose: a[5] || (a[5] = (n) => v.value = null),
+          onRenamed: W,
+          onDeleted: ce,
+          onChanged: W
+        }, null, 8, ["asset", "image", "business-id"]),
+        i(fe, {
+          modelValue: _.value,
+          "onUpdate:modelValue": a[9] || (a[9] = (n) => _.value = n),
+          "max-width": 480
+        }, {
+          "dialog-header": j(() => [
+            c("div", null, C(t(l)("media.library.uploadDialogTitle")), 1)
+          ]),
+          "dialog-footer": j(() => {
+            var n, Y;
+            return [
+              c("div", Je, [
+                i(u, {
+                  label: t(l)("media.library.cancelButton"),
+                  variant: "tertiary",
+                  onClick: a[7] || (a[7] = (ye) => _.value = !1)
+                }, null, 8, ["label"]),
+                i(u, {
+                  label: t(l)("media.library.uploadSubmitButton", { count: ((n = f.value) == null ? void 0 : n.stagedCount) ?? 0 }),
+                  variant: "primary",
+                  disabled: !((Y = f.value) != null && Y.stagedCount) || f.value.uploading,
+                  onClick: a[8] || (a[8] = (ye) => {
+                    var Z;
+                    return (Z = f.value) == null ? void 0 : Z.upload();
+                  })
+                }, null, 8, ["label", "disabled"])
+              ])
+            ];
+          }),
+          default: j(() => [
+            i(t(ke), {
+              ref_key: "uploadPanelRef",
+              ref: f,
+              "business-id": d.value,
+              "restaurant-id": ae.value,
+              "available-tags": x.value,
+              onTagCreated: a[6] || (a[6] = (n) => x.value.push(n)),
+              onUploaded: me
+            }, null, 8, ["business-id", "restaurant-id", "available-tags"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+export {
+  Ze as default
+};