@feedmepos/mf-inventory-portal 0.0.6 → 0.0.7-dev.1

package/dist/{RecipeView-DGS0-kll.js → RecipeView-C9_Y_A9b.js}

@@ -1,15 +1,15 @@
-import { defineComponent as N, ref as R, onMounted as le, resolveComponent as x, openBlock as w, createElementBlock as A, Fragment as ie, createElementVNode as g, toDisplayString as re, createVNode as v, createCommentVNode as j, computed as S, watch as ce, createBlock as T, withCtx as $, unref as b, isRef as Z, normalizeStyle as ue, Teleport as de, normalizeProps as me, guardReactiveProps as pe } from "vue";
-import { u as I, c as K, S as fe, b as ee, e as ve } from "./app-D_R27XfK.js";
+import { defineComponent as N, ref as R, onMounted as le, resolveComponent as x, openBlock as w, createElementBlock as A, Fragment as re, createElementVNode as g, toDisplayString as ie, createVNode as v, createCommentVNode as j, computed as S, watch as ce, createBlock as T, withCtx as $, unref as b, isRef as Z, normalizeStyle as ue, Teleport as de, normalizeProps as me, guardReactiveProps as pe } from "vue";
+import { u as I, c as K, S as fe, b as ee, e as ve } from "./app-DM4Thqjw.js";
 import { useDialog as _e, useSnackbar as ae, useProxiedModel as te, useBreakpoints as ye } from "@feedmepos/ui-library";
 import { i as ge, _ as be } from "./is-linked-ingredient-error-C6AghEwR.js";
 import { F as h, D as oe, R as z } from "./row-action.enum-BwQbURNh.js";
-import { _ as se } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-DS9A38-m.js";
-import { c as he, _ as we, F as ne, u as xe } from "./layout-Cf3iZuvk.js";
-import { a as q, f as Re } from "./date2-CsVyh2xw.js";
+import { _ as se } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-BIww2Noe.js";
+import { c as he, _ as we, F as ne, u as xe } from "./layout-kY567oHX.js";
+import { a as q, f as Re } from "./date2-DpU4LDaP.js";
 import { _ as ke } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
-import { R as Ce, U as Ee } from "./rules-QzzL5oLu.js";
-import { _ as Se } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BqkpGRQG.js";
-import { u as H, w as Fe } from "./xlsx-DqpZNivg.js";
+import { R as Ce, U as Ee } from "./rules-CVxh5XVG.js";
+import { _ as Se } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-39U8Iavr.js";
+import { u as H, w as Fe } from "./xlsx-DpBw8KA4.js";
 const Ve = {
   key: 0,
   class: "flex flex-col items-center w-full h-full gap-24"
@@ -24,16 +24,16 @@ const Ve = {
   setup(p) {
     const u = p, f = R(u.bindedItems || []), n = R(!1);
     le(() => {
-      r();
+      i();
     });
-    async function r() {
+    async function i() {
       var a, d;
       !n.value && ((a = u.data) != null && a._id) && (n.value = !0, f.value = await I().getAffectedMenu((d = u.data) == null ? void 0 : d._id), n.value = !1);
     }
     return (a, d) => {
       const l = x("FmSpacer"), c = x("FmCircularProgress");
-      return w(), A(ie, null, [
-        g("p", null, re(a.message), 1),
+      return w(), A(re, null, [
+        g("p", null, ie(a.message), 1),
         n.value ? (w(), A("div", Ve, [
           v(l),
           g("div", null, [
@@ -56,28 +56,28 @@ const Ve = {
   }
 });
 function Me() {
-  const p = _e(), u = ae(), f = I(), n = R(!1), r = R();
+  const p = _e(), u = ae(), f = I(), n = R(!1), i = R();
   function a() {
     const e = {
       recipe: {},
       mode: h.CREATE,
       show: !0,
-      "onUpdate:show"(i) {
-        r.value.show = i;
+      "onUpdate:show"(r) {
+        i.value.show = r;
       }
     };
-    r.value = e;
+    i.value = e;
   }
   async function d(e) {
-    const i = {
+    const r = {
       recipe: K(e),
       mode: h.UPDATE,
       show: !0,
       "onUpdate:show"(y) {
-        r.value.show = y;
+        i.value.show = y;
       }
     };
-    r.value = i;
+    i.value = r;
   }
   async function l(e) {
     n.value = !0;
@@ -87,23 +87,23 @@ function Me() {
         message: `Deleted ${e.name}`,
         type: "success"
       });
-    } catch (i) {
-      i instanceof fe && ge(i) ? p.open({
+    } catch (r) {
+      r instanceof fe && ge(r) ? p.open({
         title: "Cannot delete recipe",
         contentComponent: be,
         contentComponentProps: {
           subject: (e == null ? void 0 : e.name) ?? "",
-          items: i.errorResponse.message
+          items: r.errorResponse.message
         },
         secondaryActions: {
           text: "Close",
           close: !0
         }
-      }) : console.log("unable to delete recipe", i), u.open({
+      }) : console.log("unable to delete recipe", r), u.open({
         title: `Cannot delete ${e == null ? void 0 : e.name}`,
         message: "Please try again.",
         type: "error"
-      }), console.error("failed to delete recipe", i);
+      }), console.error("failed to delete recipe", r);
     } finally {
       n.value = !1;
     }
@@ -133,7 +133,7 @@ function Me() {
     createRecipe: a,
     updateRecipe: d,
     deleteRecipe: c,
-    recipeDialogProps: r,
+    recipeDialogProps: i,
     recipeViewLoading: n
   };
 }
@@ -182,19 +182,19 @@ function Ue({
       }
     }
   ];
-  function r(a) {
+  function i(a) {
     const d = I();
     return a.map((l) => ({
       recipe: l.name,
       ingredients: l.contains.map((c) => {
-        var i, y;
+        var r, y;
         const e = d.skuById[c.id];
-        return e ? `${e.name} (${q(c.amount)}${((i = c.measurement) == null ? void 0 : i.abbrev) ?? ((y = e == null ? void 0 : e.unit) == null ? void 0 : y.abbrev)})` : null;
+        return e ? `${e.name} (${q(c.amount)}${((r = c.measurement) == null ? void 0 : r.abbrev) ?? ((y = e == null ? void 0 : e.unit) == null ? void 0 : y.abbrev)})` : null;
       }).filter((c) => c).join(", "),
       original: l
     }));
   }
-  return { columnDefs: n, formatRowData: r };
+  return { columnDefs: n, formatRowData: i };
 }
 const Be = { class: "flex flex-col gap-40" }, Le = {
   key: 0,
@@ -212,14 +212,14 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
   emits: ["update:modelValue", "click:submit"],
   setup(p, { expose: u, emit: f }) {
     var C;
-    const n = p, r = f, a = S({
+    const n = p, i = f, a = S({
       get() {
         var t;
         return ((t = n.modelValue) == null ? void 0 : t.name) ?? "";
       },
       set(t) {
         const o = n.modelValue ?? {};
-        o.name = t, r("update:modelValue", o);
+        o.name = t, i("update:modelValue", o);
       }
     }), d = S({
       get() {
@@ -228,11 +228,11 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
       },
       set(t) {
         const o = n.modelValue ?? {};
-        o.contains = t, r("update:modelValue", o);
+        o.contains = t, i("update:modelValue", o);
       }
     });
     function l() {
-      r("click:submit");
+      i("click:submit");
     }
     const c = R();
     u({
@@ -249,13 +249,13 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
         (o = (t = c.value) == null ? void 0 : t.resetInputs) == null || o.call(t);
       }
     });
-    const e = I(), i = R([]), y = R(!1), m = R(!1);
+    const e = I(), r = R([]), y = R(!1), m = R(!1);
     ce(y, async (t) => {
       k(t);
     });
     async function k(t) {
       var o, V;
-      t && !m.value && ((o = n.modelValue) != null && o._id) && (m.value = !0, i.value = await e.getAffectedMenu((V = n.modelValue) == null ? void 0 : V._id), m.value = !1);
+      t && !m.value && ((o = n.modelValue) != null && o._id) && (m.value = !0, r.value = await e.getAffectedMenu((V = n.modelValue) == null ? void 0 : V._id), m.value = !1);
     }
     const s = S(
       () => e.recipes.map((t) => ({ label: t.name, value: t.name }))
@@ -316,10 +316,10 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
               Ne,
               v(M)
             ])) : (w(), A("div", Ye, [
-              y.value && i.value.length ? (w(), T(se, {
+              y.value && r.value.length ? (w(), T(se, {
                 key: 0,
                 name: "Menu",
-                bindings: i.value
+                bindings: r.value
               }, null, 8, ["bindings"])) : j("", !0)
             ]))
           ])) : j("", !0)
@@ -337,14 +337,14 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
   },
   emits: ["update:show"],
   setup(p) {
-    const u = p, f = I(), n = ae(), r = te(u, "show"), a = te(u, "recipe"), d = S(() => {
+    const u = p, f = I(), n = ae(), i = te(u, "show"), a = te(u, "recipe"), d = S(() => {
       switch (u.mode) {
         case h.READ:
-          return "View Recipe";
+          return "View recipe";
         case h.UPDATE:
-          return "Edit Recipe";
+          return "Edit recipe";
         case h.CREATE:
-          return "Add Recipe";
+          return "Add recipe";
       }
       return "";
     }), l = S(() => {
@@ -358,11 +358,11 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
       }
       return "";
     }), c = R(), e = R(!1);
-    async function i() {
+    async function r() {
       e.value = !0;
       try {
         const s = K(a.value);
-        s.precision ?? (s.precision = 0), s.measurements ?? (s.measurements = []), await f.createRecipe(s), r.value = !1, n.open({
+        s.precision ?? (s.precision = 0), s.measurements ?? (s.measurements = []), await f.createRecipe(s), i.value = !1, n.open({
           title: "Success",
           message: "Created " + a.value.name,
           type: "success"
@@ -380,7 +380,7 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
     async function y() {
       e.value = !0;
       try {
-        await f.updateRecipe(a.value), r.value = !1, n.open({
+        await f.updateRecipe(a.value), i.value = !1, n.open({
           title: "Success",
           message: "Updated " + a.value.name,
           type: "success"
@@ -406,14 +406,14 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
         case h.UPDATE:
           return y();
         case h.CREATE:
-          return i();
+          return r();
       }
     }
     return (s, _) => {
       const C = x("FmButton"), t = x("FmSideSheet");
       return w(), T(t, {
-        "model-value": b(r),
-        "onUpdate:modelValue": _[3] || (_[3] = (o) => Z(r) ? r.value = o : null),
+        "model-value": b(i),
+        "onUpdate:modelValue": _[3] || (_[3] = (o) => Z(i) ? i.value = o : null),
         header: d.value,
         "close-button": "",
         "dismiss-away": "",
@@ -430,7 +430,7 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
               disabled: e.value,
               label: "Close",
               variant: "tertiary",
-              onClick: _[2] || (_[2] = (o) => r.value = !1)
+              onClick: _[2] || (_[2] = (o) => i.value = !1)
             }, null, 8, ["disabled"])
           ])
         ]),
@@ -452,8 +452,8 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
   }
 });
 function Ke(p, u, f = "Sheet1") {
-  const n = H.aoa_to_sheet([u, ...p]), r = p.reduce((l, c) => Math.max(l, c.length), 0), a = Array.from({ length: r }).map((l, c) => {
-    const e = p.map((i) => `${i[c]}`).reduce((i, y) => Math.max(i, y.length), 0);
+  const n = H.aoa_to_sheet([u, ...p]), i = p.reduce((l, c) => Math.max(l, c.length), 0), a = Array.from({ length: i }).map((l, c) => {
+    const e = p.map((r) => `${r[c]}`).reduce((r, y) => Math.max(r, y.length), 0);
     return {
       wch: Math.max(e, 5)
     };
@@ -466,13 +466,13 @@ function Xe(p, u) {
   Fe(p, u, { compression: !0 });
 }
 function Ge() {
-  const p = I(), u = p.recipes, f = p.recipeById, n = p.skuById, r = u.flatMap((l, c) => {
+  const p = I(), u = p.recipes, f = p.recipeById, n = p.skuById, i = u.flatMap((l, c) => {
     var e;
     if ((e = l.contains) != null && e.length) {
-      const i = l.contains.filter((m) => m.type === "RECIPE"), y = l.contains.filter((m) => m.type === "SKU");
+      const r = l.contains.filter((m) => m.type === "RECIPE"), y = l.contains.filter((m) => m.type === "SKU");
       return [
         ...c === 0 ? [] : [["", "", "", "", ""]],
-        ...i.map(
+        ...r.map(
           (m, k) => {
             var s;
             return [
@@ -488,7 +488,7 @@ function Ge() {
           (m, k) => {
             var s, _, C;
             return [
-              !i.length && k === 0 ? l.name : "",
+              !r.length && k === 0 ? l.name : "",
               "INGREDIENT",
               (s = n[m.id]) == null ? void 0 : s.name,
               q(m.amount),
@@ -502,18 +502,18 @@ function Ge() {
       ...c === 0 ? [] : [["", "", "", "", ""]],
       [l.name, "No bindings", "", "", ""]
     ];
-  }), d = Ke(r, ["Name", "Type", "Item", "Amount", "Unit"]);
+  }), d = Ke(i, ["Name", "Type", "Item", "Amount", "Unit"]);
   Xe(d, `RECIPE_${Re(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
 }
 const Je = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Oe = { class: "px-8 flex items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, Qe = { class: "flex-1 w-full" }, We = { class: "flex flex-col py-8" }, Ze = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, et = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pt = /* @__PURE__ */ N({
   __name: "RecipeView",
   setup(p) {
-    const u = I(), f = S(() => u.recipes), n = ve(), { createRecipe: r, updateRecipe: a, deleteRecipe: d, recipeDialogProps: l, recipeViewLoading: c } = Me(), { columnDefs: e, formatRowData: i } = Ue({
+    const u = I(), f = S(() => u.recipes), n = ve(), { createRecipe: i, updateRecipe: a, deleteRecipe: d, recipeDialogProps: l, recipeViewLoading: c } = Me(), { columnDefs: e, formatRowData: r } = Ue({
       updateRecipe: a,
       deleteRecipe: d
-    }), y = S(() => i(f.value));
+    }), y = S(() => r(f.value));
     function m(V) {
-      V === "add" && r();
+      V === "add" && i();
     }
     const k = R(""), s = S(() => c.value), _ = {
       label: "Export",