@feedmepos/mf-inventory-portal 1.2.12 → 1.2.14-dev.2

package/dist/RecipeView-B7PtWfJ-.js

@@ -0,0 +1,636 @@
+import { defineComponent as Y, ref as E, onMounted as ie, resolveComponent as I, openBlock as k, createElementBlock as B, Fragment as ue, createElementVNode as S, toDisplayString as ce, createVNode as y, createCommentVNode as H, computed as F, watch as de, createBlock as G, withCtx as U, unref as g, isRef as te, normalizeClass as me, normalizeStyle as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ye } from "vue";
+import { a as A, e as C, f as W, S as ge, i as be, D as ne, j, l as P, F as q, q as _e, U as Re, A as he, c as we, x as oe, V as xe, W as Se, X as Ve, u as Ce, E as Ee, G as ke, I as Ie, J as Fe, K as ae } from "./app-DDKw9H3a.js";
+import { useDialog as le, useSnackbar as X, useProxiedModel as se, useBreakpoints as $e } from "@feedmepos/ui-library";
+import { i as De, _ as Ae } from "./is-linked-ingredient-error-fJ2TJb3z.js";
+import { _ as re } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-BbmtJ6Ge.js";
+import { defineStore as Be, storeToRefs as Pe } from "pinia";
+import { useI18n as O } from "@feedmepos/mf-common";
+import { _ as Ue } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-B-O0bjxU.js";
+import { _ as Te } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
+const Me = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, Ge = { key: 1 }, Ne = { key: 0 }, Le = /* @__PURE__ */ Y({
+  __name: "DeleteDialog",
+  props: {
+    type: {},
+    data: {},
+    message: {},
+    bindedItems: {}
+  },
+  setup(b) {
+    const f = b, v = E(f.bindedItems || []), s = E(!1);
+    ie(() => {
+      l();
+    });
+    async function l() {
+      var c, m;
+      !s.value && ((c = f.data) != null && c._id) && (s.value = !0, v.value = await A().getAffectedMenu((m = f.data) == null ? void 0 : m._id), s.value = !1);
+    }
+    return (c, m) => {
+      const w = I("FmSpacer"), r = I("FmCircularProgress");
+      return k(), B(ue, null, [
+        S("p", null, ce(c.message), 1),
+        s.value ? (k(), B("div", Me, [
+          y(w),
+          S("div", null, [
+            y(r, { size: "xl" })
+          ]),
+          m[0] || (m[0] = S("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
+          y(w)
+        ])) : (k(), B("div", Ge, [
+          m[2] || (m[2] = S("br", null, null, -1)),
+          v.value.length > 0 ? (k(), B("div", Ne, [
+            m[1] || (m[1] = S("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
+            y(re, {
+              name: "Menu",
+              bindings: v.value
+            }, null, 8, ["bindings"])
+          ])) : H("", !0)
+        ]))
+      ], 64);
+    };
+  }
+}), J = Be("recipeForm", function() {
+  const f = le(), v = X(), s = A(), l = E(!1), c = E();
+  function m() {
+    const n = {
+      recipe: {},
+      mode: C.CREATE,
+      show: !0,
+      "onUpdate:show"(o) {
+        c.value.show = o;
+      }
+    };
+    c.value = n;
+  }
+  async function w(n) {
+    const o = {
+      recipe: W(n),
+      mode: C.UPDATE,
+      show: !0,
+      "onUpdate:show"(u) {
+        c.value.show = u;
+      }
+    };
+    c.value = o;
+  }
+  async function r(n) {
+    l.value = !0;
+    try {
+      await s.deleteRecipe(n), v.open({
+        title: "Success",
+        message: `Deleted ${n.name}`,
+        type: "success"
+      });
+    } catch (o) {
+      o instanceof ge && De(o) ? f.open({
+        title: "Cannot delete recipe",
+        contentComponent: Ae,
+        contentComponentProps: {
+          subject: (n == null ? void 0 : n.name) ?? "",
+          items: o.errorResponse.message
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0
+        }
+      }) : console.log("unable to delete recipe", o), v.open({
+        title: `Cannot delete ${n == null ? void 0 : n.name}`,
+        message: "Please try again.",
+        type: "error"
+      }), console.error("failed to delete recipe", o);
+    } finally {
+      l.value = !1;
+    }
+  }
+  function p(n) {
+    f.open({
+      title: `Delete ${(n == null ? void 0 : n.name) ?? "recipe"}?`,
+      closeButton: !1,
+      primaryActions: {
+        text: "Delete",
+        close: !0,
+        variant: "destructive"
+      },
+      secondaryActions: {
+        text: "Cancel",
+        close: !0
+      },
+      contentComponent: Le,
+      contentComponentProps: {
+        type: "menu",
+        data: n,
+        message: "You may not be able to delete this recipe if it is linked in any of the inventory modules."
+      }
+    }).onPrimary(() => r(n));
+  }
+  return {
+    createRecipe: m,
+    updateRecipe: w,
+    deleteRecipe: p,
+    recipeDialogProps: c,
+    recipeViewLoading: l
+  };
+});
+function ze() {
+  const { updateRecipe: b, deleteRecipe: f } = J(), v = A(), { t: s } = O();
+  async function l(r, p) {
+    const n = W(p);
+    if (r === j.Edit) {
+      await b(n);
+      return;
+    }
+    if (r === j.Delete) {
+      await f(n);
+      return;
+    }
+  }
+  function c(r, p) {
+    const n = r.filter((i) => i.type === q.enum.SKU), o = r.filter(
+      (i) => i.type === q.enum.SKU_GROUP
+    ), u = r.filter((i) => i.type === q.enum.RECIPE);
+    return [
+      ...n.map((i) => ({ ...i, recipeIds: [...p] })),
+      ...o.map((i) => ({ ...i, isGroup: !0, recipeIds: [...p] })),
+      ...u.filter((i) => v.recipeById[i.id] && !p.has(i.id)).flatMap(
+        (i) => c(v.recipeById[i.id].contains, /* @__PURE__ */ new Set([...p, i.id]))
+      )
+    ];
+  }
+  const m = [
+    {
+      accessorKey: "recipe",
+      header: () => s("inventory.recipe.name"),
+      size: 400
+    },
+    {
+      accessorKey: "ingredients",
+      header: () => s("inventory.recipe.ingredients"),
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(r) {
+        return be(
+          [ne[j.Edit], ne[j.Delete]],
+          (p) => {
+            l(p, r.row.original.original);
+          }
+        );
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  function w(r) {
+    const p = A();
+    return r.map((n) => ({
+      recipe: n.name,
+      ingredients: c(n.contains, /* @__PURE__ */ new Set([n._id])).map((o) => {
+        var i, x, e, d, _, h;
+        if (o.isGroup) {
+          const R = p.skuGroupById[o.id];
+          return o.recipeIds.slice(1).length ? `(${(i = p.recipeById[o.recipeIds.at(-1) ?? ""]) == null ? void 0 : i.name}) ${R.name} (x ${P(o.amount)})` : `${R.name} (x${P(o.amount)})`;
+        }
+        const u = p.skuById[o.id];
+        return u ? o.recipeIds.slice(1).length ? `(${(x = p.recipeById[o.recipeIds.at(-1) ?? ""]) == null ? void 0 : x.name}) ${u.name} (${P(o.amount)}${((e = o.measurement) == null ? void 0 : e.abbrev) ?? ((d = u == null ? void 0 : u.unit) == null ? void 0 : d.abbrev)})` : `${u.name} (${P(o.amount)}${((_ = o.measurement) == null ? void 0 : _.abbrev) ?? ((h = u == null ? void 0 : u.unit) == null ? void 0 : h.abbrev)})` : null;
+      }).filter((o) => o).join(", "),
+      original: n
+    }));
+  }
+  return { columnDefs: m, formatRowData: w };
+}
+const Ke = { class: "flex flex-col gap-40" }, je = {
+  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"
+}, Ye = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, Oe = { key: 1 }, qe = { class: "mt-32" }, He = /* @__PURE__ */ Y({
+  __name: "RecipeForm",
+  props: {
+    mode: {},
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:submit"],
+  setup(b, { expose: f, emit: v }) {
+    var R;
+    const s = b, l = v, c = we(), { t: m } = O(), w = F({
+      get() {
+        var t;
+        return ((t = s.modelValue) == null ? void 0 : t.name) ?? "";
+      },
+      set(t) {
+        const a = s.modelValue ?? {};
+        a.name = t, l("update:modelValue", a);
+      }
+    }), r = F({
+      get() {
+        var t;
+        return ((t = s.modelValue) == null ? void 0 : t.contains) ?? [];
+      },
+      set(t) {
+        const a = s.modelValue ?? {};
+        a.contains = t, l("update:modelValue", a);
+      }
+    }), p = F({
+      get() {
+        var t;
+        return ((t = s.modelValue) == null ? void 0 : t.customAttributes) ?? {};
+      },
+      set(t) {
+        const a = s.modelValue ? {
+          ...s.modelValue
+        } : {};
+        a.customAttributes = t, l("update:modelValue", a);
+      }
+    });
+    function n() {
+      l("click:submit");
+    }
+    const o = E();
+    f({
+      validateInputs: () => {
+        var t, a;
+        (a = (t = o.value) == null ? void 0 : t.validateInputs) == null || a.call(t);
+      },
+      resetInputsValidation: () => {
+        var t, a;
+        (a = (t = o.value) == null ? void 0 : t.resetInputsValidation) == null || a.call(t);
+      },
+      resetInputs: () => {
+        var t, a;
+        (a = (t = o.value) == null ? void 0 : t.resetInputs) == null || a.call(t);
+      }
+    });
+    const u = A(), i = E([]), x = E(!1), e = E(!1);
+    de(x, async (t) => {
+      d(t);
+    });
+    async function d(t) {
+      var a, $;
+      t && !e.value && ((a = s.modelValue) != null && a._id) && (e.value = !0, i.value = await u.getAffectedMenu(($ = s.modelValue) == null ? void 0 : $._id).delayed(500), e.value = !1);
+    }
+    const _ = F(
+      () => u.recipes.map((t) => ({ label: t.name, value: t.name }))
+    ), h = E((R = s.modelValue) == null ? void 0 : R.name);
+    return (t, a) => {
+      const $ = I("FmTextField"), D = I("FmCard"), N = I("FmSwitch"), M = I("FmSpacer"), L = I("FmCircularProgress"), T = I("FmForm");
+      return k(), G(T, {
+        ref_key: "formRef",
+        ref: o,
+        onValidationSuccess: n
+      }, {
+        default: U(() => [
+          S("div", Ke, [
+            y($, {
+              disabled: t.disabled,
+              label: g(m)("inventory.recipe.name"),
+              "model-value": w.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (V) => w.value = V),
+              rules: [
+                g(_e)(),
+                g(Re)(_.value, h.value, (V) => `[${V.value}] already exists`)
+              ],
+              "label-mark": "required"
+            }, null, 8, ["disabled", "label", "model-value", "rules"]),
+            y(D, {
+              variant: "outlined",
+              class: "p-16"
+            }, {
+              default: U(() => {
+                var V;
+                return [
+                  y(Ue, {
+                    id: (V = t.modelValue) == null ? void 0 : V._id,
+                    disabled: t.disabled,
+                    "model-value": r.value,
+                    "onUpdate:modelValue": a[1] || (a[1] = (z) => r.value = z),
+                    rules: [g(he)(1)],
+                    "enable-ingredient-group": g(c).enableIngredientGroup
+                  }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group"])
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          t.mode !== g(C).CREATE ? (k(), B("div", je, [
+            y(N, {
+              label: "Show binded items",
+              modelValue: x.value,
+              "onUpdate:modelValue": a[2] || (a[2] = (V) => x.value = V),
+              "label-placement": "right",
+              disabled: e.value
+            }, null, 8, ["modelValue", "disabled"]),
+            e.value ? (k(), B("div", Ye, [
+              y(M),
+              S("div", null, [
+                y(L, { size: "xl" })
+              ]),
+              a[4] || (a[4] = S("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
+              y(M)
+            ])) : x.value && i.value.length ? (k(), B("div", Oe, [
+              y(re, {
+                name: "Menu",
+                bindings: i.value
+              }, null, 8, ["bindings"])
+            ])) : H("", !0)
+          ])) : H("", !0),
+          S("div", qe, [
+            y(Te, {
+              entity: "inventoryRecipe",
+              modelValue: p.value,
+              "onUpdate:modelValue": a[3] || (a[3] = (V) => p.value = V)
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), Je = { class: "flex gap-4" }, We = /* @__PURE__ */ Y({
+  __name: "RecipeDialog",
+  props: {
+    show: { type: Boolean },
+    recipe: {},
+    mode: { default: C.READ }
+  },
+  emits: ["update:show"],
+  setup(b) {
+    const f = b, v = A(), s = X(), { t: l } = O(), c = se(f, "show"), m = se(f, "recipe"), w = F(() => {
+      switch (f.mode) {
+        case C.READ:
+          return "";
+        case C.UPDATE:
+          return l("inventory.recipe.update.title");
+        case C.CREATE:
+          return l("inventory.recipe.create.title");
+      }
+      return "";
+    }), r = F(() => {
+      switch (f.mode) {
+        case C.READ:
+          return "";
+        case C.UPDATE:
+          return l("common.save");
+        case C.CREATE:
+          return l("common.add");
+      }
+      return "";
+    }), p = E(), n = E(!1);
+    async function o() {
+      n.value = !0;
+      try {
+        const e = W(m.value);
+        e.precision ?? (e.precision = 0), e.measurements ?? (e.measurements = []), await v.createRecipe(e), c.value = !1, s.open({
+          title: l("inventory.common.success"),
+          message: l("inventory.recipe.create.success", { name: m.value.name }),
+          type: "success"
+        });
+      } catch (e) {
+        e instanceof oe || s.open({
+          title: l("inventory.recipe.create.error.title"),
+          message: l("inventory.recipe.create.error.message"),
+          type: "error"
+        });
+      } finally {
+        n.value = !1;
+      }
+    }
+    async function u() {
+      n.value = !0;
+      try {
+        await v.updateRecipe(m.value), c.value = !1, s.open({
+          title: l("inventory.common.success"),
+          message: l("inventory.recipe.update.success", { name: m.value.name }),
+          type: "success"
+        });
+      } catch (e) {
+        e instanceof oe || s.open({
+          title: l("inventory.recipe.update.error.title"),
+          message: l("inventory.recipe.update.error.message"),
+          type: "error"
+        });
+      } finally {
+        n.value = !1;
+      }
+    }
+    function i() {
+      var e, d;
+      (d = (e = p.value) == null ? void 0 : e.validateInputs) == null || d.call(e);
+    }
+    function x() {
+      switch (f.mode) {
+        case C.READ:
+          return;
+        case C.UPDATE:
+          return u();
+        case C.CREATE:
+          return o();
+      }
+    }
+    return (e, d) => {
+      const _ = I("FmButton"), h = I("FmSideSheet");
+      return k(), G(h, {
+        "model-value": g(c),
+        "onUpdate:modelValue": d[3] || (d[3] = (R) => te(c) ? c.value = R : null),
+        header: w.value,
+        "close-button": "",
+        "dismiss-away": "",
+        "max-width": 500
+      }, {
+        "side-sheet-footer": U(() => [
+          S("div", Je, [
+            y(_, {
+              loading: n.value,
+              label: r.value,
+              onClick: i
+            }, null, 8, ["loading", "label"]),
+            y(_, {
+              disabled: n.value,
+              label: g(l)("common.close"),
+              variant: "tertiary",
+              onClick: d[2] || (d[2] = (R) => c.value = !1)
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        default: U(() => [
+          y(He, {
+            class: "w-full",
+            ref_key: "hasValidationExpose",
+            ref: p,
+            modelValue: g(m),
+            "onUpdate:modelValue": d[0] || (d[0] = (R) => te(m) ? m.value = R : null),
+            mode: e.mode,
+            disabled: n.value,
+            "onClick:submit": d[1] || (d[1] = (R) => x())
+          }, null, 8, ["modelValue", "mode", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+});
+function Xe(b) {
+  return !b || Object.keys(b).length === 0 ? "" : Object.entries(b).map(([f, v]) => `${f}: ${v}`).join(", ");
+}
+function Qe() {
+  const b = A(), f = b.recipes, v = b.recipeById, s = b.skuById, l = b.skuGroupById, c = f.flatMap((r, p) => {
+    var o;
+    const n = Xe(r.customAttributes);
+    if ((o = r.contains) != null && o.length) {
+      const u = r.contains.filter((e) => e.type === "RECIPE"), i = r.contains.filter((e) => e.type === "SKU"), x = r.contains.filter((e) => e.type === "SKU_GROUP");
+      return [
+        ...p === 0 ? [] : [["", "", "", "", "", "", ""]],
+        ...u.map(
+          (e, d) => {
+            var _;
+            return [
+              d === 0 ? r.name : "",
+              "RECIPE",
+              "",
+              (_ = v[e.id]) == null ? void 0 : _.name,
+              P(e.amount),
+              "UNIT",
+              d === 0 ? n : ""
+            ];
+          }
+        ),
+        ...i.map(
+          (e, d) => {
+            var _, h, R, t;
+            return [
+              !u.length && d === 0 ? r.name : "",
+              "INGREDIENT",
+              (_ = s[e.id]) == null ? void 0 : _.code,
+              (h = s[e.id]) == null ? void 0 : h.name,
+              P(e.amount),
+              e.measurement ? e.measurement.abbrev : (t = (R = s[e.id]) == null ? void 0 : R.unit) == null ? void 0 : t.abbrev,
+              !u.length && d === 0 ? n : ""
+            ];
+          }
+        ),
+        ...x.map(
+          (e, d) => {
+            var _, h;
+            return [
+              u.length === 0 && i.length === 0 && d === 0 ? r.name : "",
+              "SKU_GROUP",
+              ((_ = l[e.id]) == null ? void 0 : _.ref) || "",
+              (h = l[e.id]) == null ? void 0 : h.name,
+              P(e.amount),
+              "UNIT",
+              u.length === 0 && i.length === 0 && d === 0 ? n : ""
+            ];
+          }
+        )
+      ];
+    }
+    return [
+      ...p === 0 ? [] : [["", "", "", "", "", "", ""]],
+      [r.name, "No bindings", "", "", "", "", n]
+    ];
+  }), w = xe(c, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
+  Se(w, `RECIPE_${Ve(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
+}
+const Ze = { class: "flex flex-col py-8" }, et = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, tt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, dt = /* @__PURE__ */ Y({
+  __name: "RecipeView",
+  setup(b) {
+    const f = A(), v = F(() => f.recipes), s = Ce(), { createRecipe: l, updateRecipe: c } = J(), { recipeDialogProps: m, recipeViewLoading: w } = Pe(J()), { columnDefs: r, formatRowData: p } = ze(), n = F(() => p(v.value));
+    le(), X(), E(!1);
+    function o(R) {
+      if (R === "add")
+        return l();
+      if (R === "export")
+        return Qe();
+    }
+    const u = E(""), i = F(() => w.value), { breakpoints: x } = $e(), e = F(() => x.value.xs || x.value.sm), d = F(() => e.value ? 10 : 20), _ = Ee(), { t: h } = O();
+    return (R, t) => {
+      const a = I("FmTable");
+      return k(), G(ke, {
+        title: g(h)("inventory.recipe.title"),
+        actions: [
+          {
+            label: g(h)("inventory.recipe.create.title"),
+            value: "add",
+            isPrimary: !0,
+            prependIcon: "add"
+          },
+          { label: g(h)("common.export"), value: "export", isPrimary: !1 }
+        ],
+        "onClick:action": o
+      }, {
+        default: U(() => [
+          S("div", {
+            class: me([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": e.value,
+                "px-24 ": !e.value
+              }
+            ])
+          }, [
+            y(Ie, {
+              searchable: "",
+              search: u.value,
+              "onUpdate:search": t[0] || (t[0] = ($) => u.value = $)
+            }, null, 8, ["search"]),
+            (k(), G(a, {
+              style: pe(g(_).tableHeight),
+              "column-defs": g(r),
+              "row-data": n.value,
+              "search-value": u.value,
+              loading: !g(s)._currentLocation || i.value,
+              onRowClick: t[1] || (t[1] = ($) => g(c)($.original.original)),
+              key: v.value.length,
+              "page-size": d.value
+            }, {
+              "list-row": U(($) => [
+                y(Fe, {
+                  row: $,
+                  onRowClick: (D) => g(c)(D.original)
+                }, {
+                  default: U((D) => {
+                    var N, M, L, T, V, z, Q, Z, K, ee;
+                    return [
+                      S("div", Ze, [
+                        S("div", et, [
+                          y(g(ae), {
+                            render: (L = (M = (N = D.recipe) == null ? void 0 : N.column) == null ? void 0 : M.columnDef) == null ? void 0 : L.cell,
+                            props: (V = (T = D.recipe) == null ? void 0 : T.getContext) == null ? void 0 : V.call(T)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        S("div", tt, [
+                          y(g(ae), {
+                            render: (Z = (Q = (z = D.ingredients) == null ? void 0 : z.column) == null ? void 0 : Q.columnDef) == null ? void 0 : Z.cell,
+                            props: (ee = (K = D.ingredients) == null ? void 0 : K.getContext) == null ? void 0 : ee.call(K)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+          ], 2),
+          (k(), G(fe, { to: "body" }, [
+            y(We, ve(ye(g(m))), null, 16)
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  dt as default
+};