@feedmepos/mf-inventory-portal 1.0.9-dev.2 → 1.0.9-dev.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-inventory-portal",
-  "version": "1.0.9-dev.2",
+  "version": "1.0.9-dev.4",
   "type": "module",
   "files": [
     "dist"
@@ -15,10 +15,11 @@
   },
   "dependencies": {
     "@feedmepos/core": "2.14.11",
+    "@feedmepos/custom-attributes": "0.0.0-rc.7",
     "@feedmepos/feature-flag": "^0.0.15",
     "@feedmepos/menu": "1.0.34",
-    "@feedmepos/mf-common": "1.26.7",
-    "@feedmepos/ui-library": "1.6.7",
+    "@feedmepos/mf-common": "1.26.8-beta.2",
+    "@feedmepos/ui-library": "1.6.9",
     "@tanstack/vue-table": "^8.17.3",
     "@types/dinero.js": "^1.9.4",
     "@typescript-eslint/typescript-estree": "^8.21.0",

package/dist/IngredientGroupView-DE15kdqH.js

@@ -1,604 +0,0 @@
-import { ref as F, computed as C, defineComponent as Y, resolveComponent as S, openBlock as M, createBlock as O, withCtx as R, createElementVNode as x, createVNode as g, unref as l, createElementBlock as ee, toDisplayString as j, createTextVNode as te, watch as ue, isRef as ce, normalizeClass as de, normalizeStyle as me, createSlots as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ge } from "vue";
-import { a as J, d as h, e as B, f as ye, D as oe, h as Q, G as be, l as _e, A as xe, H as ne, p as se, u as ke, z as he, _ as we, B as Se, C as Ie, E as ae } from "./app-BkIAyhP-.js";
-import { useDialog as le, useSnackbar as Z, useProxiedModel as Ce, useBreakpoints as Fe } from "@feedmepos/ui-library";
-import { useI18n as W } from "@feedmepos/mf-common";
-import { defineStore as ie, storeToRefs as re } from "pinia";
-import "./array-hChJVZLE.js";
-const X = ie(
-  "ingredientGroupactions",
-  function() {
-    const c = le(), w = Z(), o = J(), { t: r } = W(), i = F();
-    function p() {
-      const d = {
-        modelValue: {},
-        mode: h.CREATE,
-        show: !0,
-        "onUpdate:show"(a) {
-          i.value.show = a;
-        }
-      };
-      i.value = d;
-    }
-    async function v(d) {
-      const a = {
-        modelValue: B(d),
-        mode: h.UPDATE,
-        show: !0,
-        "onUpdate:show"(s) {
-          i.value.show = s;
-        }
-      };
-      i.value = a;
-    }
-    async function f(d, a, s) {
-      a.value = !0;
-      try {
-        await o.deleteSkuGroup(d), w.open({
-          title: "Success",
-          message: `Deleted ${d.name}`,
-          type: "success"
-        });
-      } catch (n) {
-        w.open({
-          title: `Cannot delete ${d.name}`,
-          message: "Please try again.",
-          type: "error"
-        }), console.error("failed to delete ingredient", n);
-      } finally {
-        a.value = !1, s();
-      }
-    }
-    function y(d, a, s) {
-      c.open({
-        title: r("inventory.ingredient.delete.title", [(d == null ? void 0 : d.name) ?? ""]),
-        closeButton: !1,
-        message: r("inventory.ingredient.delete.message"),
-        primaryActions: {
-          text: r("common.delete"),
-          close: !0,
-          variant: "destructive"
-        },
-        secondaryActions: {
-          text: r("common.cancel"),
-          close: !0
-        }
-      }).onPrimary(() => f(d, a, s));
-    }
-    function G() {
-    }
-    function b() {
-    }
-    return {
-      createIngredientGroup: p,
-      updateIngredientGroup: v,
-      deleteIngredientGroup: y,
-      importIngredientGroups: G,
-      exportIngredientGroups: b,
-      ingredientGroupDialogProps: i
-    };
-  }
-), Ge = ie(
-  "ingredientGroupTable",
-  function() {
-    const c = F(!1), w = Z(), o = J(), r = X();
-    async function i() {
-      c.value = !0;
-      try {
-        await o.readInventory();
-      } catch (f) {
-        console.error("error on reading inventory", f), w.open({
-          title: "Error",
-          message: "Something went wrong, please try again.",
-          type: "error"
-        });
-      } finally {
-        c.value = !1;
-      }
-    }
-    function p(f, y) {
-      switch (y = B(y), f) {
-        case Q.Edit:
-          return r.updateIngredientGroup(y);
-        case Q.Delete:
-          return r.deleteIngredientGroup(
-            y,
-            c,
-            () => i()
-          );
-      }
-    }
-    const v = C(() => [
-      {
-        accessorKey: "name",
-        header: () => "Name"
-      },
-      {
-        accessorKey: "skus.length",
-        header: () => "No. of items"
-      },
-      {
-        accessorKey: "ref",
-        header: () => "Reference"
-      },
-      {
-        id: "action",
-        header: "",
-        cell(f) {
-          return ye(
-            [oe[Q.Edit], oe[Q.Delete]],
-            (y) => {
-              p(y, f.row.original);
-            }
-          );
-        },
-        enableSorting: !1,
-        size: 40,
-        meta: {
-          cellClass: "",
-          headerClass: ""
-        }
-      }
-    ]);
-    return {
-      fetchIngredientGroups: i,
-      loading: c,
-      columnDefs: v
-    };
-  }
-), Ae = { class: "flex flex-col gap-16" }, De = { class: "flex flex-col gap-8 cursor-pointer" }, Ve = {
-  key: 0,
-  class: "text-fm-color-typo-primary fm-typo-en-body-lg-400 line-clamp-1 break-all"
-}, Ee = { class: "text-fm-color-typo-secondary" }, Re = {
-  key: 1,
-  class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 line-clamp-1 break-all"
-}, Te = { class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400 flex flex-col gap-4" }, $e = { class: "flex flex-col gap-16" }, Pe = { class: "flex items-center" }, Me = /* @__PURE__ */ Y({
-  __name: "IngredientGroupForm",
-  props: {
-    mode: {},
-    disabled: { type: Boolean },
-    modelValue: {}
-  },
-  emits: ["validation-success"],
-  setup(U, { expose: c, emit: w }) {
-    const o = be("modelValue"), r = w, i = J(), p = le(), { t: v } = W(), f = F();
-    c({
-      validateInputs: () => {
-        var a;
-        return (a = f.value) == null ? void 0 : a.validateInputs();
-      },
-      resetInputsValidation: () => {
-        var a;
-        return (a = f.value) == null ? void 0 : a.resetInputsValidation();
-      },
-      resetInputs: () => {
-        var a;
-        return (a = f.value) == null ? void 0 : a.resetInputs();
-      }
-    });
-    const y = C(() => i.skus.groupBy((a) => a.unit._id));
-    function G() {
-      var s;
-      const a = i.skus.filter((n) => {
-        var t;
-        return (((t = y.value.get(n.unit._id)) == null ? void 0 : t.length) ?? 0) > 1;
-      }).map((n) => ({
-        label: n.name,
-        sublabel: n.code,
-        value: n
-      })).sort((n, t) => {
-        var e, u, _, m;
-        return (m = (e = n.value) == null ? void 0 : e.unit) == null ? void 0 : m.abbrev.localeCompare((_ = (u = t.value) == null ? void 0 : u.unit) == null ? void 0 : _.abbrev);
-      });
-      p.open({
-        title: v("inventory.closing.form.items.selectItem"),
-        closeButton: !0,
-        contentComponent: ne,
-        contentComponentProps: {
-          modelValue: [(s = o.skus) == null ? void 0 : s[0]],
-          items: a,
-          singleSelect: !0,
-          virtualScroll: !0
-        },
-        primaryActions: {
-          text: v("common.confirm"),
-          close: !0
-        },
-        secondaryActions: {
-          text: v("common.close"),
-          close: !0,
-          variant: "tertiary"
-        }
-      }).onPrimary((n) => {
-        var t;
-        o.skus = n.map((e) => B(e)), o.unit = ((t = n[0]) == null ? void 0 : t.unit) ?? o.unit;
-      });
-    }
-    function b() {
-      const a = i.skus.filter((n) => {
-        var t, e, u;
-        return n.unit._id === ((t = o == null ? void 0 : o.unit) == null ? void 0 : t._id) && n._id !== ((u = (e = o.skus) == null ? void 0 : e[0]) == null ? void 0 : u._id);
-      }).map((n) => ({
-        label: n.name,
-        sublabel: n.code,
-        value: n
-      })).sort((n, t) => {
-        var e, u, _, m;
-        return (m = (e = n.value) == null ? void 0 : e.unit) == null ? void 0 : m.abbrev.localeCompare((_ = (u = t.value) == null ? void 0 : u.unit) == null ? void 0 : _.abbrev);
-      }), s = a.filter((n) => {
-        var t;
-        return (t = o.skus) == null ? void 0 : t.find((e) => (e == null ? void 0 : e._id) === n.value._id);
-      }).map((n) => n.value);
-      p.open({
-        title: v("inventory.closing.form.items.selectItem"),
-        closeButton: !0,
-        contentComponent: ne,
-        contentComponentProps: {
-          modelValue: s,
-          items: a,
-          virtualScroll: !0
-        },
-        primaryActions: {
-          text: v("common.confirm"),
-          close: !0
-        },
-        secondaryActions: {
-          text: v("common.close"),
-          close: !0,
-          variant: "tertiary"
-        }
-      }).onPrimary((n) => {
-        var u, _;
-        const t = ((u = o.skus) == null ? void 0 : u.slice(1)) ?? [], e = n.map((m) => {
-          const A = t.find((D) => (D == null ? void 0 : D._id) === m._id);
-          return A || B(m, ["unit"]);
-        });
-        o.skus = [(_ = o.skus) == null ? void 0 : _[0], ...e];
-      });
-    }
-    const d = [
-      {
-        accessorKey: "code",
-        header: () => "Code",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "name",
-        header: () => "Name",
-        enableSorting: !1
-      }
-    ];
-    return (a, s) => {
-      const n = S("FmTextField"), t = S("FmLabel"), e = S("FmField"), u = S("FmFormGroup"), _ = S("FmButton"), m = S("FmTable"), A = S("FmForm");
-      return M(), O(A, {
-        onValidationSuccess: s[5] || (s[5] = (I) => r("validation-success")),
-        ref_key: "formRef",
-        ref: f,
-        class: "flex flex-col gap-32"
-      }, {
-        default: R(() => {
-          var I, D, V, T, z;
-          return [
-            x("div", Ae, [
-              g(n, {
-                label: "Name",
-                "label-mark": "required",
-                rules: [l(_e)()],
-                modelValue: l(o).name,
-                "onUpdate:modelValue": s[0] || (s[0] = (k) => l(o).name = k)
-              }, null, 8, ["rules", "modelValue"]),
-              g(n, {
-                label: "Reference",
-                "label-mark": "optional",
-                modelValue: l(o).ref,
-                "onUpdate:modelValue": s[1] || (s[1] = (k) => l(o).ref = k)
-              }, null, 8, ["modelValue"]),
-              x("div", De, [
-                g(t, {
-                  label: "Main ingredient",
-                  required: ""
-                }),
-                g(e, {
-                  onClick: s[2] || (s[2] = (k) => G())
-                }, {
-                  default: R(() => {
-                    var k, E, $, L, N, K, q, P, H;
-                    return [
-                      ($ = (E = (k = l(o)) == null ? void 0 : k.skus) == null ? void 0 : E[0]) != null && $.name ? (M(), ee("span", Ve, [
-                        x("span", Ee, "[" + j((K = (N = (L = l(o)) == null ? void 0 : L.skus) == null ? void 0 : N[0]) == null ? void 0 : K.code) + "]", 1),
-                        te(" " + j((H = (P = (q = l(o)) == null ? void 0 : q.skus) == null ? void 0 : P[0]) == null ? void 0 : H.name), 1)
-                      ])) : (M(), ee("span", Re, j("Click to select main item")))
-                    ];
-                  }),
-                  _: 1
-                }),
-                x("div", Te, [
-                  s[6] || (s[6] = te(j("Select a main item to filter out substitutable items with same unit.") + " ")),
-                  g(u, {
-                    "model-value": ((I = l(o)) == null ? void 0 : I.skus) ?? [],
-                    rules: [l(xe)(1, "Required")]
-                  }, null, 8, ["model-value", "rules"])
-                ])
-              ])
-            ]),
-            x("div", $e, [
-              x("div", Pe, [
-                s[7] || (s[7] = x("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Substitutables", -1)),
-                x("div", null, [
-                  g(_, {
-                    label: "Add items",
-                    disabled: (((V = (D = l(o)) == null ? void 0 : D.skus) == null ? void 0 : V.length) ?? 0) < 1,
-                    onClick: s[3] || (s[3] = (k) => b()),
-                    "prepend-icon": "add",
-                    variant: "secondary",
-                    "text-color": "primary",
-                    "bg-color": "transparent",
-                    "border-color": "primary"
-                  }, null, 8, ["disabled"])
-                ])
-              ]),
-              g(m, {
-                "shrink-at": 9999,
-                "column-defs": d,
-                "row-data": (T = l(o).skus) == null ? void 0 : T.slice(1),
-                onDndChanged: s[4] || (s[4] = (k) => {
-                  var E;
-                  return l(o).skus = [(E = l(o).skus) == null ? void 0 : E[0], ...k];
-                }),
-                draggable: "",
-                "hide-footer": "",
-                "page-size": ((z = l(o).skus) == null ? void 0 : z.length) ?? 0
-              }, null, 8, ["row-data", "page-size"])
-            ])
-          ];
-        }),
-        _: 1
-      }, 512);
-    };
-  }
-}), Be = { class: "flex gap-4" }, Ue = /* @__PURE__ */ Y({
-  __name: "IngredientGroupDialog",
-  props: {
-    show: { type: Boolean },
-    mode: { default: h.READ },
-    modelValue: {}
-  },
-  emits: ["update:show"],
-  setup(U) {
-    const c = U, w = J(), o = Z(), { t: r } = W(), i = Ce(c, "show"), p = F({}), v = F(`${Math.random()}`);
-    ue(
-      () => c.show,
-      (t) => {
-        t && (Object.keys(p.value).forEach((e) => {
-          delete p.value[e];
-        }), Object.keys(c.modelValue ?? {}).forEach((e) => {
-          var u;
-          p.value[e] = (u = c.modelValue) == null ? void 0 : u[e];
-        }), v.value = `${Math.random()}`);
-      }
-    );
-    const f = C(() => {
-      switch (c.mode) {
-        case h.READ:
-          return "";
-        case h.UPDATE:
-          return r("inventory.ingredient.update.title");
-        case h.CREATE:
-          return r("inventory.ingredient.create.title");
-      }
-      return "";
-    }), y = C(() => {
-      switch (c.mode) {
-        case h.READ:
-          return "";
-        case h.UPDATE:
-          return r("common.save");
-        case h.CREATE:
-          return r("common.add");
-      }
-      return "";
-    }), G = F(), b = F(!1);
-    async function d() {
-      b.value = !0;
-      const t = B(p.value);
-      try {
-        await w.createSkuGroup(t), i.value = !1, o.open({
-          title: r("inventory.common.success"),
-          message: r("inventory.ingredient.create.success", { name: t.name }),
-          type: "success"
-        });
-      } catch (e) {
-        e instanceof se || o.open({
-          title: r("inventory.ingredient.create.error.title"),
-          message: r("inventory.ingredient.create.error.message"),
-          type: "error"
-        });
-      } finally {
-        b.value = !1;
-      }
-    }
-    async function a() {
-      b.value = !0;
-      const t = B(p.value);
-      try {
-        await w.updateSkuGroup(t), b.value = !1, i.value = !1, o.open({
-          title: r("inventory.common.success"),
-          message: r("inventory.ingredient.update.success", { name: t.name }),
-          type: "success"
-        });
-      } catch (e) {
-        e instanceof se || o.open({
-          title: r("inventory.ingredient.update.error.title"),
-          message: r("inventory.ingredient.update.error.message"),
-          type: "error"
-        });
-      } finally {
-        b.value = !1;
-      }
-    }
-    function s() {
-      var t, e;
-      (e = (t = G.value) == null ? void 0 : t.validateInputs) == null || e.call(t);
-    }
-    function n() {
-      switch (c.mode) {
-        case h.READ:
-          return;
-        case h.UPDATE:
-          return a();
-        case h.CREATE:
-          return d();
-      }
-    }
-    return (t, e) => {
-      const u = S("FmButton"), _ = S("FmSideSheet");
-      return M(), O(_, {
-        "model-value": l(i),
-        "onUpdate:modelValue": e[3] || (e[3] = (m) => ce(i) ? i.value = m : null),
-        header: f.value,
-        "close-button": "",
-        "dismiss-away": "",
-        "max-width": 500
-      }, {
-        "side-sheet-footer": R(() => [
-          x("div", Be, [
-            g(u, {
-              loading: b.value,
-              label: y.value,
-              onClick: s
-            }, null, 8, ["loading", "label"]),
-            g(u, {
-              disabled: b.value,
-              label: l(r)("common.close"),
-              variant: "tertiary",
-              onClick: e[2] || (e[2] = (m) => i.value = !1)
-            }, null, 8, ["disabled", "label"])
-          ])
-        ]),
-        default: R(() => [
-          (M(), O(Me, {
-            class: "w-full",
-            ref_key: "hasValidationExpose",
-            ref: G,
-            key: v.value,
-            "model-value": p.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (m) => p.value = m),
-            mode: t.mode,
-            disabled: b.value,
-            onValidationSuccess: e[1] || (e[1] = (m) => n())
-          }, null, 8, ["model-value", "mode", "disabled"]))
-        ]),
-        _: 1
-      }, 8, ["model-value", "header"]);
-    };
-  }
-}), ze = { class: "flex flex-col py-8" }, Le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ne = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Qe = /* @__PURE__ */ Y({
-  __name: "IngredientGroupView",
-  setup(U) {
-    const c = J(), w = C(() => c.skuGroups), o = ke(), { t: r } = W(), {
-      createIngredientGroup: i,
-      updateIngredientGroup: p,
-      importIngredientGroups: v,
-      exportIngredientGroups: f
-    } = X(), { columnDefs: y, loading: G } = re(Ge()), { ingredientGroupDialogProps: b } = re(X());
-    function d(A) {
-      switch (A) {
-        case "add":
-          return i();
-        case "import":
-          return v();
-        case "export":
-          return f();
-      }
-    }
-    const a = F(""), s = F(!1), n = C(() => s.value || G.value), { breakpoints: t } = Fe(), e = C(() => t.value.xs || t.value.sm), u = C(() => e.value ? 10 : 20), _ = he(), m = C(() => [
-      {
-        label: r("inventory.ingredient.create.title"),
-        value: "add",
-        isPrimary: !0,
-        prependIcon: "add"
-      },
-      { label: r("common.import"), value: "import" },
-      { label: r("common.export"), value: "export" }
-    ]);
-    return (A, I) => {
-      const D = S("FmTable");
-      return M(), O(we, {
-        title: l(r)("inventory.ingredientGroup.title"),
-        actions: m.value,
-        "onClick:action": d
-      }, {
-        default: R(() => [
-          x("div", {
-            class: de([
-              "flex flex-col gap-8 max-h-full",
-              {
-                "p-0": e.value,
-                "px-24 ": !e.value
-              }
-            ])
-          }, [
-            g(Se, {
-              searchable: "",
-              search: a.value,
-              "onUpdate:search": I[0] || (I[0] = (V) => a.value = V)
-            }, null, 8, ["search"]),
-            g(D, {
-              style: me(l(_).tableHeight),
-              "column-defs": l(y),
-              "row-data": w.value,
-              "search-value": a.value,
-              loading: !l(o)._currentLocation || n.value,
-              "loading-text": "Loading",
-              onRowClick: I[1] || (I[1] = (V) => l(p)(V.original)),
-              "page-size": u.value
-            }, {
-              "list-row": R((V) => [
-                g(Ie, {
-                  row: V,
-                  onRowClick: l(p)
-                }, pe({
-                  default: R((T) => {
-                    var z, k, E, $, L, N, K, q, P, H;
-                    return [
-                      x("div", ze, [
-                        x("div", Le, [
-                          g(l(ae), {
-                            render: (E = (k = (z = T.code) == null ? void 0 : z.column) == null ? void 0 : k.columnDef) == null ? void 0 : E.cell,
-                            props: (L = ($ = T.code) == null ? void 0 : $.getContext) == null ? void 0 : L.call($)
-                          }, null, 8, ["render", "props"])
-                        ]),
-                        x("div", Ne, [
-                          g(l(ae), {
-                            render: (q = (K = (N = T.name) == null ? void 0 : N.column) == null ? void 0 : K.columnDef) == null ? void 0 : q.cell,
-                            props: (H = (P = T.name) == null ? void 0 : P.getContext) == null ? void 0 : H.call(P)
-                          }, null, 8, ["render", "props"])
-                        ])
-                      ])
-                    ];
-                  }),
-                  _: 2
-                }, [
-                  s.value ? {
-                    name: "loading-text",
-                    fn: R(() => [
-                      x("div", null, j(l(r)("inventory.ingredient.table.importing")), 1)
-                    ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["row", "onRowClick"])
-              ]),
-              _: 1
-            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
-          ], 2),
-          (M(), O(fe, { to: "body" }, [
-            g(Ue, ve(ge(l(b))), null, 16)
-          ]))
-        ]),
-        _: 1
-      }, 8, ["title", "actions"]);
-    };
-  }
-});
-export {
-  Qe as default
-};