@feedmepos/mf-inventory-portal 0.0.22-dev.9 → 0.0.23-dev.1

package/dist/RecipeView-C4-a4IEW.js

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

package/dist/Standalone.vue.d.ts

@@ -1,2 +1,4 @@
+import '@/extensions/array';
+import '@/extensions/promises';
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;