@feedmepos/mf-inventory-portal 0.0.18-dev.3 → 0.0.19-dev.2

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-CvbKNb0C.js

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