@feedmepos/mf-inventory-portal 0.0.21-dev.3 → 0.0.21-dev.5

package/dist/ApprovalView-BHoJzHuo.js

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

package/dist/{BindingsDialog-TLWBqVLe.js → BindingsDialog-sUZjZtSl.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-Bt8YzxIk.js";
+import { u as V, am as L, _ as S } from "./app-S6iG6Hux.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"

package/dist/{BindingsPicker-CArDO6LQ.js → BindingsPicker-CqzSUVc_.js}

@@ -1,5 +1,5 @@
 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-Bt8YzxIk.js";
+import { u as x, am as M, y as z } from "./app-S6iG6Hux.js";
 const K = {
   key: 0,
   class: "flex flex-col gap-16"

package/dist/{BindingsTable-CVBhfcWm.js → BindingsTable-C1o5EgLy.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-Bt8YzxIk.js";
+import { q as v, u as E, am as L } from "./app-S6iG6Hux.js";
 import { components as F } from "@feedmepos/ui-library";
 import "@feedmepos/mf-common";
 const P = /* @__PURE__ */ _({

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CpN5Kn8b.js

@@ -0,0 +1,374 @@
+import { reactive as E, onUnmounted as q, defineComponent as V, computed as _, resolveComponent as h, openBlock as a, createElementBlock as b, Fragment as F, createElementVNode as f, unref as u, normalizeClass as D, toDisplayString as L, createCommentVNode as y, renderList as R, createBlock as w, createVNode as v, renderSlot as G, Teleport as J, ref as O, withCtx as T, watch as K, mergeModels as W, useModel as U } from "vue";
+import { useBreakpoints as S, FmButtonVariant as X } from "@feedmepos/ui-library";
+import { j as P, O as N } from "./app-S6iG6Hux.js";
+import { useCoreStore as Z, useI18n as j } from "@feedmepos/mf-common";
+const I = E({});
+function A() {
+  const i = `${Math.random()}`;
+  S();
+  const o = new ResizeObserver((t) => {
+    const l = t.map((n) => n.target.scrollHeight).reduce((n, s) => n + s);
+    I[i] = l;
+  }), c = (t) => {
+    const l = t.el;
+    l && o.observe(l);
+  }, r = (t) => {
+    const l = t.el;
+    l && o.unobserve(l);
+  };
+  return q(() => {
+    o.disconnect(), delete I[i];
+  }), {
+    get tableHeight() {
+      return {
+        height: `calc(100dvh - ${Object.values(I).reduce((n, s) => n + s, 0) + 64}px)`
+      };
+    },
+    onMounted: c,
+    onUnmounted: r
+  };
+}
+const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
+  key: 0,
+  class: /* @__PURE__ */ D(["text-fm-color-typo-secondary fm-typo-en-body-sm-400"])
+}, te = { key: 0 }, oe = { key: 1 }, le = { class: "bg-white flex-1" }, ae = { class: "fixed bottom-96 right-16" }, ke = /* @__PURE__ */ V({
+  __name: "SingleColumnLayout",
+  props: {
+    actions: { default: () => [] },
+    title: { default: "Title" },
+    description: {},
+    showBackButton: { type: Boolean },
+    defaultPadding: { type: Boolean },
+    breadcrumbs: { default: () => [] },
+    usingBusinessHelperText: {}
+  },
+  emits: ["click:action"],
+  setup(i, { emit: o }) {
+    const c = i, r = o, t = _(() => c.actions.find((e) => e.isPrimary)), l = _(
+      () => c.actions.filter((e) => !e.isPrimary).map((e) => ({ ...e, variant: e.variant ?? X.Tertiary }))
+    ), { breakpoints: n } = S(), s = _(() => n.value.xs || n.value.sm), d = P(), k = _(() => d.businessLevel), x = A();
+    return (e, m) => {
+      const B = h("FmButton");
+      return a(), b(F, null, [
+        f("div", ee, [
+          f("div", {
+            onVnodeMounted: m[1] || (m[1] = //@ts-ignore
+            (...g) => u(x).onMounted && u(x).onMounted(...g)),
+            class: D([
+              "flex gap-4",
+              {
+                "p-12": s.value,
+                "px-24 py-16": !s.value
+              }
+            ])
+          }, [
+            f("div", {
+              class: D([
+                "flex-1 flex flex-col gap-4 fm-typo-en-title-md-600 bg-white",
+                {
+                  "py-12": s.value
+                }
+              ])
+            }, [
+              f("div", null, L(e.title), 1),
+              e.usingBusinessHelperText && k.value ? (a(), b("div", ne, L(e.usingBusinessHelperText), 1)) : y("", !0)
+            ], 2),
+            l.value.length ? (a(), b("div", te, [
+              (a(!0), b(F, null, R(l.value, (g) => (a(), w(B, {
+                key: g.value,
+                label: g.label,
+                "prepend-icon": g.prependIcon,
+                variant: g.variant,
+                onClick: (M) => r("click:action", g.value)
+              }, null, 8, ["label", "prepend-icon", "variant", "onClick"]))), 128))
+            ])) : y("", !0),
+            t.value && (u(n).lg || u(n).md) ? (a(), b("div", oe, [
+              v(B, {
+                label: t.value.label,
+                "prepend-icon": t.value.prependIcon,
+                onClick: m[0] || (m[0] = (g) => r("click:action", t.value.value))
+              }, null, 8, ["label", "prepend-icon"])
+            ])) : y("", !0)
+          ], 2),
+          f("div", le, [
+            G(e.$slots, "default")
+          ])
+        ]),
+        t.value && s.value ? (a(), w(J, {
+          key: 0,
+          to: "body"
+        }, [
+          f("div", ae, [
+            v(B, {
+              label: t.value.label,
+              "prepend-icon": t.value.prependIcon,
+              onClick: m[2] || (m[2] = (g) => r("click:action", t.value.value)),
+              variant: "fab"
+            }, null, 8, ["label", "prepend-icon"])
+          ])
+        ])) : y("", !0)
+      ], 64);
+    };
+  }
+}), se = { class: "inline-flex" }, ue = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400" }, re = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, ie = {
+  class: "overflow-hidden overflow-y-scroll",
+  style: { maxHeight: "105px" }
+}, ce = {
+  class: "overflow-hidden overflow-y-scroll",
+  style: { maxHeight: "105px" }
+}, de = /* @__PURE__ */ V({
+  __name: "ChangeLocationComponent",
+  props: {
+    showBusiness: { type: Boolean }
+  },
+  setup(i) {
+    const o = P(), c = Z(), r = _(() => {
+      var e;
+      return (e = c.currentBusiness.value) == null ? void 0 : e.name;
+    }), { t } = j(), l = O(""), n = _({
+      get() {
+        return o.businessLevel;
+      },
+      set(e) {
+        o.businessLevel = e;
+      }
+    }), s = _(
+      () => o.locations.map((e) => ({ label: e.name, value: e.dbName, type: e.type })).filter(
+        (e) => l.value ? e.label.toLocaleLowerCase().includes(l.value.toLocaleLowerCase()) : !0
+      )
+    ), d = _(
+      () => s.value.filter((e) => e.type === "restaurant")
+    ), k = _(
+      () => s.value.filter((e) => e.type === "warehouse")
+    );
+    function x({ value: e }) {
+      n.value = !1, o.selectLocation(o.locations.find((m) => m.dbName === e));
+    }
+    return (e, m) => {
+      const B = h("FmIcon"), g = h("FmSearch"), M = h("FmMenuDivider"), H = h("FmMenuHeader"), $ = h("FmMenuItem"), Y = h("FmMenu");
+      return a(), b("div", se, [
+        v(Y, { "close-on-click": !0 }, {
+          "menu-button": T(() => {
+            var p;
+            return [
+              f("div", ue, [
+                v(B, {
+                  name: e.showBusiness && n.value ? "store" : "storefront",
+                  size: "sm"
+                }, null, 8, ["name"]),
+                f("div", re, L(e.showBusiness && n.value ? r.value : ((p = u(o)._currentLocation) == null ? void 0 : p.name) ?? u(t)("inventory.common.noLocationSelected")), 1),
+                v(B, {
+                  name: "expand_more",
+                  size: "sm"
+                })
+              ])
+            ];
+          }),
+          default: T(() => [
+            v(g, {
+              "model-value": l.value,
+              "onUpdate:modelValue": m[0] || (m[0] = (p) => l.value = p),
+              class: "w-[200px]",
+              placeholder: u(t)("inventory.common.table.toolbar.filterItems")
+            }, null, 8, ["model-value", "placeholder"]),
+            v(M),
+            e.showBusiness ? (a(), b(F, { key: 0 }, [
+              v(H, {
+                label: u(t)("inventory.common.business")
+              }, null, 8, ["label"]),
+              v(M),
+              v($, {
+                "model-value": n.value,
+                label: r.value,
+                onClick: m[1] || (m[1] = (p) => n.value = !0)
+              }, null, 8, ["model-value", "label"])
+            ], 64)) : y("", !0),
+            v(H, {
+              label: u(t)("inventory.common.restaurant")
+            }, null, 8, ["label"]),
+            v(M),
+            f("div", ie, [
+              (a(!0), b(F, null, R(d.value, (p) => {
+                var C;
+                return a(), w($, {
+                  key: p.value,
+                  "model-value": !n.value && ((C = u(o)._currentLocation) == null ? void 0 : C.dbName) === p.value,
+                  label: p.label,
+                  onClick: (Q) => x(p)
+                }, null, 8, ["model-value", "label", "onClick"]);
+              }), 128))
+            ]),
+            d.value.length ? y("", !0) : (a(), w($, {
+              key: 1,
+              disabled: "",
+              label: u(t)("inventory.common.noResultFound")
+            }, null, 8, ["label"])),
+            v(H, {
+              label: u(t)("inventory.common.warehouse")
+            }, null, 8, ["label"]),
+            v(M),
+            f("div", ce, [
+              (a(!0), b(F, null, R(k.value, (p) => {
+                var C;
+                return a(), w($, {
+                  key: p.value,
+                  "model-value": !n.value && ((C = u(o)._currentLocation) == null ? void 0 : C.dbName) === p.value,
+                  label: p.label,
+                  onClick: (Q) => x(p)
+                }, null, 8, ["model-value", "label", "onClick"]);
+              }), 128))
+            ]),
+            k.value.length ? y("", !0) : (a(), w($, {
+              key: 2,
+              disabled: "",
+              label: u(t)("inventory.common.noResultFound")
+            }, null, 8, ["label"]))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+function xe() {
+  const i = /* @__PURE__ */ new Date();
+  return i.setDate(i.getDate() - 15), {
+    start: i,
+    end: /* @__PURE__ */ new Date()
+  };
+}
+function z(i = 15) {
+  const o = /* @__PURE__ */ new Date();
+  o.setDate(o.getDate() - i);
+  const c = o, r = /* @__PURE__ */ new Date();
+  return {
+    startDate: `${N(c)}`,
+    endDate: `${N(r)}`
+  };
+}
+const me = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400" }, pe = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, ve = /* @__PURE__ */ V({
+  __name: "FmDateRangePickerChip",
+  props: {
+    modelValue: { default: (i) => i.modelValue ?? z() }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: o }) {
+    const c = o, r = O(z());
+    K(r, (l) => {
+      c("update:modelValue", l);
+    });
+    const t = _(() => {
+      const { startDate: l, endDate: n } = r.value;
+      return !l && !n ? "" : `${l} - ${n}`;
+    });
+    return (l, n) => {
+      const s = h("FmIcon"), d = h("FmDateRangePicker");
+      return a(), w(d, {
+        "show-predefined-range": "",
+        modelValue: r.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (k) => r.value = k),
+        "start-label": "",
+        "end-label": ""
+      }, {
+        "trigger-button": T(() => [
+          f("div", me, [
+            v(s, {
+              name: "calendar_month",
+              size: "sm"
+            }),
+            f("div", pe, L(t.value), 1)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), fe = { class: "flex-1 w-full flex items-center gap-4" }, be = {
+  key: 0,
+  class: "flex-1"
+}, ye = { class: "w-full max-w-[343px] xs:max-w-[unset] sm:max-w-[unset]" }, Be = /* @__PURE__ */ V({
+  __name: "FmInventoryTableToolbar",
+  props: /* @__PURE__ */ W({
+    dateRangeQuery: { type: Boolean },
+    changeLocation: { type: Boolean },
+    searchable: { type: Boolean },
+    actions: {},
+    usingBusinessHelperText: {},
+    showBusiness: { type: Boolean }
+  }, {
+    search: {},
+    searchModifiers: {},
+    dateRange: {},
+    dateRangeModifiers: {}
+  }),
+  emits: ["update:search", "update:dateRange"],
+  setup(i) {
+    const { breakpoints: o } = S(), c = _(() => o.value.xs || o.value.sm), r = U(i, "search"), t = U(i, "dateRange"), { t: l } = j(), n = A();
+    return (s, d) => {
+      const k = h("FmTextField"), x = h("FmButton");
+      return a(), b("div", {
+        class: "flex flex-col gap-8",
+        onVnodeMounted: d[2] || (d[2] = //@ts-ignore
+        (...e) => u(n).onMounted && u(n).onMounted(...e)),
+        onVnodeUnmounted: d[3] || (d[3] = //@ts-ignore
+        (...e) => u(n).onUnmounted && u(n).onUnmounted(...e))
+      }, [
+        f("div", {
+          class: D([
+            "flex gap-8 items-center h-48",
+            {
+              "px-8 flex-col-reverse h-[unset]": c.value,
+              "h-48": !c.value
+            }
+          ])
+        }, [
+          s.changeLocation || s.dateRangeQuery ? (a(), b("div", {
+            key: 0,
+            class: D([
+              "flex gap-8 items-center",
+              {
+                "w-full overflow-x-auto": c.value
+              }
+            ])
+          }, [
+            s.changeLocation ? (a(), w(de, {
+              key: 0,
+              "show-business": s.showBusiness
+            }, null, 8, ["show-business"])) : y("", !0),
+            s.dateRangeQuery ? (a(), w(ve, {
+              key: 1,
+              "model-value": t.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (e) => t.value = e)
+            }, null, 8, ["model-value"])) : y("", !0)
+          ], 2)) : y("", !0),
+          f("div", fe, [
+            c.value ? y("", !0) : (a(), b("div", be)),
+            f("div", ye, [
+              s.searchable ? (a(), w(k, {
+                key: 0,
+                "model-value": r.value,
+                "onUpdate:modelValue": d[1] || (d[1] = (e) => r.value = e),
+                "prepend-icon": "search",
+                placeholder: u(l)("inventory.common.table.toolbar.filterItems"),
+                class: "w-full"
+              }, null, 8, ["model-value", "placeholder"])) : y("", !0)
+            ]),
+            (a(!0), b(F, null, R(s.actions, (e, m) => (a(), w(x, {
+              key: m,
+              variant: "tertiary",
+              "prepend-icon": e.icon,
+              onClick: e.onClick
+            }, null, 8, ["prepend-icon", "onClick"]))), 128))
+          ])
+        ], 2)
+      ], 512);
+    };
+  }
+});
+export {
+  ke as _,
+  Be as a,
+  xe as b,
+  z as i,
+  A as u
+};