@feedmepos/mf-inventory-portal 0.0.19-dev.13 → 0.0.19-dev.14

package/dist/{RecipeView-B5WkUzLO.js → RecipeView-kzA9kIg8.js}

@@ -1,17 +1,17 @@
-import { defineComponent as Y, ref as E, onMounted as se, resolveComponent as k, openBlock as x, createElementBlock as $, Fragment as le, createElementVNode as g, toDisplayString as re, createVNode as y, createCommentVNode as H, computed as V, watch as ie, createBlock as T, withCtx as A, unref as v, isRef as X, normalizeStyle as ce, Teleport as ue, normalizeProps as de, guardReactiveProps as me } from "vue";
-import { u as I, c as G, S as pe, a as q, R as fe, U as ve, _ as ye, A as _e, e as Z, f as ge, j as be } from "./app-Chj8x632.js";
-import { useDialog as he, useSnackbar as ne, useProxiedModel as ee, useBreakpoints as we } from "@feedmepos/ui-library";
-import { i as Re, _ as xe } from "./is-linked-ingredient-error-C6AghEwR.js";
-import { F as R, D as te, R as N } from "./row-action.enum-PMKMRrZR.js";
-import { _ as ae, t as Ce, d as Ee } from "./xlsx.util-CMXCCmUA.js";
+import { defineComponent as Y, ref as E, onMounted as se, resolveComponent as k, openBlock as x, createElementBlock as A, Fragment as le, createElementVNode as _, toDisplayString as re, createVNode as y, createCommentVNode as H, computed as V, watch as ie, createBlock as T, withCtx as $, unref as v, isRef as X, normalizeStyle as ce, Teleport as ue, normalizeProps as de, guardReactiveProps as me } from "vue";
+import { u as I, c as G, S as pe, a as q, R as fe, U as ve, _ as ye, A as ge, e as Z, f as _e, j as be } from "./app-kYGuBDV8.js";
+import { useDialog as we, useSnackbar as oe, useProxiedModel as ee, useBreakpoints as Re } from "@feedmepos/ui-library";
+import { i as he, _ as xe } from "./is-linked-ingredient-error-fJ2TJb3z.js";
+import { F as h, D as te, R as N } from "./row-action.enum-PMKMRrZR.js";
+import { _ as ae, t as Ce, d as Ee } from "./xlsx.util-Cvqg56mI.js";
 import { defineStore as Fe, storeToRefs as ke } from "pinia";
-import { c as Ve, _ as Se, F as oe, u as De } from "./layout-C3IEOm7C.js";
+import { c as Ve, _ as Se, F as ne, u as De } from "./layout-BTYR4n3X.js";
 import { useI18n as j } from "@feedmepos/mf-common";
-import { _ as $e, a as Ae } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DlIq3AyC.js";
+import { _ as Ae, a as $e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DoF7wwNT.js";
 const Ie = {
   key: 0,
   class: "flex flex-col items-center w-full h-full gap-24"
-}, Pe = /* @__PURE__ */ g("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1), Te = { key: 1 }, Me = /* @__PURE__ */ g("br", null, null, -1), Ue = { key: 0 }, Be = /* @__PURE__ */ g("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1), Le = /* @__PURE__ */ Y({
+}, Pe = { key: 1 }, Te = { key: 0 }, Me = /* @__PURE__ */ Y({
   __name: "DeleteDialog",
   props: {
     type: {},
@@ -20,29 +20,29 @@ const Ie = {
     bindedItems: {}
   },
   setup(b) {
-    const d = b, p = E(d.bindedItems || []), s = E(!1);
+    const d = b, p = E(d.bindedItems || []), l = E(!1);
     se(() => {
-      n();
+      a();
     });
-    async function n() {
-      var r, l;
-      !s.value && ((r = d.data) != null && r._id) && (s.value = !0, p.value = await I().getAffectedMenu((l = d.data) == null ? void 0 : l._id), s.value = !1);
+    async function a() {
+      var r, o;
+      !l.value && ((r = d.data) != null && r._id) && (l.value = !0, p.value = await I().getAffectedMenu((o = d.data) == null ? void 0 : o._id), l.value = !1);
     }
-    return (r, l) => {
+    return (r, o) => {
       const c = k("FmSpacer"), f = k("FmCircularProgress");
-      return x(), $(le, null, [
-        g("p", null, re(r.message), 1),
-        s.value ? (x(), $("div", Ie, [
+      return x(), A(le, null, [
+        _("p", null, re(r.message), 1),
+        l.value ? (x(), A("div", Ie, [
           y(c),
-          g("div", null, [
+          _("div", null, [
             y(f, { size: "xl" })
           ]),
-          Pe,
+          o[0] || (o[0] = _("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
           y(c)
-        ])) : (x(), $("div", Te, [
-          Me,
-          p.value.length > 0 ? (x(), $("div", Ue, [
-            Be,
+        ])) : (x(), A("div", Pe, [
+          o[2] || (o[2] = _("br", null, null, -1)),
+          p.value.length > 0 ? (x(), A("div", Te, [
+            o[1] || (o[1] = _("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
             y(ae, {
               name: "Menu",
               bindings: p.value
@@ -53,11 +53,11 @@ const Ie = {
     };
   }
 }), K = Fe("recipeForm", function() {
-  const d = he(), p = ne(), s = I(), n = E(!1), r = E();
-  function l() {
+  const d = we(), p = oe(), l = I(), a = E(!1), r = E();
+  function o() {
     const t = {
       recipe: {},
-      mode: R.CREATE,
+      mode: h.CREATE,
       show: !0,
       "onUpdate:show"(u) {
         r.value.show = u;
@@ -68,24 +68,24 @@ const Ie = {
   async function c(t) {
     const u = {
       recipe: G(t),
-      mode: R.UPDATE,
+      mode: h.UPDATE,
       show: !0,
-      "onUpdate:show"(a) {
-        r.value.show = a;
+      "onUpdate:show"(s) {
+        r.value.show = s;
       }
     };
     r.value = u;
   }
   async function f(t) {
-    n.value = !0;
+    a.value = !0;
     try {
-      await s.deleteRecipe(t), p.open({
+      await l.deleteRecipe(t), p.open({
         title: "Success",
         message: `Deleted ${t.name}`,
         type: "success"
       });
     } catch (u) {
-      u instanceof pe && Re(u) ? d.open({
+      u instanceof pe && he(u) ? d.open({
         title: "Cannot delete recipe",
         contentComponent: xe,
         contentComponentProps: {
@@ -102,7 +102,7 @@ const Ie = {
         type: "error"
       }), console.error("failed to delete recipe", u);
     } finally {
-      n.value = !1;
+      a.value = !1;
     }
   }
   function m(t) {
@@ -118,7 +118,7 @@ const Ie = {
         text: "Cancel",
         close: !0
       },
-      contentComponent: Le,
+      contentComponent: Me,
       contentComponentProps: {
         type: "menu",
         data: t,
@@ -127,27 +127,27 @@ const Ie = {
     }).onPrimary(() => f(t));
   }
   return {
-    createRecipe: l,
+    createRecipe: o,
     updateRecipe: c,
     deleteRecipe: m,
     recipeDialogProps: r,
-    recipeViewLoading: n
+    recipeViewLoading: a
   };
 });
-function ze() {
+function Ue() {
   const { updateRecipe: b, deleteRecipe: d } = K(), { t: p } = j();
-  async function s(l, c) {
+  async function l(o, c) {
     const f = G(c);
-    if (l === N.Edit) {
+    if (o === N.Edit) {
       await b(f);
       return;
     }
-    if (l === N.Delete) {
+    if (o === N.Delete) {
       await d(f);
       return;
     }
   }
-  const n = [
+  const a = [
     {
       accessorKey: "recipe",
       header: () => p("inventory.recipe.name"),
@@ -161,11 +161,11 @@ function ze() {
     {
       id: "action",
       header: "",
-      cell(l) {
+      cell(o) {
         return Ve(
           [te[N.Edit], te[N.Delete]],
           (c) => {
-            s(c, l.row.original.original);
+            l(c, o.row.original.original);
           }
         );
       },
@@ -177,27 +177,27 @@ function ze() {
       }
     }
   ];
-  function r(l) {
+  function r(o) {
     const c = I();
-    return l.map((f) => ({
+    return o.map((f) => ({
       recipe: f.name,
       ingredients: f.contains.map((m) => {
-        var u, a;
+        var u, s;
         const t = c.skuById[m.id];
-        return t ? `${t.name} (${q(m.amount)}${((u = m.measurement) == null ? void 0 : u.abbrev) ?? ((a = t == null ? void 0 : t.unit) == null ? void 0 : a.abbrev)})` : null;
+        return t ? `${t.name} (${q(m.amount)}${((u = m.measurement) == null ? void 0 : u.abbrev) ?? ((s = t == null ? void 0 : t.unit) == null ? void 0 : s.abbrev)})` : null;
       }).filter((m) => m).join(", "),
       original: f
     }));
   }
-  return { columnDefs: n, formatRowData: r };
+  return { columnDefs: a, formatRowData: r };
 }
-const Ne = { class: "flex flex-col gap-40" }, Ye = {
+const Be = { class: "flex flex-col gap-40" }, Le = {
   key: 0,
   class: "col-span-2 mt-16 border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
-}, je = {
+}, ze = {
   key: 0,
   class: "flex flex-col items-center w-full h-full gap-24"
-}, He = /* @__PURE__ */ g("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1), qe = { key: 1 }, Ke = /* @__PURE__ */ Y({
+}, Ne = { key: 1 }, Ye = /* @__PURE__ */ Y({
   __name: "RecipeForm",
   props: {
     mode: {},
@@ -207,71 +207,71 @@ const Ne = { class: "flex flex-col gap-40" }, Ye = {
   emits: ["update:modelValue", "click:submit"],
   setup(b, { expose: d, emit: p }) {
     var F;
-    const s = b, n = p, { t: r } = j(), l = V({
+    const l = b, a = p, { t: r } = j(), o = V({
       get() {
         var e;
-        return ((e = s.modelValue) == null ? void 0 : e.name) ?? "";
+        return ((e = l.modelValue) == null ? void 0 : e.name) ?? "";
       },
       set(e) {
-        const o = s.modelValue ?? {};
-        o.name = e, n("update:modelValue", o);
+        const n = l.modelValue ?? {};
+        n.name = e, a("update:modelValue", n);
       }
     }), c = V({
       get() {
         var e;
-        return ((e = s.modelValue) == null ? void 0 : e.contains) ?? [];
+        return ((e = l.modelValue) == null ? void 0 : e.contains) ?? [];
       },
       set(e) {
-        const o = s.modelValue ?? {};
-        o.contains = e, n("update:modelValue", o);
+        const n = l.modelValue ?? {};
+        n.contains = e, a("update:modelValue", n);
       }
     });
     function f() {
-      n("click:submit");
+      a("click:submit");
     }
     const m = E();
     d({
       validateInputs: () => {
-        var e, o;
-        (o = (e = m.value) == null ? void 0 : e.validateInputs) == null || o.call(e);
+        var e, n;
+        (n = (e = m.value) == null ? void 0 : e.validateInputs) == null || n.call(e);
       },
       resetInputsValidation: () => {
-        var e, o;
-        (o = (e = m.value) == null ? void 0 : e.resetInputsValidation) == null || o.call(e);
+        var e, n;
+        (n = (e = m.value) == null ? void 0 : e.resetInputsValidation) == null || n.call(e);
       },
       resetInputs: () => {
-        var e, o;
-        (o = (e = m.value) == null ? void 0 : e.resetInputs) == null || o.call(e);
+        var e, n;
+        (n = (e = m.value) == null ? void 0 : e.resetInputs) == null || n.call(e);
       }
     });
-    const t = I(), u = E([]), a = E(!1), h = E(!1);
-    ie(a, async (e) => {
+    const t = I(), u = E([]), s = E(!1), w = E(!1);
+    ie(s, async (e) => {
       C(e);
     });
     async function C(e) {
-      var o, P;
-      e && !h.value && ((o = s.modelValue) != null && o._id) && (h.value = !0, u.value = await t.getAffectedMenu((P = s.modelValue) == null ? void 0 : P._id), h.value = !1);
+      var n, P;
+      e && !w.value && ((n = l.modelValue) != null && n._id) && (w.value = !0, u.value = await t.getAffectedMenu((P = l.modelValue) == null ? void 0 : P._id), w.value = !1);
     }
     const i = V(
       () => t.recipes.map((e) => ({ label: e.name, value: e.name }))
-    ), _ = E((F = s.modelValue) == null ? void 0 : F.name);
-    return (e, o) => {
+    ), g = E((F = l.modelValue) == null ? void 0 : F.name);
+    return (e, n) => {
       const P = k("FmTextField"), D = k("FmCard"), S = k("FmSwitch"), M = k("FmSpacer"), U = k("FmCircularProgress"), B = k("FmForm");
       return x(), T(B, {
         ref_key: "formRef",
         ref: m,
         onValidationSuccess: f
       }, {
-        default: A(() => [
-          g("div", Ne, [
+        default: $(() => [
+          _("div", Be, [
             y(P, {
               disabled: e.disabled,
               label: v(r)("inventory.recipe.name"),
-              "model-value": l.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (w) => l.value = w),
+              "model-value": o.value,
+              "onUpdate:modelValue": n[0] || (n[0] = (R) => o.value = R),
               rules: [
                 v(fe)(),
-                v(ve)(i.value, _.value, (w) => `[${w.value}] already exists`)
+                v(ve)(i.value, g.value, (R) => `[${R.value}] already exists`)
               ],
               "label-mark": "required"
             }, null, 8, ["disabled", "label", "model-value", "rules"]),
@@ -279,40 +279,40 @@ const Ne = { class: "flex flex-col gap-40" }, Ye = {
               variant: "outlined",
               class: "p-16"
             }, {
-              default: A(() => {
-                var w;
+              default: $(() => {
+                var R;
                 return [
                   y(ye, {
-                    id: (w = e.modelValue) == null ? void 0 : w._id,
+                    id: (R = e.modelValue) == null ? void 0 : R._id,
                     disabled: e.disabled,
                     "model-value": c.value,
-                    "onUpdate:modelValue": o[1] || (o[1] = (L) => c.value = L),
-                    rules: [v(_e)(1)]
+                    "onUpdate:modelValue": n[1] || (n[1] = (L) => c.value = L),
+                    rules: [v(ge)(1)]
                   }, null, 8, ["id", "disabled", "model-value", "rules"])
                 ];
               }),
               _: 1
             })
           ]),
-          e.mode !== v(R).CREATE ? (x(), $("div", Ye, [
-            g("div", null, [
+          e.mode !== v(h).CREATE ? (x(), A("div", Le, [
+            _("div", null, [
               y(S, {
                 label: "Show binded items",
-                modelValue: a.value,
-                "onUpdate:modelValue": o[2] || (o[2] = (w) => a.value = w),
+                modelValue: s.value,
+                "onUpdate:modelValue": n[2] || (n[2] = (R) => s.value = R),
                 "label-placement": "right",
-                disabled: h.value
+                disabled: w.value
               }, null, 8, ["modelValue", "disabled"])
             ]),
-            h.value ? (x(), $("div", je, [
+            w.value ? (x(), A("div", ze, [
               y(M),
-              g("div", null, [
+              _("div", null, [
                 y(U, { size: "xl" })
               ]),
-              He,
+              n[3] || (n[3] = _("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
               y(M)
-            ])) : (x(), $("div", qe, [
-              a.value && u.value.length ? (x(), T(ae, {
+            ])) : (x(), A("div", Ne, [
+              s.value && u.value.length ? (x(), T(ae, {
                 key: 0,
                 name: "Menu",
                 bindings: u.value
@@ -324,122 +324,122 @@ const Ne = { class: "flex flex-col gap-40" }, Ye = {
       }, 512);
     };
   }
-}), Ge = { class: "flex gap-4" }, Je = /* @__PURE__ */ Y({
+}), je = { class: "flex gap-4" }, He = /* @__PURE__ */ Y({
   __name: "RecipeDialog",
   props: {
     show: { type: Boolean },
     recipe: {},
-    mode: { default: R.READ }
+    mode: { default: h.READ }
   },
   emits: ["update:show"],
   setup(b) {
-    const d = b, p = I(), s = ne(), { t: n } = j(), r = ee(d, "show"), l = ee(d, "recipe"), c = V(() => {
+    const d = b, p = I(), l = oe(), { t: a } = j(), r = ee(d, "show"), o = ee(d, "recipe"), c = V(() => {
       switch (d.mode) {
-        case R.READ:
+        case h.READ:
           return "";
-        case R.UPDATE:
-          return n("inventory.recipe.update.title");
-        case R.CREATE:
-          return n("inventory.recipe.create.title");
+        case h.UPDATE:
+          return a("inventory.recipe.update.title");
+        case h.CREATE:
+          return a("inventory.recipe.create.title");
       }
       return "";
     }), f = V(() => {
       switch (d.mode) {
-        case R.READ:
+        case h.READ:
           return "";
-        case R.UPDATE:
-          return n("common.save");
-        case R.CREATE:
-          return n("common.add");
+        case h.UPDATE:
+          return a("common.save");
+        case h.CREATE:
+          return a("common.add");
       }
       return "";
     }), m = E(), t = E(!1);
     async function u() {
       t.value = !0;
       try {
-        const i = G(l.value);
-        i.precision ?? (i.precision = 0), i.measurements ?? (i.measurements = []), await p.createRecipe(i), r.value = !1, s.open({
-          title: n("common.success"),
-          message: n("inventory.recipe.create.success", { name: l.value.name }),
+        const i = G(o.value);
+        i.precision ?? (i.precision = 0), i.measurements ?? (i.measurements = []), await p.createRecipe(i), r.value = !1, l.open({
+          title: a("common.success"),
+          message: a("inventory.recipe.create.success", { name: o.value.name }),
           type: "success"
         });
       } catch (i) {
-        i instanceof Z || s.open({
-          title: n("inventory.recipe.create.error.title"),
-          message: n("inventory.recipe.create.error.message"),
+        i instanceof Z || l.open({
+          title: a("inventory.recipe.create.error.title"),
+          message: a("inventory.recipe.create.error.message"),
           type: "error"
         });
       } finally {
         t.value = !1;
       }
     }
-    async function a() {
+    async function s() {
       t.value = !0;
       try {
-        await p.updateRecipe(l.value), r.value = !1, s.open({
-          title: n("common.success"),
-          message: n("inventory.recipe.update.success", { name: l.value.name }),
+        await p.updateRecipe(o.value), r.value = !1, l.open({
+          title: a("common.success"),
+          message: a("inventory.recipe.update.success", { name: o.value.name }),
           type: "success"
         });
       } catch (i) {
-        i instanceof Z || s.open({
-          title: n("inventory.recipe.update.error.title"),
-          message: n("inventory.recipe.update.error.message"),
+        i instanceof Z || l.open({
+          title: a("inventory.recipe.update.error.title"),
+          message: a("inventory.recipe.update.error.message"),
           type: "error"
         });
       } finally {
         t.value = !1;
       }
     }
-    function h() {
-      var i, _;
-      (_ = (i = m.value) == null ? void 0 : i.validateInputs) == null || _.call(i);
+    function w() {
+      var i, g;
+      (g = (i = m.value) == null ? void 0 : i.validateInputs) == null || g.call(i);
     }
     function C() {
       switch (d.mode) {
-        case R.READ:
+        case h.READ:
           return;
-        case R.UPDATE:
-          return a();
-        case R.CREATE:
+        case h.UPDATE:
+          return s();
+        case h.CREATE:
           return u();
       }
     }
-    return (i, _) => {
+    return (i, g) => {
       const F = k("FmButton"), e = k("FmSideSheet");
       return x(), T(e, {
         "model-value": v(r),
-        "onUpdate:modelValue": _[3] || (_[3] = (o) => X(r) ? r.value = o : null),
+        "onUpdate:modelValue": g[3] || (g[3] = (n) => X(r) ? r.value = n : null),
         header: c.value,
         "close-button": "",
         "dismiss-away": "",
         "max-width": 500
       }, {
-        "side-sheet-footer": A(() => [
-          g("div", Ge, [
+        "side-sheet-footer": $(() => [
+          _("div", je, [
             y(F, {
               loading: t.value,
               label: f.value,
-              onClick: h
+              onClick: w
             }, null, 8, ["loading", "label"]),
             y(F, {
               disabled: t.value,
-              label: v(n)("common.close"),
+              label: v(a)("common.close"),
               variant: "tertiary",
-              onClick: _[2] || (_[2] = (o) => r.value = !1)
+              onClick: g[2] || (g[2] = (n) => r.value = !1)
             }, null, 8, ["disabled", "label"])
           ])
         ]),
-        default: A(() => [
-          y(Ke, {
+        default: $(() => [
+          y(Ye, {
             class: "w-full",
             ref_key: "hasValidationExpose",
             ref: m,
-            modelValue: v(l),
-            "onUpdate:modelValue": _[0] || (_[0] = (o) => X(l) ? l.value = o : null),
+            modelValue: v(o),
+            "onUpdate:modelValue": g[0] || (g[0] = (n) => X(o) ? o.value = n : null),
             mode: i.mode,
             disabled: t.value,
-            "onClick:submit": _[1] || (_[1] = (o) => C())
+            "onClick:submit": g[1] || (g[1] = (n) => C())
           }, null, 8, ["modelValue", "mode", "disabled"])
         ]),
         _: 1
@@ -447,36 +447,36 @@ const Ne = { class: "flex flex-col gap-40" }, Ye = {
     };
   }
 });
-function Oe() {
-  const b = I(), d = b.recipes, p = b.recipeById, s = b.skuById, n = d.flatMap((c, f) => {
+function qe() {
+  const b = I(), d = b.recipes, p = b.recipeById, l = b.skuById, a = d.flatMap((c, f) => {
     var m;
     if ((m = c.contains) != null && m.length) {
-      const t = c.contains.filter((a) => a.type === "RECIPE"), u = c.contains.filter((a) => a.type === "SKU");
+      const t = c.contains.filter((s) => s.type === "RECIPE"), u = c.contains.filter((s) => s.type === "SKU");
       return [
         ...f === 0 ? [] : [["", "", "", "", "", ""]],
         ...t.map(
-          (a, h) => {
+          (s, w) => {
             var C;
             return [
-              h === 0 ? c.name : "",
+              w === 0 ? c.name : "",
               "RECIPE",
               "",
-              (C = p[a.id]) == null ? void 0 : C.name,
-              q(a.amount),
+              (C = p[s.id]) == null ? void 0 : C.name,
+              q(s.amount),
               "UNIT"
             ];
           }
         ),
         ...u.map(
-          (a, h) => {
-            var C, i, _, F;
+          (s, w) => {
+            var C, i, g, F;
             return [
-              !t.length && h === 0 ? c.name : "",
+              !t.length && w === 0 ? c.name : "",
               "INGREDIENT",
-              (C = s[a.id]) == null ? void 0 : C.code,
-              (i = s[a.id]) == null ? void 0 : i.name,
-              q(a.amount),
-              a.measurement ? a.measurement.abbrev : (F = (_ = s[a.id]) == null ? void 0 : _.unit) == null ? void 0 : F.abbrev
+              (C = l[s.id]) == null ? void 0 : C.code,
+              (i = l[s.id]) == null ? void 0 : i.name,
+              q(s.amount),
+              s.measurement ? s.measurement.abbrev : (F = (g = l[s.id]) == null ? void 0 : g.unit) == null ? void 0 : F.abbrev
             ];
           }
         )
@@ -486,20 +486,20 @@ function Oe() {
       ...f === 0 ? [] : [["", "", "", "", "", ""]],
       [c.name, "No bindings", "", "", "", ""]
     ];
-  }), l = Ce(n, ["Name", "Type", "Code", "Item", "Amount", "Unit"]);
-  Ee(l, `RECIPE_${ge(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
+  }), o = Ce(a, ["Name", "Type", "Code", "Item", "Amount", "Unit"]);
+  Ee(o, `RECIPE_${_e(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
 }
-const Qe = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, We = { class: "flex flex-col py-8" }, Xe = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ze = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ut = /* @__PURE__ */ Y({
+const Ke = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Ge = { class: "flex flex-col py-8" }, Je = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Oe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt = /* @__PURE__ */ Y({
   __name: "RecipeView",
   setup(b) {
-    const d = I(), p = V(() => d.recipes), s = be(), { createRecipe: n, updateRecipe: r } = K(), { recipeDialogProps: l, recipeViewLoading: c } = ke(K()), { columnDefs: f, formatRowData: m } = ze(), t = V(() => m(p.value));
+    const d = I(), p = V(() => d.recipes), l = be(), { createRecipe: a, updateRecipe: r } = K(), { recipeDialogProps: o, recipeViewLoading: c } = ke(K()), { columnDefs: f, formatRowData: m } = Ue(), t = V(() => m(p.value));
     function u(e) {
-      e === "add" && n();
+      e === "add" && a();
     }
-    const a = E(""), h = V(() => c.value), { breakpoints: C } = we(), i = V(() => C.value.xs || C.value.sm ? 10 : 20), _ = De(), { t: F } = j();
-    return (e, o) => {
+    const s = E(""), w = V(() => c.value), { breakpoints: C } = Re(), i = V(() => C.value.xs || C.value.sm ? 10 : 20), g = De(), { t: F } = j();
+    return (e, n) => {
       const P = k("FmTable");
-      return x(), T($e, {
+      return x(), T(Ae, {
         title: v(F)("inventory.recipe.title"),
         actions: [
           {
@@ -511,41 +511,41 @@ const Qe = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, We =
         ],
         "onClick:action": u
       }, {
-        default: A(() => [
-          g("div", Qe, [
-            y(Ae, {
+        default: $(() => [
+          _("div", Ke, [
+            y($e, {
               searchable: "",
-              search: a.value,
-              "onUpdate:search": o[0] || (o[0] = (D) => a.value = D),
-              actions: [{ icon: "ios_share", onClick: v(Oe) }]
+              search: s.value,
+              "onUpdate:search": n[0] || (n[0] = (D) => s.value = D),
+              actions: [{ icon: "ios_share", onClick: v(qe) }]
             }, null, 8, ["search", "actions"]),
             (x(), T(P, {
-              style: ce(v(_).tableHeight),
+              style: ce(v(g).tableHeight),
               "column-defs": v(f),
               "row-data": t.value,
-              "search-value": a.value,
-              loading: !v(s)._currentLocation || h.value,
-              onRowClick: o[1] || (o[1] = (D) => v(r)(D.original.original)),
+              "search-value": s.value,
+              loading: !v(l)._currentLocation || w.value,
+              onRowClick: n[1] || (n[1] = (D) => v(r)(D.original.original)),
               key: p.value.length,
               "page-size": i.value
             }, {
-              "list-row": A((D) => [
+              "list-row": $((D) => [
                 y(Se, {
                   row: D,
                   onRowClick: (S) => v(r)(S.original)
                 }, {
-                  default: A((S) => {
-                    var M, U, B, w, L, J, O, Q, z, W;
+                  default: $((S) => {
+                    var M, U, B, R, L, J, O, Q, z, W;
                     return [
-                      g("div", We, [
-                        g("div", Xe, [
-                          y(v(oe), {
+                      _("div", Ge, [
+                        _("div", Je, [
+                          y(v(ne), {
                             render: (B = (U = (M = S.recipe) == null ? void 0 : M.column) == null ? void 0 : U.columnDef) == null ? void 0 : B.cell,
-                            props: (L = (w = S.recipe) == null ? void 0 : w.getContext) == null ? void 0 : L.call(w)
+                            props: (L = (R = S.recipe) == null ? void 0 : R.getContext) == null ? void 0 : L.call(R)
                           }, null, 8, ["render", "props"])
                         ]),
-                        g("div", Ze, [
-                          y(v(oe), {
+                        _("div", Oe, [
+                          y(v(ne), {
                             render: (Q = (O = (J = S.ingredients) == null ? void 0 : J.column) == null ? void 0 : O.columnDef) == null ? void 0 : Q.cell,
                             props: (W = (z = S.ingredients) == null ? void 0 : z.getContext) == null ? void 0 : W.call(z)
                           }, null, 8, ["render", "props"])
@@ -560,7 +560,7 @@ const Qe = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, We =
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
           ]),
           (x(), T(ue, { to: "body" }, [
-            y(Je, de(me(v(l))), null, 16)
+            y(He, de(me(v(o))), null, 16)
           ]))
         ]),
         _: 1
@@ -569,5 +569,5 @@ const Qe = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, We =
   }
 });
 export {
-  ut as default
+  lt as default
 };