@feedmepos/mf-inventory-portal 0.0.19-dev.10 → 0.0.19-dev.11

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-DupNA58V.js

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