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

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-BUArpD4v.js

@@ -0,0 +1,745 @@
+import { f as ae, P as Z, a as qe, d as Ce } from "./purchase-order-transaction-type-M-fz1Vrz.js";
+import { computed as re, h as be, defineComponent as De, ref as ee, resolveComponent as L, openBlock as m, createBlock as T, unref as s, isRef as Se, withCtx as te, createElementVNode as e, createVNode as $, createElementBlock as b, Fragment as X, toDisplayString as l, normalizeClass as se, createCommentVNode as p, renderList as le } from "vue";
+import { c as ge } from "./layout-D-dTwEwF.js";
+import { D as _, R as v } from "./row-action.enum-7jVyol1k.js";
+import { B as Re, l as ie, a as oe, ad as ce, ae as g, c as Ae, j as Ee, a9 as w, H as Pe, G as Te, E as Ne, b as Fe, w as je } from "./app-D8_IIKxj.js";
+import { F as $e } from "./decimal-BbpHeqMX.js";
+import { components as _e, useDialog as Ie, useSnackbar as Me, useProxiedModel as Ue } from "@feedmepos/ui-library";
+import { useI18n as Oe } from "@feedmepos/mf-common";
+import { E as Le } from "./empty-placeholder-wf6-BWE8.js";
+function Ve(u, R) {
+  return R.reduce(
+    (r, A) => {
+      const C = A.received.find((E) => E.sku._id === u._id);
+      return C && (r = Re(r, C.amount)), r;
+    },
+    $e.toPrecision(ie(0), u.unit.precision)
+  );
+}
+function ue(u, R, f) {
+  const r = (f == null ? void 0 : f.abbrev) ?? R.abbrev;
+  return `${oe(u, !1)} ${r}`;
+}
+function Be(u, R) {
+  const { name: f, address: r, regNo: A } = R.doc.profile, C = {
+    name: f,
+    registrationNumber: A,
+    line1: r == null ? void 0 : r.line1,
+    line2: r == null ? void 0 : r.line2,
+    postcode: r == null ? void 0 : r.postcode,
+    city: r == null ? void 0 : r.city,
+    state: r == null ? void 0 : r.state,
+    country: r == null ? void 0 : r.country
+  }, E = {
+    name: u.supplier.name,
+    registrationNumber: u.supplier.registrationNumber,
+    line1: u.supplier.address.line1,
+    line2: u.supplier.address.line2,
+    postcode: u.supplier.address.postcode,
+    city: u.supplier.address.city,
+    state: u.supplier.address.state,
+    country: u.supplier.address.country
+  }, i = u.items.map((o) => {
+    const { sku: a, measurement: y } = o, B = oe(
+      Ve(o.sku, u.deliveryOrder || []),
+      !1
+    );
+    return {
+      code: a.code,
+      description: a.name,
+      quantity: ue(o.quantity, a.unit, o.measurement),
+      unit: (y == null ? void 0 : y.abbrev) || a.unit.abbrev,
+      received: B
+    };
+  }), I = u.deliveryOrder.map((o) => ({
+    createdAt: ce(new Date(o.createdAt)),
+    ref: o.deliveryOrderNumber,
+    remark: o.remark || "",
+    items: o.received.map((a) => {
+      var y;
+      return {
+        code: a.sku.code,
+        description: a.sku.name,
+        quantity: oe(a.amount),
+        unit: ((y = a.measurement) == null ? void 0 : y.abbrev) || a.sku.unit.abbrev
+      };
+    })
+  })), V = {
+    orderNumber: u.seqNumber.toString(),
+    createdAt: ae(u._id),
+    ref: u.ref || "",
+    remark: u.remark || "",
+    buyer: C,
+    supplier: E,
+    items: i,
+    status: u.status,
+    deliveryOrders: I
+  }, c = new URL(window.location.href);
+  c.pathname = "/receive-request/print-preview", c.searchParams.append("data", JSON.stringify(V)), window.open(c.href, "_blank", "noreferrer");
+}
+const z = {
+  submitRequest: {
+    label: "Submit request",
+    color: "text-fm-color-typo-primary",
+    value: g.enum.submitRequest
+  },
+  confirmDraft: {
+    label: "Confirm draft",
+    color: "text-fm-color-typo-primary",
+    value: g.enum.confirmDraft
+  },
+  cancelDraft: {
+    label: "Cancel draft",
+    color: "text-fm-color-typo-error",
+    value: g.enum.cancelDraft
+  },
+  approveRequest: {
+    label: "Approve",
+    color: "text-fm-color-typo-primary",
+    value: g.enum.approveRequest
+  },
+  rejectRequest: {
+    label: "Reject",
+    color: "text-fm-color-typo-error",
+    value: g.enum.rejectRequest
+  },
+  processRequest: {
+    label: "Process",
+    color: "text-fm-color-typo-primary",
+    value: g.enum.processRequest
+  },
+  receiveStock: {
+    label: "Receive Stock",
+    color: "text-fm-color-typo-primary",
+    value: g.enum.receiveStock
+  },
+  completeReceive: {
+    label: "Mark completed",
+    color: "text-fm-color-typo-primary",
+    value: g.enum.completeReceive
+  }
+};
+function fs(u, R) {
+  const f = Ee(), { t: r } = Oe();
+  function A(c) {
+    switch (c.status) {
+      case "DRAFT":
+        return [
+          c.supplier.internal === "restaurant" || c.supplier.internal === "warehouse" ? z[g.enum.submitRequest] : z[g.enum.confirmDraft],
+          z[g.enum.cancelDraft],
+          _[v.Update],
+          _[v.Details],
+          _[v.Print]
+        ];
+      case "RECEIVING":
+        return [
+          z[g.enum.completeReceive],
+          _[v.Update],
+          _[v.Details],
+          _[v.Print]
+        ];
+      case "REQUESTING":
+        return u === "receive/request" ? [
+          _[v.Update],
+          _[v.Details],
+          _[v.Print]
+        ] : [
+          z[g.enum.approveRequest],
+          z[g.enum.rejectRequest],
+          _[v.Details],
+          _[v.Print]
+        ];
+      case "PROCESSING":
+        return [_[v.Details], _[v.Print]];
+      case "COMPLETE":
+      case "CANCEL":
+      default:
+        return [
+          _[v.Update],
+          _[v.Details],
+          _[v.Print]
+        ];
+    }
+  }
+  function C(c) {
+    return Object.values(g.enum).includes(c);
+  }
+  async function E(c, o, a) {
+    var B, G;
+    const y = Ae(o);
+    if (c === v.Print) {
+      Be(y, f.currentLocation);
+      return;
+    }
+    if (c === v.Details) {
+      R.promptShowTransferDetails(y, a);
+      return;
+    }
+    if (c === v.Update) {
+      (B = R.promptUpdateTransferDialog) == null || B.call(R, y);
+      return;
+    }
+    if (C(c)) {
+      R.submitAction(o, c, (G = a == null ? void 0 : a.to) == null ? void 0 : G.dbName);
+      return;
+    }
+  }
+  function i() {
+    return [
+      {
+        accessorKey: "seqNumber",
+        header: () => r("inventory.transfer.table.seqNo"),
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "_id",
+        header: () => r("inventory.transfer.table.createdAt"),
+        cell(c) {
+          return ae(`${c.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "supplier.name",
+        header: () => r("inventory.transfer.table.transferFrom"),
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        accessorKey: "items.length",
+        header: () => r("inventory.transfer.table.noOfItems"),
+        enableSorting: !1,
+        meta: {
+          width: "10rem"
+        }
+      },
+      {
+        accessorKey: "ref",
+        header: () => r("inventory.transfer.table.reference"),
+        enableSorting: !1,
+        size: "auto"
+      },
+      {
+        accessorKey: "status",
+        header: () => r("inventory.transfer.table.status"),
+        cell(c) {
+          const o = r(`inventory.transfer.status.${c.getValue() ?? ""}`), a = `${c.getValue() ?? ""}`.toLocaleLowerCase("en-us");
+          return be(_e.FmChip, {
+            label: o,
+            class: `fm-status-badge fm-status-badge-${a}`,
+            compact: !0
+          });
+        },
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        id: "action",
+        cell(c) {
+          const o = c.row.original, a = A(o);
+          return ge(a, (y) => E(y, o));
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+  }
+  function I() {
+    return [
+      {
+        accessorKey: "purchaseOrder.seqNumber",
+        header: () => r("inventory.transfer.table.seqNo"),
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "purchaseOrder._id",
+        header: () => r("inventory.transfer.table.createdAt"),
+        cell(c) {
+          return ae(`${c.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "to.name",
+        header: () => r("inventory.transfer.table.transferTo"),
+        enableSorting: !1,
+        size: 200
+      },
+      {
+        accessorKey: "purchaseOrder.items.length",
+        header: () => r("inventory.transfer.table.noOfItems"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "purchaseOrder.ref",
+        header: () => r("inventory.transfer.table.reference"),
+        enableSorting: !1,
+        size: "auto"
+      },
+      {
+        accessorKey: "purchaseOrder.status",
+        header: () => r("inventory.transfer.table.status"),
+        cell(c) {
+          const o = r(`inventory.transfer.status.${c.getValue() ?? ""}`), a = `${c.getValue() ?? ""}`.toLocaleLowerCase("en-us");
+          return be(_e.FmChip, {
+            label: o,
+            class: `fm-status-badge fm-status-badge-${a}`,
+            compact: !0
+          });
+        },
+        enableSorting: !0
+      },
+      {
+        id: "action",
+        cell(c) {
+          const o = c.row.original, a = o.purchaseOrder ? A(o.purchaseOrder) : [];
+          return ge(
+            a,
+            (y) => o.purchaseOrder ? E(y, o.purchaseOrder, o) : void 0
+          );
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+  }
+  const V = re(() => u === "receive/request" ? i() : I());
+  return {
+    get columnDefs() {
+      return V.value;
+    }
+  };
+}
+const Ge = { class: "flex flex-col gap-16 w-full h-full" }, Ke = { class: "xs:w-screen max-w-full" }, He = { class: "flex justify-between" }, ze = { class: "fm-typo-en-body-lg-600" }, Qe = { class: "flex flex-col gap-8" }, Ye = { class: "flex flex-col gap-4" }, Je = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, We = { class: "flex gap-1" }, Xe = { class: "fm-typo-en-body-lg-600" }, Ze = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, et = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, tt = { class: "fm-typo-en-body-lg-600" }, st = { class: "flex flex-col gap-4" }, rt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, at = { class: "fm-typo-en-body-lg-600" }, ot = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt = { class: "fm-typo-en-body-lg-600" }, it = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, ct = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ut = { class: "fm-typo-en-body-lg-600" }, dt = {
+  key: 3,
+  class: "flex flex-col gap-4"
+}, mt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ft = { class: "fm-typo-en-body-lg-600" }, pt = {
+  key: 4,
+  class: "flex flex-col gap-4"
+}, vt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yt = { class: "fm-typo-en-body-lg-600" }, ht = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, bt = { class: "flex flex-col gap-8" }, gt = { class: "fm-typo-en-body-lg-600" }, _t = { class: "flex w-full gap-4" }, Rt = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, Ot = /* @__PURE__ */ e("div", { class: "flex-1 min-w-32" }, null, -1), kt = { class: "fm-typo-en-body-lg-600 shrink-0" }, wt = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, xt = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, qt = {
+  key: 0,
+  class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, Ct = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, Dt = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, St = ["src"], At = { class: "fm-typo-en-body-lg-600" }, Et = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, Pt = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, Tt = { class: "flex gap-12 content-stretch" }, Nt = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Ft = { class: "flex-1 flex flex-col items-center" }, jt = /* @__PURE__ */ e("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1), $t = { class: "flex-1 flex flex-col items-center" }, It = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, Mt = { class: "fm-typo-en-body-lg-400" }, Ut = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Lt = { class: "flex gap-12 content-stretch" }, Vt = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Bt = { class: "flex-1 flex flex-col items-center" }, Gt = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, Kt = { class: "flex flex-col gap-8" }, Ht = { class: "flex flex-col gap-4" }, zt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Qt = { class: "fm-typo-en-body-lg-600" }, Yt = { class: "flex flex-col gap-4" }, Jt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Wt = { class: "flex flex-col gap-4" }, Xt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Zt = { class: "fm-typo-en-body-lg-600" }, es = { class: "flex flex-col gap-4" }, ts = {
+  key: 0,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, ss = { class: "fm-typo-en-body-lg-600" }, rs = { class: "flex gap-8 xs:flex-col" }, ps = /* @__PURE__ */ De({
+  __name: "TransferDetails",
+  props: {
+    purchaseOrder: {},
+    transferTo: {},
+    transferToDbName: {},
+    show: { type: Boolean },
+    canResubmit: { type: Boolean },
+    canApprove: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(u, { emit: R }) {
+    const f = u, r = R, A = Ie(), C = Me(), E = Fe(), { t: i } = Oe(), I = re(
+      () => {
+        var t, n, D, h;
+        return ((n = (t = f.purchaseOrder) == null ? void 0 : t.supplier) == null ? void 0 : n.internal) === "restaurant" || ((h = (D = f.purchaseOrder) == null ? void 0 : D.supplier) == null ? void 0 : h.internal) === "warehouse" ? Z.TRANSFER : Z.PURCHASE;
+      }
+    ), V = [
+      {
+        label: i("inventory.transfer.receiveRequest.details.overview"),
+        value: "overview"
+      },
+      {
+        label: i("inventory.transfer.receiveRequest.details.deliveryHistory"),
+        value: "deliveryHistory"
+      }
+    ], c = ee(V[0]), o = ee(!1), a = ee(""), y = ee(!0), B = qe(), G = Ue(f, "show");
+    async function ke(t, n, D) {
+      a.value = n, o.value = !0, y.value = !1;
+      try {
+        await B.processPurchaseOrder(
+          {
+            operation: n,
+            doc: t,
+            options: (
+              // auto receive for supplier to warehouse
+              (n === g.enum.confirmDraft || // auto receive for warehouse to warehouse
+              n === g.enum.completeReceive) && E.autoReceiveWarehouse ? {
+                autoReceive: !0
+              } : void 0
+            )
+          },
+          f.transferToDbName
+        ), await new Promise((h) => setTimeout(h, 1e3)), C.open({
+          title: "Success",
+          message: D,
+          type: "success"
+        }), r("update:show", !1), r("submitted");
+      } catch (h) {
+        C.open({
+          title: "Something went wrong",
+          message: "Please try again.",
+          type: "error"
+        }), console.error("Error when submitting PO operation", n, t, h);
+      } finally {
+        a.value = "", o.value = !1, y.value = !0;
+      }
+    }
+    async function M(t) {
+      const n = Ce[t];
+      if (!n) {
+        C.open({
+          title: "Something went wrong",
+          message: `Cannot process order: ${je(t)}`,
+          type: "error"
+        });
+        return;
+      }
+      const { successMessage: D, ...h } = n;
+      A.open({
+        title: h.title,
+        message: h.message,
+        primaryActions: h.primaryActions
+      }).onPrimary(() => {
+        f.purchaseOrder && ke(f.purchaseOrder, t, D);
+      });
+    }
+    const we = re(() => {
+      var t, n;
+      return ((t = f.purchaseOrder) == null ? void 0 : t.status) === w.enum.RECEIVING || ((n = f.purchaseOrder) == null ? void 0 : n.status) === w.enum.COMPLETE;
+    }), xe = re(() => {
+      var Q, K, x;
+      const D = (((Q = f.purchaseOrder) == null ? void 0 : Q.deliveryOrder) ?? []).flatMap((k) => k.received ?? []).reduce(
+        (k, N) => {
+          const H = k[N.sku._id] ?? [];
+          return k[N.sku._id] = [...H, N], k;
+        },
+        {}
+      ), h = Object.entries(D).reduce(
+        (k, [N, H]) => {
+          const P = H.reduce((F, j) => {
+            const U = Pe(
+              F,
+              Math.max(F.precision, j.amount.precision)
+            );
+            return Re(U, j.amount);
+          }, ie(0));
+          return k[N] = P, k;
+        },
+        {}
+      ), ne = ((K = f.purchaseOrder) == null ? void 0 : K.items) ?? [];
+      for (const k of ne)
+        h[x = k.sku._id] ?? (h[x] = ie(0));
+      return h;
+    });
+    return (t, n) => {
+      var N, H;
+      const D = L("FmButtonGroup"), h = L("FmChip"), ne = L("FmMenuDivider"), Q = L("FmCard"), K = L("FmSpacer"), x = L("FmButton"), k = L("FmSideSheet");
+      return m(), T(k, {
+        header: s(i)("inventory.transfer.receiveRequest.details.title") + ((N = t.purchaseOrder) != null && N.seqNumber ? ` #${(H = t.purchaseOrder) == null ? void 0 : H.seqNumber}` : ""),
+        modelValue: s(G),
+        "onUpdate:modelValue": n[9] || (n[9] = (P) => Se(G) ? G.value = P : null),
+        "dismiss-away": y.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: te(() => {
+          var P, F, j, U, Y, J;
+          return [
+            e("div", Ge, [
+              e("div", null, [
+                $(D, {
+                  items: V,
+                  modelValue: c.value,
+                  "onUpdate:modelValue": n[0] || (n[0] = (d) => c.value = d)
+                }, null, 8, ["modelValue"])
+              ]),
+              c.value.value === "overview" ? (m(), b(X, { key: 0 }, [
+                e("div", Ke, [
+                  $(Q, {
+                    variant: "outlined",
+                    class: "flex flex-col gap-8 px-12 py-16"
+                  }, {
+                    default: te(() => {
+                      var d, O, q, W, S, de, me, fe, pe, ve, ye, he;
+                      return [
+                        e("div", He, [
+                          e("div", ze, l(s(i)("inventory.transfer.receiveRequest.details.requestSummary")), 1),
+                          e("div", null, [
+                            $(h, {
+                              label: s(i)(`inventory.transfer.status.${(d = t.purchaseOrder) == null ? void 0 : d.status}`),
+                              class: se(`fm-status-badge fm-status-badge-${(q = (O = t.purchaseOrder) == null ? void 0 : O.status) == null ? void 0 : q.toLocaleLowerCase("en-us")}`),
+                              compact: ""
+                            }, null, 8, ["label", "class"])
+                          ])
+                        ]),
+                        $(ne),
+                        e("div", Qe, [
+                          e("div", Ye, [
+                            e("div", Je, [
+                              e("div", We, l(s(i)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                            ]),
+                            e("div", Xe, l(s(ae)(((W = t.purchaseOrder) == null ? void 0 : W._id) ?? "")), 1)
+                          ]),
+                          (S = t.purchaseOrder) != null && S.effectiveAt ? (m(), b("div", Ze, [
+                            e("div", et, l(s(i)("inventory.transfer.receiveRequest.details.backdatedTo")), 1),
+                            e("div", tt, l(s(ce)(new Date((de = t.purchaseOrder) == null ? void 0 : de.effectiveAt))), 1)
+                          ])) : p("", !0),
+                          e("div", st, [
+                            e("div", rt, l(s(i)("inventory.transfer.receiveRequest.details.type.title")), 1),
+                            e("div", at, l(s(i)(
+                              `inventory.transfer.receiveRequest.details.type.${I.value.toLocaleLowerCase("en-US")}`
+                            )), 1)
+                          ]),
+                          (fe = (me = t.purchaseOrder) == null ? void 0 : me.supplier) != null && fe.name ? (m(), b("div", ot, [
+                            e("div", nt, l(s(i)("inventory.transfer.receiveRequest.details.from")), 1),
+                            e("div", lt, l((ve = (pe = t.purchaseOrder) == null ? void 0 : pe.supplier) == null ? void 0 : ve.name), 1)
+                          ])) : p("", !0),
+                          t.transferTo ? (m(), b("div", it, [
+                            e("div", ct, l(s(i)("inventory.transfer.receiveRequest.details.to")), 1),
+                            e("div", ut, l(t.transferTo), 1)
+                          ])) : p("", !0),
+                          (ye = t.purchaseOrder) != null && ye.ref ? (m(), b("div", dt, [
+                            e("div", mt, l(s(i)("inventory.transfer.receiveRequest.details.reference")), 1),
+                            e("div", ft, l(t.purchaseOrder.ref), 1)
+                          ])) : p("", !0),
+                          (he = t.purchaseOrder) != null && he.remark ? (m(), b("div", pt, [
+                            e("div", vt, l(s(i)("inventory.transfer.receiveRequest.details.remark")), 1),
+                            e("div", yt, l(t.purchaseOrder.remark), 1)
+                          ])) : p("", !0)
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                e("div", ht, [
+                  e("div", bt, [
+                    e("div", gt, l(we.value ? s(i)("inventory.transfer.receiveRequest.details.receivedItems") : s(i)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
+                    (m(!0), b(X, null, le(((P = t.purchaseOrder) == null ? void 0 : P.items) ?? [], (d) => (m(), b("div", {
+                      key: d.code,
+                      class: "flex flex-col"
+                    }, [
+                      e("div", _t, [
+                        e("div", Rt, l(d.name), 1),
+                        Ot,
+                        e("div", kt, l(s(oe)(xe.value[d.sku._id], !1)) + "/" + l(s(ue)(d.quantity, d.sku.unit, d.measurement)), 1)
+                      ]),
+                      e("div", wt, [
+                        e("div", xt, l(d.code), 1),
+                        d.totalCost && s(E).enableTotalCost ? (m(), b("div", qt, " (" + l(s(Te)(d.totalCost)) + ") ", 1)) : p("", !0)
+                      ])
+                    ]))), 128))
+                  ])
+                ])
+              ], 64)) : p("", !0),
+              c.value.value === "deliveryHistory" ? (m(), b("div", Ct, [
+                ((j = (F = t.purchaseOrder) == null ? void 0 : F.deliveryOrder) == null ? void 0 : j.length) === 0 ? (m(), b("div", Dt, [
+                  $(K),
+                  e("div", null, [
+                    e("img", {
+                      src: s(Le),
+                      alt: "List is empty"
+                    }, null, 8, St)
+                  ]),
+                  e("div", At, l(s(i)("inventory.transfer.receiveRequest.details.noRecordsFound")), 1),
+                  e("div", Et, l(s(i)("inventory.transfer.receiveRequest.details.trackDeliveryMessage")), 1),
+                  $(K),
+                  $(K)
+                ])) : p("", !0),
+                (U = t.purchaseOrder) != null && U.deliveryOrder && ((Y = t.purchaseOrder) == null ? void 0 : Y.deliveryOrder.length) > 0 ? (m(), b("div", Pt, [
+                  (m(!0), b(X, null, le((J = t.purchaseOrder) == null ? void 0 : J.deliveryOrder, (d, O) => (m(), b(X, { key: O }, [
+                    e("div", Tt, [
+                      e("div", Nt, [
+                        e("div", Ft, [
+                          e("div", {
+                            class: se([
+                              {
+                                "bg-fm-color-primary": O !== 0,
+                                "bg-white": O === 0
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ]),
+                        jt,
+                        e("div", $t, [
+                          e("div", {
+                            class: se([
+                              {
+                                "bg-fm-color-primary": O < t.purchaseOrder.deliveryOrder.length - 1,
+                                "bg-white": O >= t.purchaseOrder.deliveryOrder.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      e("div", It, [
+                        e("div", Mt, l(s(i)("inventory.transfer.receiveRequest.details.received")), 1),
+                        e("div", Ut, l(s(ce)(new Date(d.createdAt))) + ", " + l(s(Ne)(new Date(d.createdAt))), 1)
+                      ])
+                    ]),
+                    e("div", Lt, [
+                      e("div", Vt, [
+                        e("div", Bt, [
+                          e("div", {
+                            class: se([
+                              {
+                                "bg-fm-color-primary": O < t.purchaseOrder.deliveryOrder.length - 1,
+                                "bg-white": O >= t.purchaseOrder.deliveryOrder.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      e("div", Gt, [
+                        $(Q, {
+                          variant: "outlined",
+                          class: "py-12 px-16"
+                        }, {
+                          default: te(() => [
+                            e("div", Kt, [
+                              e("div", Ht, [
+                                e("div", zt, l(s(i)("inventory.transfer.receiveRequest.details.receivedBy")), 1),
+                                e("div", Qt, l(d.createdBy.name), 1)
+                              ]),
+                              e("div", Yt, [
+                                e("div", Jt, l(s(i)("inventory.transfer.receiveRequest.details.receivedItems")), 1),
+                                (m(!0), b(X, null, le(d.received, (q) => (m(), b("div", {
+                                  class: "fm-typo-en-body-lg-600",
+                                  key: q.sku._id
+                                }, l(q.sku.name) + " " + l(s(ue)(q.amount, q.sku.unit, q.measurement)), 1))), 128))
+                              ]),
+                              e("div", Wt, [
+                                e("div", Xt, l(s(i)("inventory.transfer.receiveRequest.details.deliveryOrderNo")), 1),
+                                e("div", Zt, l(d.deliveryOrderNumber.trim().length ? d.deliveryOrderNumber : "-"), 1)
+                              ]),
+                              e("div", es, [
+                                d.remark ? (m(), b("div", ts, l(s(i)("inventory.transfer.receiveRequest.details.deliveryRemark")), 1)) : p("", !0),
+                                e("div", ss, l(d.remark), 1)
+                              ])
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])
+                    ])
+                  ], 64))), 128))
+                ])) : p("", !0)
+              ])) : p("", !0)
+            ])
+          ];
+        }),
+        "side-sheet-footer": te(() => {
+          var P, F, j, U, Y, J, d, O, q, W;
+          return [
+            e("div", rs, [
+              ((P = t.purchaseOrder) == null ? void 0 : P.status) === s(w).enum.DRAFT && I.value === s(Z).PURCHASE ? (m(), T(x, {
+                key: 0,
+                label: s(i)("inventory.transfer.receiveRequest.actions.confirmDraft"),
+                onClick: n[1] || (n[1] = (S) => M("confirmDraft")),
+                loading: a.value === "confirmDraft",
+                disabled: a.value !== "confirmDraft" && o.value
+              }, null, 8, ["label", "loading", "disabled"])) : p("", !0),
+              ((F = t.purchaseOrder) == null ? void 0 : F.status) === s(w).enum.DRAFT && I.value === s(Z).TRANSFER ? (m(), T(x, {
+                key: 1,
+                label: s(i)("inventory.transfer.receiveRequest.actions.submitRequest"),
+                onClick: n[2] || (n[2] = (S) => M("submitRequest")),
+                loading: a.value === "submitRequest",
+                disabled: a.value !== "submitRequest" && o.value
+              }, null, 8, ["label", "loading", "disabled"])) : p("", !0),
+              ((j = t.purchaseOrder) == null ? void 0 : j.status) === s(w).enum.DRAFT ? (m(), T(x, {
+                key: 2,
+                label: s(i)("inventory.transfer.receiveRequest.actions.cancelDraft"),
+                onClick: n[3] || (n[3] = (S) => M("cancelDraft")),
+                loading: a.value === "cancelDraft",
+                disabled: a.value !== "cancelDraft" && o.value,
+                variant: "destructive"
+              }, null, 8, ["label", "loading", "disabled"])) : p("", !0),
+              ((U = t.purchaseOrder) == null ? void 0 : U.status) === s(w).enum.RECEIVING ? (m(), T(x, {
+                key: 3,
+                label: s(i)("inventory.transfer.receiveRequest.actions.completeReceive"),
+                onClick: n[4] || (n[4] = (S) => M("completeReceive")),
+                loading: a.value === "completeReceive",
+                disabled: a.value !== "completeReceive" && o.value
+              }, null, 8, ["label", "loading", "disabled"])) : p("", !0),
+              t.canResubmit ? (m(), T(x, {
+                key: 4,
+                label: s(i)("inventory.transfer.receiveRequest.actions.resubmitRequest"),
+                onClick: n[5] || (n[5] = (S) => M("submitRequest")),
+                loading: a.value === "submitRequest",
+                disabled: a.value !== "submitRequest" && o.value
+              }, null, 8, ["label", "loading", "disabled"])) : p("", !0),
+              (((Y = t.purchaseOrder) == null ? void 0 : Y.status) === s(w).enum.REQUESTING || ((J = t.purchaseOrder) == null ? void 0 : J.status) === s(w).enum.PROCESSING) && t.canApprove ? (m(), T(x, {
+                key: 5,
+                label: s(i)("inventory.transfer.approval.actions.approveRequest"),
+                onClick: n[6] || (n[6] = (S) => M("approveRequest")),
+                loading: a.value === "approveRequest",
+                disabled: a.value !== "approveRequest" && o.value
+              }, null, 8, ["label", "loading", "disabled"])) : p("", !0),
+              ((d = t.purchaseOrder) == null ? void 0 : d.status) === s(w).enum.REQUESTING && t.canApprove ? (m(), T(x, {
+                key: 6,
+                label: s(i)("inventory.transfer.approval.actions.rejectRequest"),
+                onClick: n[7] || (n[7] = (S) => M("rejectRequest")),
+                loading: a.value === "rejectRequest",
+                disabled: a.value !== "rejectRequest" && o.value,
+                variant: "destructive"
+              }, null, 8, ["label", "loading", "disabled"])) : p("", !0),
+              ((O = t.purchaseOrder) == null ? void 0 : O.status) !== s(w).enum.COMPLETE && ((q = t.purchaseOrder) == null ? void 0 : q.status) !== s(w).enum.CANCEL && (((W = t.purchaseOrder) == null ? void 0 : W.status) !== s(w).enum.REQUESTING || t.canApprove) ? (m(), T(x, {
+                key: 7,
+                label: s(i)("common.close"),
+                variant: "tertiary",
+                onClick: n[8] || (n[8] = (S) => r("update:show", !1))
+              }, null, 8, ["label"])) : p("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+});
+export {
+  ps as _,
+  Ve as g,
+  fs as u
+};