@feedmepos/mf-inventory-portal 0.0.24-dev.3 → 0.0.24-prod.10

package/dist/{App-C8gm6x7Q.js → App-JjB1Wrpi.js}

@@ -1,5 +1,5 @@
-import { ref as x, onUnmounted as F, defineComponent as h, watch as P, onMounted as U, computed as g, resolveComponent as b, openBlock as S, createElementBlock as I, unref as v, createVNode as _, createElementVNode as p, toDisplayString as w, createBlock as G, createCommentVNode as M } from "vue";
-import { u as k, a as D, b as H, R as e, c as B, g as s, d as W } from "./app-ojZQI-KQ.js";
+import { ref as x, onUnmounted as F, defineComponent as h, watch as P, onMounted as U, computed as g, resolveComponent as b, createElementBlock as I, openBlock as S, createBlock as G, createCommentVNode as M, unref as v, createVNode as _, createElementVNode as p, toDisplayString as w } from "vue";
+import { u as k, a as D, b as H, c as B, R as e, g as s, d as W } from "./app-liYoREqu.js";
 import { useCoreStore as A, useI18n as O } from "@feedmepos/mf-common";
 import { useRouter as C, useRoute as K } from "vue-router";
 import { u as $ } from "./useTabStorage-BkIVScW_.js";

package/dist/ApprovalView-Djr4fE-Y.js

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

package/dist/{BindingsDialog-II1cNZ8y.js → BindingsDialog-D05z9qe3.js}

@@ -1,16 +1,16 @@
-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 L } from "vue";
-import { _ as P } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-RQ6XxdxU.js";
-import { a as V, aL as S } from "./app-ojZQI-KQ.js";
+import { defineComponent as w, ref as o, onMounted as C, onUnmounted as F, watch as x, resolveComponent as l, createElementBlock as c, openBlock as i, 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-Cu5ditXD.js";
+import { a as L, aM as S } from "./app-liYoREqu.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"
 }, E = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, D = /* @__PURE__ */ C({
+}, D = /* @__PURE__ */ w({
   __name: "BindingsDialog",
   setup(N) {
-    const p = V(), d = o(!0), s = o(new Array()), u = o(), t = S(y);
+    const p = L(), d = o(!0), s = o(new Array()), u = o(), t = S(y);
     async function y() {
       await p.readInventory(), u.value = t.onMessage("props:inventory-bindings", (e) => {
         d.value = !1, s.value = e;
@@ -29,7 +29,7 @@ const U = {
       t.sendMessage("@click:pick-inventory-bindings", e);
     }
     const m = o(), r = o(!0);
-    M(() => {
+    C(() => {
       v();
       const e = m.value;
       e && new ResizeObserver(() => {
@@ -55,7 +55,7 @@ const U = {
       }, [
         d.value ? (i(), c("div", E, [
           a(h, { size: "md" }),
-          n[2] || (n[2] = L("div", null, "Loading bindings dialog...", -1))
+          n[2] || (n[2] = P("div", null, "Loading bindings dialog...", -1))
         ])) : (i(), I(B, {
           key: 0,
           onValidationSuccess: n[1] || (n[1] = () => r.value ? void 0 : b()),
@@ -64,9 +64,9 @@ const U = {
           class: "flex flex-col gap-16"
         }, {
           default: R(() => [
-            a(P, {
+            a(V, {
               "model-value": s.value,
-              "onUpdate:modelValue": n[0] || (n[0] = (w) => s.value = w),
+              "onUpdate:modelValue": n[0] || (n[0] = (M) => s.value = M),
               "iframe-mode": "",
               "onClick:pickInventoryBindings": k
             }, null, 8, ["model-value"]),

package/dist/{BindingsPicker-7hWtLm42.js → BindingsPicker-BGZ4RdQQ.js}

@@ -1,15 +1,15 @@
-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 { a as M, aL as x, J as z } from "./app-ojZQI-KQ.js";
+import { defineComponent as R, computed as r, ref as l, onMounted as S, onUnmounted as U, resolveComponent as E, createElementBlock as p, openBlock as f, createVNode as u, createElementVNode as k } from "vue";
+import { a as V, aM as x, J as z } from "./app-liYoREqu.js";
 const F = {
   key: 0,
   class: "flex flex-col gap-16"
 }, K = { class: "flex justify-end gap-8 items-center" }, w = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, N = /* @__PURE__ */ S({
+}, N = /* @__PURE__ */ R({
   __name: "BindingsPicker",
   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) => ({
+    const d = V(), 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
@@ -71,32 +71,32 @@ const F = {
         }
       ), o.sendMessage("props:binding-items");
     }
-    function P() {
+    function M() {
       o.sendMessage("@close");
     }
-    function R() {
+    function P() {
       o.sendMessage("@submit:items", i.value);
     }
     const y = l();
-    return U(() => {
+    return S(() => {
       const e = y.value;
       e && new ResizeObserver(() => {
         o.sendMessage("resize", e.scrollHeight);
       }).observe(e);
-    }), V(() => {
+    }), U(() => {
       var e, s;
       (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", {
+      return f(), p("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
         ref: y
       }, [
-        g.value ? (p(), f("div", w, [
+        g.value ? (f(), p("div", w, [
           u(t, { size: "md" }),
           s[1] || (s[1] = k("div", null, "Loading bindings dialog...", -1))
-        ])) : (p(), f("div", F, [
+        ])) : (f(), p("div", F, [
           u(z, {
             "model-value": b.value,
             "onUpdate:modelValue": s[0] || (s[0] = (m) => b.value = m),
@@ -106,11 +106,11 @@ const F = {
             u(n, {
               variant: "tertiary",
               label: "Close",
-              onClick: P
+              onClick: M
             }),
             u(n, {
               label: "Submit",
-              onClick: R
+              onClick: P
             })
           ])
         ]))

package/dist/BindingsTable-RYiAJkDa.js

@@ -0,0 +1,120 @@
+import { defineComponent as x, ref as r, provide as C, computed as g, resolveComponent as h, createElementBlock as u, openBlock as l, createStaticVNode as F, Fragment as L, renderList as I, createElementVNode as p, toDisplayString as v, createVNode as w, withModifiers as N, onMounted as E, onUnmounted as M, createBlock as z } from "vue";
+import { F as b, a as P, aM as R } from "./app-liYoREqu.js";
+import "@feedmepos/ui-library";
+import "@feedmepos/mf-common";
+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" }, T = /* @__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 i = _, f = a, m = g(() => i.items.map((s) => ({
+      key: s.key,
+      name: s.name,
+      _skuLinked: s.bindings.filter(
+        ({ type: t, id: e }) => t === b.enum.SKU && i.skus.some((c) => c._id === e)
+      ).length,
+      _recipeLinked: s.bindings.filter(
+        ({ type: t, id: e }) => t === b.enum.RECIPE && i.recipes.some((c) => c._id === e)
+      ).length,
+      onUpdate: async () => {
+        i.editable && f("click:open-binding-dialog", i.type, s);
+      }
+    })));
+    return (k, s) => {
+      const t = h("FmButton");
+      return l(), u("div", U, [
+        s[0] || (s[0] = F('<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(L, 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: !i.editable,
+              type: "button",
+              onClick: N(e.onUpdate, ["stop"])
+            }, null, 8, ["disabled", "onClick"])
+          ])
+        ], 8, D))), 128))
+      ]);
+    };
+  }
+}), A = {
+  key: 1,
+  class: "p-24 flex items-center justify-center gap-16"
+}, K = /* @__PURE__ */ x({
+  __name: "BindingsTable",
+  setup(_) {
+    const a = P(), d = r(!0), i = 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",
+        (n) => {
+          d.value = !1, i.value = n;
+        }
+      ), s.sendMessage("props:grouped-bindings");
+    }
+    async function c(n, o) {
+      s.sendMessage("@click:open-binding-dialog", {
+        key: n,
+        binding: o
+      });
+    }
+    const y = r();
+    return E(() => {
+      const n = y.value;
+      n && new ResizeObserver(() => {
+        s.sendMessage("resize", n.scrollHeight);
+      }).observe(n);
+    }), M(() => {
+      var n, o;
+      (o = (n = t.value) == null ? void 0 : n.removeEventListener) == null || o.call(n);
+    }), (n, o) => {
+      const B = h("FmCircularProgress");
+      return l(), u("div", {
+        class: "bg-white",
+        ref_key: "resizeableRef",
+        ref: y
+      }, [
+        d.value ? (l(), u("div", A, [
+          w(B, { size: "md" }),
+          o[0] || (o[0] = p("div", null, "Loading bindings table...", -1))
+        ])) : (l(), z(T, {
+          key: 0,
+          items: i.value,
+          recipes: f.value,
+          skus: m.value,
+          type: k.value,
+          editable: "",
+          "onClick:openBindingDialog": c
+        }, null, 8, ["items", "recipes", "skus", "type"]))
+      ], 512);
+    };
+  }
+});
+export {
+  K as default
+};