@feedmepos/mf-inventory-portal 0.0.19-dev.9 → 0.0.19

package/dist/App.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+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;

package/dist/ApprovalView-BYCFc1rD.js

@@ -0,0 +1,118 @@
+import { defineComponent as Z, ref as h, watch as B, computed as I, resolveComponent as ee, openBlock as D, createBlock as H, withCtx as g, createElementVNode as n, createVNode as s, unref as e, normalizeStyle as te, toDisplayString as ae, createElementBlock as oe, createCommentVNode as re, Teleport as se, mergeProps as ne } from "vue";
+import { r as f, f as le } from "./app---xe3UFh.js";
+import { b as ce, _ as ie, a as pe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-C-t2Ewu7.js";
+import { a as ue, b as me, _ as de } from "./TransferDetails.vue_vue_type_script_setup_true_lang-CVzwad1C.js";
+import { c as U } from "./date2-BwBD2dPC.js";
+import { _ as fe, F as _, u as _e } from "./layout-DyCIklP3.js";
+import { useBreakpoints as ve } from "@feedmepos/ui-library";
+const he = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, De = { class: "flex flex-col py-8" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, be = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, ye = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
+}, we = { class: "pt-8" }, ze = /* @__PURE__ */ Z({
+  __name: "ApprovalView",
+  setup(Re) {
+    const o = ue("approval"), { columnDefs: G } = me("approval", o), J = le();
+    f.object({
+      name: f.string().optional().nullable(),
+      start: f.date().optional().nullable(),
+      end: f.date().optional().nullable()
+    });
+    const b = h({
+      name: "",
+      ...ce()
+    }), a = h({
+      startDate: U(b.value.start ?? /* @__PURE__ */ new Date()),
+      endDate: U(b.value.end ?? /* @__PURE__ */ new Date())
+    });
+    B([() => a.value.startDate], () => {
+      if (!a.value.startDate)
+        return;
+      if (!a.value.endDate) {
+        a.value.endDate = a.value.startDate;
+        return;
+      }
+      const y = new Date(a.value.startDate);
+      if (new Date(a.value.endDate).getTime() < y.getTime()) {
+        a.value.endDate = a.value.startDate;
+        return;
+      }
+    });
+    const v = h(""), { breakpoints: x } = ve(), K = I(() => x.value.xs || x.value.sm ? 10 : 20), Q = _e();
+    return (y, l) => {
+      const W = ee("FmTable");
+      return D(), H(ie, { title: "Approval" }, {
+        default: g(() => [
+          n("div", he, [
+            s(pe, {
+              searchable: "",
+              "change-location": "",
+              search: v.value,
+              "onUpdate:search": l[0] || (l[0] = (r) => v.value = r),
+              actions: [{ icon: "refresh", onClick: e(o).fetchData }]
+            }, null, 8, ["search", "actions"]),
+            s(W, {
+              style: te(e(Q).tableHeight),
+              "column-defs": e(G),
+              "row-data": e(o).purchaseRequests.value,
+              "search-value": v.value,
+              loading: !e(J)._currentLocation || e(o).loading.value,
+              onRowClick: l[1] || (l[1] = (r) => e(o).promptShowTransferDetails(r.original.purchaseOrder, r.original)),
+              "page-size": K.value
+            }, {
+              "list-row": g((r) => [
+                s(fe, {
+                  row: r,
+                  onRowClick: (t) => e(o).promptShowTransferDetails(t.purchaseOrder, t)
+                }, {
+                  default: g((t) => {
+                    var w, R, k, c, O, S, T, C, i, F, $, p, z, u, M, V, Y, q, L, m, N, j, A, E, d, P;
+                    return [
+                      n("div", De, [
+                        n("div", ge, [
+                          s(e(_), {
+                            render: (k = (R = (w = t.purchaseOrder__id) == null ? void 0 : w.column) == null ? void 0 : R.columnDef) == null ? void 0 : k.cell,
+                            props: (O = (c = t.purchaseOrder__id) == null ? void 0 : c.getContext) == null ? void 0 : O.call(c)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        n("div", be, [
+                          s(e(_), {
+                            render: (C = (T = (S = t.to_name) == null ? void 0 : S.column) == null ? void 0 : T.columnDef) == null ? void 0 : C.cell,
+                            props: (F = (i = t.to_name) == null ? void 0 : i.getContext) == null ? void 0 : F.call(i)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        n("div", xe, ae((M = (u = (z = (p = ($ = r.original.purchaseOrder) == null ? void 0 : $.items) == null ? void 0 : p.map) == null ? void 0 : z.call(p, (X) => `${X.name}`)) == null ? void 0 : u.join) == null ? void 0 : M.call(u, ", ")), 1),
+                        (V = r.original.purchaseOrder) != null && V.ref ? (D(), oe("div", ye, [
+                          s(e(_), {
+                            render: (L = (q = (Y = t.purchaseOrder_ref) == null ? void 0 : Y.column) == null ? void 0 : q.columnDef) == null ? void 0 : L.cell,
+                            props: (N = (m = t.purchaseOrder_ref) == null ? void 0 : m.getContext) == null ? void 0 : N.call(m)
+                          }, null, 8, ["render", "props"])
+                        ])) : re("", !0),
+                        n("div", we, [
+                          s(e(_), {
+                            render: (E = (A = (j = t.purchaseOrder_status) == null ? void 0 : j.column) == null ? void 0 : A.columnDef) == null ? void 0 : E.cell,
+                            props: (P = (d = t.purchaseOrder_status) == null ? void 0 : d.getContext) == null ? void 0 : P.call(d)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+          ]),
+          (D(), H(se, { to: "body" }, [
+            s(de, ne(e(o).transferDetailsProps.value, {
+              onSubmitted: e(o).fetchData
+            }), null, 16, ["onSubmitted"])
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  ze as default
+};

package/dist/{BindingsDialog-XDkcjW_c.js → BindingsDialog-CFGZBbFQ.js}

@@ -1,75 +1,76 @@
-import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as c, createBlock as I, withCtx as R, createVNode as a, createCommentVNode as z, createElementVNode as P } from "vue";
-import { u as V, aj as L, _ as S } from "./app-CeUU5Gd8.js";
+import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as d, createBlock as I, withCtx as R, createVNode as a, createCommentVNode as z, createElementVNode as P } from "vue";
+import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-D1fdMNkv.js";
+import { u as L, A as S } from "./app---xe3UFh.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"
-}, j = {
+}, E = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, E = /* @__PURE__ */ P("div", null, "Loading bindings dialog...", -1), D = /* @__PURE__ */ C({
+}, D = /* @__PURE__ */ C({
   __name: "BindingsDialog",
   setup(N) {
-    const p = V(), d = o(!0), s = o(new Array()), u = o(), n = L(y);
+    const p = L(), u = o(!0), s = o(new Array()), c = o(), t = S(y);
     async function y() {
-      await p.readInventory(), u.value = n.onMessage("props:inventory-bindings", (e) => {
-        d.value = !1, s.value = e;
+      await p.readInventory(), c.value = t.onMessage("props:inventory-bindings", (e) => {
+        u.value = !1, s.value = e;
       }).onMessage("props:inventory-bindings:validate", () => {
         var e;
         (e = f.value) == null || e.validateInputs();
-      }), n.sendMessage("props:inventory-bindings");
+      }), t.sendMessage("props:inventory-bindings");
     }
     function b() {
-      n.sendMessage("@submit:inventory-bindings", s.value);
+      t.sendMessage("@submit:inventory-bindings", s.value);
     }
     function _() {
-      n.sendMessage("@close:inventory-bindings");
+      t.sendMessage("@close:inventory-bindings");
     }
     function k(e) {
-      n.sendMessage("@click:pick-inventory-bindings", e);
+      t.sendMessage("@click:pick-inventory-bindings", e);
     }
     const m = o(), r = o(!0);
     M(() => {
       v();
       const e = m.value;
       e && new ResizeObserver(() => {
-        n.sendMessage("resize", e.scrollHeight);
+        t.sendMessage("resize", e.scrollHeight);
       }).observe(e);
     }), F(() => {
-      var e, t;
-      (t = (e = u.value) == null ? void 0 : e.removeEventListener) == null || t.call(e);
+      var e, n;
+      (n = (e = c.value) == null ? void 0 : e.removeEventListener) == null || n.call(e);
     }), x([() => s.value], ([e]) => {
-      n.sendMessage("@update:inventory-bindings", e);
+      t.sendMessage("@update:inventory-bindings", e);
     });
     function v() {
       const e = new URLSearchParams(window.location.href.split("?")[1] || "");
       console.log(v.name, e, e.has("hideButton")), r.value = e.has("hideButton");
     }
     const f = o();
-    return (e, t) => {
-      const g = l("FmButton"), h = l("FmForm"), B = l("FmCircularProgress");
-      return i(), c("div", {
+    return (e, n) => {
+      const g = l("FmButton"), B = l("FmForm"), h = l("FmCircularProgress");
+      return i(), d("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
         ref: m
       }, [
-        d.value ? (i(), c("div", j, [
-          a(B, { size: "md" }),
-          E
-        ])) : (i(), I(h, {
+        u.value ? (i(), d("div", E, [
+          a(h, { size: "md" }),
+          n[2] || (n[2] = P("div", null, "Loading bindings dialog...", -1))
+        ])) : (i(), I(B, {
           key: 0,
-          onValidationSuccess: t[1] || (t[1] = () => r.value ? void 0 : b()),
+          onValidationSuccess: n[1] || (n[1] = () => r.value ? void 0 : b()),
           ref_key: "formRef",
           ref: f,
           class: "flex flex-col gap-16"
         }, {
           default: R(() => [
-            a(S, {
+            a(V, {
               "model-value": s.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (w) => s.value = w),
+              "onUpdate:modelValue": n[0] || (n[0] = (w) => s.value = w),
               "iframe-mode": "",
               "onClick:pickInventoryBindings": k
             }, null, 8, ["model-value"]),
-            r.value ? z("", !0) : (i(), c("div", U, [
+            r.value ? z("", !0) : (i(), d("div", U, [
               a(g, {
                 type: "button",
                 variant: "tertiary",

package/dist/{BindingsPicker-CgbiqX72.js → BindingsPicker-BQnwsNNJ.js}

@@ -1,22 +1,23 @@
 import { defineComponent as S, computed as r, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as u, createElementVNode as k } from "vue";
-import { u as x, aj as M, y as h } from "./app-CeUU5Gd8.js";
-const z = {
+import { _ as x } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-C65yZWQv.js";
+import { u as M, A as z } from "./app---xe3UFh.js";
+const K = {
   key: 0,
   class: "flex flex-col gap-16"
-}, K = { class: "flex justify-end gap-8 items-center" }, w = {
+}, w = { class: "flex justify-end gap-8 items-center" }, F = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, F = /* @__PURE__ */ k("div", null, "Loading bindings dialog...", -1), A = /* @__PURE__ */ S({
+}, N = /* @__PURE__ */ S({
   __name: "BindingsPicker",
-  setup(j) {
-    const d = x(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
+  setup(L) {
+    const d = M(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
       label: s.name,
       sublabel: s.code,
       value: s
     })) : C.value.map((s) => ({
       label: s.name,
       value: s
-    }))), _ = r({
+    }))), b = r({
       get() {
         if (a.value === "SKU") {
           const e = i.value.filter((n) => n.type === "SKU");
@@ -62,9 +63,9 @@ const z = {
           ];
         }
       }
-    }), b = l(), o = M(B);
+    }), _ = l(), o = z(B);
     async function B() {
-      await d.readInventory(), b.value = o.onMessage(
+      await d.readInventory(), _.value = o.onMessage(
         "props:binding-items",
         (e) => {
           g.value = !1, a.value = e.type, i.value = e.bindings;
@@ -85,7 +86,7 @@ const z = {
       }).observe(e);
     }), V(() => {
       var e, s;
-      (s = (e = b.value) == null ? void 0 : e.removeEventListener) == null || s.call(e);
+      (s = (e = _.value) == null ? void 0 : e.removeEventListener) == null || s.call(e);
     }), (e, s) => {
       const n = E("FmButton"), t = E("FmCircularProgress");
       return p(), f("div", {
@@ -93,16 +94,16 @@ const z = {
         ref_key: "resizeableRef",
         ref: y
       }, [
-        g.value ? (p(), f("div", w, [
+        g.value ? (p(), f("div", F, [
           u(t, { size: "md" }),
-          F
-        ])) : (p(), f("div", z, [
-          u(h, {
-            "model-value": _.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (m) => _.value = m),
+          s[1] || (s[1] = k("div", null, "Loading bindings dialog...", -1))
+        ])) : (p(), f("div", K, [
+          u(x, {
+            "model-value": b.value,
+            "onUpdate:modelValue": s[0] || (s[0] = (m) => b.value = m),
             items: c.value
           }, null, 8, ["model-value", "items"]),
-          k("div", K, [
+          k("div", w, [
             u(n, {
               variant: "tertiary",
               label: "Close",
@@ -119,5 +120,5 @@ const z = {
   }
 });
 export {
-  A as default
+  N as default
 };

package/dist/BindingsTable-CgTP4Qzq.js

@@ -0,0 +1,122 @@
+import { defineComponent as x, ref as r, provide as C, computed as g, resolveComponent as h, openBlock as l, createElementBlock as u, createStaticVNode as L, Fragment as F, renderList as I, createElementVNode as p, toDisplayString as v, createVNode as w, withModifiers as N, onMounted as E, onUnmounted as z, createBlock as M } from "vue";
+import { i as b, u as P, A as R } from "./app---xe3UFh.js";
+import "./index-DXRQ-5FZ.js";
+import "@feedmepos/ui-library";
+import "./fuzzy-DTciL0gQ.js";
+import "./dayjs.min-BIvfV9G2.js";
+const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-0 basis-5/12 py-8 pl-8" }, V = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, S = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, $ = { class: "flex-grow-0 flex-shrink-0 basis-1/12 py-4" }, A = /* @__PURE__ */ x({
+  __name: "binding-ui",
+  props: {
+    items: { default: () => [] },
+    recipes: { default: () => [] },
+    skus: { default: () => [] },
+    type: { default: "Product" },
+    editable: { type: Boolean, default: !1 }
+  },
+  emits: ["click:open-binding-dialog"],
+  setup(_, { emit: a }) {
+    const d = r({
+      isOpen: !1,
+      initialValue: [],
+      context: "",
+      name: ""
+    });
+    C("closeDialog", () => {
+      d.value.isOpen = !d.value.isOpen;
+    });
+    const n = _, f = a, m = g(() => n.items.map((s) => ({
+      key: s.key,
+      name: s.name,
+      _skuLinked: s.bindings.filter(
+        ({ type: t, id: e }) => t === b.enum.SKU && n.skus.some((c) => c._id === e)
+      ).length,
+      _recipeLinked: s.bindings.filter(
+        ({ type: t, id: e }) => t === b.enum.RECIPE && n.recipes.some((c) => c._id === e)
+      ).length,
+      onUpdate: async () => {
+        n.editable && f("click:open-binding-dialog", n.type, s);
+      }
+    })));
+    return (k, s) => {
+      const t = h("FmButton");
+      return l(), u("div", U, [
+        s[0] || (s[0] = L('<div class="flex font-bold bg-[#F7F8FA]"><div class="flex-grow-0 flex-shrink-0 basis-5/12 py-8"></div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Ingredient</div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Recipe</div><div class="flex-grow-0 flex-shrink-0 basis-1/12 py-8"></div></div>', 1)),
+        (l(!0), u(F, null, I(m.value, (e) => (l(), u("div", {
+          key: e.key,
+          class: "cursor-pointer flex border-t border-[rgba(17,32,47,0.15] items-center",
+          onClick: e.onUpdate
+        }, [
+          p("div", O, v(e.name), 1),
+          p("div", V, v(e._skuLinked ? `${e._skuLinked} linked` : "Not linked"), 1),
+          p("div", S, v(e._recipeLinked ? `${e._recipeLinked} linked` : "Not linked"), 1),
+          p("div", $, [
+            w(t, {
+              variant: "tertiary",
+              icon: "edit",
+              "icon-color": "#000",
+              size: "md",
+              disabled: !n.editable,
+              type: "button",
+              onClick: N(e.onUpdate, ["stop"])
+            }, null, 8, ["disabled", "onClick"])
+          ])
+        ], 8, D))), 128))
+      ]);
+    };
+  }
+}), T = {
+  key: 1,
+  class: "p-24 flex items-center justify-center gap-16"
+}, J = /* @__PURE__ */ x({
+  __name: "BindingsTable",
+  setup(_) {
+    const a = P(), d = r(!0), n = r(new Array()), f = g(() => a.recipes), m = g(() => a.skus), k = r(""), s = R(e), t = r();
+    async function e() {
+      await a.readInventory(), t.value = s.onMessage(
+        "props:grouped-bindings",
+        (i) => {
+          d.value = !1, n.value = i;
+        }
+      ), s.sendMessage("props:grouped-bindings");
+    }
+    async function c(i, o) {
+      s.sendMessage("@click:open-binding-dialog", {
+        key: i,
+        binding: o
+      });
+    }
+    const y = r();
+    return E(() => {
+      const i = y.value;
+      i && new ResizeObserver(() => {
+        s.sendMessage("resize", i.scrollHeight);
+      }).observe(i);
+    }), z(() => {
+      var i, o;
+      (o = (i = t.value) == null ? void 0 : i.removeEventListener) == null || o.call(i);
+    }), (i, o) => {
+      const B = h("FmCircularProgress");
+      return l(), u("div", {
+        class: "bg-white",
+        ref_key: "resizeableRef",
+        ref: y
+      }, [
+        d.value ? (l(), u("div", T, [
+          w(B, { size: "md" }),
+          o[0] || (o[0] = p("div", null, "Loading bindings table...", -1))
+        ])) : (l(), M(A, {
+          key: 0,
+          items: n.value,
+          recipes: f.value,
+          skus: m.value,
+          type: k.value,
+          editable: "",
+          "onClick:openBindingDialog": c
+        }, null, 8, ["items", "recipes", "skus", "type"]))
+      ], 512);
+    };
+  }
+});
+export {
+  J as default
+};

package/dist/Entry.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+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;