@feedmepos/mf-inventory-portal 0.0.22-dev.2 → 0.0.22-dev.21

package/dist/RecipeView-DuE4cXLz.js

@@ -0,0 +1,590 @@
+import { defineComponent as Y, ref as x, onMounted as ie, resolveComponent as F, openBlock as E, createElementBlock as A, Fragment as re, createElementVNode as w, toDisplayString as ce, createVNode as g, createCommentVNode as K, computed as k, 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 { u as I, c as G, S as ye, a as z, k as ee, R as ge, U as be, _ as _e, A as we, e as te, f as Re, j as he } from "./app-9algzyce.js";
+import { useDialog as Ce, useSnackbar as se, useProxiedModel as ne, useBreakpoints as Ee } from "@feedmepos/ui-library";
+import { i as xe, _ as Se } from "./is-linked-ingredient-error-fJ2TJb3z.js";
+import { F as C, D as oe, R as L } from "./row-action.enum-PMKMRrZR.js";
+import { _ as le, t as Fe, d as ke } from "./xlsx.util-LOnzE3KS.js";
+import { defineStore as Ve, storeToRefs as De } from "pinia";
+import { c as Ie, _ as $e, F as ae } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { useI18n as j } from "@feedmepos/mf-common";
+import { u as Ae, _ as Pe, a as Be } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-3gp56NNJ.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 = x(p.bindedItems || []), i = x(!1);
+    ie(() => {
+      l();
+    });
+    async function l() {
+      var c, r;
+      !i.value && ((c = p.data) != null && c._id) && (i.value = !0, v.value = await I().getAffectedMenu((r = p.data) == null ? void 0 : r._id), i.value = !1);
+    }
+    return (c, r) => {
+      const f = F("FmSpacer"), d = F("FmCircularProgress");
+      return E(), A(re, null, [
+        w("p", null, ce(c.message), 1),
+        i.value ? (E(), A("div", Te, [
+          g(f),
+          w("div", null, [
+            g(d, { size: "xl" })
+          ]),
+          r[0] || (r[0] = w("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
+          g(f)
+        ])) : (E(), A("div", Me, [
+          r[2] || (r[2] = w("br", null, null, -1)),
+          v.value.length > 0 ? (E(), A("div", Ue, [
+            r[1] || (r[1] = w("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
+            g(le, {
+              name: "Menu",
+              bindings: v.value
+            }, null, 8, ["bindings"])
+          ])) : K("", !0)
+        ]))
+      ], 64);
+    };
+  }
+}), q = Ve("recipeForm", function() {
+  const p = Ce(), v = se(), i = I(), l = x(!1), c = x();
+  function r() {
+    const t = {
+      recipe: {},
+      mode: C.CREATE,
+      show: !0,
+      "onUpdate:show"(a) {
+        c.value.show = a;
+      }
+    };
+    c.value = t;
+  }
+  async function f(t) {
+    const a = {
+      recipe: G(t),
+      mode: C.UPDATE,
+      show: !0,
+      "onUpdate:show"(e) {
+        c.value.show = e;
+      }
+    };
+    c.value = a;
+  }
+  async function d(t) {
+    l.value = !0;
+    try {
+      await i.deleteRecipe(t), v.open({
+        title: "Success",
+        message: `Deleted ${t.name}`,
+        type: "success"
+      });
+    } catch (a) {
+      a instanceof ye && xe(a) ? p.open({
+        title: "Cannot delete recipe",
+        contentComponent: Se,
+        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: r,
+    updateRecipe: f,
+    deleteRecipe: u,
+    recipeDialogProps: c,
+    recipeViewLoading: l
+  };
+});
+function Le() {
+  const { updateRecipe: R, deleteRecipe: p } = q(), v = I(), { t: i } = j();
+  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 r = [
+    {
+      accessorKey: "recipe",
+      header: () => i("inventory.recipe.name"),
+      size: 400
+    },
+    {
+      accessorKey: "ingredients",
+      header: () => i("inventory.recipe.ingredients"),
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(d) {
+        return Ie(
+          [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: r, 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"
+}, je = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, He = { key: 1 }, Ke = /* @__PURE__ */ Y({
+  __name: "RecipeForm",
+  props: {
+    mode: {},
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:submit"],
+  setup(R, { expose: p, emit: v }) {
+    var h;
+    const i = R, l = v, { t: c } = j(), r = k({
+      get() {
+        var n;
+        return ((n = i.modelValue) == null ? void 0 : n.name) ?? "";
+      },
+      set(n) {
+        const o = i.modelValue ?? {};
+        o.name = n, l("update:modelValue", o);
+      }
+    }), f = k({
+      get() {
+        var n;
+        return ((n = i.modelValue) == null ? void 0 : n.contains) ?? [];
+      },
+      set(n) {
+        const o = i.modelValue ?? {};
+        o.contains = n, l("update:modelValue", o);
+      }
+    });
+    function d() {
+      l("click:submit");
+    }
+    const u = x();
+    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 = x([]), e = x(!1), b = x(!1);
+    ue(e, async (n) => {
+      _(n);
+    });
+    async function _(n) {
+      var o, V;
+      n && !b.value && ((o = i.modelValue) != null && o._id) && (b.value = !0, a.value = await t.getAffectedMenu((V = i.modelValue) == null ? void 0 : V._id), b.value = !1);
+    }
+    const s = k(
+      () => t.recipes.map((n) => ({ label: n.name, value: n.name }))
+    ), m = x((h = i.modelValue) == null ? void 0 : h.name);
+    return (n, o) => {
+      const V = F("FmTextField"), H = F("FmCard"), $ = F("FmSwitch"), D = F("FmSpacer"), M = F("FmCircularProgress"), U = F("FmForm");
+      return E(), T(U, {
+        ref_key: "formRef",
+        ref: u,
+        onValidationSuccess: d
+      }, {
+        default: P(() => [
+          w("div", ze, [
+            g(V, {
+              disabled: n.disabled,
+              label: y(c)("inventory.recipe.name"),
+              "model-value": r.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (S) => r.value = S),
+              rules: [
+                y(ge)(),
+                y(be)(s.value, m.value, (S) => `[${S.value}] already exists`)
+              ],
+              "label-mark": "required"
+            }, null, 8, ["disabled", "label", "model-value", "rules"]),
+            g(H, {
+              variant: "outlined",
+              class: "p-16"
+            }, {
+              default: P(() => {
+                var S;
+                return [
+                  g(_e, {
+                    id: (S = n.modelValue) == null ? void 0 : S._id,
+                    disabled: n.disabled,
+                    "model-value": f.value,
+                    "onUpdate:modelValue": o[1] || (o[1] = (B) => f.value = B),
+                    rules: [y(we)(1)]
+                  }, null, 8, ["id", "disabled", "model-value", "rules"])
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          n.mode !== y(C).CREATE ? (E(), A("div", Ye, [
+            w("div", null, [
+              g($, {
+                label: "Show binded items",
+                modelValue: e.value,
+                "onUpdate:modelValue": o[2] || (o[2] = (S) => e.value = S),
+                "label-placement": "right",
+                disabled: b.value
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            b.value ? (E(), A("div", je, [
+              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)
+            ])) : (E(), A("div", He, [
+              e.value && a.value.length ? (E(), T(le, {
+                key: 0,
+                name: "Menu",
+                bindings: a.value
+              }, null, 8, ["bindings"])) : K("", !0)
+            ]))
+          ])) : K("", !0)
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), qe = { class: "flex gap-4" }, Ge = /* @__PURE__ */ Y({
+  __name: "RecipeDialog",
+  props: {
+    show: { type: Boolean },
+    recipe: {},
+    mode: { default: C.READ }
+  },
+  emits: ["update:show"],
+  setup(R) {
+    const p = R, v = I(), i = se(), { t: l } = j(), c = ne(p, "show"), r = ne(p, "recipe"), f = k(() => {
+      switch (p.mode) {
+        case C.READ:
+          return "";
+        case C.UPDATE:
+          return l("inventory.recipe.update.title");
+        case C.CREATE:
+          return l("inventory.recipe.create.title");
+      }
+      return "";
+    }), d = k(() => {
+      switch (p.mode) {
+        case C.READ:
+          return "";
+        case C.UPDATE:
+          return l("common.save");
+        case C.CREATE:
+          return l("common.add");
+      }
+      return "";
+    }), u = x(), t = x(!1);
+    async function a() {
+      t.value = !0;
+      try {
+        const s = G(r.value);
+        s.precision ?? (s.precision = 0), s.measurements ?? (s.measurements = []), await v.createRecipe(s), c.value = !1, i.open({
+          title: l("common.success"),
+          message: l("inventory.recipe.create.success", { name: r.value.name }),
+          type: "success"
+        });
+      } catch (s) {
+        s instanceof te || i.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(r.value), c.value = !1, i.open({
+          title: l("common.success"),
+          message: l("inventory.recipe.update.success", { name: r.value.name }),
+          type: "success"
+        });
+      } catch (s) {
+        s instanceof te || i.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 C.READ:
+          return;
+        case C.UPDATE:
+          return e();
+        case C.CREATE:
+          return a();
+      }
+    }
+    return (s, m) => {
+      const h = F("FmButton"), n = F("FmSideSheet");
+      return E(), 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(Ke, {
+            class: "w-full",
+            ref_key: "hasValidationExpose",
+            ref: u,
+            modelValue: y(r),
+            "onUpdate:modelValue": m[0] || (m[0] = (o) => Z(r) ? r.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, i = 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",
+              (_ = i[e.id]) == null ? void 0 : _.code,
+              (s = i[e.id]) == null ? void 0 : s.name,
+              z(e.amount),
+              e.measurement ? e.measurement.abbrev : (h = (m = i[e.id]) == null ? void 0 : m.unit) == null ? void 0 : h.abbrev
+            ];
+          }
+        )
+      ];
+    }
+    return [
+      ...d === 0 ? [] : [["", "", "", "", "", ""]],
+      [f.name, "No bindings", "", "", "", ""]
+    ];
+  }), r = Fe(l, ["Name", "Type", "Code", "Item", "Amount", "Unit"]);
+  ke(r, `RECIPE_${Re(/* @__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" }, rt = /* @__PURE__ */ Y({
+  __name: "RecipeView",
+  setup(R) {
+    const p = I(), v = k(() => p.recipes), i = he(), { createRecipe: l, updateRecipe: c } = q(), { recipeDialogProps: r, recipeViewLoading: f } = De(q()), { columnDefs: d, formatRowData: u } = Le(), t = k(() => u(v.value));
+    function a(o) {
+      o === "add" && l();
+    }
+    const e = x(""), b = k(() => f.value), { breakpoints: _ } = Ee(), s = k(() => _.value.xs || _.value.sm), m = k(() => s.value ? 10 : 20), h = Ae(), { t: n } = j();
+    return (o, V) => {
+      const H = F("FmTable");
+      return E(), T(Pe, {
+        title: y(n)("inventory.recipe.title"),
+        actions: [
+          {
+            label: y(n)("inventory.recipe.create.title"),
+            value: "add",
+            isPrimary: !0,
+            prependIcon: "add"
+          }
+        ],
+        "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(Be, {
+              searchable: "",
+              search: e.value,
+              "onUpdate:search": V[0] || (V[0] = ($) => e.value = $),
+              actions: [{ icon: "ios_share", onClick: y(Oe) }]
+            }, null, 8, ["search", "actions"]),
+            (E(), T(H, {
+              style: me(y(h).tableHeight),
+              "column-defs": y(d),
+              "row-data": t.value,
+              "search-value": e.value,
+              loading: !y(i)._currentLocation || b.value,
+              onRowClick: V[1] || (V[1] = ($) => y(c)($.original.original)),
+              key: v.value.length,
+              "page-size": m.value
+            }, {
+              "list-row": P(($) => [
+                g($e, {
+                  row: $,
+                  onRowClick: (D) => y(c)(D.original)
+                }, {
+                  default: P((D) => {
+                    var M, U, S, B, O, J, Q, W, N, X;
+                    return [
+                      w("div", Je, [
+                        w("div", Qe, [
+                          g(y(ae), {
+                            render: (S = (U = (M = D.recipe) == null ? void 0 : M.column) == null ? void 0 : U.columnDef) == null ? void 0 : S.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),
+          (E(), T(pe, { to: "body" }, [
+            g(Ge, fe(ve(y(r))), null, 16)
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  rt 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;