@feedmepos/mf-inventory-portal 0.0.22-dev.43 → 0.0.22-dev.44

package/dist/{RecipeView-Bp7iBiy7.js → RecipeView-DEZblbQT.js}

@@ -1,14 +1,14 @@
-import { defineComponent as Y, ref as x, onMounted as ie, resolveComponent as F, openBlock as E, createElementBlock as A, Fragment as re, createElementVNode as w, toDisplayString as ce, createVNode as g, createCommentVNode as K, computed as V, watch as ue, createBlock as T, withCtx as P, unref as y, isRef as Z, normalizeClass as de, normalizeStyle as me, Teleport as pe, normalizeProps as fe, guardReactiveProps as ve } from "vue";
-import { u as I, c as G, S as ye, a as z, j as ee, R as ge, U as be, _ as _e, A as we, e as te, f as Re, i as he } from "./app-By3PLx0q.js";
-import { useDialog as Ce, useSnackbar as se, useProxiedModel as ne, useBreakpoints as Ee } from "@feedmepos/ui-library";
-import { i as xe, _ as Se } from "./is-linked-ingredient-error-fJ2TJb3z.js";
-import { F as C, D as oe, R as L } from "./row-action.enum-PMKMRrZR.js";
-import { _ as le } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-DrL5a2Pn.js";
+import { defineComponent as Y, ref as E, onMounted as re, resolveComponent as F, openBlock as C, createElementBlock as A, Fragment as ie, createElementVNode as w, toDisplayString as ce, createVNode as g, createCommentVNode as K, computed as V, watch as ue, createBlock as T, withCtx as P, unref as y, isRef as Z, normalizeClass as de, normalizeStyle as me, Teleport as pe, normalizeProps as fe, guardReactiveProps as ve } from "vue";
+import { u as I, c as G, S as ye, a as z, j as ee, R as ge, U as be, _ as _e, A as we, e as te, f as Re, i as he } from "./app-DXZpbt33.js";
+import { useDialog as xe, useSnackbar as se, useProxiedModel as ne, useBreakpoints as Ce } from "@feedmepos/ui-library";
+import { i as Ee, _ as Se } from "./is-linked-ingredient-error-fJ2TJb3z.js";
+import { F as x, D as oe, R as L } from "./row-action.enum-PMKMRrZR.js";
+import { _ as le } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-C0liaZ9Y.js";
 import { defineStore as Fe, storeToRefs as Ve } from "pinia";
 import { c as ke, _ as De, F as ae } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
 import { useI18n as j } from "@feedmepos/mf-common";
-import { u as Ie, _ as $e, a as Ae } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BSxhRfE4.js";
-import { t as Pe, d as Be } from "./xlsx.util-BOPzVbUa.js";
+import { u as Ie, _ as $e, a as Ae } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BGYVXLcj.js";
+import { t as Pe, d as Be } from "./xlsx.util-7VhQushh.js";
 const Te = {
   key: 0,
   class: "flex flex-col items-center w-full h-full gap-24"
@@ -21,29 +21,29 @@ const Te = {
     bindedItems: {}
   },
   setup(R) {
-    const p = R, v = x(p.bindedItems || []), i = x(!1);
-    ie(() => {
+    const p = R, v = E(p.bindedItems || []), r = E(!1);
+    re(() => {
       l();
     });
     async function l() {
-      var c, r;
-      !i.value && ((c = p.data) != null && c._id) && (i.value = !0, v.value = await I().getAffectedMenu((r = p.data) == null ? void 0 : r._id), i.value = !1);
+      var c, i;
+      !r.value && ((c = p.data) != null && c._id) && (r.value = !0, v.value = await I().getAffectedMenu((i = p.data) == null ? void 0 : i._id), r.value = !1);
     }
-    return (c, r) => {
+    return (c, i) => {
       const f = F("FmSpacer"), d = F("FmCircularProgress");
-      return E(), A(re, null, [
+      return C(), A(ie, null, [
         w("p", null, ce(c.message), 1),
-        i.value ? (E(), A("div", Te, [
+        r.value ? (C(), A("div", Te, [
           g(f),
           w("div", null, [
             g(d, { size: "xl" })
           ]),
-          r[0] || (r[0] = w("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
+          i[0] || (i[0] = w("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
           g(f)
-        ])) : (E(), A("div", Me, [
-          r[2] || (r[2] = w("br", null, null, -1)),
-          v.value.length > 0 ? (E(), A("div", Ue, [
-            r[1] || (r[1] = w("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
+        ])) : (C(), A("div", Me, [
+          i[2] || (i[2] = w("br", null, null, -1)),
+          v.value.length > 0 ? (C(), A("div", Ue, [
+            i[1] || (i[1] = w("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
             g(le, {
               name: "Menu",
               bindings: v.value
@@ -54,11 +54,11 @@ const Te = {
     };
   }
 }), q = Fe("recipeForm", function() {
-  const p = Ce(), v = se(), i = I(), l = x(!1), c = x();
-  function r() {
+  const p = xe(), v = se(), r = I(), l = E(!1), c = E();
+  function i() {
     const t = {
       recipe: {},
-      mode: C.CREATE,
+      mode: x.CREATE,
       show: !0,
       "onUpdate:show"(a) {
         c.value.show = a;
@@ -69,7 +69,7 @@ const Te = {
   async function f(t) {
     const a = {
       recipe: G(t),
-      mode: C.UPDATE,
+      mode: x.UPDATE,
       show: !0,
       "onUpdate:show"(e) {
         c.value.show = e;
@@ -80,13 +80,13 @@ const Te = {
   async function d(t) {
     l.value = !0;
     try {
-      await i.deleteRecipe(t), v.open({
+      await r.deleteRecipe(t), v.open({
         title: "Success",
         message: `Deleted ${t.name}`,
         type: "success"
       });
     } catch (a) {
-      a instanceof ye && xe(a) ? p.open({
+      a instanceof ye && Ee(a) ? p.open({
         title: "Cannot delete recipe",
         contentComponent: Se,
         contentComponentProps: {
@@ -128,7 +128,7 @@ const Te = {
     }).onPrimary(() => d(t));
   }
   return {
-    createRecipe: r,
+    createRecipe: i,
     updateRecipe: f,
     deleteRecipe: u,
     recipeDialogProps: c,
@@ -136,7 +136,7 @@ const Te = {
   };
 });
 function Le() {
-  const { updateRecipe: R, deleteRecipe: p } = q(), v = I(), { t: i } = j();
+  const { updateRecipe: R, deleteRecipe: p } = q(), v = I(), { t: r } = j();
   async function l(d, u) {
     const t = G(u);
     if (d === L.Edit) {
@@ -157,15 +157,15 @@ function Le() {
       )
     ];
   }
-  const r = [
+  const i = [
     {
       accessorKey: "recipe",
-      header: () => i("inventory.recipe.name"),
+      header: () => r("inventory.recipe.name"),
       size: 400
     },
     {
       accessorKey: "ingredients",
-      header: () => i("inventory.recipe.ingredients"),
+      header: () => r("inventory.recipe.ingredients"),
       size: "auto"
     },
     {
@@ -199,7 +199,7 @@ function Le() {
       original: t
     }));
   }
-  return { columnDefs: r, formatRowData: f };
+  return { columnDefs: i, formatRowData: f };
 }
 const ze = { class: "flex flex-col gap-40" }, Ye = {
   key: 0,
@@ -217,29 +217,29 @@ const ze = { class: "flex flex-col gap-40" }, Ye = {
   emits: ["update:modelValue", "click:submit"],
   setup(R, { expose: p, emit: v }) {
     var h;
-    const i = R, l = v, { t: c } = j(), r = V({
+    const r = R, l = v, { t: c } = j(), i = V({
       get() {
         var n;
-        return ((n = i.modelValue) == null ? void 0 : n.name) ?? "";
+        return ((n = r.modelValue) == null ? void 0 : n.name) ?? "";
       },
       set(n) {
-        const o = i.modelValue ?? {};
+        const o = r.modelValue ?? {};
         o.name = n, l("update:modelValue", o);
       }
     }), f = V({
       get() {
         var n;
-        return ((n = i.modelValue) == null ? void 0 : n.contains) ?? [];
+        return ((n = r.modelValue) == null ? void 0 : n.contains) ?? [];
       },
       set(n) {
-        const o = i.modelValue ?? {};
+        const o = r.modelValue ?? {};
         o.contains = n, l("update:modelValue", o);
       }
     });
     function d() {
       l("click:submit");
     }
-    const u = x();
+    const u = E();
     p({
       validateInputs: () => {
         var n, o;
@@ -254,20 +254,20 @@ const ze = { class: "flex flex-col gap-40" }, Ye = {
         (o = (n = u.value) == null ? void 0 : n.resetInputs) == null || o.call(n);
       }
     });
-    const t = I(), a = x([]), e = x(!1), b = x(!1);
+    const t = I(), a = E([]), e = E(!1), b = E(!1);
     ue(e, async (n) => {
       _(n);
     });
     async function _(n) {
       var o, k;
-      n && !b.value && ((o = i.modelValue) != null && o._id) && (b.value = !0, a.value = await t.getAffectedMenu((k = i.modelValue) == null ? void 0 : k._id), b.value = !1);
+      n && !b.value && ((o = r.modelValue) != null && o._id) && (b.value = !0, a.value = await t.getAffectedMenu((k = r.modelValue) == null ? void 0 : k._id), b.value = !1);
     }
     const s = V(
       () => t.recipes.map((n) => ({ label: n.name, value: n.name }))
-    ), m = x((h = i.modelValue) == null ? void 0 : h.name);
+    ), m = E((h = r.modelValue) == null ? void 0 : h.name);
     return (n, o) => {
       const k = F("FmTextField"), H = F("FmCard"), $ = F("FmSwitch"), D = F("FmSpacer"), M = F("FmCircularProgress"), U = F("FmForm");
-      return E(), T(U, {
+      return C(), T(U, {
         ref_key: "formRef",
         ref: u,
         onValidationSuccess: d
@@ -277,8 +277,8 @@ const ze = { class: "flex flex-col gap-40" }, Ye = {
             g(k, {
               disabled: n.disabled,
               label: y(c)("inventory.recipe.name"),
-              "model-value": r.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (S) => r.value = S),
+              "model-value": i.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (S) => i.value = S),
               rules: [
                 y(ge)(),
                 y(be)(s.value, m.value, (S) => `[${S.value}] already exists`)
@@ -304,7 +304,7 @@ const ze = { class: "flex flex-col gap-40" }, Ye = {
               _: 1
             })
           ]),
-          n.mode !== y(C).CREATE ? (E(), A("div", Ye, [
+          n.mode !== y(x).CREATE ? (C(), A("div", Ye, [
             w("div", null, [
               g($, {
                 label: "Show binded items",
@@ -314,15 +314,15 @@ const ze = { class: "flex flex-col gap-40" }, Ye = {
                 disabled: b.value
               }, null, 8, ["modelValue", "disabled"])
             ]),
-            b.value ? (E(), A("div", je, [
+            b.value ? (C(), A("div", je, [
               g(D),
               w("div", null, [
                 g(M, { size: "xl" })
               ]),
               o[3] || (o[3] = w("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
               g(D)
-            ])) : (E(), A("div", He, [
-              e.value && a.value.length ? (E(), T(le, {
+            ])) : (C(), A("div", He, [
+              e.value && a.value.length ? (C(), T(le, {
                 key: 0,
                 name: "Menu",
                 bindings: a.value
@@ -339,42 +339,42 @@ const ze = { class: "flex flex-col gap-40" }, Ye = {
   props: {
     show: { type: Boolean },
     recipe: {},
-    mode: { default: C.READ }
+    mode: { default: x.READ }
   },
   emits: ["update:show"],
   setup(R) {
-    const p = R, v = I(), i = se(), { t: l } = j(), c = ne(p, "show"), r = ne(p, "recipe"), f = V(() => {
+    const p = R, v = I(), r = se(), { t: l } = j(), c = ne(p, "show"), i = ne(p, "recipe"), f = V(() => {
       switch (p.mode) {
-        case C.READ:
+        case x.READ:
           return "";
-        case C.UPDATE:
+        case x.UPDATE:
           return l("inventory.recipe.update.title");
-        case C.CREATE:
+        case x.CREATE:
           return l("inventory.recipe.create.title");
       }
       return "";
     }), d = V(() => {
       switch (p.mode) {
-        case C.READ:
+        case x.READ:
           return "";
-        case C.UPDATE:
+        case x.UPDATE:
           return l("common.save");
-        case C.CREATE:
+        case x.CREATE:
           return l("common.add");
       }
       return "";
-    }), u = x(), t = x(!1);
+    }), u = E(), t = E(!1);
     async function a() {
       t.value = !0;
       try {
-        const s = G(r.value);
-        s.precision ?? (s.precision = 0), s.measurements ?? (s.measurements = []), await v.createRecipe(s), c.value = !1, i.open({
+        const s = G(i.value);
+        s.precision ?? (s.precision = 0), s.measurements ?? (s.measurements = []), await v.createRecipe(s), c.value = !1, r.open({
           title: l("inventory.common.success"),
-          message: l("inventory.recipe.create.success", { name: r.value.name }),
+          message: l("inventory.recipe.create.success", { name: i.value.name }),
           type: "success"
         });
       } catch (s) {
-        s instanceof te || i.open({
+        s instanceof te || r.open({
           title: l("inventory.recipe.create.error.title"),
           message: l("inventory.recipe.create.error.message"),
           type: "error"
@@ -386,13 +386,13 @@ const ze = { class: "flex flex-col gap-40" }, Ye = {
     async function e() {
       t.value = !0;
       try {
-        await v.updateRecipe(r.value), c.value = !1, i.open({
+        await v.updateRecipe(i.value), c.value = !1, r.open({
           title: l("inventory.common.success"),
-          message: l("inventory.recipe.update.success", { name: r.value.name }),
+          message: l("inventory.recipe.update.success", { name: i.value.name }),
           type: "success"
         });
       } catch (s) {
-        s instanceof te || i.open({
+        s instanceof te || r.open({
           title: l("inventory.recipe.update.error.title"),
           message: l("inventory.recipe.update.error.message"),
           type: "error"
@@ -407,17 +407,17 @@ const ze = { class: "flex flex-col gap-40" }, Ye = {
     }
     function _() {
       switch (p.mode) {
-        case C.READ:
+        case x.READ:
           return;
-        case C.UPDATE:
+        case x.UPDATE:
           return e();
-        case C.CREATE:
+        case x.CREATE:
           return a();
       }
     }
     return (s, m) => {
       const h = F("FmButton"), n = F("FmSideSheet");
-      return E(), T(n, {
+      return C(), T(n, {
         "model-value": y(c),
         "onUpdate:modelValue": m[3] || (m[3] = (o) => Z(c) ? c.value = o : null),
         header: f.value,
@@ -445,8 +445,8 @@ const ze = { class: "flex flex-col gap-40" }, Ye = {
             class: "w-full",
             ref_key: "hasValidationExpose",
             ref: u,
-            modelValue: y(r),
-            "onUpdate:modelValue": m[0] || (m[0] = (o) => Z(r) ? r.value = o : null),
+            modelValue: y(i),
+            "onUpdate:modelValue": m[0] || (m[0] = (o) => Z(i) ? i.value = o : null),
             mode: s.mode,
             disabled: t.value,
             "onClick:submit": m[1] || (m[1] = (o) => _())
@@ -458,7 +458,7 @@ const ze = { class: "flex flex-col gap-40" }, Ye = {
   }
 });
 function Oe() {
-  const R = I(), p = R.recipes, v = R.recipeById, i = R.skuById, l = p.flatMap((f, d) => {
+  const R = I(), p = R.recipes, v = R.recipeById, r = R.skuById, l = p.flatMap((f, d) => {
     var u;
     if ((u = f.contains) != null && u.length) {
       const t = f.contains.filter((e) => e.type === "RECIPE"), a = f.contains.filter((e) => e.type === "SKU");
@@ -483,10 +483,10 @@ function Oe() {
             return [
               !t.length && b === 0 ? f.name : "",
               "INGREDIENT",
-              (_ = i[e.id]) == null ? void 0 : _.code,
-              (s = i[e.id]) == null ? void 0 : s.name,
+              (_ = r[e.id]) == null ? void 0 : _.code,
+              (s = r[e.id]) == null ? void 0 : s.name,
               z(e.amount),
-              e.measurement ? e.measurement.abbrev : (h = (m = i[e.id]) == null ? void 0 : m.unit) == null ? void 0 : h.abbrev
+              e.measurement ? e.measurement.abbrev : (h = (m = r[e.id]) == null ? void 0 : m.unit) == null ? void 0 : h.abbrev
             ];
           }
         )
@@ -496,20 +496,23 @@ function Oe() {
       ...d === 0 ? [] : [["", "", "", "", "", ""]],
       [f.name, "No bindings", "", "", "", ""]
     ];
-  }), r = Pe(l, ["Name", "Type", "Code", "Item", "Amount", "Unit"]);
-  Be(r, `RECIPE_${Re(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
+  }), i = Pe(l, ["Name", "Type", "Code", "Item", "Amount", "Unit"]);
+  Be(i, `RECIPE_${Re(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
 }
 const Je = { class: "flex flex-col py-8" }, Qe = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, We = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ct = /* @__PURE__ */ Y({
   __name: "RecipeView",
   setup(R) {
-    const p = I(), v = V(() => p.recipes), i = he(), { createRecipe: l, updateRecipe: c } = q(), { recipeDialogProps: r, recipeViewLoading: f } = Ve(q()), { columnDefs: d, formatRowData: u } = Le(), t = V(() => u(v.value));
+    const p = I(), v = V(() => p.recipes), r = he(), { createRecipe: l, updateRecipe: c } = q(), { recipeDialogProps: i, recipeViewLoading: f } = Ve(q()), { columnDefs: d, formatRowData: u } = Le(), t = V(() => u(v.value));
     function a(o) {
-      o === "add" && l();
+      if (o === "add")
+        return l();
+      if (o === "export")
+        return Oe();
     }
-    const e = x(""), b = V(() => f.value), { breakpoints: _ } = Ee(), s = V(() => _.value.xs || _.value.sm), m = V(() => s.value ? 10 : 20), h = Ie(), { t: n } = j();
+    const e = E(""), b = V(() => f.value), { breakpoints: _ } = Ce(), s = V(() => _.value.xs || _.value.sm), m = V(() => s.value ? 10 : 20), h = Ie(), { t: n } = j();
     return (o, k) => {
       const H = F("FmTable");
-      return E(), T($e, {
+      return C(), T($e, {
         title: y(n)("inventory.recipe.title"),
         actions: [
           {
@@ -517,7 +520,8 @@ const Je = { class: "flex flex-col py-8" }, Qe = { class: "fm-typo-en-body-lg-60
             value: "add",
             isPrimary: !0,
             prependIcon: "add"
-          }
+          },
+          { label: y(n)("common.export"), value: "export", isPrimary: !1 }
         ],
         "onClick:action": a
       }, {
@@ -534,15 +538,14 @@ const Je = { class: "flex flex-col py-8" }, Qe = { class: "fm-typo-en-body-lg-60
             g(Ae, {
               searchable: "",
               search: e.value,
-              "onUpdate:search": k[0] || (k[0] = ($) => e.value = $),
-              actions: [{ icon: "ios_share", onClick: y(Oe) }]
-            }, null, 8, ["search", "actions"]),
-            (E(), T(H, {
+              "onUpdate:search": k[0] || (k[0] = ($) => e.value = $)
+            }, null, 8, ["search"]),
+            (C(), T(H, {
               style: me(y(h).tableHeight),
               "column-defs": y(d),
               "row-data": t.value,
               "search-value": e.value,
-              loading: !y(i)._currentLocation || b.value,
+              loading: !y(r)._currentLocation || b.value,
               onRowClick: k[1] || (k[1] = ($) => y(c)($.original.original)),
               key: v.value.length,
               "page-size": m.value
@@ -577,8 +580,8 @@ const Je = { class: "flex flex-col py-8" }, Qe = { class: "fm-typo-en-body-lg-60
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
           ], 2),
-          (E(), T(pe, { to: "body" }, [
-            g(Ge, fe(ve(y(r))), null, 16)
+          (C(), T(pe, { to: "body" }, [
+            g(Ge, fe(ve(y(i))), null, 16)
           ]))
         ]),
         _: 1