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

package/dist/{AiStudio-a685be4a.js → AiStudio-4e54cdff.js}

@@ -1,8 +1,8 @@
-import { defineComponent as j, computed as S, resolveComponent as E, openBlock as m, createElementBlock as h, createElementVNode as s, normalizeStyle as ee, createVNode as k, toDisplayString as u, unref as a, createCommentVNode as U, normalizeClass as V, createTextVNode as ae, createBlock as G, Fragment as D, renderList as N, mergeModels as H, useModel as q, renderSlot as ne, withCtx as te, ref as B, withDirectives as ie, vModelText as le, onMounted as re } from "vue";
+import { defineComponent as V, computed as S, resolveComponent as E, openBlock as m, createElementBlock as h, createElementVNode as s, normalizeStyle as ee, createVNode as k, toDisplayString as u, unref as a, createCommentVNode as U, normalizeClass as j, createTextVNode as ae, createBlock as G, Fragment as D, renderList as N, mergeModels as H, useModel as q, renderSlot as ne, withCtx as te, ref as B, withDirectives as ie, vModelText as le, onMounted as re } from "vue";
 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, e as pe, u as ve, f as xe } from "./media-picker-9b94d32f.js";
+import { i as W, u as pe, p as ve, j as xe } from "./media-picker-40af065f.js";
 const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white overflow-hidden" }, ye = ["src", "alt"], be = {
   key: 1,
   class: "absolute inset-0 flex flex-col items-center justify-center gap-4 p-12 text-center"
@@ -18,7 +18,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
 }, Ce = { class: "flex-1 text-xs text-fm-color-typo-secondary truncate" }, Fe = ["title"], Se = ["title"], Re = ["title"], Ee = {
   key: 1,
   class: "flex justify-end px-8 py-8"
-}, K = "w-32 h-32 rounded-md flex items-center justify-center text-fm-color-typo-secondary hover:bg-fm-color-neutral-gray-100", Be = /* @__PURE__ */ j({
+}, K = "w-32 h-32 rounded-md flex items-center justify-center text-fm-color-typo-secondary hover:bg-fm-color-neutral-gray-100", Be = /* @__PURE__ */ V({
   __name: "StudioImageCard",
   props: {
     item: {},
@@ -61,7 +61,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
           s("span", Ce, u(n.value), 1),
           s("button", {
             type: "button",
-            class: V(K),
+            class: j(K),
             title: a(r)("media.studio.preview"),
             onClick: b[0] || (b[0] = (f) => l("preview"))
           }, [
@@ -72,7 +72,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
           ], 8, Fe),
           s("button", {
             type: "button",
-            class: V(K),
+            class: j(K),
             title: a(r)("media.studio.variant"),
             onClick: b[1] || (b[1] = (f) => l("variant"))
           }, [
@@ -83,7 +83,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
           ], 8, Se),
           s("button", {
             type: "button",
-            class: V(K),
+            class: j(K),
             title: a(r)("media.studio.discard"),
             onClick: b[2] || (b[2] = (f) => l("discard"))
           }, [
@@ -113,7 +113,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
 }), ze = { class: "flex flex-col gap-12" }, Pe = { class: "flex items-center gap-12" }, Ue = { class: "flex-1 min-w-0 flex flex-col gap-4" }, Oe = { class: "text-sm font-semibold line-clamp-2" }, Ae = { class: "text-xs text-fm-color-typo-secondary" }, De = {
   key: 0,
   class: "flex items-center gap-4 text-xs font-semibold"
-}, Me = { class: "grid gap-16 grid-cols-[repeat(auto-fill,minmax(min(240px,100%),1fr))]" }, Ne = /* @__PURE__ */ j({
+}, Me = { class: "grid gap-16 grid-cols-[repeat(auto-fill,minmax(min(240px,100%),1fr))]" }, Ne = /* @__PURE__ */ V({
   __name: "StudioBatch",
   props: {
     batch: {}
@@ -167,14 +167,14 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
       ]);
     };
   }
-}), Ve = [
+}), je = [
   "none",
   "photo",
   "flatlay",
   "studio",
   "warm",
   "illus"
-], je = ["1x1", "4x3", "3x4", "16x9"], Le = [1, 2, 4];
+], Ve = ["1x1", "4x3", "3x4", "16x9"], Le = [1, 2, 4];
 function J(e) {
   return `/media-v1/businesses/${e}/generations`;
 }
@@ -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__ */ j({
+}, 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({
   __name: "StudioControls",
   props: /* @__PURE__ */ H({
     busy: { type: Boolean },
@@ -258,7 +258,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
             (m(!0), h(D, null, N(C.value, (d) => (m(), h("button", {
               key: d.key,
               type: "button",
-              class: V(["flex flex-col items-start gap-4 p-12 rounded-lg border text-left", i(T.value === d.key)]),
+              class: j(["flex flex-col items-start gap-4 p-12 rounded-lg border text-left", i(T.value === d.key)]),
               onClick: (M) => l.value = d.prompt
             }, [
               s("span", tt, [
@@ -293,7 +293,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         s("div", lt, [
           s("span", rt, u(a(n)("media.studio.style")), 1),
           s("div", dt, [
-            (m(!0), h(D, null, N(a(Ve), (d) => (m(), G(O, {
+            (m(!0), h(D, null, N(a(je), (d) => (m(), G(O, {
               key: d,
               label: a(n)(`media.studio.styles.${d}`),
               selected: r.value === d,
@@ -306,10 +306,10 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         s("div", ct, [
           s("span", ut, u(a(n)("media.studio.ratio")), 1),
           s("div", mt, [
-            (m(!0), h(D, null, N(a(je), (d) => (m(), h("button", {
+            (m(!0), h(D, null, N(a(Ve), (d) => (m(), h("button", {
               key: d,
               type: "button",
-              class: V(["flex items-center justify-center gap-4 h-40 rounded-lg border text-xs font-semibold", i(v.value === d)]),
+              class: j(["flex items-center justify-center gap-4 h-40 rounded-lg border text-xs font-semibold", i(v.value === d)]),
               onClick: (M) => v.value = d
             }, [
               s("span", null, u(d), 1),
@@ -323,7 +323,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
             (m(!0), h(D, null, N(a(Le), (d) => (m(), h("button", {
               key: d,
               type: "button",
-              class: V(["flex-1 h-40 rounded-lg border text-sm font-semibold", i(g.value === d)]),
+              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))
           ])
@@ -345,7 +345,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
 }), It = {
   key: 0,
   class: "flex h-[560px]"
-}, wt = { class: "flex-1 min-w-0 flex items-center justify-center bg-black p-16" }, Tt = ["src", "alt"], Ct = { class: "w-[300px] flex-shrink-0 flex flex-col gap-12 p-16 overflow-y-auto" }, Ft = { class: "flex items-start justify-between gap-8" }, St = { class: "fm-typo-en-title-sm-600" }, Rt = ["title"], Et = { class: "text-sm font-semibold break-words" }, Bt = { class: "text-xs text-fm-color-typo-secondary" }, zt = /* @__PURE__ */ j({
+}, wt = { class: "flex-1 min-w-0 flex items-center justify-center bg-black p-16" }, Tt = ["src", "alt"], Ct = { class: "w-[300px] flex-shrink-0 flex flex-col gap-12 p-16 overflow-y-auto" }, Ft = { class: "flex items-start justify-between gap-8" }, St = { class: "fm-typo-en-title-sm-600" }, Rt = ["title"], Et = { class: "text-sm font-semibold break-words" }, Bt = { class: "text-xs text-fm-color-typo-secondary" }, zt = /* @__PURE__ */ V({
   __name: "StudioPreviewDialog",
   props: {
     item: {},
@@ -414,13 +414,13 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
 }), Pt = { class: "flex flex-col gap-8" }, Ut = { class: "flex items-baseline gap-8" }, Ot = { class: "text-sm font-semibold" }, At = { class: "text-xs text-fm-color-typo-tertiary" }, Dt = {
   key: 0,
   class: "flex items-center gap-8 p-8 rounded-lg border border-fm-color-neutral-gray-200"
-}, Mt = ["src"], Nt = { class: "flex-1 text-xs truncate" }, Vt = { class: "flex gap-8" }, jt = { class: "text-xs text-fm-color-typo-tertiary" }, Lt = {
+}, Mt = ["src"], Nt = { class: "flex-1 text-xs truncate" }, jt = { class: "flex gap-8" }, Vt = { class: "text-xs text-fm-color-typo-tertiary" }, Lt = {
   key: 2,
   class: "text-xs text-[--fm-color-typo-critical,#FF3B30]"
 }, qt = {
   key: 3,
   class: "flex flex-col gap-4"
-}, Gt = { class: "flex items-baseline gap-8" }, Ht = { class: "text-xs font-semibold" }, Yt = { class: "text-xs font-semibold" }, Kt = { class: "text-xs text-fm-color-typo-secondary" }, Wt = /* @__PURE__ */ j({
+}, Gt = { class: "flex items-baseline gap-8" }, Ht = { class: "text-xs font-semibold" }, Yt = { class: "text-xs font-semibold" }, Kt = { class: "text-xs text-fm-color-typo-secondary" }, Wt = /* @__PURE__ */ V({
   __name: "StudioRefPicker",
   props: /* @__PURE__ */ H({
     businessId: {},
@@ -483,7 +483,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
             onClick: f
           }, null, 8, ["label"])
         ])) : (m(), h(D, { key: 1 }, [
-          s("div", Vt, [
+          s("div", jt, [
             k(y, {
               label: a(v)("media.studio.refPick"),
               variant: "tertiary",
@@ -511,7 +511,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
               onChange: F
             }, null, 544)
           ]),
-          s("span", jt, u(a(v)("media.studio.refUploadHint")), 1)
+          s("span", Vt, u(a(v)("media.studio.refUploadHint")), 1)
         ], 64)),
         n.value ? (m(), h("span", Lt, u(n.value), 1)) : U("", !0),
         $.value ? (m(), h("div", qt, [
@@ -650,7 +650,7 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
 }), os = { class: "flex items-start gap-24 p-24" }, as = { class: "flex-1 min-w-0 flex flex-col gap-24" }, ns = {
   key: 0,
   class: "min-h-[340px] flex flex-col items-center justify-center gap-12 border-2 border-dashed border-fm-color-neutral-gray-300 rounded-2xl"
-}, is = { class: "text-lg font-semibold" }, ls = { class: "text-sm text-fm-color-typo-secondary" }, fs = /* @__PURE__ */ j({
+}, is = { class: "text-lg font-semibold" }, ls = { class: "text-sm text-fm-color-typo-secondary" }, fs = /* @__PURE__ */ V({
   __name: "AiStudio",
   setup(e) {
     const x = ue(), { t } = L(), l = me(), r = fe(), v = S(() => {

package/dist/{AssetLibrary-bb6b1fb8.js → AssetLibrary-e042670f.js}

@@ -1,52 +1,52 @@
-import { defineComponent as de, computed as C, ref as n, onMounted as ce, watch as O, 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 H, 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 { J as ge, O as ye, m as be, o as we, t as N, a as _e, q as xe, s as he, L as Be, b as Ce, r as ke, T as Se, w as K, n as Ve } from "./media-picker-9b94d32f.js";
-const De = { class: "p-24 relative min-h-full" }, Ie = { 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 = {
+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"
-}, Oe = { key: 1 }, Ue = {
+}, 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"
-}, Ne = { class: "text-sm font-semibold" }, Me = { class: "flex justify-end gap-8 w-full" }, Ge = /* @__PURE__ */ de({
+}, Oe = { class: "text-sm font-semibold" }, Me = { class: "flex justify-end gap-8 w-full" }, qe = /* @__PURE__ */ de({
   __name: "AssetLibrary",
-  setup(Le) {
+  setup(Ee) {
     const M = me(), { t: l } = fe(), r = C(() => {
       var e;
       return ((e = M.currentBusiness.value) == null ? void 0 : e.id) ?? "";
-    }), L = C(() => {
+    }), E = C(() => {
       var e;
       return (e = M.currentRestaurant.value) == null ? void 0 : e._id;
-    }), x = pe(), h = n(""), g = n([]), p = n([]), y = n([]), V = n(!1), v = n(1), D = n(0), I = n(0), T = n(!1), $ = n("recent"), Q = {
+    }), 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 }
     }, 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), T.value = !0;
+        p.value.length === 0 && (I.value = !0), T.value = !0;
         try {
           const [e, a] = await Promise.all([
             he({
               businessId: r.value,
-              restaurantId: L.value,
+              restaurantId: E.value,
               search: h.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: [Be],
-              skip: Ce(v.value, N),
-              limit: N,
+              skip: Ce(v.value, O),
+              limit: O,
               ...Q[$.value]
             }),
             ke(r.value)
           ]);
-          p.value = e.resources, D.value = e.meta.totalResources, I.value = e.meta.totalPages, y.value = a, await P.load(
+          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, T.value = !1;
+          I.value = !1, T.value = !1;
         }
       }
     }
@@ -55,16 +55,16 @@ const De = { class: "p-24 relative min-h-full" }, Ie = { class: "flex items-cent
     }
     async function F() {
       await m();
-      const e = Ve(v.value, I.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), O(r, A), O([g, $], A);
-    let q;
-    O(h, () => {
-      clearTimeout(q), q = setTimeout(A, 250);
+    ce(m), U(r, A), U([g, $], A);
+    let G;
+    U(h, () => {
+      clearTimeout(G), G = setTimeout(A, 250);
     });
     const i = n(/* @__PURE__ */ new Set());
     function Y(e) {
@@ -114,7 +114,7 @@ const De = { class: "p-24 relative min-h-full" }, Ie = { class: "flex items-cent
     function te(e) {
       d.value = e;
     }
-    async function E() {
+    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);
@@ -134,8 +134,8 @@ const De = { class: "p-24 relative min-h-full" }, Ie = { class: "flex items-cent
     }
     return (e, a) => {
       const s = k("FmButton"), R = k("FmSearch"), oe = k("FmButtonGroup"), ue = k("FmDialog");
-      return w(), S("div", De, [
-        c("div", Ie, [
+      return w(), S("div", Ve, [
+        c("div", De, [
           c("h1", Te, _(t(l)("media.title")), 1),
           c("div", ze, [
             u(s, {
@@ -158,10 +158,10 @@ const De = { class: "p-24 relative min-h-full" }, Ie = { class: "flex items-cent
             modelValue: g.value,
             "onUpdate:modelValue": a[1] || (a[1] = (o) => g.value = o),
             tags: y.value
-          }, null, 8, ["modelValue", "tags"])) : H("", !0),
+          }, null, 8, ["modelValue", "tags"])) : J("", !0),
           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", Oe, _(t(l)("media.library.totalSummary", { count: D.value })), 1))
+              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(s, {
               label: t(l)("media.library.selectAllButton"),
@@ -178,7 +178,7 @@ const De = { class: "p-24 relative min-h-full" }, Ie = { class: "flex items-cent
         ]),
         u(t(be), {
           assets: p.value,
-          loading: V.value,
+          loading: I.value,
           view: W.value,
           selectable: "",
           "selected-ids": i.value,
@@ -189,14 +189,14 @@ const De = { class: "p-24 relative min-h-full" }, Ie = { class: "flex items-cent
         }, 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": 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"]),
-        i.value.size > 0 ? (w(), S("div", Ue, [
-          c("span", Ne, _(t(l)("media.library.selectedCount", { count: i.value.size })), 1),
+        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",
@@ -210,26 +210,26 @@ const De = { class: "p-24 relative min-h-full" }, Ie = { class: "flex items-cent
             "prepend-icon": "delete",
             onClick: ee
           }, null, 8, ["label"])
-        ])) : H("", !0),
+        ])) : J("", !0),
         u(t(_e), {
           asset: d.value,
           image: le.value,
           "business-id": r.value,
           onClose: a[3] || (a[3] = (o) => d.value = null),
-          onRenamed: E,
+          onRenamed: L,
           onDeleted: se,
-          onChanged: E
+          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", Me, [
                 u(s, {
@@ -240,21 +240,21 @@ const De = { class: "p-24 relative min-h-full" }, Ie = { class: "flex items-cent
                 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 J;
-                    return (J = f.value) == null ? void 0 : J.upload();
+                    var H;
+                    return (H = f.value) == null ? void 0 : H.upload();
                   })
                 }, null, 8, ["label", "disabled"])
               ])
             ];
           }),
-          default: U(() => [
+          default: N(() => [
             u(t(xe), {
               ref_key: "uploadPanelRef",
               ref: f,
               "business-id": r.value,
-              "restaurant-id": L.value,
+              "restaurant-id": E.value,
               "available-tags": y.value,
               onTagCreated: a[4] || (a[4] = (o) => y.value.push(o)),
               onUploaded: ie
@@ -267,5 +267,5 @@ const De = { class: "p-24 relative min-h-full" }, Ie = { class: "flex items-cent
   }
 });
 export {
-  Ge as default
+  qe as default
 };

package/dist/app.js

@@ -2531,7 +2531,7 @@ const ka = [
   {
     path: "/library",
     name: "$media-library",
-    component: Ae(S(() => import("./AssetLibrary-bb6b1fb8.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-a685be4a.js"))),
+    component: Ae(S(() => import("./AiStudio-4e54cdff.js"))),
     meta: {
       validationManifest: {
         requiredCaslPermissions: [