@feedmepos/mf-inventory-portal 0.0.22-dev.5 → 0.0.22-dev.50

package/dist/ApprovalView-CyIOcyG5.js

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

package/dist/{BindingsDialog-DQJhC3Mo.js → BindingsDialog-BXePN5iL.js}

@@ -1,5 +1,5 @@
-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 { u as V, an as L, _ as S } from "./app-CfXF4jdF.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 c, createBlock as I, withCtx as z, createVNode as a, createCommentVNode as R, createElementVNode as P } from "vue";
+import { u as V, az as L, _ as S } from "./app-B4pi48sM.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"
@@ -9,10 +9,10 @@ const U = {
 }, A = /* @__PURE__ */ C({
   __name: "BindingsDialog",
   setup(N) {
-    const p = V(), u = o(!0), s = o(new Array()), c = o(), t = L(y);
+    const p = V(), d = o(!0), s = o(new Array()), u = o(), t = L(y);
     async function y() {
-      await p.readInventory(), c.value = t.onMessage("props:inventory-bindings", (e) => {
-        u.value = !1, s.value = e;
+      await p.readInventory(), u.value = t.onMessage("props:inventory-bindings", (e) => {
+        d.value = !1, s.value = e;
       }).onMessage("props:inventory-bindings:validate", () => {
         var e;
         (e = f.value) == null || e.validateInputs();
@@ -36,7 +36,7 @@ const U = {
       }).observe(e);
     }), F(() => {
       var e, n;
-      (n = (e = c.value) == null ? void 0 : e.removeEventListener) == null || n.call(e);
+      (n = (e = u.value) == null ? void 0 : e.removeEventListener) == null || n.call(e);
     }), x([() => s.value], ([e]) => {
       t.sendMessage("@update:inventory-bindings", e);
     });
@@ -47,12 +47,12 @@ const U = {
     const f = o();
     return (e, n) => {
       const g = l("FmButton"), B = l("FmForm"), h = l("FmCircularProgress");
-      return i(), d("div", {
+      return i(), c("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
         ref: m
       }, [
-        u.value ? (i(), d("div", E, [
+        d.value ? (i(), c("div", E, [
           a(h, { size: "md" }),
           n[2] || (n[2] = P("div", null, "Loading bindings dialog...", -1))
         ])) : (i(), I(B, {
@@ -62,14 +62,14 @@ const U = {
           ref: f,
           class: "flex flex-col gap-16"
         }, {
-          default: R(() => [
+          default: z(() => [
             a(S, {
               "model-value": s.value,
               "onUpdate:modelValue": n[0] || (n[0] = (w) => s.value = w),
               "iframe-mode": "",
               "onClick:pickInventoryBindings": k
             }, null, 8, ["model-value"]),
-            r.value ? z("", !0) : (i(), d("div", U, [
+            r.value ? R("", !0) : (i(), c("div", U, [
               a(g, {
                 type: "button",
                 variant: "tertiary",

package/dist/{BindingsPicker-YfbPb_dG.js → BindingsPicker-Bd_qb0aO.js}

@@ -1,22 +1,22 @@
-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, an as M, y as z } from "./app-CfXF4jdF.js";
-const K = {
+import { defineComponent as S, computed as u, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as r, createElementVNode as k } from "vue";
+import { u as M, az as x, j as z } from "./app-B4pi48sM.js";
+const F = {
   key: 0,
   class: "flex flex-col gap-16"
-}, w = { class: "flex justify-end gap-8 items-center" }, F = {
+}, 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({
   __name: "BindingsPicker",
-  setup(L) {
-    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(j) {
+    const d = M(), C = u(() => d.recipes), I = u(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = u(() => a.value === "SKU" ? I.value.map((s) => ({
       label: s.name,
       sublabel: s.code,
       value: s
     })) : C.value.map((s) => ({
       label: s.name,
       value: s
-    }))), b = r({
+    }))), b = u({
       get() {
         if (a.value === "SKU") {
           const e = i.value.filter((n) => n.type === "SKU");
@@ -62,7 +62,7 @@ const K = {
           ];
         }
       }
-    }), _ = l(), o = M(B);
+    }), _ = l(), o = x(B);
     async function B() {
       await d.readInventory(), _.value = o.onMessage(
         "props:binding-items",
@@ -93,22 +93,22 @@ const K = {
         ref_key: "resizeableRef",
         ref: y
       }, [
-        g.value ? (p(), f("div", F, [
-          u(t, { size: "md" }),
+        g.value ? (p(), f("div", w, [
+          r(t, { size: "md" }),
           s[1] || (s[1] = k("div", null, "Loading bindings dialog...", -1))
-        ])) : (p(), f("div", K, [
-          u(z, {
+        ])) : (p(), f("div", F, [
+          r(z, {
             "model-value": b.value,
             "onUpdate:modelValue": s[0] || (s[0] = (m) => b.value = m),
             items: c.value
           }, null, 8, ["model-value", "items"]),
-          k("div", w, [
-            u(n, {
+          k("div", K, [
+            r(n, {
               variant: "tertiary",
               label: "Close",
               onClick: P
             }),
-            u(n, {
+            r(n, {
               label: "Submit",
               onClick: R
             })

package/dist/{BindingsTable-D3MVcHXZ.js → BindingsTable-BV-nP9HU.js}

@@ -1,5 +1,5 @@
-import { defineComponent as _, ref as c, provide as C, computed as f, resolveComponent as b, openBlock as p, createBlock as h, h as z, onMounted as B, onUnmounted as I, createElementBlock as y, createVNode as N, createElementVNode as x } from "vue";
-import { q as v, u as E, an as L } from "./app-CfXF4jdF.js";
+import { defineComponent as _, ref as c, provide as z, computed as f, resolveComponent as b, openBlock as p, createBlock as h, h as C, onMounted as B, onUnmounted as I, createElementBlock as y, createVNode as N, createElementVNode as x } from "vue";
+import { k as v, u as E, az as L } from "./app-B4pi48sM.js";
 import { components as F } from "@feedmepos/ui-library";
 import "@feedmepos/mf-common";
 const P = /* @__PURE__ */ _({
@@ -19,7 +19,7 @@ const P = /* @__PURE__ */ _({
       context: "",
       name: ""
     });
-    C("closeDialog", () => {
+    z("closeDialog", () => {
       u.value.isOpen = !u.value.isOpen;
     });
     const o = k, m = d, a = f(() => o.items.map((e) => ({
@@ -64,7 +64,7 @@ const P = /* @__PURE__ */ _({
         size: 24,
         cell(i) {
           const e = a.value.find((n) => n.key === i.row.original.key);
-          return z(F.FmButton, {
+          return C(F.FmButton, {
             icon: "edit",
             bgColor: "white",
             textColor: "neutral-grey-400",