@feedmepos/mf-inventory-portal 0.0.5

package/dist/RecipeView-DFG9Wkx-.js

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

package/dist/SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js

@@ -0,0 +1,53 @@
+import { defineComponent as b, computed as _, resolveComponent as k, openBlock as s, createElementBlock as r, Fragment as x, createElementVNode as t, toDisplayString as h, unref as i, createVNode as p, createCommentVNode as d, renderSlot as y, createBlock as g, Teleport as B } from "vue";
+import { useBreakpoints as C } from "@feedmepos/ui-library";
+const w = { class: "flex flex-col w-full bg-white h-full" }, F = { class: "flex items-center px-24 py-16 xs:p-12 sm:p-12 gap-4 h-[68px]" }, N = { class: "flex-1 fm-typo-en-title-md-800 flex items-center h-[36px] bg-white" }, S = { key: 0 }, V = { class: "bg-white flex-1" }, $ = { class: "fixed bottom-96 right-16" }, P = /* @__PURE__ */ b({
+  __name: "SingleColumnLayout",
+  props: {
+    actions: { default: () => [] },
+    title: { default: "Title" },
+    description: {},
+    showBackButton: { type: Boolean },
+    defaultPadding: { type: Boolean },
+    breadcrumbs: { default: () => [] }
+  },
+  emits: ["click:action"],
+  setup(u, { emit: m }) {
+    const f = u, a = m, e = _(() => f.actions.find((l) => l.isPrimary)), { breakpoints: o } = C();
+    return (l, n) => {
+      const c = k("FmButton");
+      return s(), r(x, null, [
+        t("div", w, [
+          t("div", F, [
+            t("div", N, h(l.title), 1),
+            e.value && (i(o).lg || i(o).md) ? (s(), r("div", S, [
+              p(c, {
+                label: e.value.label,
+                "prepend-icon": e.value.prependIcon,
+                onClick: n[0] || (n[0] = (v) => a("click:action", e.value.value))
+              }, null, 8, ["label", "prepend-icon"])
+            ])) : d("", !0)
+          ]),
+          t("div", V, [
+            y(l.$slots, "default")
+          ])
+        ]),
+        e.value && (i(o).sm || i(o).xs) ? (s(), g(B, {
+          key: 0,
+          to: "body"
+        }, [
+          t("div", $, [
+            p(c, {
+              label: e.value.label,
+              "prepend-icon": e.value.prependIcon,
+              onClick: n[1] || (n[1] = (v) => a("click:action", e.value.value)),
+              variant: "fab"
+            }, null, 8, ["label", "prepend-icon"])
+          ])
+        ])) : d("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  P as _
+};

package/dist/Standalone.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;