@feedmepos/mf-inventory-portal 0.0.19-dev.1 → 0.0.19-dev.2

package/dist/RecipeView-BD0mvxCg.js

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

package/dist/StockForecast.vue_vue_type_style_index_0_lang-KLXSWvo5.js

@@ -0,0 +1,59 @@
+import { defineComponent as m, computed as p, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeClass as c, toDisplayString as d, unref as f } from "vue";
+import { useI18n as y } from "@feedmepos/mf-common";
+function $(e, o = !1) {
+  var t;
+  return e ? [
+    {
+      label: o ? e.abbrev : `1 ${e.name} (${e.abbrev})`,
+      abbrev: e.abbrev,
+      value: null
+    },
+    ...((t = e.measurements) == null ? void 0 : t.map((n) => ({
+      label: o ? n.abbrev : `1 ${n.name} (${n.abbrev})`,
+      abbrev: n.abbrev,
+      value: n.id
+    }))) ?? []
+  ] : [];
+}
+var a = /* @__PURE__ */ ((e) => (e.noInfo = "no-info", e.low = "low", e.mid = "mid", e.high = "high", e))(a || {});
+const u = {
+  key: 0,
+  class: "flex"
+}, b = {
+  key: 1,
+  class: "flex"
+}, v = { class: "flex px-8 py-4 bg-fm-color-neutral-gray-100 fm-corner-radius-md gap-8" }, _ = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, k = /* @__PURE__ */ m({
+  __name: "StockForecast",
+  props: {
+    days: {},
+    level: {}
+  },
+  setup(e) {
+    const o = e, { t: s } = y(), t = p(() => o.level ? o.level : typeof o.days != "number" ? a.noInfo : o.days > 14 ? a.high : o.days >= 7 && o.days <= 14 ? a.mid : a.low);
+    return (n, g) => typeof o.days == "number" ? (i(), l("div", u, [
+      r("div", {
+        class: c([
+          `fm-forecast-notification-${t.value}`,
+          "flex items-center gap-8 p-4 fm-corner-radius-md fm-typo-en-body-md-600"
+        ])
+      }, [
+        r("div", {
+          class: c([
+            "fm-forecast-notification-indicator",
+            `fm-forecast-notification-indicator-${t.value}`
+          ])
+        }, null, 2),
+        r("div", null, d(f(s)("inventory.stock.prediction.days", [o.days])), 1)
+      ], 2)
+    ])) : (i(), l("div", b, [
+      r("div", v, [
+        r("p", _, d(f(s)("inventory.stock.prediction.noData")), 1)
+      ])
+    ]));
+  }
+});
+export {
+  a as S,
+  k as _,
+  $ as g
+};