@feedmepos/mf-inventory-portal 0.0.25-dev.5 → 0.0.25-dev.50

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-CDDvq_mI.js

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