@feedmepos/mf-inventory-portal 0.0.19-dev.4 → 0.0.19-dev.6

package/dist/ReceiveRequestView-CzsOfdV4.js

@@ -0,0 +1,208 @@
+import { defineComponent as ie, ref as R, watch as L, computed as J, resolveComponent as ce, openBlock as b, createBlock as k, unref as e, withCtx as C, createElementVNode as u, createVNode as c, normalizeStyle as le, toDisplayString as ue, createElementBlock as me, createCommentVNode as de, Teleport as pe, mergeProps as Q } from "vue";
+import { Y as h, j as fe, o as G, a as Z, G as ve, Z as _e, b as ye } from "./app-D8_IIKxj.js";
+import { i as W, _ as ge, a as De } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-4EAZjYHf.js";
+import { u as be } from "./purchase-order-transaction-type-M-fz1Vrz.js";
+import { u as he, _ as xe, g as Se } from "./TransferDetails.vue_vue_type_script_setup_true_lang-BUArpD4v.js";
+import { i as Re, e as ke } from "./id-to-date-DNUSJ_a1.js";
+import { useSnackbar as Ce, useBreakpoints as qe } from "@feedmepos/ui-library";
+import { _ as we } from "./TransferDialog.vue_vue_type_script_setup_true_lang-DqaAbttB.js";
+import { _ as Te, F as x, u as Fe } from "./layout-D-dTwEwF.js";
+import "./array-AvWd53LI.js";
+import { useI18n as Oe } from "@feedmepos/mf-common";
+const Ye = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Ee = { class: "flex flex-col py-8" }, Me = { 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" }, Ue = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, $e = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
+}, Ne = { class: "pt-8" }, X = "ReceiveRequestViewSearchCriteria", Xe = /* @__PURE__ */ ie({
+  __name: "ReceiveRequestView",
+  setup(je) {
+    const { t: m } = Oe(), B = Ce();
+    h.object({
+      name: h.string().optional().nullable(),
+      startDate: h.string().optional().nullable(),
+      endDate: h.string().optional().nullable()
+    });
+    const q = _e(), w = ye();
+    function I() {
+      const o = {
+        name: "",
+        ...W()
+      }, r = q.getItem(X);
+      if (!r)
+        return o;
+      try {
+        return JSON.parse(r);
+      } catch {
+        return o;
+      }
+    }
+    function T() {
+      q.setItem(X, JSON.stringify(i.value));
+    }
+    const i = R(I()), a = be("receive/request", i.value), { columnDefs: ee } = he("receive/request", a), F = fe();
+    async function te() {
+      const o = `inventory-record_${G(i.value.startDate).format("DD-MM-YYYY_HH-mm")}-${G(i.value.endDate).format("DD-MM-YYYY_HH-mm")}.xlsx`, r = a.purchaseOrders.value.flatMap(
+        (n) => n.items.map((t) => {
+          const s = new Date(Re(n._id) ?? ""), p = n.effectiveAt ? new Date(n.effectiveAt) : void 0, f = Z(
+            Se(t.sku, n.deliveryOrder || [])
+          ), v = Z(t.quantity);
+          return {
+            "SKU code": t.code,
+            "SKU name": t.name,
+            "PO #": n.seqNumber,
+            "Effective at": p,
+            Date: s,
+            Status: n.status,
+            Reference: n.ref ?? "",
+            "Received quantity": f,
+            "Ordered quantity": v,
+            Unit: t.sku.unit.abbrev,
+            "Total cost": t.totalCost ? ve(t.totalCost) : null
+          };
+        })
+      ), l = [
+        "SKU code",
+        "SKU name",
+        "PO #",
+        "Date",
+        "Status",
+        "Reference",
+        "Received quantity",
+        "Ordered quantity",
+        "Unit"
+      ];
+      w.enableBackdatePo && l.insert("Effective at", 4), w.enableTotalCost && l.push("Total cost"), await ke(
+        [
+          {
+            name: "purchases",
+            data: r,
+            columns: l
+          }
+        ],
+        o
+      ), B.open({
+        title: m("inventory.transfer.receiveRequest.export.success"),
+        message: m("inventory.transfer.receiveRequest.export.message", [o]),
+        type: "success"
+      });
+    }
+    const S = R(W()), d = R("");
+    L([() => S.value], ([o]) => {
+      !o.startDate || !o.endDate || (i.value.startDate = o.startDate, i.value.endDate = o.endDate, a.updateDateRange(
+        i.value.startDate,
+        i.value.endDate
+      ), T());
+    }), L([() => d.value], () => {
+      T();
+    });
+    function ae(o) {
+      o === "create" && a.promptCreateTransferDialog();
+    }
+    const { breakpoints: O } = qe(), oe = J(() => O.value.xs || O.value.sm ? 10 : 20), re = Fe(), ne = J(() => [
+      {
+        icon: "refresh",
+        onClick: a.fetchData
+      },
+      {
+        icon: "ios_share",
+        onClick: te
+      }
+    ]);
+    return (o, r) => {
+      const l = ce("FmTable");
+      return b(), k(ge, {
+        title: e(m)("inventory.transfer.receiveRequest.title2"),
+        actions: [
+          {
+            label: e(m)("inventory.transfer.receiveRequest.actions.create"),
+            value: "create",
+            isPrimary: !0,
+            prependIcon: "add"
+          }
+        ],
+        "onClick:action": ae
+      }, {
+        default: C(() => {
+          var n;
+          return [
+            u("div", Ye, [
+              c(De, {
+                "date-range-query": "",
+                "date-range": S.value,
+                "onUpdate:dateRange": r[0] || (r[0] = (t) => S.value = t),
+                searchable: "",
+                "change-location": "",
+                search: d.value,
+                "onUpdate:search": r[1] || (r[1] = (t) => d.value = t),
+                actions: ne.value
+              }, null, 8, ["date-range", "search", "actions"]),
+              (b(), k(l, {
+                style: le(e(re).tableHeight),
+                "column-defs": e(ee),
+                "row-data": e(a).purchaseOrders.value,
+                "search-value": d.value,
+                loading: !e(F)._currentLocation || e(a).loading.value,
+                onRowClick: r[2] || (r[2] = (t) => e(a).promptShowTransferDetails(t.original)),
+                key: (n = e(F)._currentLocation) == null ? void 0 : n.dbName,
+                "page-size": oe.value
+              }, {
+                "list-row": C((t) => [
+                  c(Te, {
+                    row: t,
+                    onRowClick: e(a).promptShowTransferDetails
+                  }, {
+                    default: C((s) => {
+                      var p, f, v, _, Y, E, M, P, y, U, $, N, j, g, A, H, V, K, D, z;
+                      return [
+                        u("div", Ee, [
+                          u("div", Me, [
+                            c(e(x), {
+                              render: (v = (f = (p = s._id) == null ? void 0 : p.column) == null ? void 0 : f.columnDef) == null ? void 0 : v.cell,
+                              props: (Y = (_ = s._id) == null ? void 0 : _.getContext) == null ? void 0 : Y.call(_)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          u("div", Pe, [
+                            c(e(x), {
+                              render: (P = (M = (E = s.supplier_name) == null ? void 0 : E.column) == null ? void 0 : M.columnDef) == null ? void 0 : P.cell,
+                              props: (U = (y = s.supplier_name) == null ? void 0 : y.getContext) == null ? void 0 : U.call(y)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          u("div", Ue, ue(t.original.items.map((se) => `${se.name}`).join(", ")), 1),
+                          t.original.ref ? (b(), me("div", $e, [
+                            c(e(x), {
+                              render: (j = (N = ($ = s.ref) == null ? void 0 : $.column) == null ? void 0 : N.columnDef) == null ? void 0 : j.cell,
+                              props: (A = (g = s.ref) == null ? void 0 : g.getContext) == null ? void 0 : A.call(g)
+                            }, null, 8, ["render", "props"])
+                          ])) : de("", !0),
+                          u("div", Ne, [
+                            c(e(x), {
+                              render: (K = (V = (H = s.status) == null ? void 0 : H.column) == null ? void 0 : V.columnDef) == null ? void 0 : K.cell,
+                              props: (z = (D = s.status) == null ? void 0 : D.getContext) == null ? void 0 : z.call(D)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+            ]),
+            (b(), k(pe, { to: "body" }, [
+              c(we, Q(e(a).transferDialogProps.value, {
+                onSubmitted: e(a).fetchData
+              }), null, 16, ["onSubmitted"]),
+              c(xe, Q(e(a).transferDetailsProps.value, {
+                onSubmitted: e(a).fetchData
+              }), null, 16, ["onSubmitted"])
+            ]))
+          ];
+        }),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  Xe as default
+};