@feedmepos/mf-menu 0.32.41 → 0.32.42-dev.3

package/dist/{ProductInternalTools-B1zpNBze.js → ProductInternalTools-BC8jWpQd.js}

@@ -1,34 +1,34 @@
-import { defineComponent as Z, ref as v, computed as M, resolveComponent as G, createElementBlock as c, openBlock as r, createElementVNode as s, createVNode as I, unref as h, createCommentVNode as T, normalizeClass as E, toDisplayString as U, createStaticVNode as B, Fragment as P, renderList as O, createBlock as oe, withCtx as R } from "vue";
-import { J as A, F as ne } from "./jszip.min-BiRK-xY3.js";
-import { G as le, u as ie, J as D, a2 as re, N as ce, O as de, P as me } from "./index.vue_vue_type_script_setup_true_lang-DyiwvQnC.js";
+import { defineComponent as Z, ref as v, computed as z, resolveComponent as W, createElementBlock as c, openBlock as r, createElementVNode as s, createVNode as I, unref as h, createCommentVNode as T, normalizeClass as B, toDisplayString as U, createStaticVNode as E, Fragment as P, renderList as R, createBlock as oe, withCtx as A } from "vue";
+import { J as O, F as ne } from "./jszip.min-DOHC0a7i.js";
+import { B as le, u as ie, H as D, a0 as re, K as ce, M as de, N as me } from "./index.vue_vue_type_script_setup_true_lang-CA1qH7Vf.js";
 import { useI18n as ue } from "@feedmepos/mf-common";
-import { FmButtonVariant as $, useSnackbar as V, useDialog as ge, FmButtonColorThemeVariant as z } from "@feedmepos/ui-library";
+import { FmButtonVariant as $, useSnackbar as V, useDialog as ge, FmButtonColorThemeVariant as S } from "@feedmepos/ui-library";
 import { _ as pe } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { u as fe, a as he } from "./menu-CYrjppCV.js";
-import { a as ye } from "./Product.vue_vue_type_script_setup_true_lang-D0cnQC3i.js";
-import { x as be, y as ve, z as _e } from "./item-C3_GKsNy.js";
+import { u as fe, a as he } from "./menu-BduvULfe.js";
+import { a as ye } from "./Product.vue_vue_type_script_setup_true_lang-FnX_M8lJ.js";
+import { x as be, y as ve, z as _e } from "./item-CKRLnCIs.js";
 const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center justify-between p-16 border-b border-gray-200" }, Ie = { class: "flex gap-8" }, ke = { class: "border-b border-gray-200" }, Ce = { class: "flex" }, Ue = { class: "flex-1 overflow-hidden" }, je = {
   key: 0,
   class: "h-full flex flex-col"
 }, Fe = {
   key: 0,
   class: "flex-1 flex items-center justify-center"
-}, Se = {
+}, Me = {
   key: 1,
   class: "flex-1 overflow-y-auto p-16"
-}, ze = { class: "space-y-12" }, Me = { class: "fm-typo-en-body-sm font-medium" }, $e = { class: "flex" }, Pe = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden flex items-center justify-center" }, Le = ["src", "alt"], Ne = {
+}, Se = { class: "space-y-12" }, ze = { class: "fm-typo-en-body-sm font-medium" }, $e = { class: "flex" }, Pe = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden flex items-center justify-center" }, Le = ["src", "alt"], Ne = {
   key: 1,
   class: "text-gray-400 text-xs"
-}, Te = { class: "flex" }, Ee = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden" }, Be = ["src", "alt"], Oe = {
+}, Te = { class: "flex" }, Be = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden" }, Ee = ["src", "alt"], Re = {
   key: 1,
   class: "h-full flex flex-col"
-}, Re = {
+}, Ae = {
   key: 0,
   class: "flex-1 flex items-center justify-center"
-}, Ae = {
+}, Oe = {
   key: 1,
   class: "flex-1 overflow-y-auto p-16"
-}, De = { class: "space-y-12" }, Ve = { class: "fm-typo-en-body-sm font-medium break-all" }, Ze = { class: "flex" }, Ge = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden" }, Je = ["src", "alt"], We = /* @__PURE__ */ Z({
+}, De = { class: "space-y-12" }, Ve = { class: "fm-typo-en-body-sm font-medium break-all" }, Ze = { class: "flex" }, We = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden" }, qe = ["src", "alt"], Ge = /* @__PURE__ */ Z({
   __name: "ImageUpdatePreview",
   props: {
     matchedImages: {},
@@ -36,15 +36,15 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
   },
   emits: ["cancel", "update"],
   setup(L, { emit: j }) {
-    const u = L, F = j, y = v("matched"), b = M(() => u.matchedImages.length), k = M(() => u.unmatchedImages.length);
+    const u = L, F = j, y = v("matched"), b = z(() => u.matchedImages.length), k = z(() => u.unmatchedImages.length);
     function _() {
       F("cancel");
     }
-    function S() {
+    function M() {
       F("update", u.matchedImages);
     }
     return (w, l) => {
-      const x = G("fm-button");
+      const x = W("fm-button");
       return r(), c("div", we, [
         s("div", xe, [
           l[2] || (l[2] = s("h2", { class: "fm-typo-en-headline-sm font-semibold" }, "Update Product Images", -1)),
@@ -58,14 +58,14 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
               variant: h($).Primary,
               label: "Update",
               disabled: b.value === 0,
-              onClick: S
+              onClick: M
             }, null, 8, ["variant", "disabled"])
           ])
         ]),
         s("div", ke, [
           s("div", Ce, [
             s("button", {
-              class: E([
+              class: B([
                 "px-16 py-12 font-medium text-sm border-b-2 transition-colors",
                 y.value === "matched" ? "border-blue-500 text-blue-600 bg-blue-50" : "border-transparent text-gray-500 hover:text-gray-700"
               ]),
@@ -73,7 +73,7 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
             }, " Matched Images (" + U(b.value) + ") ", 3),
             k.value > 0 ? (r(), c("button", {
               key: 0,
-              class: E([
+              class: B([
                 "px-16 py-12 font-medium text-sm border-b-2 transition-colors",
                 y.value === "unmatched" ? "border-blue-500 text-blue-600 bg-blue-50" : "border-transparent text-gray-500 hover:text-gray-700"
               ]),
@@ -84,19 +84,19 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
         s("div", Ue, [
           y.value === "matched" ? (r(), c("div", je, [
             b.value === 0 ? (r(), c("div", Fe, l[3] || (l[3] = [
-              B('<div class="text-center text-gray-500"><svg class="mx-auto h-48 w-48 text-gray-400 mb-16" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg><p class="fm-typo-en-body-lg text-gray-500">No matched images found</p><p class="fm-typo-en-body-sm text-gray-400 mt-4"> Make sure your image filenames match product names </p></div>', 1)
-            ]))) : (r(), c("div", Se, [
+              E('<div class="text-center text-gray-500"><svg class="mx-auto h-48 w-48 text-gray-400 mb-16" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg><p class="fm-typo-en-body-lg text-gray-500">No matched images found</p><p class="fm-typo-en-body-sm text-gray-400 mt-4"> Make sure your image filenames match product names </p></div>', 1)
+            ]))) : (r(), c("div", Me, [
               l[4] || (l[4] = s("div", { class: "grid grid-cols-3 gap-16 pb-12 border-b border-gray-200 mb-16" }, [
                 s("div", { class: "fm-typo-en-body-sm-600 font-semibold text-gray-700" }, "Product Name"),
                 s("div", { class: "fm-typo-en-body-sm-600 font-semibold text-gray-700" }, "Current Image"),
                 s("div", { class: "fm-typo-en-body-sm-600 font-semibold text-gray-700" }, "New Image")
               ], -1)),
-              s("div", ze, [
-                (r(!0), c(P, null, O(u.matchedImages, (m, C) => (r(), c("div", {
+              s("div", Se, [
+                (r(!0), c(P, null, R(u.matchedImages, (m, C) => (r(), c("div", {
                   key: C,
                   class: "grid grid-cols-3 gap-16 py-12 border-b border-gray-100 items-center"
                 }, [
-                  s("div", Me, U(m.productName), 1),
+                  s("div", ze, U(m.productName), 1),
                   s("div", $e, [
                     s("div", Pe, [
                       m.originalThumbnail ? (r(), c("img", {
@@ -108,38 +108,38 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
                     ])
                   ]),
                   s("div", Te, [
-                    s("div", Ee, [
+                    s("div", Be, [
                       s("img", {
                         src: m.newImageUrl,
                         alt: m.newImage.name,
                         class: "w-full h-full object-cover"
-                      }, null, 8, Be)
+                      }, null, 8, Ee)
                     ])
                   ])
                 ]))), 128))
               ])
             ]))
-          ])) : y.value === "unmatched" ? (r(), c("div", Oe, [
-            k.value === 0 ? (r(), c("div", Re, l[5] || (l[5] = [
-              B('<div class="text-center text-gray-500"><svg class="mx-auto h-48 w-48 text-gray-400 mb-16" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="fm-typo-en-body-lg text-gray-500">All images matched!</p><p class="fm-typo-en-body-sm text-gray-400 mt-4">No unmatched images found</p></div>', 1)
-            ]))) : (r(), c("div", Ae, [
+          ])) : y.value === "unmatched" ? (r(), c("div", Re, [
+            k.value === 0 ? (r(), c("div", Ae, l[5] || (l[5] = [
+              E('<div class="text-center text-gray-500"><svg class="mx-auto h-48 w-48 text-gray-400 mb-16" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="fm-typo-en-body-lg text-gray-500">All images matched!</p><p class="fm-typo-en-body-sm text-gray-400 mt-4">No unmatched images found</p></div>', 1)
+            ]))) : (r(), c("div", Oe, [
               l[6] || (l[6] = s("div", { class: "grid grid-cols-2 gap-16 pb-12 border-b border-gray-200 mb-16" }, [
                 s("div", { class: "fm-typo-en-body-sm-600 font-semibold text-gray-700" }, "Filename"),
                 s("div", { class: "fm-typo-en-body-sm-600 font-semibold text-gray-700" }, "Image")
               ], -1)),
               s("div", De, [
-                (r(!0), c(P, null, O(u.unmatchedImages, (m, C) => (r(), c("div", {
+                (r(!0), c(P, null, R(u.unmatchedImages, (m, C) => (r(), c("div", {
                   key: C,
                   class: "grid grid-cols-2 gap-16 py-12 border-b border-gray-100 items-center"
                 }, [
                   s("div", Ve, U(m.filename), 1),
                   s("div", Ze, [
-                    s("div", Ge, [
+                    s("div", We, [
                       s("img", {
                         src: m.imageUrl,
                         alt: m.filename,
                         class: "w-full h-full object-cover"
-                      }, null, 8, Je)
+                      }, null, 8, qe)
                     ])
                   ])
                 ]))), 128))
@@ -151,32 +151,32 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
     };
   }
 });
-var qe = { firebase: { storageBucket: "image.feedme.cc" } };
-const He = {
+var He = { firebase: { storageBucket: "image.feedmedev.cc" } };
+const Je = {
   key: 0,
   class: "h-screen"
-}, Xe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ke = { class: "flex items-center" }, Qe = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ye = { class: "fm-typo-en-body-md-600 font-semibold" }, et = { class: "flex gap-8" }, dt = /* @__PURE__ */ Z({
+}, Ke = { class: "flex-1 flex justify-between gap-8 pl-8" }, Xe = { class: "flex items-center" }, Qe = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ye = { class: "fm-typo-en-body-md-600 font-semibold" }, et = { class: "flex gap-8" }, dt = /* @__PURE__ */ Z({
   __name: "ProductInternalTools",
   setup(L) {
-    const { t: j } = ue(), u = le(V()), F = V(), y = ge(), b = ie(), { selectedCategories: k } = fe(), _ = v(!1), S = v(), w = v([]), l = v([]), x = M(() => {
+    const { t: j } = ue(), u = le(V()), F = V(), y = ge(), b = ie(), { selectedCategories: k } = fe(), _ = v(!1), M = v(), w = v([]), l = v([]), x = z(() => {
       const e = D.flatten(k.value.map((a) => a.items));
       return D.uniqBy(e, (a) => a._id);
-    }), m = M(() => x.value.length);
+    }), m = z(() => x.value.length);
     async function C(e, a) {
       return await _e(e, {
         withTimestamp: !0,
         filename: a
       });
     }
-    async function J(e, a = "images.zip") {
-      const o = new A();
+    async function q(e, a = "images.zip") {
+      const o = new O();
       e.forEach(({ blob: d, filename: n }) => {
         d && o.file(n, d);
       });
       const g = await o.generateAsync({ type: "blob" });
       ne.saveAs(g, a);
     }
-    async function W() {
+    async function G() {
       const e = x.value.filter((a) => a.thumbnail);
       if (e.length === 0) {
         F.open({ type: "error", title: "No downloadable images found" });
@@ -215,7 +215,7 @@ const He = {
             })).filter((n) => n !== null);
             if (a.value = "Creating ZIP file...", d.length > 0) {
               const n = `images_${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`;
-              await J(d, n);
+              await q(d, n);
             } else
               throw new Error("Failed to fetch any images");
           },
@@ -227,12 +227,12 @@ const He = {
         );
       });
     }
-    async function q(e) {
-      const o = await new A().loadAsync(e), g = [];
+    async function H(e) {
+      const o = await new O().loadAsync(e), g = [];
       for (const [d, n] of Object.entries(o.files)) {
         if (n.dir || d.includes("__MACOSX/") || !N(d))
           continue;
-        const p = await n.async("blob"), t = d.split("/").pop() || d, i = new File([p], t, { type: H(t) });
+        const p = await n.async("blob"), t = d.split("/").pop() || d, i = new File([p], t, { type: J(t) });
         g.push(i);
       }
       return g;
@@ -241,7 +241,7 @@ const He = {
       const a = [".jpg", ".jpeg", ".png", ".gif", ".webp", ".bmp"], o = e.toLowerCase().substring(e.lastIndexOf("."));
       return a.includes(o);
     }
-    function H(e) {
+    function J(e) {
       const a = e.toLowerCase().substring(e.lastIndexOf("."));
       return {
         ".jpg": "image/jpeg",
@@ -252,17 +252,17 @@ const He = {
         ".bmp": "image/bmp"
       }[a] || "image/jpeg";
     }
-    function X(e) {
+    function K(e) {
       return (e.substring(0, e.lastIndexOf(".")) || e).toLowerCase().trim().replace(/[_\-\s]+/g, " ");
     }
-    function K(e) {
+    function X(e) {
       return e.toLowerCase().trim().replace(/[_\-\s]+/g, " ");
     }
     async function Q(e) {
       const a = [];
       for (const t of e)
         if (t.type === "application/zip" || t.name.toLowerCase().endsWith(".zip")) {
-          const i = await q(t);
+          const i = await H(t);
           a.push(...i);
         } else N(t.name) && a.push(t);
       const o = /* @__PURE__ */ new Map();
@@ -272,11 +272,11 @@ const He = {
       });
       const g = Array.from(o.values()), d = [], n = [], p = /* @__PURE__ */ new Map();
       x.value.forEach((t) => {
-        const i = K(t.name);
+        const i = X(t.name);
         p.set(i, t);
       });
       for (const t of g) {
-        const i = X(t.name), f = p.get(i);
+        const i = K(t.name), f = p.get(i);
         f ? d.push({
           productId: f._id,
           productName: f.name,
@@ -310,7 +310,7 @@ const He = {
           const o = async (t) => {
             const i = ce(t.productId);
             let f = "";
-            return t.newImage && (await de.update(i, t.newImage, qe.firebase.storageBucket), f = me(i)), { productId: t.productId, newImageUrl: f };
+            return t.newImage && (await de.update(i, t.newImage, He.firebase.storageBucket), f = me(i)), { productId: t.productId, newImageUrl: f };
           };
           a.value = `Starting upload of ${e.length} product images...`;
           const g = await ve({
@@ -343,7 +343,7 @@ const He = {
     }
     function ae() {
       var e;
-      (e = S.value) == null || e.click();
+      (e = M.value) == null || e.click();
     }
     function se(e) {
       const a = e.target;
@@ -354,10 +354,10 @@ const He = {
       a.value = "";
     }
     return he().resetOnMount(), (e, a) => {
-      const o = G("fm-button");
+      const o = W("fm-button");
       return r(), c(P, null, [
-        _.value ? (r(), c("div", He, [
-          I(We, {
+        _.value ? (r(), c("div", Je, [
+          I(Ge, {
             "matched-images": w.value,
             "unmatched-images": l.value,
             onCancel: te,
@@ -367,27 +367,27 @@ const He = {
           key: 1,
           heading: h(j)("menu.productInternalTools.title")
         }, {
-          default: R(() => [
+          default: A(() => [
             I(ye)
           ]),
-          "append-heading": R(() => [
-            s("div", Xe, [
-              s("div", Ke, [
+          "append-heading": A(() => [
+            s("div", Ke, [
+              s("div", Xe, [
                 s("div", Qe, [
                   s("p", Ye, U(m.value), 1)
                 ])
               ]),
               s("div", et, [
                 I(o, {
-                  "bg-color": h(z).NeutralGray100,
-                  "text-color": h(z).TypoSecondary,
+                  "bg-color": h(S).NeutralGray100,
+                  "text-color": h(S).TypoSecondary,
                   variant: h($).Primary,
                   label: "Download Images",
-                  onClick: W
+                  onClick: G
                 }, null, 8, ["bg-color", "text-color", "variant"]),
                 I(o, {
-                  "bg-color": h(z).NeutralGray100,
-                  "text-color": h(z).TypoSecondary,
+                  "bg-color": h(S).NeutralGray100,
+                  "text-color": h(S).TypoSecondary,
                   variant: h($).Primary,
                   label: "Update Images",
                   onClick: ae
@@ -399,7 +399,7 @@ const He = {
         }, 8, ["heading"])),
         s("input", {
           ref_key: "fileInput",
-          ref: S,
+          ref: M,
           type: "file",
           multiple: "",
           accept: "image/*,.zip",

package/dist/Products-CPi2vuUO.js

@@ -0,0 +1,307 @@
+import { defineComponent as I, computed as m, ref as J, resolveComponent as w, createBlock as c, openBlock as l, unref as e, withCtx as _, createElementVNode as d, toDisplayString as Z, createVNode as u, createCommentVNode as M, createElementBlock as j, Fragment as z } from "vue";
+import { D as V } from "./dayjs.min-BgQgGKeN.js";
+import { J as re, F as ie } from "./jszip.min-DOHC0a7i.js";
+import { u as K, B as Q, z as R, D as H, y as X, A as le, G as ue, H as L, I as ce } from "./index.vue_vue_type_script_setup_true_lang-CA1qH7Vf.js";
+import { w as me } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-gVXNoAaN.js";
+import { h as F, A as O } from "./app-B6laFmet.js";
+import { useCoreStore as ee, useI18n as de } from "@feedmepos/mf-common";
+import { useDialog as te, useDialogChild as pe, useSnackbar as ne, useBreakpoints as _e, FmButtonVariant as E, FmButtonColorThemeVariant as h } from "@feedmepos/ui-library";
+import { _ as T } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as fe, a as q } from "./BottomSheetMenuItem.vue_vue_type_script_setup_true_lang-DhrXKy3b.js";
+import { _ as ve } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+import { u as ge, a as be } from "./menu-BduvULfe.js";
+import { u as ye } from "./item-CKRLnCIs.js";
+import { _ as G, a as ke } from "./Product.vue_vue_type_script_setup_true_lang-FnX_M8lJ.js";
+import { L as W } from "./LinkProductSideSheet-BS-MEIOG.js";
+import { _ as xe } from "./TreeEditorOpenner.vue_vue_type_script_setup_true_lang-C9eskCL4.js";
+import { u as Se } from "./Thumbnail.vue_vue_type_script_setup_true_lang-BjPOOURv.js";
+import { m as he } from "./toExcel-tz6MIiQY.js";
+const Me = { class: "space-y-24 mb-24" }, we = ["innerHTML"], Ce = { class: "flex justify-end gap-8" }, Fe = /* @__PURE__ */ I({
+  __name: "ConfirmActionDialog",
+  props: {
+    description: {},
+    value: {},
+    message: { default: "To confirm your action, type <b>[[value]]</b> in the text field." }
+  },
+  setup($) {
+    const n = $, y = m(() => n.message.replace("[[value]]", n.value)), x = J(""), s = te(), { emitAction: S } = pe();
+    return (f, i) => {
+      const v = w("FmTextField"), g = w("FmButton"), b = w("FmForm");
+      return l(), c(b, {
+        "on-validation-success": () => e(S)("primary"),
+        "blame-form-child-on-validation-failed": ""
+      }, {
+        default: _(() => [
+          d("div", Me, [
+            d("div", null, Z(f.description), 1),
+            d("div", { innerHTML: y.value }, null, 8, we),
+            d("div", null, [
+              u(v, {
+                modelValue: x.value,
+                "onUpdate:modelValue": [
+                  i[0] || (i[0] = (p) => x.value = p),
+                  i[1] || (i[1] = () => {
+                  })
+                ],
+                placeholder: f.value,
+                rules: [(p) => p === f.value || "Value does not match"]
+              }, null, 8, ["modelValue", "placeholder", "rules"])
+            ]),
+            d("div", Ce, [
+              u(g, {
+                label: "Cancel",
+                variant: "secondary",
+                onClick: i[2] || (i[2] = (p) => e(s).close())
+              }),
+              u(g, {
+                label: "Confirm",
+                type: "submit"
+              })
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["on-validation-success"]);
+    };
+  }
+}), $e = /* @__PURE__ */ I({
+  __name: "Migrate",
+  setup($) {
+    const n = K(), y = ee(), x = ne(), { minor: s } = Q(x), S = J(!1), f = te();
+    async function i() {
+      v.value || S.value || f.open({
+        title: "Migrate to new version",
+        contentComponent: Fe,
+        contentComponentProps: {
+          value: "MIGRATE",
+          description: "Do you want to migrate to new version? Once migrate it will unable to revert to the older version."
+        }
+      }).onPrimary(async () => {
+        f.close(), await s(
+          async () => {
+            await n.migrate(), setTimeout(() => {
+              window.location.reload();
+            }, 2e3);
+          },
+          {
+            isLoading: S,
+            customId: n.state.menu._id,
+            message: "Migrating menu",
+            successMessage: "Migration completed"
+          }
+        );
+      });
+    }
+    const v = m(() => {
+      const g = y.restaurants.value;
+      if (!g.length) return "Required at least one restaurant to migrate";
+      const b = g.filter((k) => !k.posVersion || !R.Pos.canUse({ feature: H.F_FEATURE.enum.menuV4, posVersion: k.posVersion }));
+      return b.length ? `Upgrade POS to V${R.Pos.minVersionToUse(H.F_FEATURE.enum.menuV4)} to use new menu: ${b.map((k) => k.profile.name).join(", ")}` : null;
+    });
+    return m(() => v.value ? v.value : "Migrate your menu to new version to enjoy more features. Content of new menu will remain the same as current."), (g, b) => {
+      const p = w("FmSnackbar");
+      return !v.value && e(n).version !== e(X.F_MENU_VERSION).enum.v4 ? (l(), c(p, {
+        key: 0,
+        class: "!max-w-full",
+        title: "New version of menu is out now!",
+        description: "Migrate your current menu version to the latest to enjoy more features such as product sequential dispatch, serving sequence, scheduler and more! Your content and current setting will be preserved.",
+        variant: "info",
+        action: "Migrate",
+        "z-index": 0,
+        onOnAction: i
+      })) : M("", !0);
+    };
+  }
+}), Ve = "/assets/menu-export-24uzPEwW.js", Ee = { class: "flex-1 flex justify-between gap-8 pl-8" }, Te = { class: "flex items-center" }, Ie = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ae = { class: "fm-typo-en-body-md-600 font-semibold" }, De = { class: "flex gap-8" }, Xe = /* @__PURE__ */ I({
+  __name: "Products",
+  setup($) {
+    const { t: n } = de(), y = ee(), x = Q(ne()), s = K(), S = m(() => s.rules.item), f = ye(), i = m(() => !s.state.currentSchedulerId), { selectedCategories: v } = ge(), g = m(() => ({
+      ...le.menuV4ToV3(ue(s.state.menu)),
+      _id: s.state.menu._id,
+      _rev: s.state.menu._rev
+    })), b = m(() => {
+      const r = L.flatten(v.value.map((t) => t.items));
+      return L.uniqBy(r, (t) => t._id).length;
+    });
+    async function p(r, t) {
+      const o = new re();
+      for (let C = 0; C < r.length; C++)
+        o.file(`${t[C]}.xlsx`, r[C]);
+      const a = await o.generateAsync({ type: "blob" });
+      ie.saveAs(a, `books_${V().format("DD-MM-YYYY_HH-mm")}.zip`);
+    }
+    async function k() {
+      await x.minor(
+        async () => {
+          if (await s.readMenu(), s.version === X.F_MENU_VERSION.enum.v4) {
+            const r = s.state.menu, t = V().format("DD-MM-YYYY_HH-mm"), o = [
+              `menu_${t}`,
+              `addonGroup_${t}`,
+              `itemLinkedAddon_${t}`
+            ], a = await ce(
+              Ve,
+              JSON.stringify({
+                menu: r,
+                attributeSettings: y.itemAttributeSettings.value
+              })
+            );
+            await p(a, o);
+          } else {
+            const r = he(g.value), t = `menu_${V().format("DD-MM-YYYY_HH-mm")}`;
+            await me(r, `${t}.xlsx`, {
+              bookType: "xlsx",
+              bookSST: !0,
+              type: "array",
+              compression: !0
+            });
+          }
+        },
+        { successMessage: "Menu exported", customId: s.state.menu._id }
+      );
+    }
+    const {
+      menuItems: A,
+      categories: D,
+      linkItemRules: B,
+      handleSubmit: N,
+      catalogManager: Y,
+      schedulerManager: P
+    } = Se(!1), oe = _e(), ae = m(() => oe.breakpoints.value.xs), se = m(() => {
+      var o;
+      const r = ((o = y.sessionUser.value) == null ? void 0 : o.permissions) ?? [], t = {
+        action: F.Action.manage,
+        subject: F.Subject.Business.menu_menuManagement
+      };
+      return O([t], r).granted;
+    }), U = m(() => {
+      var o;
+      const r = ((o = y.sessionUser.value) == null ? void 0 : o.permissions) ?? [], t = {
+        action: F.Action.manage,
+        subject: F.Subject.Business.menu_importExport
+      };
+      return O([t], r).granted;
+    });
+    return be().resetOnMount(), (r, t) => {
+      const o = w("fm-button");
+      return l(), c(ve, {
+        heading: e(n)("menu.products.title")
+      }, {
+        default: _(() => [
+          u($e),
+          u(ke)
+        ]),
+        "append-heading": _(() => [
+          d("div", Ee, [
+            d("div", Te, [
+              d("div", Ie, [
+                d("p", Ae, Z(b.value), 1)
+              ])
+            ]),
+            d("div", De, [
+              ae.value ? (l(), c(G, { key: 1 }, {
+                default: _(({ trigger: a }) => [
+                  u(fe, null, {
+                    default: _(() => [
+                      u(q, {
+                        label: e(n)("menu.products.actions.export"),
+                        onClick: k
+                      }, null, 8, ["label"]),
+                      u(q, {
+                        label: e(n)("menu.products.actions.import"),
+                        onClick: a
+                      }, null, 8, ["label", "onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 1
+              })) : (l(), j(z, { key: 0 }, [
+                se.value ? (l(), c(xe, { key: 0 }, {
+                  default: _(({ trigger: a }) => [
+                    u(o, {
+                      label: e(n)("menu.tree_editor.title"),
+                      "bg-color": e(h).NeutralGray100,
+                      "text-color": e(h).TypoSecondary,
+                      variant: e(E).Primary,
+                      onClick: a
+                    }, null, 8, ["label", "bg-color", "text-color", "variant", "onClick"])
+                  ]),
+                  _: 1
+                })) : M("", !0),
+                U.value ? (l(), c(o, {
+                  key: 1,
+                  "bg-color": e(h).NeutralGray100,
+                  "text-color": e(h).TypoSecondary,
+                  variant: e(E).Primary,
+                  label: e(n)("menu.products.actions.export"),
+                  onClick: k
+                }, null, 8, ["bg-color", "text-color", "variant", "label"])) : M("", !0),
+                U.value ? (l(), c(G, { key: 2 }, {
+                  default: _(({ trigger: a }) => [
+                    u(o, {
+                      "bg-color": e(h).NeutralGray100,
+                      "text-color": e(h).TypoSecondary,
+                      variant: e(E).Primary,
+                      label: e(n)("menu.products.actions.import"),
+                      onClick: a
+                    }, null, 8, ["bg-color", "text-color", "variant", "label", "onClick"])
+                  ]),
+                  _: 1
+                })) : M("", !0)
+              ], 64)),
+              b.value > 0 ? (l(), j(z, { key: 2 }, [
+                S.value.create ? (l(), c(T, {
+                  key: 0,
+                  label: e(n)("menu.products.actions.add"),
+                  "prepend-icon": "add",
+                  onClick: t[0] || (t[0] = (a) => e(f).create(null))
+                }, null, 8, ["label"])) : i.value ? (l(), c(W, {
+                  key: 1,
+                  "categorized-items": e(Y).linkableItems.value,
+                  "initial-value": e(Y).currentItems.value,
+                  "show-variant": !1,
+                  "menu-items": e(A),
+                  categories: e(D),
+                  "link-item-rules": e(B),
+                  "no-scheduler": i.value,
+                  onSubmit: e(N)
+                }, {
+                  default: _(({ trigger: a }) => [
+                    u(T, {
+                      label: e(n)("menu.products.actions.link"),
+                      "prepend-icon": "link",
+                      onClick: a
+                    }, null, 8, ["label", "onClick"])
+                  ]),
+                  _: 1
+                }, 8, ["categorized-items", "initial-value", "menu-items", "categories", "link-item-rules", "no-scheduler", "onSubmit"])) : (l(), c(W, {
+                  key: 2,
+                  "categorized-items": e(P).linkableItems.value,
+                  "initial-value": e(P).currentItems.value,
+                  "show-variant": !1,
+                  "menu-items": e(A),
+                  categories: e(D),
+                  "link-item-rules": e(B),
+                  "no-scheduler": i.value,
+                  onSubmit: e(N)
+                }, {
+                  default: _(({ trigger: a }) => [
+                    u(T, {
+                      label: e(n)("menu.products.actions.apply_scheduler"),
+                      onClick: a
+                    }, null, 8, ["label", "onClick"])
+                  ]),
+                  _: 1
+                }, 8, ["categorized-items", "initial-value", "menu-items", "categories", "link-item-rules", "no-scheduler", "onSubmit"]))
+              ], 64)) : M("", !0)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  Xe as default
+};