@feedmepos/mf-inventory-portal 0.0.23-dev.40 → 0.0.23-dev.41

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-DLDDXnyG.js

@@ -0,0 +1,1327 @@
+import { ref as K, computed as Y, h as oe, defineComponent as _e, unref as i, openBlock as g, createElementBlock as D, createElementVNode as e, toDisplayString as S, createCommentVNode as T, resolveComponent as Z, createVNode as U, createBlock as W, isRef as Ge, withCtx as de, Fragment as ne, normalizeClass as ye, createTextVNode as Te, renderList as pe } from "vue";
+import { X as He, u as be, aF as k, a2 as ze, a4 as Ye, a5 as Qe, ah as We, d as xe, e as Ie, aq as B, V as Fe, aG as Ze, Z as Se, L as he, i as fe, aH as Be, a9 as ge, f as Pe, D as V, h as F, b as Me, a3 as Je, an as Ce, a1 as $e, ad as Ee } from "./app-0klJzLit.js";
+import { useDialog as we, useSnackbar as Re, useProxiedModel as Xe } from "@feedmepos/ui-library";
+import { u as Ue } from "./feature-C1wCaXKQ.js";
+import { b as et, u as tt, f as Le, P as ie } from "./format-unit-display-CMa5UhY1.js";
+import { F as rt } from "./decimal-Cu4rlnvU.js";
+import { useI18n as je } from "@feedmepos/mf-common";
+import { E as st } from "./empty-placeholder-wf6-BWE8.js";
+const Ve = He((v, y) => {
+  const b = be();
+  return {
+    async readRequests(r) {
+      const O = r ?? b.currentLocationDBName, c = `${v.inventoryBackendUrl}/${O}/purchase-request`;
+      return await y.get(c);
+    },
+    async getPurchaseOrders({
+      start: r,
+      end: O
+    }) {
+      const c = b.currentLocationDBName, R = `${v.inventoryBackendUrl}/${c}/purchase-order`;
+      return await y.get(`${R}?start=${r}&end=${O}`);
+    },
+    async getPurchaseOrderById(r) {
+      const O = b.currentLocationDBName, c = `${v.inventoryBackendUrl}/${O}/purchase-order`;
+      return await y.get(`${c}/${r}`);
+    },
+    async processPurchaseOrder(r, O) {
+      const c = b.currentLocationDBName, R = O || c, l = `${v.inventoryBackendUrl}/${R}/purchase-order/run-operation`;
+      return await y.put(l, r);
+    },
+    async createPurchaseOrder(r) {
+      const O = b.currentLocationDBName, c = `${v.inventoryBackendUrl}/${O}/purchase-order`;
+      return await y.post(c, r);
+    },
+    async updatePurchaseOrder(r) {
+      const O = b.currentLocationDBName, c = `${v.inventoryBackendUrl}/${O}/purchase-order`;
+      return await y.put(c, r);
+    }
+  };
+}), Ke = {
+  [k.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"
+  },
+  [k.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"
+  },
+  [k.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"
+  },
+  [k.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"
+  },
+  [k.enum.approveRequest]: {
+    primaryActions: {
+      text: "Approve request",
+      close: !0
+    },
+    title: "Approve request?",
+    message: "Purchase order will be approved.",
+    successMessage: "Purchase order has been approved"
+  },
+  [k.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"
+  }
+}, ve = K();
+function $r(v, y) {
+  const b = we(), r = be(), O = Ue(), c = et(), R = tt(), l = K(!1), h = Re(), o = Ve(), s = K(new Array()), u = K(
+    y != null && y.startDate && (y != null && y.endDate) ? y : ze()
+  ), m = Y(() => {
+    const p = new Date(u.value.startDate), d = new Date(u.value.endDate);
+    return {
+      start: Ye(p).toISOString(),
+      end: Qe(d).toISOString()
+    };
+  }), f = K(new Array()), C = We(), z = K(null);
+  async function te(p) {
+    function d(n) {
+      const _ = {
+        mode: xe.CREATE,
+        modelValue: p || void 0,
+        show: !0,
+        "onUpdate:show"(w) {
+          ve.value.show = w;
+        },
+        templateId: n,
+        lastClosingDate: z.value
+      };
+      ve.value = _;
+    }
+    let q;
+    O.mustUsePoTemplate && !(p != null && p.template) ? b.open({
+      title: "Create Purchase Order",
+      message: "",
+      primaryActions: {
+        text: "Select a Template",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Without Template",
+        close: !0
+      }
+    }).onPrimary(async () => {
+      q = await c.getTemplateId(), q && d(q);
+    }).onSecondary(() => {
+      d(void 0);
+    }) : d(q);
+  }
+  function ce(p) {
+    const d = {
+      mode: xe.UPDATE,
+      modelValue: Ie(p),
+      show: !0,
+      "onUpdate:show"(q) {
+        ve.value.show = q;
+      },
+      lastClosingDate: z.value
+    };
+    ve.value = d;
+  }
+  async function G() {
+    s.value = [], l.value = !0;
+    try {
+      s.value = await o.getPurchaseOrders(m.value).then((q) => q.sort((n, _) => _._id.localeCompare(n._id)));
+      const p = await C.readLastClosing(!0), d = p == null ? void 0 : p._id;
+      d && (z.value = Ze(d)), O.mustUsePoTemplate && await R.fetchTemplates();
+    } catch {
+      h.open({
+        title: "Something went wrong",
+        message: "Error at fetching purchase orders",
+        type: "error"
+      });
+    } finally {
+      l.value = !1;
+    }
+  }
+  async function ue() {
+    f.value = [], l.value = !0;
+    try {
+      f.value = await o.readRequests().then((p) => p.reverse());
+    } catch {
+      h.open({
+        title: "Something went wrong",
+        message: "Error at fetching purchase requests",
+        type: "error"
+      });
+    } finally {
+      l.value = !1;
+    }
+  }
+  function J() {
+    switch (v) {
+      case "receive/request":
+        return G();
+      case "approval":
+        return ue();
+    }
+  }
+  function re(p, d) {
+    u.value = {
+      startDate: p,
+      endDate: d
+    }, J();
+  }
+  r.watchLocation(async (p) => {
+    if (!p) {
+      s.value = [];
+      return;
+    }
+    await J();
+  });
+  const X = K(), t = K(Math.random().toString());
+  async function a(p, d) {
+    var w, $;
+    const q = Math.random().toString();
+    t.value = q;
+    const n = v === "receive/request" ? r.currentLocation : d == null ? void 0 : d.to, _ = {
+      poRequest: d,
+      purchaseOrder: p,
+      transferTo: n == null ? void 0 : n.name,
+      transferToDbName: n == null ? void 0 : n.dbName,
+      show: !0,
+      canResubmit: !1,
+      canApprove: v === "approval",
+      "onUpdate:show"(x) {
+        X.value.show = x;
+      }
+    };
+    if (X.value = _, !(d || p.status !== B.enum.REQUESTING)) {
+      try {
+        d = (await o.readRequests(
+          `${p.supplier.internal}_${p.supplier._id}`
+        )).find((L) => L.purchaseOrderId === p._id);
+      } catch {
+        console.error("Error at fetching po request to check");
+      }
+      q === t.value && (X.value.canResubmit = !d, X.value.transferTo = (w = d == null ? void 0 : d.to) == null ? void 0 : w.name, X.value.transferToDbName = ($ = d == null ? void 0 : d.to) == null ? void 0 : $.dbName);
+    }
+  }
+  async function P(p, d, q, n) {
+    l.value = !0;
+    try {
+      await o.processPurchaseOrder(
+        {
+          operation: d,
+          doc: p,
+          options: (
+            // auto receive for supplier to warehouse
+            (d === k.enum.confirmDraft || // auto receive for warehouse to warehouse
+            d === k.enum.completeReceive) && O.autoReceiveWarehouse ? {
+              autoReceive: !0
+            } : void 0
+          )
+        },
+        n
+      ), await new Promise(($) => setTimeout($, 1e3));
+      const w = be().currentLocationDBName.startsWith("restaurant_");
+      d === k.enum.confirmDraft && p.effectiveAt && w ? h.open({
+        title: "Success",
+        message: `${q}. The backdate will be reflected once your POS has received this change.`,
+        type: "success"
+      }) : h.open({
+        title: "Success",
+        message: q,
+        type: "success"
+      });
+    } catch (_) {
+      h.open({
+        title: "Something went wrong",
+        message: "Please try again.",
+        type: "error"
+      }), console.error("Error when submitting PO operation", d, p, _);
+    } finally {
+      l.value = !1, J();
+    }
+  }
+  async function N(p, d, q) {
+    const n = Ke[d];
+    if (!n) {
+      h.open({
+        title: "Something went wrong",
+        message: `Cannot process order: ${Fe(d)}`,
+        type: "error"
+      });
+      return;
+    }
+    const { successMessage: _, ...w } = n;
+    b.open({
+      title: w.title,
+      message: w.message,
+      primaryActions: w.primaryActions
+    }).onPrimary(() => {
+      P(p, d, _, q);
+    });
+  }
+  return {
+    purchaseOrders: s,
+    purchaseRequests: f,
+    updateDateRange: re,
+    fetchData: J,
+    loading: l,
+    transferDialogProps: ve,
+    promptCreateTransferDialog: te,
+    promptUpdateTransferDialog: ce,
+    transferDetailsProps: X,
+    promptShowTransferDetails: a,
+    submitAction: N
+  };
+}
+function at(v, y) {
+  return y.reduce(
+    (r, O) => {
+      const c = O.received.find((R) => R.sku._id === v._id);
+      return c && (r = Se(r, c.amount)), r;
+    },
+    rt.toPrecision(he(0), v.unit.precision)
+  );
+}
+function nt(v, y) {
+  const { name: b, address: r, regNo: O } = y.doc.profile, c = {
+    name: b,
+    registrationNumber: O,
+    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
+  }, R = {
+    name: v.supplier.name,
+    registrationNumber: v.supplier.registrationNumber,
+    line1: v.supplier.address.line1,
+    line2: v.supplier.address.line2,
+    postcode: v.supplier.address.postcode,
+    city: v.supplier.address.city,
+    state: v.supplier.address.state,
+    country: v.supplier.address.country
+  }, l = v.items.map((u) => {
+    const { sku: m, measurement: f } = u, C = fe(
+      at(u.sku, v.deliveryOrder || []),
+      !1
+    );
+    return {
+      code: m.code,
+      description: m.name,
+      quantity: Le(u.quantity, m.unit, u.measurement),
+      unit: (f == null ? void 0 : f.abbrev) || m.unit.abbrev,
+      received: C
+    };
+  }), h = v.deliveryOrder.map((u) => ({
+    createdAt: Be(new Date(u.createdAt)),
+    ref: u.deliveryOrderNumber,
+    remark: u.remark || "",
+    items: u.received.map((m) => {
+      var f;
+      return {
+        code: m.sku.code,
+        description: m.sku.name,
+        quantity: fe(m.amount),
+        unit: ((f = m.measurement) == null ? void 0 : f.abbrev) || m.sku.unit.abbrev
+      };
+    })
+  })), o = {
+    orderNumber: v.seqNumber.toString(),
+    createdAt: ge(v._id),
+    ref: v.ref || "",
+    remark: v.remark || "",
+    buyer: c,
+    supplier: R,
+    items: l,
+    status: v.status,
+    deliveryOrders: h
+  }, s = new URL(window.location.href);
+  s.pathname = s.hostname.includes("inventory.feedme") ? "/receive-request/print-preview" : "/inventory/receive-request/print-preview", s.searchParams.append("data", JSON.stringify(o)), window.open(s.href, "_blank", "noreferrer");
+}
+const me = {
+  submitRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.submitRequest",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.submitRequest
+  },
+  confirmDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.confirmDraft",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.confirmDraft
+  },
+  cancelDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.cancelDraft",
+    color: "text-fm-color-typo-error",
+    value: k.enum.cancelDraft
+  },
+  approveRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveRequest",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.approveRequest
+  },
+  rejectRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectRequest",
+    color: "text-fm-color-typo-error",
+    value: k.enum.rejectRequest
+  },
+  processRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.processRequest",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.processRequest
+  },
+  receiveStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.receiveStock",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.receiveStock
+  },
+  completeReceive: {
+    translationKey: "inventory.transfer.receiveRequest.actions.completeReceive",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.completeReceive
+  }
+};
+function Er(v, y) {
+  const b = be(), { t: r } = je();
+  function O(s) {
+    switch (s.status) {
+      case "DRAFT":
+        return [
+          V[F.Update],
+          V[F.Details],
+          s.supplier.internal === "restaurant" || s.supplier.internal === "warehouse" ? me[k.enum.submitRequest] : me[k.enum.confirmDraft],
+          me[k.enum.cancelDraft],
+          V[F.Print]
+        ];
+      case "RECEIVING":
+        return [
+          me[k.enum.completeReceive],
+          V[F.Details],
+          V[F.Print]
+        ];
+      case "REQUESTING":
+        return v === "receive/request" ? [V[F.Details], V[F.Print]] : [
+          me[k.enum.approveRequest],
+          me[k.enum.rejectRequest],
+          V[F.Details],
+          V[F.Print]
+        ];
+      case "PROCESSING":
+        return [V[F.Details], V[F.Print]];
+      case "COMPLETE":
+      case "CANCEL":
+      default:
+        return [V[F.Details], V[F.Print]];
+    }
+  }
+  function c(s) {
+    return Object.values(k.enum).includes(s);
+  }
+  async function R(s, u, m) {
+    var C, z;
+    const f = Ie(u);
+    if (s === F.Print) {
+      nt(f, b.currentLocation);
+      return;
+    }
+    if (s === F.Details) {
+      y.promptShowTransferDetails(f, m);
+      return;
+    }
+    if (s === F.Update) {
+      (C = y.promptUpdateTransferDialog) == null || C.call(y, f);
+      return;
+    }
+    if (c(s)) {
+      y.submitAction(u, s, (z = m == null ? void 0 : m.to) == null ? void 0 : z.dbName);
+      return;
+    }
+  }
+  function l() {
+    return [
+      {
+        accessorKey: "seqNumber",
+        header: () => r("inventory.transfer.table.seqNo"),
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "_id",
+        header: () => r("inventory.transfer.table.createdAt"),
+        cell(s) {
+          return ge(`${s.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(s) {
+          const u = r(`inventory.transfer.status.${s.getValue() ?? ""}`), m = `${s.getValue() ?? ""}`.toLocaleLowerCase("en-us");
+          return oe(
+            "div",
+            {
+              class: "flex"
+            },
+            oe(
+              "div",
+              {
+                class: `fm-status-badge fm-status-badge-${m}`
+              },
+              u
+            )
+          );
+        },
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        id: "action",
+        cell(s) {
+          const u = s.row.original, m = O(u);
+          return Pe(m, (f) => R(f, u));
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+  }
+  function h() {
+    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(s) {
+          return ge(`${s.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(s) {
+          const u = r(`inventory.transfer.status.${s.getValue() ?? ""}`), m = `${s.getValue() ?? ""}`.toLocaleLowerCase("en-us");
+          return oe(
+            "div",
+            {
+              class: "flex"
+            },
+            oe(
+              "div",
+              {
+                class: `fm-status-badge fm-status-badge-${m}`
+              },
+              u
+            )
+          );
+        },
+        enableSorting: !0
+      },
+      {
+        id: "action",
+        cell(s) {
+          const u = s.row.original, m = u.purchaseOrder ? O(u.purchaseOrder) : [];
+          return Pe(
+            m,
+            (f) => u.purchaseOrder ? R(f, u.purchaseOrder, u) : void 0
+          );
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+  }
+  const o = Y(() => v === "receive/request" ? l() : h());
+  return {
+    get columnDefs() {
+      return o.value;
+    }
+  };
+}
+const ot = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, lt = { class: "flex flex-col gap-4" }, it = { class: "fm-typo-en-body-lg-600" }, ct = {
+  key: 0,
+  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-lg-600" }, pt = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, vt = { class: "fm-typo-en-body-lg-600" }, yt = /* @__PURE__ */ _e({
+  __name: "NetSuiteInfo",
+  props: {
+    transferType: {},
+    transferToDbName: {},
+    poRequest: {},
+    purchaseOrder: {},
+    isTransferBetweenOutlets: { type: Boolean }
+  },
+  setup(v) {
+    const y = v, b = Me(), r = Y(
+      () => {
+        var c, R, l, h, o, s;
+        return b.getLocationSubsidiary(
+          ((l = (R = (c = y.purchaseOrder) == null ? void 0 : c.netSuite) == null ? void 0 : R.subsidiary) == null ? void 0 : l.id) || ((s = (o = (h = y.poRequest) == null ? void 0 : h.netSuite) == null ? void 0 : o.subsidiary) == null ? void 0 : s.id)
+        ).fullName;
+      }
+    ), O = Y(() => {
+      var c, R, l, h, o, s;
+      return (R = (c = y.purchaseOrder) == null ? void 0 : c.deliveryFullfillment) != null && R.length && ((h = (l = y.purchaseOrder) == null ? void 0 : l.deliveryFullfillment) == null ? void 0 : h.length) > 0 ? (s = (o = y.purchaseOrder) == null ? void 0 : o.deliveryFullfillment) == null ? void 0 : s.map((u) => {
+        var m;
+        return (m = u.netSuite) == null ? void 0 : m.refNo;
+      }).join(", ") : "-";
+    });
+    return (c, R) => {
+      var l, h, o, s, u, m, f, C, z, te, ce, G, ue, J;
+      return i(b).isEnabled ? (g(), D("div", ot, [
+        e("div", lt, [
+          R[0] || (R[0] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "NetSuite subsidiary", -1)),
+          e("div", it, S(r.value || "-"), 1)
+        ]),
+        c.isTransferBetweenOutlets ? T("", !0) : (g(), D("div", ct, [
+          e("div", ut, " NetSuite " + S(c.transferType === i(ie).PURCHASE ? "Purchase Order" : "Transfer Order") + " (ID) ", 1),
+          e("div", dt, S(c.poRequest ? (h = (l = c.poRequest) == null ? void 0 : l.netSuite) == null ? void 0 : h.refNo : (s = (o = c.purchaseOrder) == null ? void 0 : o.netSuite) == null ? void 0 : s.refNo) + " (" + S(c.poRequest ? (m = (u = c.poRequest) == null ? void 0 : u.netSuite) == null ? void 0 : m.id : (C = (f = c.purchaseOrder) == null ? void 0 : f.netSuite) == null ? void 0 : C.id) + ") ", 1)
+        ])),
+        (ce = (te = (z = c.purchaseOrder) == null ? void 0 : z.netSuite) == null ? void 0 : te.additionalInfo) != null && ce.transactionnumber ? (g(), D("div", mt, [
+          R[1] || (R[1] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " NetSuite Transaction Number ", -1)),
+          e("div", ft, S((J = (ue = (G = c.purchaseOrder) == null ? void 0 : G.netSuite) == null ? void 0 : ue.additionalInfo) == null ? void 0 : J.transactionnumber), 1)
+        ])) : T("", !0),
+        i(b).isEnabled && c.transferType === i(ie).TRANSFER && !c.isTransferBetweenOutlets ? (g(), D("div", pt, [
+          R[2] || (R[2] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " NetSuite fulfillment IDs ", -1)),
+          e("div", vt, S(O.value), 1)
+        ])) : T("", !0)
+      ])) : T("", !0);
+    };
+  }
+}), ht = {
+  key: 0,
+  class: "flex flex-row-reverse"
+}, bt = /* @__PURE__ */ _e({
+  __name: "NetSuiteSync",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    isTransferBetweenOutlets: { type: Boolean }
+  },
+  setup(v) {
+    const y = v, b = Me(), r = Re(), O = we(), c = K(!1), R = Y(() => {
+      var u, m, f, C;
+      let h = !0;
+      b.isEnabled || (h = !1);
+      const o = y.purchaseOrder, s = y.poRequest;
+      return o && ((u = o == null ? void 0 : o.supplier) != null && u.internal ? (!s && o.status == B.enum.DRAFT && (h = !1), s && !((m = s == null ? void 0 : s.netSuite) != null && m.id) && (h = !1), y.isTransferBetweenOutlets && (h = !1)) : ((o == null ? void 0 : o.status) !== B.enum.REQUESTING && o.supplier.internal && (h = !1), !s && !((f = o == null ? void 0 : o.netSuite) != null && f.id) && (h = !1), !s && ((C = o == null ? void 0 : o.netSuite) != null && C.id) && (o == null ? void 0 : o.status) == B.enum.REQUESTING && (h = !1))), h;
+    });
+    async function l() {
+      c.value || O.open({
+        title: "Sync with NetSuite",
+        contentComponent: oe("div", [
+          oe("p", "Are you sure you want to sync now?"),
+          oe("br"),
+          oe(
+            "p",
+            { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
+            "Please wait a moment before syncing manually to avoid unnecessary actions."
+          )
+        ]),
+        primaryActions: {
+          text: "Sync",
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: { text: "Not now", close: !0 }
+      }).onPrimary(async () => {
+        var h;
+        try {
+          c.value = !0;
+          const o = y.purchaseOrder, s = y.poRequest;
+          let u = "purchaseOrder";
+          if ((h = o == null ? void 0 : o.supplier) != null && h.internal && (u = "purchaseOrderRequest"), !(o != null && o._id)) {
+            r.open({
+              title: "Error",
+              message: "Invalid sync ID",
+              type: "error"
+            });
+            return;
+          }
+          await b.syncTransferOrder(u, o == null ? void 0 : o._id, s == null ? void 0 : s._id), r.open({
+            title: "Sync with NetSuite",
+            message: "Requested to sync with NetSuite. Please wait a moment.",
+            type: "success"
+          });
+        } catch {
+          r.open({
+            title: "Error",
+            message: "Failed to sync with NetSuite",
+            type: "error"
+          });
+        }
+        setTimeout(() => {
+          c.value = !1;
+        }, 5e3);
+      });
+    }
+    return (h, o) => {
+      const s = Z("FmButton");
+      return R.value ? (g(), D("div", ht, [
+        U(s, {
+          "prepend-icon": "sync",
+          variant: "primary",
+          label: "NetSuite",
+          loading: c.value,
+          onClick: l
+        }, null, 8, ["loading"])
+      ])) : T("", !0);
+    };
+  }
+}), gt = { class: "flex flex-col gap-16 w-full h-full" }, St = { class: "flex justify-between" }, _t = { class: "fm-typo-en-body-lg-600" }, wt = { class: "flex flex-col gap-8" }, Rt = { class: "flex flex-col gap-4" }, Ot = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Dt = { class: "flex gap-1" }, kt = { class: "fm-typo-en-body-lg-600" }, qt = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, At = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Nt = { class: "fm-typo-en-body-lg-600" }, Tt = { class: "flex flex-col gap-4" }, xt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pt = { class: "fm-typo-en-body-lg-600" }, Ct = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, $t = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Et = { class: "fm-typo-en-body-lg-600" }, It = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, Ft = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bt = { class: "fm-typo-en-body-lg-600" }, Mt = {
+  key: 3,
+  class: "flex flex-col gap-4"
+}, Ut = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Lt = { class: "fm-typo-en-body-lg-600" }, jt = {
+  key: 4,
+  class: "flex flex-col gap-4"
+}, Vt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Kt = { class: "fm-typo-en-body-lg-600" }, Gt = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Ht = { class: "flex flex-col gap-8" }, zt = { class: "fm-typo-en-body-lg-600" }, Yt = { class: "flex gap-8" }, Qt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-col gap-4" }, Wt = { class: "flex w-full gap-4" }, Zt = { class: "basis-1/2 shrink-0 grow fm-typo-en-body-lg-400 line-clamp-2" }, Jt = { class: "fm-typo-en-body-lg-600 line-clamp-2" }, Xt = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, er = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-1" }, tr = {
+  key: 0,
+  class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, rr = { class: "py-8" }, sr = { class: "flex justify-end gap-4 items-center" }, ar = { class: "fm-typo-en-body-lg-600" }, nr = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, or = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, lr = ["src"], ir = { class: "fm-typo-en-body-lg-600" }, cr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, ur = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, dr = { class: "flex gap-12 content-stretch" }, mr = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, fr = { class: "flex-1 flex flex-col items-center" }, pr = { class: "flex-1 flex flex-col items-center" }, vr = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, yr = { class: "fm-typo-en-body-lg-400" }, hr = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, br = { class: "flex gap-12 content-stretch" }, gr = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Sr = { class: "flex-1 flex flex-col items-center" }, _r = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, wr = { class: "flex flex-col gap-8" }, Rr = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Or = { class: "flex flex-col gap-4" }, Dr = { class: "flex gap-8 xs:flex-col" }, Ir = /* @__PURE__ */ _e({
+  __name: "TransferDetails",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    transferTo: {},
+    transferToDbName: {},
+    show: { type: Boolean },
+    canResubmit: { type: Boolean },
+    canApprove: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(v, { emit: y }) {
+    const b = v, r = y, O = we(), c = Re(), R = Ue(), { t: l } = je(), h = Y(
+      () => {
+        var t, a, P, N;
+        return ((a = (t = b.purchaseOrder) == null ? void 0 : t.supplier) == null ? void 0 : a.internal) === "restaurant" || ((N = (P = b.purchaseOrder) == null ? void 0 : P.supplier) == null ? void 0 : N.internal) === "warehouse" ? ie.TRANSFER : ie.PURCHASE;
+      }
+    ), o = Y(() => {
+      var t, a, P;
+      return h.value === ie.TRANSFER && ((t = b.transferToDbName) == null ? void 0 : t.startsWith("restaurant")) && ((P = (a = b.purchaseOrder) == null ? void 0 : a.supplier) == null ? void 0 : P.internal) === "restaurant";
+    }), s = [
+      {
+        label: l("inventory.transfer.receiveRequest.details.overview"),
+        value: "overview"
+      },
+      {
+        label: l("inventory.transfer.receiveRequest.details.deliveryHistory"),
+        value: "deliveryHistory"
+      }
+    ], u = K(s[0]), m = K(!1), f = K(""), C = K(!0), z = Ve(), te = Xe(b, "show");
+    async function ce(t, a, P) {
+      f.value = a, m.value = !0, C.value = !1;
+      try {
+        await z.processPurchaseOrder(
+          {
+            operation: a,
+            doc: t,
+            options: (
+              // auto receive for supplier to warehouse
+              (a === k.enum.confirmDraft || // auto receive for warehouse to warehouse
+              a === k.enum.completeReceive) && R.autoReceiveWarehouse ? {
+                autoReceive: !0
+              } : void 0
+            )
+          },
+          b.transferToDbName
+        ), await new Promise((N) => setTimeout(N, 1e3)), c.open({
+          title: "Success",
+          message: P,
+          type: "success"
+        }), r("update:show", !1), r("submitted");
+      } catch (N) {
+        c.open({
+          title: "Something went wrong",
+          message: "Please try again.",
+          type: "error"
+        }), console.error("Error when submitting PO operation", a, t, N);
+      } finally {
+        f.value = "", m.value = !1, C.value = !0;
+      }
+    }
+    async function G(t) {
+      const a = Ke[t];
+      if (!a) {
+        c.open({
+          title: "Something went wrong",
+          message: `Cannot process order: ${Fe(t)}`,
+          type: "error"
+        });
+        return;
+      }
+      const { successMessage: P, ...N } = a;
+      O.open({
+        title: N.title,
+        message: N.message,
+        primaryActions: N.primaryActions
+      }).onPrimary(() => {
+        b.purchaseOrder && ce(b.purchaseOrder, t, P);
+      });
+    }
+    const ue = Y(() => {
+      var t, a;
+      return ((t = b.purchaseOrder) == null ? void 0 : t.status) === B.enum.RECEIVING || ((a = b.purchaseOrder) == null ? void 0 : a.status) === B.enum.COMPLETE;
+    }), J = Y(() => {
+      var d, q, n;
+      const P = (((d = b.purchaseOrder) == null ? void 0 : d.deliveryOrder) ?? []).flatMap((_) => _.received ?? []).reduce(
+        (_, w) => {
+          const $ = _[w.sku._id] ?? [];
+          return _[w.sku._id] = [...$, w], _;
+        },
+        {}
+      ), N = Object.entries(P).reduce(
+        (_, [w, $]) => {
+          const x = $.reduce((L, j) => {
+            const Q = Je(
+              L,
+              Math.max(L.precision, j.amount.precision)
+            );
+            return Se(Q, j.amount);
+          }, he(0));
+          return _[w] = x, _;
+        },
+        {}
+      ), p = ((q = b.purchaseOrder) == null ? void 0 : q.items) ?? [];
+      for (const _ of p)
+        N[n = _.sku._id] ?? (N[n] = he(0));
+      return N;
+    }), re = Y(() => {
+      var d, q;
+      const t = ((d = b.purchaseOrder) == null ? void 0 : d.deliveryOrder) ?? [], a = ((q = b.purchaseOrder) == null ? void 0 : q.deliveryFullfillment) ?? [], P = [
+        ...t.map((n) => ({
+          createdAt: n.createdAt,
+          type: "grn",
+          doc: n
+        })),
+        ...a.map((n) => ({
+          createdAt: n.createdAt,
+          type: "fulfillment",
+          doc: n
+        }))
+      ];
+      P.reverse().sort((n, _) => n.createdAt.localeCompare(_.createdAt));
+      function N(n) {
+        var w, $, x, L, j, Q, se;
+        const _ = a.findIndex((M) => M.id === n.fullfillmentId);
+        return {
+          header: "Received",
+          date: Ee(new Date(n.createdAt)),
+          info: [
+            {
+              label: "Received by",
+              values: [(w = n.createdBy) == null ? void 0 : w.name]
+            },
+            {
+              label: "Received items",
+              values: n.received.map((M) => {
+                var ae;
+                return `(${M.sku.code}) ${M.sku.name}: ${fe(M.amount, !1)} ${((ae = M.measurement) == null ? void 0 : ae.abbrev) ?? M.sku.unit.abbrev}`;
+              })
+            },
+            n.deliveryOrderNumber ? {
+              label: "Delivery order no.",
+              values: [n.deliveryOrderNumber]
+            } : null,
+            n.remark ? {
+              label: "Remark",
+              values: [n.remark]
+            } : null,
+            _ > -1 ? {
+              label: "Fulfilment's sequence",
+              values: [`${_ + 1}`]
+            } : null,
+            (x = ($ = a[_]) == null ? void 0 : $.netSuite) != null && x.refNo ? {
+              label: "Fulfillment's ref no. (Netsuite)",
+              values: [(j = (L = a[_]) == null ? void 0 : L.netSuite) == null ? void 0 : j.refNo]
+            } : null,
+            (Q = n == null ? void 0 : n.netSuite) != null && Q.refNo ? {
+              label: "Item receipt (Netsuite)",
+              values: [(se = n == null ? void 0 : n.netSuite) == null ? void 0 : se.refNo]
+            } : null
+          ].filter((M) => M)
+        };
+      }
+      function p(n) {
+        var w, $;
+        const _ = a.findIndex((x) => x.id === n.id);
+        return {
+          header: "Fulfillment",
+          date: Ee(new Date(n.createdAt)),
+          info: [
+            {
+              label: "Sequence",
+              values: [String(_ + 1)]
+            },
+            {
+              label: "Receiveable items",
+              values: n.items.map((x) => {
+                var L;
+                return `(${x.sku.code}) ${x.sku.name}: ${fe(x.amount, !1)} ${((L = x.measurement) == null ? void 0 : L.abbrev) ?? x.sku.unit.abbrev}`;
+              })
+            },
+            (w = n.netSuite) != null && w.refNo ? {
+              label: "Ref no. (Netsuite)",
+              values: [($ = n.netSuite) == null ? void 0 : $.refNo]
+            } : null
+          ].filter((x) => x)
+        };
+      }
+      return P.map((n) => {
+        switch (n.type) {
+          case "grn":
+            return N(n.doc);
+          case "fulfillment":
+            return p(n.doc);
+        }
+      });
+    }), X = Y(() => {
+      var a;
+      const t = {
+        ...he(0),
+        currency: Ce()
+      };
+      return ((a = b.purchaseOrder) == null ? void 0 : a.items.reduce((P, N) => ({
+        ...Se(P, N.totalCost ?? t),
+        currency: Ce()
+      }), t)) ?? t;
+    });
+    return (t, a) => {
+      var x, L;
+      const P = Z("FmButtonGroup"), N = Z("FmChip"), p = Z("FmMenuDivider"), d = Z("FmCard"), q = Z("FmIcon"), n = Z("FmTooltip"), _ = Z("FmSpacer"), w = Z("FmButton"), $ = Z("FmSideSheet");
+      return g(), W($, {
+        header: i(l)("inventory.transfer.receiveRequest.details.title") + ((x = t.purchaseOrder) != null && x.seqNumber ? ` #${(L = t.purchaseOrder) == null ? void 0 : L.seqNumber}` : ""),
+        modelValue: i(te),
+        "onUpdate:modelValue": a[9] || (a[9] = (j) => Ge(te) ? te.value = j : null),
+        "dismiss-away": C.value,
+        "close-button": "",
+        "max-width": 600
+      }, {
+        default: de(() => {
+          var j, Q, se, M, ae;
+          return [
+            e("div", gt, [
+              U(bt, {
+                "po-request": t.poRequest,
+                "purchase-order": t.purchaseOrder,
+                "is-transfer-between-outlets": o.value
+              }, null, 8, ["po-request", "purchase-order", "is-transfer-between-outlets"]),
+              e("div", null, [
+                U(P, {
+                  items: s,
+                  modelValue: u.value,
+                  "onUpdate:modelValue": a[0] || (a[0] = (A) => u.value = A)
+                }, null, 8, ["modelValue"])
+              ]),
+              u.value.value === "overview" ? (g(), D(ne, { key: 0 }, [
+                e("div", null, [
+                  U(d, {
+                    variant: "outlined",
+                    class: "flex flex-col gap-8 px-12 py-16"
+                  }, {
+                    default: de(() => {
+                      var A, E, I, ee, le, H, Oe, De, ke, qe, Ae, Ne;
+                      return [
+                        e("div", St, [
+                          e("div", _t, S(i(l)("inventory.transfer.receiveRequest.details.requestSummary")), 1),
+                          e("div", null, [
+                            U(N, {
+                              label: i(l)(`inventory.transfer.status.${(A = t.purchaseOrder) == null ? void 0 : A.status}`),
+                              class: ye(`fm-status-badge fm-status-badge-${(I = (E = t.purchaseOrder) == null ? void 0 : E.status) == null ? void 0 : I.toLocaleLowerCase("en-us")}`),
+                              compact: ""
+                            }, null, 8, ["label", "class"])
+                          ])
+                        ]),
+                        U(p),
+                        e("div", wt, [
+                          e("div", Rt, [
+                            e("div", Ot, [
+                              e("div", Dt, S(i(l)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                            ]),
+                            e("div", kt, S(i(ge)(((ee = t.purchaseOrder) == null ? void 0 : ee._id) ?? "")), 1)
+                          ]),
+                          (le = t.purchaseOrder) != null && le.effectiveAt ? (g(), D("div", qt, [
+                            e("div", At, S(i(l)("inventory.transfer.receiveRequest.details.backdatedTo")), 1),
+                            e("div", Nt, S(i(Be)(new Date((H = t.purchaseOrder) == null ? void 0 : H.effectiveAt))), 1)
+                          ])) : T("", !0),
+                          e("div", Tt, [
+                            e("div", xt, S(i(l)("inventory.transfer.receiveRequest.details.type.title")), 1),
+                            e("div", Pt, S(i(l)(
+                              `inventory.transfer.receiveRequest.details.type.${h.value.toLocaleLowerCase("en-US")}`
+                            )), 1)
+                          ]),
+                          (De = (Oe = t.purchaseOrder) == null ? void 0 : Oe.supplier) != null && De.name ? (g(), D("div", Ct, [
+                            e("div", $t, S(i(l)("inventory.transfer.receiveRequest.details.from")), 1),
+                            e("div", Et, S((qe = (ke = t.purchaseOrder) == null ? void 0 : ke.supplier) == null ? void 0 : qe.name), 1)
+                          ])) : T("", !0),
+                          t.transferTo ? (g(), D("div", It, [
+                            e("div", Ft, S(i(l)("inventory.transfer.receiveRequest.details.to")), 1),
+                            e("div", Bt, S(t.transferTo), 1)
+                          ])) : T("", !0),
+                          U(yt, {
+                            "po-request": t.poRequest,
+                            "purchase-order": t.purchaseOrder,
+                            "transfer-type": h.value,
+                            "transfer-to-db-name": t.transferToDbName,
+                            "is-transfer-between-outlets": o.value
+                          }, null, 8, ["po-request", "purchase-order", "transfer-type", "transfer-to-db-name", "is-transfer-between-outlets"]),
+                          (Ae = t.purchaseOrder) != null && Ae.ref ? (g(), D("div", Mt, [
+                            e("div", Ut, S(i(l)("inventory.transfer.receiveRequest.details.reference")), 1),
+                            e("div", Lt, S(t.purchaseOrder.ref), 1)
+                          ])) : T("", !0),
+                          (Ne = t.purchaseOrder) != null && Ne.remark ? (g(), D("div", jt, [
+                            e("div", Vt, S(i(l)("inventory.transfer.receiveRequest.details.remark")), 1),
+                            e("div", Kt, S(t.purchaseOrder.remark), 1)
+                          ])) : T("", !0)
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                e("div", Gt, [
+                  e("div", Ht, [
+                    e("div", zt, [
+                      e("div", Yt, [
+                        Te(S(ue.value ? i(l)("inventory.transfer.receiveRequest.details.receivedItems") : i(l)("inventory.transfer.receiveRequest.details.requestedItems")) + " ", 1),
+                        (Q = (j = t.purchaseOrder) == null ? void 0 : j.netSuite) != null && Q.missingItems && ((M = (se = t.purchaseOrder) == null ? void 0 : se.netSuite) == null ? void 0 : M.missingItems.length) > 0 ? (g(), W(n, {
+                          key: 0,
+                          variant: "rich",
+                          placement: "top",
+                          "z-index": 51
+                        }, {
+                          content: de(() => {
+                            var A, E;
+                            return [
+                              e("div", Qt, [
+                                (g(!0), D(ne, null, pe((E = (A = t.purchaseOrder) == null ? void 0 : A.netSuite) == null ? void 0 : E.missingItems, (I, ee) => (g(), D("div", {
+                                  class: "flex justify-center align-middle",
+                                  key: ee
+                                }, [
+                                  U(q, {
+                                    name: "arrow_right",
+                                    size: "sm"
+                                  }),
+                                  Te(" " + S(`(${I.netSuiteId}) ${I.name}: ${I.reason}`), 1)
+                                ]))), 128))
+                              ])
+                            ];
+                          }),
+                          default: de(() => [
+                            U(q, {
+                              name: "error",
+                              color: "#ff2c2c",
+                              size: "sm"
+                            })
+                          ]),
+                          _: 1
+                        })) : T("", !0)
+                      ])
+                    ]),
+                    (g(!0), D(ne, null, pe(((ae = t.purchaseOrder) == null ? void 0 : ae.items) ?? [], (A) => (g(), D("div", {
+                      key: A.code,
+                      class: "flex flex-col"
+                    }, [
+                      e("div", Wt, [
+                        e("div", Zt, S(A.name), 1),
+                        e("div", Jt, S(i(fe)(J.value[A.sku._id], !1)) + "/" + S(i(Le)(A.quantity, A.sku.unit, A.measurement)), 1)
+                      ]),
+                      e("div", Xt, [
+                        e("div", er, S(A.code), 1),
+                        A.totalCost && i(R).enableTotalCost ? (g(), D("div", tr, " (" + S(i($e)(A.totalCost)) + ") ", 1)) : T("", !0)
+                      ])
+                    ]))), 128)),
+                    +i(fe)(X.value) ? (g(), D(ne, { key: 0 }, [
+                      e("div", rr, [
+                        U(p)
+                      ]),
+                      e("div", sr, [
+                        a[10] || (a[10] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Total:", -1)),
+                        e("div", ar, S(i($e)(X.value)), 1)
+                      ])
+                    ], 64)) : T("", !0)
+                  ])
+                ])
+              ], 64)) : T("", !0),
+              u.value.value === "deliveryHistory" ? (g(), D("div", nr, [
+                re.value.length ? (g(), D("div", ur, [
+                  (g(!0), D(ne, null, pe(re.value, (A, E) => (g(), D(ne, { key: E }, [
+                    e("div", dr, [
+                      e("div", mr, [
+                        e("div", fr, [
+                          e("div", {
+                            class: ye([
+                              {
+                                "bg-fm-color-primary": E !== 0,
+                                "bg-white": E === 0
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ]),
+                        a[11] || (a[11] = e("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                        e("div", pr, [
+                          e("div", {
+                            class: ye([
+                              {
+                                "bg-fm-color-primary": E < re.value.length - 1,
+                                "bg-white": E >= re.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      e("div", vr, [
+                        e("div", yr, S(A.header), 1),
+                        e("div", hr, S(A.date), 1)
+                      ])
+                    ]),
+                    e("div", br, [
+                      e("div", gr, [
+                        e("div", Sr, [
+                          e("div", {
+                            class: ye([
+                              {
+                                "bg-fm-color-primary": E < re.value.length - 1,
+                                "bg-white": E >= re.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      e("div", _r, [
+                        U(d, {
+                          variant: "outlined",
+                          class: "py-12 px-16"
+                        }, {
+                          default: de(() => [
+                            e("div", wr, [
+                              (g(!0), D(ne, null, pe(A.info, (I, ee) => (g(), D("div", {
+                                key: ee,
+                                class: "flex flex-col gap-4"
+                              }, [
+                                e("div", Rr, S(I == null ? void 0 : I.label), 1),
+                                e("div", Or, [
+                                  (g(!0), D(ne, null, pe(I == null ? void 0 : I.values, (le, H) => (g(), D("div", {
+                                    key: H,
+                                    class: "fm-typo-en-body-lg-600"
+                                  }, S(le), 1))), 128))
+                                ])
+                              ]))), 128))
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])
+                    ])
+                  ], 64))), 128))
+                ])) : (g(), D("div", or, [
+                  U(_),
+                  e("div", null, [
+                    e("img", {
+                      src: i(st),
+                      alt: "List is empty"
+                    }, null, 8, lr)
+                  ]),
+                  e("div", ir, S(i(l)("inventory.transfer.receiveRequest.details.noRecordsFound")), 1),
+                  e("div", cr, S(i(l)("inventory.transfer.receiveRequest.details.trackDeliveryMessage")), 1),
+                  U(_),
+                  U(_)
+                ]))
+              ])) : T("", !0)
+            ])
+          ];
+        }),
+        "side-sheet-footer": de(() => {
+          var j, Q, se, M, ae, A, E, I, ee, le;
+          return [
+            e("div", Dr, [
+              ((j = t.purchaseOrder) == null ? void 0 : j.status) === i(B).enum.DRAFT && h.value === i(ie).PURCHASE ? (g(), W(w, {
+                key: 0,
+                label: i(l)("inventory.transfer.receiveRequest.actions.confirmDraft"),
+                onClick: a[1] || (a[1] = (H) => G("confirmDraft")),
+                loading: f.value === "confirmDraft",
+                disabled: f.value !== "confirmDraft" && m.value
+              }, null, 8, ["label", "loading", "disabled"])) : T("", !0),
+              ((Q = t.purchaseOrder) == null ? void 0 : Q.status) === i(B).enum.DRAFT && h.value === i(ie).TRANSFER ? (g(), W(w, {
+                key: 1,
+                label: i(l)("inventory.transfer.receiveRequest.actions.submitRequest"),
+                onClick: a[2] || (a[2] = (H) => G("submitRequest")),
+                loading: f.value === "submitRequest",
+                disabled: f.value !== "submitRequest" && m.value
+              }, null, 8, ["label", "loading", "disabled"])) : T("", !0),
+              ((se = t.purchaseOrder) == null ? void 0 : se.status) === i(B).enum.DRAFT ? (g(), W(w, {
+                key: 2,
+                label: i(l)("inventory.transfer.receiveRequest.actions.cancelDraft"),
+                onClick: a[3] || (a[3] = (H) => G("cancelDraft")),
+                loading: f.value === "cancelDraft",
+                disabled: f.value !== "cancelDraft" && m.value,
+                variant: "destructive"
+              }, null, 8, ["label", "loading", "disabled"])) : T("", !0),
+              ((M = t.purchaseOrder) == null ? void 0 : M.status) === i(B).enum.RECEIVING ? (g(), W(w, {
+                key: 3,
+                label: i(l)("inventory.transfer.receiveRequest.actions.completeReceive"),
+                onClick: a[4] || (a[4] = (H) => G("completeReceive")),
+                loading: f.value === "completeReceive",
+                disabled: f.value !== "completeReceive" && m.value
+              }, null, 8, ["label", "loading", "disabled"])) : T("", !0),
+              t.canResubmit ? (g(), W(w, {
+                key: 4,
+                label: i(l)("inventory.transfer.receiveRequest.actions.resubmitRequest"),
+                onClick: a[5] || (a[5] = (H) => G("submitRequest")),
+                loading: f.value === "submitRequest",
+                disabled: f.value !== "submitRequest" && m.value
+              }, null, 8, ["label", "loading", "disabled"])) : T("", !0),
+              (((ae = t.purchaseOrder) == null ? void 0 : ae.status) === i(B).enum.REQUESTING || ((A = t.purchaseOrder) == null ? void 0 : A.status) === i(B).enum.PROCESSING) && t.canApprove ? (g(), W(w, {
+                key: 5,
+                label: i(l)("inventory.transfer.approval.actions.approveRequest"),
+                onClick: a[6] || (a[6] = (H) => G("approveRequest")),
+                loading: f.value === "approveRequest",
+                disabled: f.value !== "approveRequest" && m.value
+              }, null, 8, ["label", "loading", "disabled"])) : T("", !0),
+              ((E = t.purchaseOrder) == null ? void 0 : E.status) === i(B).enum.REQUESTING && t.canApprove ? (g(), W(w, {
+                key: 6,
+                label: i(l)("inventory.transfer.approval.actions.rejectRequest"),
+                onClick: a[7] || (a[7] = (H) => G("rejectRequest")),
+                loading: f.value === "rejectRequest",
+                disabled: f.value !== "rejectRequest" && m.value,
+                variant: "destructive"
+              }, null, 8, ["label", "loading", "disabled"])) : T("", !0),
+              ((I = t.purchaseOrder) == null ? void 0 : I.status) !== i(B).enum.COMPLETE && ((ee = t.purchaseOrder) == null ? void 0 : ee.status) !== i(B).enum.CANCEL && (((le = t.purchaseOrder) == null ? void 0 : le.status) !== i(B).enum.REQUESTING || t.canApprove) ? (g(), W(w, {
+                key: 7,
+                label: i(l)("common.close"),
+                variant: "tertiary",
+                onClick: a[8] || (a[8] = (H) => r("update:show", !1))
+              }, null, 8, ["label"])) : T("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+});
+export {
+  Ir as _,
+  $r as a,
+  Er as b,
+  at as g,
+  Ve as u
+};