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

package/dist/RecipeView-W15pCZKU.js

@@ -0,0 +1,573 @@
+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-B1MZZxUg.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-C5Wx4IUs.js";
+import { defineStore as Fe, storeToRefs as ke } from "pinia";
+import { c as Ve, _ as Se, F as oe, u as De } from "./layout-BJjS48J5.js";
+import { useI18n as j } from "@feedmepos/mf-common";
+import { _ as $e, a as Ae } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-D0sbKAX9.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({
+  __name: "DeleteDialog",
+  props: {
+    type: {},
+    data: {},
+    message: {},
+    bindedItems: {}
+  },
+  setup(b) {
+    const d = b, p = E(d.bindedItems || []), s = E(!1);
+    se(() => {
+      n();
+    });
+    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);
+    }
+    return (r, l) => {
+      const c = k("FmSpacer"), f = k("FmCircularProgress");
+      return x(), $(le, null, [
+        g("p", null, re(r.message), 1),
+        s.value ? (x(), $("div", Ie, [
+          y(c),
+          g("div", null, [
+            y(f, { size: "xl" })
+          ]),
+          Pe,
+          y(c)
+        ])) : (x(), $("div", Te, [
+          Me,
+          p.value.length > 0 ? (x(), $("div", Ue, [
+            Be,
+            y(ae, {
+              name: "Menu",
+              bindings: p.value
+            }, null, 8, ["bindings"])
+          ])) : H("", !0)
+        ]))
+      ], 64);
+    };
+  }
+}), K = Fe("recipeForm", function() {
+  const d = he(), p = ne(), s = I(), n = E(!1), r = E();
+  function l() {
+    const t = {
+      recipe: {},
+      mode: R.CREATE,
+      show: !0,
+      "onUpdate:show"(u) {
+        r.value.show = u;
+      }
+    };
+    r.value = t;
+  }
+  async function c(t) {
+    const u = {
+      recipe: G(t),
+      mode: R.UPDATE,
+      show: !0,
+      "onUpdate:show"(a) {
+        r.value.show = a;
+      }
+    };
+    r.value = u;
+  }
+  async function f(t) {
+    n.value = !0;
+    try {
+      await s.deleteRecipe(t), p.open({
+        title: "Success",
+        message: `Deleted ${t.name}`,
+        type: "success"
+      });
+    } catch (u) {
+      u instanceof pe && Re(u) ? d.open({
+        title: "Cannot delete recipe",
+        contentComponent: xe,
+        contentComponentProps: {
+          subject: (t == null ? void 0 : t.name) ?? "",
+          items: u.errorResponse.message
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0
+        }
+      }) : console.log("unable to delete recipe", u), p.open({
+        title: `Cannot delete ${t == null ? void 0 : t.name}`,
+        message: "Please try again.",
+        type: "error"
+      }), console.error("failed to delete recipe", u);
+    } finally {
+      n.value = !1;
+    }
+  }
+  function m(t) {
+    d.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: Le,
+      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(() => f(t));
+  }
+  return {
+    createRecipe: l,
+    updateRecipe: c,
+    deleteRecipe: m,
+    recipeDialogProps: r,
+    recipeViewLoading: n
+  };
+});
+function ze() {
+  const { updateRecipe: b, deleteRecipe: d } = K(), { t: p } = j();
+  async function s(l, c) {
+    const f = G(c);
+    if (l === N.Edit) {
+      await b(f);
+      return;
+    }
+    if (l === N.Delete) {
+      await d(f);
+      return;
+    }
+  }
+  const n = [
+    {
+      accessorKey: "recipe",
+      header: () => p("inventory.recipe.name"),
+      size: 400
+    },
+    {
+      accessorKey: "ingredients",
+      header: () => p("inventory.recipe.ingredients"),
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(l) {
+        return Ve(
+          [te[N.Edit], te[N.Delete]],
+          (c) => {
+            s(c, l.row.original.original);
+          }
+        );
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  function r(l) {
+    const c = I();
+    return l.map((f) => ({
+      recipe: f.name,
+      ingredients: f.contains.map((m) => {
+        var u, a;
+        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;
+      }).filter((m) => m).join(", "),
+      original: f
+    }));
+  }
+  return { columnDefs: n, formatRowData: r };
+}
+const Ne = { class: "flex flex-col gap-40" }, Ye = {
+  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 = {
+  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({
+  __name: "RecipeForm",
+  props: {
+    mode: {},
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:submit"],
+  setup(b, { expose: d, emit: p }) {
+    var F;
+    const s = b, n = p, { t: r } = j(), l = V({
+      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 = V({
+      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 f() {
+      n("click:submit");
+    }
+    const m = E();
+    d({
+      validateInputs: () => {
+        var e, o;
+        (o = (e = m.value) == null ? void 0 : e.validateInputs) == null || o.call(e);
+      },
+      resetInputsValidation: () => {
+        var e, o;
+        (o = (e = m.value) == null ? void 0 : e.resetInputsValidation) == null || o.call(e);
+      },
+      resetInputs: () => {
+        var e, o;
+        (o = (e = m.value) == null ? void 0 : e.resetInputs) == null || o.call(e);
+      }
+    });
+    const t = I(), u = E([]), a = E(!1), h = E(!1);
+    ie(a, 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);
+    }
+    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) => {
+      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, [
+            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),
+              rules: [
+                v(fe)(),
+                v(ve)(i.value, _.value, (w) => `[${w.value}] already exists`)
+              ],
+              "label-mark": "required"
+            }, null, 8, ["disabled", "label", "model-value", "rules"]),
+            y(D, {
+              variant: "outlined",
+              class: "p-16"
+            }, {
+              default: A(() => {
+                var w;
+                return [
+                  y(ye, {
+                    id: (w = e.modelValue) == null ? void 0 : w._id,
+                    disabled: e.disabled,
+                    "model-value": c.value,
+                    "onUpdate:modelValue": o[1] || (o[1] = (L) => c.value = L),
+                    rules: [v(_e)(1)]
+                  }, null, 8, ["id", "disabled", "model-value", "rules"])
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          e.mode !== v(R).CREATE ? (x(), $("div", Ye, [
+            g("div", null, [
+              y(S, {
+                label: "Show binded items",
+                modelValue: a.value,
+                "onUpdate:modelValue": o[2] || (o[2] = (w) => a.value = w),
+                "label-placement": "right",
+                disabled: h.value
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            h.value ? (x(), $("div", je, [
+              y(M),
+              g("div", null, [
+                y(U, { size: "xl" })
+              ]),
+              He,
+              y(M)
+            ])) : (x(), $("div", qe, [
+              a.value && u.value.length ? (x(), T(ae, {
+                key: 0,
+                name: "Menu",
+                bindings: u.value
+              }, null, 8, ["bindings"])) : H("", !0)
+            ]))
+          ])) : H("", !0)
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), Ge = { class: "flex gap-4" }, Je = /* @__PURE__ */ Y({
+  __name: "RecipeDialog",
+  props: {
+    show: { type: Boolean },
+    recipe: {},
+    mode: { default: R.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(() => {
+      switch (d.mode) {
+        case R.READ:
+          return "";
+        case R.UPDATE:
+          return n("inventory.recipe.update.title");
+        case R.CREATE:
+          return n("inventory.recipe.create.title");
+      }
+      return "";
+    }), f = V(() => {
+      switch (d.mode) {
+        case R.READ:
+          return "";
+        case R.UPDATE:
+          return n("common.save");
+        case R.CREATE:
+          return n("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 }),
+          type: "success"
+        });
+      } catch (i) {
+        i instanceof Z || s.open({
+          title: n("inventory.recipe.create.error.title"),
+          message: n("inventory.recipe.create.error.message"),
+          type: "error"
+        });
+      } finally {
+        t.value = !1;
+      }
+    }
+    async function a() {
+      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 }),
+          type: "success"
+        });
+      } catch (i) {
+        i instanceof Z || s.open({
+          title: n("inventory.recipe.update.error.title"),
+          message: n("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 C() {
+      switch (d.mode) {
+        case R.READ:
+          return;
+        case R.UPDATE:
+          return a();
+        case R.CREATE:
+          return u();
+      }
+    }
+    return (i, _) => {
+      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),
+        header: c.value,
+        "close-button": "",
+        "dismiss-away": "",
+        "max-width": 500
+      }, {
+        "side-sheet-footer": A(() => [
+          g("div", Ge, [
+            y(F, {
+              loading: t.value,
+              label: f.value,
+              onClick: h
+            }, null, 8, ["loading", "label"]),
+            y(F, {
+              disabled: t.value,
+              label: v(n)("common.close"),
+              variant: "tertiary",
+              onClick: _[2] || (_[2] = (o) => r.value = !1)
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        default: A(() => [
+          y(Ke, {
+            class: "w-full",
+            ref_key: "hasValidationExpose",
+            ref: m,
+            modelValue: v(l),
+            "onUpdate:modelValue": _[0] || (_[0] = (o) => X(l) ? l.value = o : null),
+            mode: i.mode,
+            disabled: t.value,
+            "onClick:submit": _[1] || (_[1] = (o) => C())
+          }, null, 8, ["modelValue", "mode", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+});
+function Oe() {
+  const b = I(), d = b.recipes, p = b.recipeById, s = b.skuById, n = 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");
+      return [
+        ...f === 0 ? [] : [["", "", "", "", "", ""]],
+        ...t.map(
+          (a, h) => {
+            var C;
+            return [
+              h === 0 ? c.name : "",
+              "RECIPE",
+              "",
+              (C = p[a.id]) == null ? void 0 : C.name,
+              q(a.amount),
+              "UNIT"
+            ];
+          }
+        ),
+        ...u.map(
+          (a, h) => {
+            var C, i, _, F;
+            return [
+              !t.length && h === 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
+            ];
+          }
+        )
+      ];
+    }
+    return [
+      ...f === 0 ? [] : [["", "", "", "", "", ""]],
+      [c.name, "No bindings", "", "", "", ""]
+    ];
+  }), l = Ce(n, ["Name", "Type", "Code", "Item", "Amount", "Unit"]);
+  Ee(l, `RECIPE_${ge(/* @__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({
+  __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));
+    function u(e) {
+      e === "add" && n();
+    }
+    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 P = k("FmTable");
+      return x(), T($e, {
+        title: v(F)("inventory.recipe.title"),
+        actions: [
+          {
+            label: v(F)("inventory.recipe.create.title"),
+            value: "add",
+            isPrimary: !0,
+            prependIcon: "add"
+          }
+        ],
+        "onClick:action": u
+      }, {
+        default: A(() => [
+          g("div", Qe, [
+            y(Ae, {
+              searchable: "",
+              search: a.value,
+              "onUpdate:search": o[0] || (o[0] = (D) => a.value = D),
+              actions: [{ icon: "ios_share", onClick: v(Oe) }]
+            }, null, 8, ["search", "actions"]),
+            (x(), T(P, {
+              style: ce(v(_).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)),
+              key: p.value.length,
+              "page-size": i.value
+            }, {
+              "list-row": A((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;
+                    return [
+                      g("div", We, [
+                        g("div", Xe, [
+                          y(v(oe), {
+                            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)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        g("div", Ze, [
+                          y(v(oe), {
+                            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"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+          ]),
+          (x(), T(ue, { to: "body" }, [
+            y(Je, de(me(v(l))), null, 16)
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  ut 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
+};