@feedmepos/mf-inventory-portal 0.0.5

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-Ffe9bhq8.js

@@ -0,0 +1,1027 @@
+import { ref as F, computed as re, h as Se, defineComponent as Ue, resolveComponent as H, openBlock as f, createBlock as I, unref as y, isRef as Me, withCtx as se, createElementVNode as e, createVNode as G, createElementBlock as x, Fragment as ee, normalizeClass as ae, toDisplayString as O, createCommentVNode as S, renderList as me } from "vue";
+import { i as Fe } from "./init-date-range-M3Q03-Fd.js";
+import { d as Le, b as oe, q as v, r as je, c as Ce, n as M, s as Y, i as xe } from "./app-BzDhmCVx.js";
+import { y as ne, m as Be, n as Ie, i as Pe, t as pe, a as ce, l as Ve, k as Ge, j as Ke } from "./date2-C7HiAWQG.js";
+import { F as ke, D as N, R as k } from "./row-action.enum-BwQbURNh.js";
+import { useDialog as Ne, useSnackbar as Ee, components as Ae, useProxiedModel as ze } from "@feedmepos/ui-library";
+import { c as Re } from "./layout-BvUjg6JS.js";
+import { F as He } from "./decimal-D3a0BwVj.js";
+import { E as Qe } from "./empty-placeholder-wf6-BWE8.js";
+const Te = Le((a, i) => {
+  const d = oe();
+  return {
+    async readRequests(r) {
+      const g = r ?? d.currentLocationDBName, m = `${a.inventoryBackendUrl}/${g}/purchase-request`;
+      return await i.get(m);
+    },
+    async getPurchaseOrders({
+      start: r,
+      end: g
+    }) {
+      const m = d.currentLocationDBName, D = `${a.inventoryBackendUrl}/${m}/purchase-order`;
+      return await i.get(`${D}?start=${r}&end=${g}`);
+    },
+    async getPurchaseOrderById(r) {
+      const g = d.currentLocationDBName, m = `${a.inventoryBackendUrl}/${g}/purchase-order`;
+      return await i.get(`${m}/${r}`);
+    },
+    async processPurchaseOrder(r, g) {
+      const m = d.currentLocationDBName, D = g || m, T = `${a.inventoryBackendUrl}/${D}/purchase-order/run-operation`;
+      return await i.put(T, r);
+    },
+    async createPurchaseOrder(r) {
+      const g = d.currentLocationDBName, m = `${a.inventoryBackendUrl}/${g}/purchase-order`;
+      return await i.post(m, r);
+    },
+    async updatePurchaseOrder(r) {
+      const g = d.currentLocationDBName, m = `${a.inventoryBackendUrl}/${g}/purchase-order`;
+      return await i.put(m, r);
+    }
+  };
+}), $e = {
+  [v.enum.confirmDraft]: {
+    primaryActions: {
+      text: "Confirm draft",
+      close: !0
+    },
+    title: "Confirm draft?",
+    message: "Purchase order cannot be changed after confirm draft.",
+    successMessage: "Purchase order draft has been confirmed"
+  },
+  [v.enum.cancelDraft]: {
+    primaryActions: {
+      text: "Cancel draft",
+      close: !0,
+      variant: "destructive"
+    },
+    title: "Cancel draft?",
+    message: "Purchase order cannot be changed after cancelled draft.",
+    successMessage: "Purchase order draft has been cancelled"
+  },
+  [v.enum.submitRequest]: {
+    primaryActions: {
+      text: "Submit request",
+      close: !0
+    },
+    title: "Confirm draft?",
+    message: "Purchase order cannot be changed after confirm draft.",
+    successMessage: "Purchase order draft has been submitted"
+  },
+  [v.enum.completeReceive]: {
+    primaryActions: {
+      text: "Mark received",
+      close: !0
+    },
+    title: "Mark as received",
+    message: "Purchase order cannot be changed after it has complete receiving.",
+    successMessage: "Purchase order has been marked as received"
+  },
+  [v.enum.approveRequest]: {
+    primaryActions: {
+      text: "Approve request",
+      close: !0
+    },
+    title: "Approve request?",
+    message: "Purchase order will be approved.",
+    successMessage: "Purchase order has been approved"
+  },
+  [v.enum.rejectRequest]: {
+    primaryActions: {
+      text: "Reject request",
+      close: !0,
+      variant: "destructive"
+    },
+    title: "Reject request?",
+    message: "Purchase order will be rejected.",
+    successMessage: "Purchase order has been rejected"
+  }
+};
+function le(a) {
+  const i = qe(a);
+  return i === null ? "" : ne(i);
+}
+function qe(a) {
+  const i = a.match(/\w+_(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z).*/);
+  if (!i) return null;
+  const d = /* @__PURE__ */ new Date(`${i[1]}`);
+  return isNaN(d.getTime()) ? null : d;
+}
+function br(a, i) {
+  const d = Ne(), r = oe(), g = xe(), m = F(!1), D = Ee(), T = Te(), L = F(new Array()), u = F(
+    i != null && i.startDate && (i != null && i.endDate) ? i : Fe()
+  ), l = re(() => {
+    const n = new Date(u.value.startDate), s = new Date(u.value.endDate);
+    return {
+      start: Be(n).toISOString(),
+      end: Ie(s).toISOString()
+    };
+  }), o = F(new Array()), h = je(), E = F(null), $ = F();
+  function ie() {
+    const n = {
+      mode: ke.CREATE,
+      modelValue: {},
+      show: !0,
+      "onUpdate:show"(s) {
+        $.value.show = s;
+      },
+      lastClosingDate: E.value
+    };
+    $.value = n;
+  }
+  function B(n) {
+    const s = {
+      mode: ke.UPDATE,
+      modelValue: Ce(n),
+      show: !0,
+      "onUpdate:show"(_) {
+        $.value.show = _;
+      },
+      lastClosingDate: E.value
+    };
+    $.value = s;
+  }
+  async function ue() {
+    L.value = [], m.value = !0;
+    try {
+      L.value = await T.getPurchaseOrders(l.value).then((_) => _.sort((w, A) => A._id.localeCompare(w._id)));
+      const n = await h.readLastClosing(!0), s = n == null ? void 0 : n._id;
+      s && (E.value = qe(s));
+    } catch {
+      D.open({
+        title: "Something went wrong",
+        message: "Error at fetching purchase orders",
+        type: "error"
+      });
+    } finally {
+      m.value = !1;
+    }
+  }
+  async function de() {
+    o.value = [], m.value = !0;
+    try {
+      o.value = await T.readRequests();
+    } catch {
+      D.open({
+        title: "Something went wrong",
+        message: "Error at fetching purchase requests",
+        type: "error"
+      });
+    } finally {
+      m.value = !1;
+    }
+  }
+  function t() {
+    switch (a) {
+      case "receive/request":
+        return ue();
+      case "approval":
+        return de();
+    }
+  }
+  function c(n, s) {
+    u.value = {
+      startDate: n,
+      endDate: s
+    }, t();
+  }
+  r.watchLocation(async (n) => {
+    if (!n) {
+      L.value = [];
+      return;
+    }
+    await t();
+  });
+  const R = F(), b = F(Math.random().toString());
+  async function W(n, s) {
+    var C, q;
+    const _ = Math.random().toString();
+    b.value = _;
+    const w = a === "receive/request" ? r.currentLocation : s == null ? void 0 : s.to, A = {
+      purchaseOrder: n,
+      transferTo: w == null ? void 0 : w.name,
+      transferToDbName: w == null ? void 0 : w.dbName,
+      show: !0,
+      canResubmit: !1,
+      canApprove: a === "approval",
+      "onUpdate:show"(j) {
+        R.value.show = j;
+      }
+    };
+    if (R.value = A, !(s || n.status !== M.enum.REQUESTING)) {
+      try {
+        s = (await T.readRequests(
+          `${n.supplier.internal}_${n.supplier._id}`
+        )).find((z) => z.purchaseOrderId === n._id);
+      } catch {
+        console.error("Error at fetching po request to check");
+      }
+      _ === b.value && (R.value.canResubmit = !s, R.value.transferTo = (C = s == null ? void 0 : s.to) == null ? void 0 : C.name, R.value.transferToDbName = (q = s == null ? void 0 : s.to) == null ? void 0 : q.dbName);
+    }
+  }
+  async function K(n, s, _, w) {
+    m.value = !0;
+    try {
+      await T.processPurchaseOrder(
+        {
+          operation: s,
+          doc: n,
+          options: (
+            // auto receive for supplier to warehouse
+            (s === v.enum.confirmDraft || // auto receive for warehouse to warehouse
+            s === v.enum.completeReceive) && g.autoReceiveWarehouse ? {
+              autoReceive: !0
+            } : void 0
+          )
+        },
+        w
+      ), await new Promise((q) => setTimeout(q, 1e3));
+      const C = oe().currentLocationDBName.startsWith("restaurant_");
+      s === v.enum.confirmDraft && n.effectiveAt && C ? D.open({
+        title: "Success",
+        message: `${_}. The backdate will be reflected once your POS has received this change.`,
+        type: "success"
+      }) : D.open({
+        title: "Success",
+        message: _,
+        type: "success"
+      });
+    } catch (A) {
+      D.open({
+        title: "Something went wrong",
+        message: "Please try again.",
+        type: "error"
+      }), console.error("Error when submitting PO operation", s, n, A);
+    } finally {
+      m.value = !1, t();
+    }
+  }
+  async function V(n, s, _) {
+    const w = $e[s];
+    if (!w) {
+      D.open({
+        title: "Something went wrong",
+        message: `Cannot process order: ${Y(s)}`,
+        type: "error"
+      });
+      return;
+    }
+    const { successMessage: A, ...C } = w;
+    d.open({
+      title: C.title,
+      message: C.message,
+      primaryActions: C.primaryActions
+    }).onPrimary(() => {
+      K(n, s, A, _);
+    });
+  }
+  return {
+    purchaseOrders: L,
+    purchaseRequests: o,
+    updateDateRange: c,
+    fetchData: t,
+    loading: m,
+    transferDialogProps: $,
+    promptCreateTransferDialog: ie,
+    promptUpdateTransferDialog: B,
+    transferDetailsProps: R,
+    promptShowTransferDetails: W,
+    submitAction: V
+  };
+}
+function Ye(a, i) {
+  return i.reduce(
+    (r, g) => {
+      const m = g.received.find((D) => D.sku._id === a._id);
+      return m && (r = Pe(r, m.amount)), r;
+    },
+    He.toPrecision(pe(0), a.unit.precision)
+  );
+}
+function fe(a, i, d) {
+  const r = (d == null ? void 0 : d.abbrev) ?? i.abbrev;
+  return `${ce(a, !1)} ${r}`;
+}
+function We(a, i) {
+  const { name: d, address: r, regNo: g } = i.doc.profile, m = {
+    name: d,
+    registrationNumber: g,
+    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
+  }, D = {
+    name: a.supplier.name,
+    registrationNumber: a.supplier.registrationNumber,
+    line1: a.supplier.address.line1,
+    line2: a.supplier.address.line2,
+    postcode: a.supplier.address.postcode,
+    city: a.supplier.address.city,
+    state: a.supplier.address.state,
+    country: a.supplier.address.country
+  }, T = a.items.map((o) => {
+    const { sku: h, measurement: E } = o, $ = ce(
+      Ye(o.sku, a.deliveryOrder || []),
+      !1
+    );
+    return {
+      code: h.code,
+      description: h.name,
+      quantity: fe(o.quantity, h.unit, o.measurement),
+      unit: (E == null ? void 0 : E.abbrev) || h.unit.abbrev,
+      received: $
+    };
+  }), L = a.deliveryOrder.map((o) => ({
+    createdAt: ne(new Date(o.createdAt)),
+    ref: o.deliveryOrderNumber,
+    remark: o.remark || "",
+    items: o.received.map((h) => {
+      var E;
+      return {
+        code: h.sku.code,
+        description: h.sku.name,
+        quantity: ce(h.amount),
+        unit: ((E = h.measurement) == null ? void 0 : E.abbrev) || h.sku.unit.abbrev
+      };
+    })
+  })), u = {
+    orderNumber: a.seqNumber.toString(),
+    createdAt: le(a._id),
+    ref: a.ref || "",
+    remark: a.remark || "",
+    buyer: m,
+    supplier: D,
+    items: T,
+    status: a.status,
+    deliveryOrders: L
+  }, l = new URL(window.location.href);
+  l.pathname = "/receive-request/print-preview", l.searchParams.append("data", JSON.stringify(u)), window.open(l.href, "_blank", "noreferrer");
+}
+const Q = {
+  submitRequest: {
+    label: "Submit request",
+    color: "text-fm-color-typo-primary",
+    value: v.enum.submitRequest
+  },
+  confirmDraft: {
+    label: "Confirm draft",
+    color: "text-fm-color-typo-primary",
+    value: v.enum.confirmDraft
+  },
+  cancelDraft: {
+    label: "Cancel draft",
+    color: "text-fm-color-typo-error",
+    value: v.enum.cancelDraft
+  },
+  approveRequest: {
+    label: "Approve",
+    color: "text-fm-color-typo-primary",
+    value: v.enum.approveRequest
+  },
+  rejectRequest: {
+    label: "Reject",
+    color: "text-fm-color-typo-error",
+    value: v.enum.rejectRequest
+  },
+  processRequest: {
+    label: "Process",
+    color: "text-fm-color-typo-primary",
+    value: v.enum.processRequest
+  },
+  receiveStock: {
+    label: "Receive Stock",
+    color: "text-fm-color-typo-primary",
+    value: v.enum.receiveStock
+  },
+  completeReceive: {
+    label: "Mark completed",
+    color: "text-fm-color-typo-primary",
+    value: v.enum.completeReceive
+  }
+};
+function _r(a, i) {
+  const d = oe();
+  function r(u) {
+    switch (u.status) {
+      case "DRAFT":
+        return [
+          u.supplier.internal === "restaurant" || u.supplier.internal === "warehouse" ? Q[v.enum.submitRequest] : Q[v.enum.confirmDraft],
+          Q[v.enum.cancelDraft],
+          N[k.Update],
+          N[k.Details],
+          N[k.Print]
+        ];
+      case "RECEIVING":
+        return [
+          Q[v.enum.completeReceive],
+          N[k.Update],
+          N[k.Details],
+          N[k.Print]
+        ];
+      case "REQUESTING":
+        return a === "receive/request" ? [
+          N[k.Update],
+          N[k.Details],
+          N[k.Print]
+        ] : [
+          Q[v.enum.approveRequest],
+          Q[v.enum.rejectRequest],
+          N[k.Details],
+          N[k.Print]
+        ];
+      case "PROCESSING":
+        return [N[k.Details], N[k.Print]];
+      case "COMPLETE":
+      case "CANCEL":
+      default:
+        return [
+          N[k.Update],
+          N[k.Details],
+          N[k.Print]
+        ];
+    }
+  }
+  function g(u) {
+    return Object.values(v.enum).includes(u);
+  }
+  async function m(u, l, o) {
+    var E, $;
+    const h = Ce(l);
+    if (u === k.Print) {
+      We(h, d.currentLocation);
+      return;
+    }
+    if (u === k.Details) {
+      i.promptShowTransferDetails(h, o);
+      return;
+    }
+    if (u === k.Update) {
+      (E = i.promptUpdateTransferDialog) == null || E.call(i, h);
+      return;
+    }
+    if (g(u)) {
+      i.submitAction(l, u, ($ = o == null ? void 0 : o.to) == null ? void 0 : $.dbName);
+      return;
+    }
+  }
+  function D() {
+    return [
+      {
+        accessorKey: "seqNumber",
+        header: "#",
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "_id",
+        header: "Created At",
+        cell(u) {
+          return le(`${u.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "supplier.name",
+        header: "Transfer From",
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        accessorKey: "items.length",
+        header: "No. of Items",
+        enableSorting: !1,
+        meta: {
+          width: "10rem"
+        }
+      },
+      {
+        accessorKey: "ref",
+        header: "Reference",
+        enableSorting: !1,
+        size: "auto"
+      },
+      {
+        accessorKey: "status",
+        header: "Status",
+        cell(u) {
+          const l = `${u.getValue() ?? ""}`.toLocaleLowerCase("en-us");
+          return Se(Ae.FmChip, {
+            label: l === "cancel" ? "Cancelled" : Y(l),
+            class: `fm-status-badge fm-status-badge-${l}`,
+            compact: !0
+          });
+        },
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        id: "action",
+        cell(u) {
+          const l = u.row.original, o = r(l);
+          return Re(o, (h) => m(h, l));
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+  }
+  function T() {
+    return [
+      {
+        accessorKey: "purchaseOrder.seqNumber",
+        header: "#",
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "purchaseOrder._id",
+        header: "Created At",
+        cell(u) {
+          return le(`${u.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "to.name",
+        header: "Transfer To",
+        enableSorting: !1,
+        size: 200
+      },
+      {
+        accessorKey: "purchaseOrder.items.length",
+        header: "No. of Items",
+        enableSorting: !1
+      },
+      {
+        accessorKey: "purchaseOrder.ref",
+        header: "Reference",
+        enableSorting: !1,
+        size: "auto"
+      },
+      {
+        accessorKey: "purchaseOrder.status",
+        header: "Status",
+        cell(u) {
+          const l = `${u.getValue() ?? ""}`.toLocaleLowerCase("en-us");
+          return Se(Ae.FmChip, {
+            label: Y(l),
+            class: `fm-status-badge fm-status-badge-${l}`,
+            compact: !0
+          });
+        },
+        enableSorting: !0
+      },
+      {
+        id: "action",
+        cell(u) {
+          const l = u.row.original, o = l.purchaseOrder ? r(l.purchaseOrder) : [];
+          return Re(
+            o,
+            (h) => l.purchaseOrder ? m(h, l.purchaseOrder, l) : void 0
+          );
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+  }
+  const L = re(() => a === "receive/request" ? D() : T());
+  return {
+    get columnDefs() {
+      return L.value;
+    }
+  };
+}
+var te = /* @__PURE__ */ ((a) => (a.PURCHASE = "PURCHASE", a.TRANSFER = "TRANSFER", a))(te || {});
+const Je = { class: "flex flex-col gap-16 w-full h-full" }, Ze = { class: "xs:w-screen max-w-full" }, Xe = { class: "flex justify-between" }, et = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-lg-600" }, "Request summary", -1), tt = { class: "flex flex-col gap-8" }, rt = { class: "flex flex-col gap-4" }, st = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, [
+  /* @__PURE__ */ e("div", { class: "flex gap-1" }, "Created at")
+], -1), at = { class: "fm-typo-en-body-lg-600" }, ot = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, nt = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Backdated to ", -1), ct = { class: "fm-typo-en-body-lg-600" }, lt = { class: "flex flex-col gap-4" }, it = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "Type", -1), ut = { class: "fm-typo-en-body-lg-600" }, dt = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, mt = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "From", -1), pt = { class: "fm-typo-en-body-lg-600" }, ft = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, vt = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "To", -1), yt = { class: "fm-typo-en-body-lg-600" }, ht = {
+  key: 3,
+  class: "flex flex-col gap-4"
+}, gt = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "Reference", -1), bt = { class: "fm-typo-en-body-lg-600" }, _t = {
+  key: 4,
+  class: "flex flex-col gap-4"
+}, wt = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "Remark", -1), Ot = { class: "fm-typo-en-body-lg-600" }, Dt = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, St = { class: "flex flex-col gap-8" }, kt = { class: "fm-typo-en-body-lg-600" }, At = { class: "flex w-full gap-4" }, Rt = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, Ct = /* @__PURE__ */ e("div", { class: "flex-1 min-w-32" }, null, -1), xt = { class: "fm-typo-en-body-lg-600 shrink-0" }, Pt = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, Nt = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Et = {
+  key: 0,
+  class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, Tt = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, $t = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, qt = ["src"], Ut = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-lg-600" }, "No records found", -1), Mt = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, " Track and manage your delivery history here. ", -1), Ft = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, Lt = { class: "flex gap-12 content-stretch" }, jt = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Bt = { class: "flex-1 flex flex-col items-center" }, It = /* @__PURE__ */ e("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1), Vt = { class: "flex-1 flex flex-col items-center" }, Gt = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, Kt = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-lg-400" }, "Received", -1), zt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ht = { class: "flex gap-12 content-stretch" }, Qt = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Yt = { class: "flex-1 flex flex-col items-center" }, Wt = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, Jt = { class: "flex flex-col gap-8" }, Zt = { class: "flex flex-col gap-4" }, Xt = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Received by ", -1), er = { class: "fm-typo-en-body-lg-600" }, tr = { class: "flex flex-col gap-4" }, rr = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Received items ", -1), sr = { class: "flex flex-col gap-4" }, ar = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Delivery order no. ", -1), or = { class: "fm-typo-en-body-lg-600" }, nr = { class: "flex flex-col gap-4" }, cr = {
+  key: 0,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, lr = { class: "fm-typo-en-body-lg-600" }, ir = { class: "flex gap-8 xs:flex-col" }, wr = /* @__PURE__ */ Ue({
+  __name: "TransferDetails",
+  props: {
+    purchaseOrder: {},
+    transferTo: {},
+    transferToDbName: {},
+    show: { type: Boolean },
+    canResubmit: { type: Boolean },
+    canApprove: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(a, { emit: i }) {
+    const d = a, r = i, g = Ne(), m = Ee(), D = xe(), T = re(
+      () => {
+        var t, c, R, b;
+        return ((c = (t = d.purchaseOrder) == null ? void 0 : t.supplier) == null ? void 0 : c.internal) === "restaurant" || ((b = (R = d.purchaseOrder) == null ? void 0 : R.supplier) == null ? void 0 : b.internal) === "warehouse" ? te.TRANSFER : te.PURCHASE;
+      }
+    ), L = [
+      {
+        label: "Overview"
+      },
+      {
+        label: "Delivery history"
+      }
+    ], u = F(L[0]), l = F(!1), o = F(""), h = F(!0), E = Te(), $ = ze(d, "show");
+    async function ie(t, c, R) {
+      o.value = c, l.value = !0, h.value = !1;
+      try {
+        await E.processPurchaseOrder(
+          {
+            operation: c,
+            doc: t,
+            options: (
+              // auto receive for supplier to warehouse
+              (c === v.enum.confirmDraft || // auto receive for warehouse to warehouse
+              c === v.enum.completeReceive) && D.autoReceiveWarehouse ? {
+                autoReceive: !0
+              } : void 0
+            )
+          },
+          d.transferToDbName
+        ), await new Promise((b) => setTimeout(b, 1e3)), m.open({
+          title: "Success",
+          message: R,
+          type: "success"
+        }), r("update:show", !1), r("submitted");
+      } catch (b) {
+        m.open({
+          title: "Something went wrong",
+          message: "Please try again.",
+          type: "error"
+        }), console.error("Error when submitting PO operation", c, t, b);
+      } finally {
+        o.value = "", l.value = !1, h.value = !0;
+      }
+    }
+    async function B(t) {
+      const c = $e[t];
+      if (!c) {
+        m.open({
+          title: "Something went wrong",
+          message: `Cannot process order: ${Y(t)}`,
+          type: "error"
+        });
+        return;
+      }
+      const { successMessage: R, ...b } = c;
+      g.open({
+        title: b.title,
+        message: b.message,
+        primaryActions: b.primaryActions
+      }).onPrimary(() => {
+        d.purchaseOrder && ie(d.purchaseOrder, t, R);
+      });
+    }
+    const ue = re(() => {
+      var t, c;
+      return ((t = d.purchaseOrder) == null ? void 0 : t.status) === M.enum.RECEIVING || ((c = d.purchaseOrder) == null ? void 0 : c.status) === M.enum.COMPLETE;
+    }), de = re(() => {
+      var K, V, n;
+      const R = (((K = d.purchaseOrder) == null ? void 0 : K.deliveryOrder) ?? []).flatMap((s) => s.received ?? []).reduce(
+        (s, _) => {
+          const w = s[_.sku._id] ?? [];
+          return s[_.sku._id] = [...w, _], s;
+        },
+        {}
+      ), b = Object.entries(R).reduce(
+        (s, [_, w]) => {
+          const A = w.reduce((C, q) => {
+            const j = Ve(
+              C,
+              Math.max(C.precision, q.amount.precision)
+            );
+            return Pe(j, q.amount);
+          }, pe(0));
+          return s[_] = A, s;
+        },
+        {}
+      ), W = ((V = d.purchaseOrder) == null ? void 0 : V.items) ?? [];
+      for (const s of W)
+        b[n = s.sku._id] ?? (b[n] = pe(0));
+      return b;
+    });
+    return (t, c) => {
+      var _, w;
+      const R = H("FmButtonGroup"), b = H("FmChip"), W = H("FmMenuDivider"), K = H("FmCard"), V = H("FmSpacer"), n = H("FmButton"), s = H("FmSideSheet");
+      return f(), I(s, {
+        header: `Transfer details ${(_ = t.purchaseOrder) != null && _.seqNumber ? `#${(w = t.purchaseOrder) == null ? void 0 : w.seqNumber}` : ""}`,
+        modelValue: y($),
+        "onUpdate:modelValue": c[9] || (c[9] = (A) => Me($) ? $.value = A : null),
+        "dismiss-away": h.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: se(() => {
+          var A, C, q, j, z, J, Z, X;
+          return [
+            e("div", Je, [
+              e("div", null, [
+                G(R, {
+                  items: L,
+                  modelValue: u.value,
+                  "onUpdate:modelValue": c[0] || (c[0] = (p) => u.value = p)
+                }, null, 8, ["modelValue"])
+              ]),
+              ((A = u.value) == null ? void 0 : A.label) === "Overview" ? (f(), x(ee, { key: 0 }, [
+                e("div", Ze, [
+                  G(K, {
+                    variant: "outlined",
+                    class: "flex flex-col gap-8 px-12 py-16"
+                  }, {
+                    default: se(() => {
+                      var p, U, P, ve, ye, he, ge, be, _e, we, Oe, De;
+                      return [
+                        e("div", Xe, [
+                          et,
+                          e("div", null, [
+                            G(b, {
+                              label: ((p = t.purchaseOrder) == null ? void 0 : p.status) === "CANCEL" ? "Cancelled" : y(Y)(((U = t.purchaseOrder) == null ? void 0 : U.status) ?? ""),
+                              class: ae(`fm-status-badge fm-status-badge-${(P = t.purchaseOrder) == null ? void 0 : P.status.toLocaleLowerCase("en-us")}`),
+                              compact: ""
+                            }, null, 8, ["label", "class"])
+                          ])
+                        ]),
+                        G(W),
+                        e("div", tt, [
+                          e("div", rt, [
+                            st,
+                            e("div", at, O(y(le)(((ve = t.purchaseOrder) == null ? void 0 : ve._id) ?? "")), 1)
+                          ]),
+                          (ye = t.purchaseOrder) != null && ye.effectiveAt ? (f(), x("div", ot, [
+                            nt,
+                            e("div", ct, O(y(ne)(new Date((he = t.purchaseOrder) == null ? void 0 : he.effectiveAt))), 1)
+                          ])) : S("", !0),
+                          e("div", lt, [
+                            it,
+                            e("div", ut, O(y(Y)(T.value)), 1)
+                          ]),
+                          (be = (ge = t.purchaseOrder) == null ? void 0 : ge.supplier) != null && be.name ? (f(), x("div", dt, [
+                            mt,
+                            e("div", pt, O((we = (_e = t.purchaseOrder) == null ? void 0 : _e.supplier) == null ? void 0 : we.name), 1)
+                          ])) : S("", !0),
+                          t.transferTo ? (f(), x("div", ft, [
+                            vt,
+                            e("div", yt, O(t.transferTo), 1)
+                          ])) : S("", !0),
+                          (Oe = t.purchaseOrder) != null && Oe.ref ? (f(), x("div", ht, [
+                            gt,
+                            e("div", bt, O(t.purchaseOrder.ref), 1)
+                          ])) : S("", !0),
+                          (De = t.purchaseOrder) != null && De.remark ? (f(), x("div", _t, [
+                            wt,
+                            e("div", Ot, O(t.purchaseOrder.remark), 1)
+                          ])) : S("", !0)
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                e("div", Dt, [
+                  e("div", St, [
+                    e("div", kt, O(ue.value ? "Received items" : "Requested items"), 1),
+                    (f(!0), x(ee, null, me(((C = t.purchaseOrder) == null ? void 0 : C.items) ?? [], (p) => (f(), x("div", {
+                      key: p.code,
+                      class: "flex flex-col"
+                    }, [
+                      e("div", At, [
+                        e("div", Rt, O(p.name), 1),
+                        Ct,
+                        e("div", xt, O(y(ce)(de.value[p.sku._id], !1)) + "/" + O(y(fe)(p.quantity, p.sku.unit, p.measurement)), 1)
+                      ]),
+                      e("div", Pt, [
+                        e("div", Nt, O(p.code), 1),
+                        p.totalCost && y(D).enableTotalCost ? (f(), x("div", Et, " (" + O(y(Ge)(p.totalCost)) + ") ", 1)) : S("", !0)
+                      ])
+                    ]))), 128))
+                  ])
+                ])
+              ], 64)) : S("", !0),
+              ((q = u.value) == null ? void 0 : q.label) === "Delivery history" ? (f(), x("div", Tt, [
+                ((z = (j = t.purchaseOrder) == null ? void 0 : j.deliveryOrder) == null ? void 0 : z.length) === 0 ? (f(), x("div", $t, [
+                  G(V),
+                  e("div", null, [
+                    e("img", {
+                      src: y(Qe),
+                      alt: "List is empty"
+                    }, null, 8, qt)
+                  ]),
+                  Ut,
+                  Mt,
+                  G(V),
+                  G(V)
+                ])) : S("", !0),
+                (J = t.purchaseOrder) != null && J.deliveryOrder && ((Z = t.purchaseOrder) == null ? void 0 : Z.deliveryOrder.length) > 0 ? (f(), x("div", Ft, [
+                  (f(!0), x(ee, null, me((X = t.purchaseOrder) == null ? void 0 : X.deliveryOrder, (p, U) => (f(), x(ee, { key: U }, [
+                    e("div", Lt, [
+                      e("div", jt, [
+                        e("div", Bt, [
+                          e("div", {
+                            class: ae([
+                              {
+                                "bg-fm-color-primary": U !== 0,
+                                "bg-white": U === 0
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ]),
+                        It,
+                        e("div", Vt, [
+                          e("div", {
+                            class: ae([
+                              {
+                                "bg-fm-color-primary": U < t.purchaseOrder.deliveryOrder.length - 1,
+                                "bg-white": U >= t.purchaseOrder.deliveryOrder.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      e("div", Gt, [
+                        Kt,
+                        e("div", zt, O(y(ne)(new Date(p.createdAt))) + ", " + O(y(Ke)(new Date(p.createdAt))), 1)
+                      ])
+                    ]),
+                    e("div", Ht, [
+                      e("div", Qt, [
+                        e("div", Yt, [
+                          e("div", {
+                            class: ae([
+                              {
+                                "bg-fm-color-primary": U < t.purchaseOrder.deliveryOrder.length - 1,
+                                "bg-white": U >= t.purchaseOrder.deliveryOrder.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      e("div", Wt, [
+                        G(K, {
+                          variant: "outlined",
+                          class: "py-12 px-16"
+                        }, {
+                          default: se(() => [
+                            e("div", Jt, [
+                              e("div", Zt, [
+                                Xt,
+                                e("div", er, O(p.createdBy.name), 1)
+                              ]),
+                              e("div", tr, [
+                                rr,
+                                (f(!0), x(ee, null, me(p.received, (P) => (f(), x("div", {
+                                  class: "fm-typo-en-body-lg-600",
+                                  key: P.sku._id
+                                }, O(P.sku.name) + " " + O(y(fe)(P.amount, P.sku.unit, P.measurement)), 1))), 128))
+                              ]),
+                              e("div", sr, [
+                                ar,
+                                e("div", or, O(p.deliveryOrderNumber.trim().length ? p.deliveryOrderNumber : "-"), 1)
+                              ]),
+                              e("div", nr, [
+                                p.remark ? (f(), x("div", cr, " Delivery remark ")) : S("", !0),
+                                e("div", lr, O(p.remark), 1)
+                              ])
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])
+                    ])
+                  ], 64))), 128))
+                ])) : S("", !0)
+              ])) : S("", !0)
+            ])
+          ];
+        }),
+        "side-sheet-footer": se(() => {
+          var A, C, q, j, z, J, Z, X, p, U;
+          return [
+            e("div", ir, [
+              ((A = t.purchaseOrder) == null ? void 0 : A.status) === y(M).enum.DRAFT && T.value === y(te).PURCHASE ? (f(), I(n, {
+                key: 0,
+                label: "Confirm draft",
+                onClick: c[1] || (c[1] = (P) => B("confirmDraft")),
+                loading: o.value === "confirmDraft",
+                disabled: o.value !== "confirmDraft" && l.value
+              }, null, 8, ["loading", "disabled"])) : S("", !0),
+              ((C = t.purchaseOrder) == null ? void 0 : C.status) === y(M).enum.DRAFT && T.value === y(te).TRANSFER ? (f(), I(n, {
+                key: 1,
+                label: "Submit request",
+                onClick: c[2] || (c[2] = (P) => B("submitRequest")),
+                loading: o.value === "submitRequest",
+                disabled: o.value !== "submitRequest" && l.value
+              }, null, 8, ["loading", "disabled"])) : S("", !0),
+              ((q = t.purchaseOrder) == null ? void 0 : q.status) === y(M).enum.DRAFT ? (f(), I(n, {
+                key: 2,
+                label: "Cancel draft",
+                onClick: c[3] || (c[3] = (P) => B("cancelDraft")),
+                loading: o.value === "cancelDraft",
+                disabled: o.value !== "cancelDraft" && l.value,
+                variant: "destructive"
+              }, null, 8, ["loading", "disabled"])) : S("", !0),
+              ((j = t.purchaseOrder) == null ? void 0 : j.status) === y(M).enum.RECEIVING ? (f(), I(n, {
+                key: 3,
+                label: "Mark completed",
+                onClick: c[4] || (c[4] = (P) => B("completeReceive")),
+                loading: o.value === "completeReceive",
+                disabled: o.value !== "completeReceive" && l.value
+              }, null, 8, ["loading", "disabled"])) : S("", !0),
+              t.canResubmit ? (f(), I(n, {
+                key: 4,
+                label: "Resubmit request",
+                onClick: c[5] || (c[5] = (P) => B("submitRequest")),
+                loading: o.value === "submitRequest",
+                disabled: o.value !== "submitRequest" && l.value
+              }, null, 8, ["loading", "disabled"])) : S("", !0),
+              (((z = t.purchaseOrder) == null ? void 0 : z.status) === y(M).enum.REQUESTING || ((J = t.purchaseOrder) == null ? void 0 : J.status) === y(M).enum.PROCESSING) && t.canApprove ? (f(), I(n, {
+                key: 5,
+                label: "Approve",
+                onClick: c[6] || (c[6] = (P) => B("approveRequest")),
+                loading: o.value === "approveRequest",
+                disabled: o.value !== "approveRequest" && l.value
+              }, null, 8, ["loading", "disabled"])) : S("", !0),
+              ((Z = t.purchaseOrder) == null ? void 0 : Z.status) === y(M).enum.REQUESTING && t.canApprove ? (f(), I(n, {
+                key: 6,
+                label: "Reject",
+                onClick: c[7] || (c[7] = (P) => B("rejectRequest")),
+                loading: o.value === "rejectRequest",
+                disabled: o.value !== "rejectRequest" && l.value,
+                variant: "destructive"
+              }, null, 8, ["loading", "disabled"])) : S("", !0),
+              ((X = t.purchaseOrder) == null ? void 0 : X.status) !== y(M).enum.COMPLETE && ((p = t.purchaseOrder) == null ? void 0 : p.status) !== y(M).enum.CANCEL && (((U = t.purchaseOrder) == null ? void 0 : U.status) !== y(M).enum.REQUESTING || t.canApprove) ? (f(), I(n, {
+                key: 7,
+                label: "Close",
+                variant: "tertiary",
+                onClick: c[8] || (c[8] = (P) => r("update:show", !1))
+              })) : S("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+});
+export {
+  te as P,
+  wr as _,
+  br as a,
+  _r as b,
+  Ye as g,
+  qe as p,
+  Te as u
+};