@feedmepos/mf-inventory-portal 1.3.7 → 1.3.8-dev.1

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-CMSKhz6_.js

@@ -0,0 +1,3790 @@
+import { defineComponent as De, ref as G, watch as Ke, nextTick as Ut, openBlock as i, createBlock as ie, Teleport as jt, createElementBlock as b, withModifiers as Bt, createElementVNode as e, normalizeClass as je, toDisplayString as p, createCommentVNode as U, unref as d, withDirectives as zt, vModelText as Kt, toRaw as Ht, shallowRef as St, onUnmounted as Wt, triggerRef as Gt, computed as Z, readonly as Yt, h as z, reactive as Qt, onMounted as Nt, resolveComponent as X, withCtx as oe, createVNode as L, Fragment as fe, renderList as ke, createTextVNode as Pe, isRef as Jt, resolveDynamicComponent as Xt } from "vue";
+import { f as Zt, h as er, r as tr, s as rr } from "./predefined-templates-Dy5hYXMM.js";
+import { f as tt, p as sr } from "./format-time-from-id-uRCD3JxF.js";
+import { c as Ot } from "./component-kqxARxvM.js";
+import { D as xe, R as ue } from "./row-action.enum-Co_O4qD9.js";
+import { I as Ye, o as or, u as Te, W as q, X as lt, Q as ae, a as nr, Y as wt, Z as ar, _ as lr, H as ir, c as At, v as ht, s as Ce, $ as Pt, t as Ze, D as st, y as Ue, E as Me } from "./app-B5-QVzib.js";
+import { j as cr, c as ur, a as be, t as ot, d as Je } from "./number-DmqVo28f.js";
+import { F as dr } from "./decimal-98G--u_X.js";
+import { h as _t, t as mr, d as pr, a as et } from "./date2-CQCX7jCE.js";
+import { F as Xe, c as fr, a as mt } from "./inventory-core-dart.default-BK8f9n8e.js";
+import { L as yr } from "./lz-string-BSMjlcH9.js";
+import { useI18n as it, useCoreStore as ct, validatePermission as vr, Permission as Ct } from "@feedmepos/mf-common";
+import { u as ut, a as xt, S as Ne } from "./netsuite-D4KHhWWu.js";
+import { useDialog as dt, useSnackbar as He, components as nt, FmButtonVariant as we, useProxiedModel as br } from "@feedmepos/ui-library";
+import { F as Be } from "./FmAdminBadge-BOEV93D3.js";
+import { u as Ee } from "./feature-DyfUPR3b.js";
+import { E as gr } from "./empty-placeholder-wf6-BWE8.js";
+import { u as hr, a as _r, f as xr } from "./format-unit-display-C-_85vuL.js";
+import { u as We, _ as Sr } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-BHNIS7Pp.js";
+import { _ as Or, a as wr, b as Cr } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-zP1nS7bp.js";
+import { u as Dr, R as Dt } from "./usePromise-CbVUCxhj.js";
+import { c as $r } from "./index-CaREZ_vQ.js";
+import { i as kr } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-4vZH2hLF.js";
+import { F as $t } from "./form-mode.enum-BKiNVH6A.js";
+import { u as Rr } from "./supplier-Duiacdig.js";
+import { u as Nr } from "./surcharge-CkDK4P_6.js";
+import { d as Tt } from "./defineDeepModel-BmHs4vdS.js";
+import { u as Ar } from "./vue-i18n-D1JHIbLE.js";
+function Ft(f, r) {
+  return r.reduce(
+    (l, c) => {
+      const o = c.received.find((m) => m.sku._id === f._id);
+      return o && (l = cr(l, o.amount)), l;
+    },
+    dr.toPrecision(ur(0), f.unit.precision)
+  );
+}
+function Pr(f) {
+  const { po: r, currentLocation: s, business: l, fulfilling: c, por: o } = f, { name: m, address: t, regNo: n, legalName: v } = s.doc.profile, y = {
+    name: m,
+    legalName: v || void 0,
+    registrationNumber: n || void 0,
+    line1: (t == null ? void 0 : t.line1) || "",
+    line2: (t == null ? void 0 : t.line2) || void 0,
+    postcode: (t == null ? void 0 : t.postcode) || "",
+    city: (t == null ? void 0 : t.city) || "",
+    state: (t == null ? void 0 : t.state) || "",
+    country: (t == null ? void 0 : t.country) || ""
+  }, _ = {
+    name: r.supplier.name,
+    phoneNumber: r.supplier.phoneNumber || void 0,
+    registrationNumber: r.supplier.registrationNumber || void 0,
+    line1: r.supplier.address.line1,
+    line2: r.supplier.address.line2 || void 0,
+    postcode: r.supplier.address.postcode,
+    city: r.supplier.address.city,
+    state: r.supplier.address.state,
+    country: r.supplier.address.country
+  }, h = r.items.map((k) => {
+    const { sku: Y, measurement: N } = k, P = be(
+      Ft(k.sku, r.deliveryOrder || []),
+      !1
+    );
+    return {
+      code: Y.code,
+      description: Y.name,
+      quantity: be(k.quantity, !1),
+      unit: (N == null ? void 0 : N.abbrev) || Y.unit.abbrev,
+      received: P,
+      unitCost: k.totalCost ? `${k.totalCost.currency} ${Xe.toFormatString({
+        value: k.quantity.amount === 0 ? Xe.fromNumber(0) : Xe.divide([k.totalCost, k.quantity])
+      })}` : void 0,
+      cost: k.totalCost ? `${k.totalCost.currency} ${Xe.toFormatString({
+        value: k.totalCost
+      })}` : void 0
+    };
+  }), D = r.deliveryOrder.map((k) => ({
+    createdAt: _t(new Date(k.createdAt)),
+    ref: k.deliveryOrderNumber,
+    remark: k.remark || "",
+    items: k.received.map((Y) => {
+      var N;
+      return {
+        code: Y.sku.code,
+        description: Y.sku.name,
+        quantity: be(Y.amount),
+        unit: ((N = Y.measurement) == null ? void 0 : N.abbrev) || Y.sku.unit.abbrev
+      };
+    })
+  }));
+  let x = Ye.Enum.purchaseOrder, M = "Inventory Receive Note";
+  if (r.supplier.internal ? (M = "Inventory Transfer Note", x = Ye.Enum.transferOrder) : (M = "Purchase Order", x = Ye.Enum.purchaseOrder), o) {
+    const k = o.from.dbName;
+    s.dbName === k || (M = "Inventory Receive Note", x = Ye.Enum.goodsReceivedNote);
+  }
+  const j = {
+    title: M,
+    businessName: l == null ? void 0 : l.name,
+    logo: l == null ? void 0 : l.thumbnail,
+    orderNumber: r.seqNumber.toString(),
+    createdAt: tt(r._id),
+    ref: r.ref || "",
+    remark: r.remark || "",
+    buyer: y,
+    supplier: _,
+    items: h,
+    status: r.status,
+    deliveryOrders: D
+  }, O = c && (r.deliveryFullfillment || []).length > 0;
+  return O && (x = Ye.Enum.deliveryOrder), { printData: j, templateType: x, isDeliveryPrint: O };
+}
+function Tr(f) {
+  var y;
+  const { printData: r, templateType: s } = Pr(f), c = Zt().getTemplateByType(s), o = !!((y = c == null ? void 0 : c.blocks) != null && y.length), m = er(s), t = o ? c.blocks : m.blocks, n = o ? c.name : m.name, v = !o;
+  try {
+    const _ = tr(t, r), h = _.match(/<style>([\s\S]*?)<\/style>/), D = h ? `<style>${h[1]}</style>` : "", x = _.replace(/<style>[\s\S]*?<\/style>/, "");
+    return {
+      html: `<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Print Preview</title>
+<style>
+@page { margin: 0; }
+@media print {
+  body { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
+}
+* { box-sizing: border-box; margin: 0; padding: 0; }
+</style>
+${D}
+</head>
+<body>${x}</body>
+</html>`,
+      templateName: n,
+      isDefault: v
+    };
+  } catch {
+    return alert("Failed to render print template. Please try recreating the template."), null;
+  }
+}
+const Fr = { class: "w-[95vw] h-[95vh] bg-white rounded-lg flex flex-col shadow-2xl overflow-hidden" }, Ir = { class: "flex justify-between items-center px-16 py-3 border-b border-gray-200 bg-gray-50" }, qr = { class: "flex items-center gap-2.5" }, Er = {
+  key: 1,
+  class: "text-xs text-gray-100 bg-gray-500 px-2 py-0.5 rounded font-medium"
+}, Vr = { class: "flex-1 overflow-auto bg-gray-100" }, Qa = /* @__PURE__ */ De({
+  __name: "CustomPrintTemplatePreview",
+  props: {
+    html: {},
+    modelValue: { type: Boolean },
+    templateName: {},
+    isDefault: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(f, { emit: r }) {
+    const s = f, l = r, c = G(null);
+    function o() {
+      l("update:modelValue", !1);
+    }
+    function m() {
+      var n, v;
+      try {
+        (v = (n = c.value) == null ? void 0 : n.contentWindow) == null || v.print();
+      } catch {
+        alert("Failed to trigger print.");
+      }
+    }
+    Ke(
+      () => s.modelValue,
+      async (n) => {
+        n && (await Ut(), t(), setTimeout(() => {
+          m();
+        }, 300));
+      }
+    );
+    function t() {
+      var _;
+      const n = c.value;
+      if (!n) return;
+      const v = rr(s.html), y = n.contentDocument || ((_ = n.contentWindow) == null ? void 0 : _.document);
+      y && (y.open(), y.write(`
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <meta charset="utf-8">
+        <meta http-equiv="Content-Security-Policy" content="
+          default-src 'none';
+          style-src 'unsafe-inline';
+          img-src 'self' data: https:;
+          font-src 'self' data:;
+          script-src 'none';
+          object-src 'none';
+          frame-src 'none';
+          base-uri 'none';
+          form-action 'none';
+        ">
+        <style>
+          * {
+            box-sizing: border-box;
+          }
+          body {
+            margin: 0;
+            padding: 40px 20px;
+            background: #f0f0f0;
+            min-height: 100vh;
+          }
+          .print-container {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 30px;
+            border: 1px solid #ddd;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+            background: #ffffff;
+            font-size: 16px;
+            line-height: 1.5;
+            font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
+            color: #555;
+          }
+          @media print {
+            body {
+              background: white !important;
+              padding: 0 !important;
+              margin: 0 !important;
+            }
+            .print-container {
+              border: none !important;
+              box-shadow: none !important;
+              padding: 0 !important;
+              margin: 0 !important;
+              max-width: none !important;
+            }
+          }
+        </style>
+      </head>
+      <body>
+        <div class="print-container">
+          ${v}
+        </div>
+      </body>
+    </html>
+  `), y.close());
+    }
+    return (n, v) => (i(), ie(jt, { to: "body" }, [
+      n.modelValue ? (i(), b("div", {
+        key: 0,
+        class: "fixed inset-0 z-[9999] bg-black/50 flex justify-center items-center",
+        onClick: Bt(o, ["self"])
+      }, [
+        e("div", Fr, [
+          e("div", Ir, [
+            e("div", qr, [
+              v[0] || (v[0] = e("span", { class: "text-base font-semibold text-gray-700" }, "Print Preview", -1)),
+              n.templateName ? (i(), b("span", {
+                key: 0,
+                class: je(["text-xs font-medium px-2 py-0.5 rounded", n.isDefault ? "text-gray-500 bg-gray-100" : "text-blue-700 bg-blue-50"])
+              }, p(n.templateName), 3)) : U("", !0),
+              n.isDefault ? (i(), b("span", Er, "Default")) : U("", !0)
+            ]),
+            e("div", { class: "flex gap-2 items-center" }, [
+              e("button", {
+                class: "px-8 py-1.5 bg-blue-500 text-white border-none rounded text-sm cursor-pointer hover:bg-blue-700",
+                onClick: m
+              }, " Print "),
+              e("button", {
+                class: "px-2.5 py-1 bg-transparent border border-gray-300 rounded text-xl leading-none cursor-pointer text-gray-500 hover:bg-gray-100",
+                onClick: o
+              }, " × ")
+            ])
+          ]),
+          e("div", Vr, [
+            e("iframe", {
+              ref_key: "iframeRef",
+              ref: c,
+              class: "w-full h-full border-none",
+              sandbox: "allow-same-origin allow-modals"
+            }, null, 512)
+          ])
+        ])
+      ])) : U("", !0)
+    ]));
+  }
+}), Lr = or((f, r) => {
+  const s = Te();
+  return {
+    async getShipments({
+      start: l,
+      end: c
+    }) {
+      const o = s.currentLocationDBName, m = `${f.inventoryBackendUrl}/${o}/shipments`;
+      return await r.get(`${m}?start=${l}&end=${c}`);
+    },
+    async getShipmentsByIds(l) {
+      if (l.length === 0)
+        return [];
+      const c = s.currentLocationDBName, o = `${f.inventoryBackendUrl}/${c}/shipments/get`;
+      return await r.post(o, { shipmentIds: l });
+    }
+  };
+}), It = {
+  [q.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"
+  },
+  [q.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"
+  },
+  [q.enum.approveDraft]: {
+    primaryActions: {
+      text: "Approve draft",
+      close: !0
+    },
+    title: "Approve draft?",
+    message: "Purchase order request will be accepted.",
+    successMessage: "Purchase order has been approved"
+  },
+  [q.enum.rejectDraft]: {
+    primaryActions: {
+      text: "Reject draft",
+      close: !0
+    },
+    title: "Reject draft?",
+    message: "Purchase order request will be rejected. You may provide an optional reason for rejection.",
+    successMessage: "Purchase order has been rejected"
+  },
+  [q.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"
+  },
+  [q.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"
+  },
+  [q.enum.approveRequest]: {
+    primaryActions: {
+      text: "Accept request",
+      close: !0
+    },
+    title: "Accept request?",
+    message: "Transfer out request will be accepted.",
+    successMessage: "Transfer out request has been approved"
+  },
+  [q.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"
+  },
+  [q.enum.processRequest]: {
+    primaryActions: {
+      text: "Process request",
+      close: !0,
+      variant: "destructive"
+    },
+    title: "Process request?",
+    message: "Purchase order will be processed.",
+    successMessage: "Purchase order has been processed"
+  }
+}, Mr = { class: "p-4" }, Ur = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 mb-3"
+}, jr = { class: "fm-typo-en-body-md-400" }, qt = /* @__PURE__ */ De({
+  __name: "RejectDraftForm",
+  props: {
+    message: {},
+    confirm: { type: Function },
+    onChange: { type: Function }
+  },
+  setup(f) {
+    const r = f, { t: s } = it(), l = G("");
+    Ke(l, (o) => {
+      var m;
+      (m = r.onChange) == null || m.call(r, o ?? "");
+    });
+    function c() {
+      l.value = "";
+    }
+    return (o, m) => (i(), b("div", Mr, [
+      r.message ? (i(), b("div", Ur, p(r.message), 1)) : U("", !0),
+      e("label", jr, p(d(s)("inventory.transfer.receiveRequest.details.rejectionReason")) + " (" + p(d(s)("inventory.common.optional")) + ")", 1),
+      zt(e("textarea", {
+        "onUpdate:modelValue": m[0] || (m[0] = (t) => l.value = t),
+        rows: "4",
+        class: "w-full mt-2 p-2 border rounded"
+      }, null, 512), [
+        [Kt, l.value]
+      ]),
+      e("div", { class: "mt-3 flex gap-2" }, [
+        e("button", {
+          type: "button",
+          class: "fm-btn fm-btn-tertiary",
+          onClick: c
+        }, "Clear")
+      ])
+    ]));
+  }
+});
+function at(f) {
+  return lt.generatedPOReceivedMap({
+    purchaseOrder: f
+  });
+}
+function Br(f) {
+  return lt.validatePOItemReceivedStatus({
+    dto: f
+  });
+}
+function vt(f) {
+  return lt.validatePOReceivedStatus({
+    receivedMap: f
+  });
+}
+function bt(f, r, s) {
+  if (!ae.safeParse(f).success)
+    throw new Error(`Invalid purchase order status: ${f}`);
+  const l = ae.parse(f);
+  return lt.orderStatusCombination({
+    status: l,
+    isPOPartialReceive: r,
+    isPOOverReceive: s
+  });
+}
+function Et() {
+  const f = Te(), r = We(), s = Ee();
+  async function l(o, m) {
+    const t = f.currentLocationDBName;
+    return o.doc.supplier.internal && o.operation === q.enum.confirmDraft && (o.operation = q.enum.submitRequest), await r.processPurchaseOrder(o, m || t);
+  }
+  async function c(o, m) {
+    const t = f.currentLocationDBName;
+    return await r.processPurchaseOrderV2(o, m || t);
+  }
+  return (o) => s.useOperatePurchaseOrderV2 ? c(o.operateV2, o.transferTo) : l(o.operate, o.transferTo);
+}
+function qe(f) {
+  const r = Ht(f);
+  if (Array.isArray(r))
+    return r.map(qe);
+  if (r !== null && typeof r == "object") {
+    const s = {};
+    for (const l in r)
+      Object.prototype.hasOwnProperty.call(r, l) && (s[l] = qe(r[l]));
+    return s;
+  }
+  return r;
+}
+const pt = {
+  set: "set",
+  add: "add",
+  delete: "delete"
+};
+function kt(f) {
+  return {
+    dbName: f.dbName,
+    type: f.type,
+    name: f.name,
+    acceptRequest: f.acceptRequest ?? !1,
+    doc: f.doc
+  };
+}
+function Rt(f, r, s, l, c) {
+  const o = qe(f.suppliers ?? []), m = qe(r.allLocations ?? []).map(kt), t = r._currentLocation ? kt(qe(r._currentLocation)) : null, n = s.inventory ? [qe(s.inventory)] : [], v = l.state.setting ? qe(l.state.setting) : null, y = qe(c.surcharges ?? []);
+  return {
+    suppliers: o,
+    locations: m,
+    currentLocation: t,
+    inventoryDoc: n,
+    netSuiteSetting: v,
+    surcharges: y
+  };
+}
+function Vt() {
+  const f = Rr(), r = Te(), s = nr(), l = ut(), c = Nr(), o = Rt(
+    f,
+    r,
+    s,
+    l,
+    c
+  ), m = St(fr({ env: o }));
+  m.value.setUsePartialUpdates(!0);
+  const t = St(m.value.state()), n = (h) => {
+    t.value = h;
+  };
+  m.value.addListener(n);
+  const v = (h, D, x) => {
+    switch (h) {
+      case pt.set:
+        wt(t.value, D, x);
+        break;
+      case pt.add:
+        lr(t.value, D, x);
+        break;
+      case pt.delete:
+        ar(t.value, D);
+        break;
+      default:
+        console.warn(`Unknown partial update operation: ${h}, falling back to 'set'`), wt(t.value, D, x);
+    }
+    D !== "remark" && D !== "ref" && Gt(t);
+  };
+  m.value.addPartialListener(v);
+  function y() {
+    const h = Rt(
+      f,
+      r,
+      s,
+      l,
+      c
+    );
+    m.value.updateFullEnv(h), t.value = m.value.state();
+  }
+  Ke(
+    [
+      () => f.suppliers,
+      () => r.allLocations,
+      () => r._currentLocation,
+      () => s.inventory,
+      () => l.state.setting,
+      () => c.surcharges
+    ],
+    () => {
+      y();
+    },
+    { deep: !0 }
+  ), Wt(() => {
+    m.value.removeListener(n), m.value.removePartialListener(v);
+  });
+  function _(h) {
+    var D;
+    if (h != null && h._id) {
+      m.value.loadPurchaseOrder(h);
+      return;
+    }
+    if (!Ee().mustUsePoTemplate) {
+      m.value.init();
+      return;
+    }
+    h != null && h.template && ((D = h.templateDoc) != null && D.purchaseOrder) ? (h.items = h.templateDoc.purchaseOrder.items, m.value.initFromTemplate(h)) : m.value.initOutletToOutlet();
+  }
+  return {
+    controller: m,
+    state: t,
+    init: _
+  };
+}
+var gt = /* @__PURE__ */ ((f) => (f.RECEIVE_REQUEST = "receive/request", f.APPROVAL = "approval", f))(gt || {});
+const Qe = G(), ft = G();
+function Ja(f, r) {
+  const s = dt(), l = Te(), c = Ee(), o = hr(), m = _r(), t = G(!1), n = He(), v = We(), y = Lr(), _ = G(new Array()), h = G(new Array()), D = G(
+    r != null && r.startDate && (r != null && r.endDate) ? r : kr()
+  ), x = Z(() => {
+    const F = new Date(D.value.startDate), I = new Date(D.value.endDate);
+    return {
+      start: mr(F).toISOString(),
+      end: pr(I).toISOString()
+    };
+  }), M = G(new Array()), R = ir(), j = G(null);
+  async function O(F) {
+    function I(w) {
+      const g = {
+        mode: $t.CREATE,
+        modelValue: F || void 0,
+        show: !0,
+        "onUpdate:show"(V) {
+          Qe.value.show = V;
+        },
+        templateId: w,
+        lastClosingDate: j.value
+      };
+      Qe.value = g;
+    }
+    let ee;
+    c.mustUsePoTemplate && !(F != null && F.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 () => {
+      ee = await o.getTemplateId(), ee && I(ee);
+    }).onSecondary(() => {
+      I(void 0);
+    }) : I(ee);
+  }
+  function k(F) {
+    const I = {
+      mode: $t.UPDATE,
+      modelValue: At(F),
+      show: !0,
+      "onUpdate:show"(ee) {
+        Qe.value.show = ee;
+      },
+      lastClosingDate: j.value
+    };
+    Qe.value = I;
+  }
+  async function Y() {
+    _.value = [], h.value = [], t.value = !0;
+    try {
+      const F = await v.getPurchaseOrders(x.value);
+      _.value = F.sort((H, ce) => ce._id.localeCompare(H._id));
+      const I = F.flatMap((H) => H.shipmentIds || []).filter(Boolean), ee = I.length > 0 ? await y.getShipmentsByIds(I) : [];
+      h.value = ee;
+      const w = await R.readCurrentLocationLastClosing(!0), g = w == null ? void 0 : w._id;
+      g && (j.value = sr(g)), await c.awaitFeatureLoaded(() => c.mustUsePoTemplate) && await m.fetchTemplates();
+      const V = _.value.map((H) => {
+        var ce;
+        return ((ce = H.request) == null ? void 0 : ce.id) ?? "";
+      }).filter((H) => H);
+      M.value = await v.readRequestByIds(V);
+    } catch {
+      n.open({
+        title: "Something went wrong",
+        message: "Error at fetching purchase orders",
+        type: "error"
+      });
+    } finally {
+      t.value = !1;
+    }
+  }
+  async function N() {
+    M.value = [], t.value = !0;
+    try {
+      M.value = await v.readRequests(
+        void 0,
+        x.value.start,
+        x.value.end
+      ).then((F) => F.reverse());
+    } catch {
+      n.open({
+        title: "Something went wrong",
+        message: "Error at fetching purchase requests",
+        type: "error"
+      });
+    } finally {
+      t.value = !1;
+    }
+  }
+  function P() {
+    switch (f) {
+      case "receive/request":
+        return Y();
+      case "approval":
+        return N();
+    }
+  }
+  function $(F, I) {
+    D.value = {
+      startDate: F,
+      endDate: I
+    }, P();
+  }
+  l.watchLocation(async (F) => {
+    if (!F) {
+      _.value = [];
+      return;
+    }
+    await P();
+  });
+  const S = G(), T = G(Math.random().toString());
+  async function W(F, I) {
+    const ee = Math.random().toString();
+    T.value = ee, I ?? (I = M.value.computeFirst(
+      (H) => H.purchaseOrderId === F._id ? H : null
+    ) ?? void 0);
+    const w = f === "receive/request" ? l.currentLocation : I == null ? void 0 : I.to, g = f === "approval", V = {
+      poRequest: I,
+      purchaseOrder: {
+        ...F,
+        status: g && (I != null && I.rejectedAt) ? ae.Enum.REJECT : F.status
+      },
+      transferTo: w == null ? void 0 : w.name,
+      transferToDbName: w == null ? void 0 : w.dbName,
+      show: !0,
+      canResubmit: !1,
+      canApprove: g,
+      "onUpdate:show"(H) {
+        S.value.show = H;
+      },
+      scope: f,
+      receivedMap: at(F) ?? {},
+      shipments: h.value
+    };
+    S.value = V;
+  }
+  async function Q(F, I, ee, w, g) {
+    const V = Et();
+    t.value = !0;
+    try {
+      await V({
+        operate: {
+          operation: I,
+          doc: F,
+          options: (
+            // auto receive for supplier to warehouse
+            (I === q.enum.confirmDraft || // auto receive for warehouse to warehouse
+            I === q.enum.completeReceive) && c.autoReceiveWarehouse ? {
+              autoReceive: !0
+            } : void 0
+          )
+        },
+        operateV2: {
+          _id: F._id,
+          _rev: F._rev ?? "",
+          action: I,
+          payloads: g ?? []
+        },
+        transferTo: w
+      }), await new Promise((Re) => setTimeout(Re, 1e3));
+      const ce = Te().currentLocationDBName.startsWith("restaurant_");
+      I === q.enum.confirmDraft && F.effectiveAt && ce ? n.open({
+        title: "Success",
+        message: `${ee}. The backdate will be reflected once your POS has received this change.`,
+        type: "success"
+      }) : n.open({
+        title: "Success",
+        message: ee,
+        type: "success"
+      });
+    } catch (H) {
+      n.open({
+        title: "Something went wrong",
+        message: "Please try again.",
+        type: "error"
+      }), console.error("Error when submitting PO operation", I, F, H);
+    } finally {
+      t.value = !1, P();
+    }
+  }
+  async function ye(F, I, ee) {
+    const w = It[I];
+    if (!w) {
+      n.open({
+        title: "Something went wrong",
+        message: `Cannot process order: ${ht(I)}`,
+        type: "error"
+      });
+      return;
+    }
+    const { successMessage: g, ...V } = w;
+    if (I === q.enum.rejectDraft) {
+      let Re = "";
+      s.open({
+        title: V.title,
+        message: V.message,
+        primaryActions: V.primaryActions,
+        contentComponent: qt,
+        contentComponentProps: {
+          message: V.message,
+          onChange: (Oe) => Re = Oe
+        }
+      }).onPrimary(() => {
+        const Oe = [];
+        Oe.push({
+          action: "rejectDraft",
+          payload: {
+            rejectReason: Re
+          }
+        }), Q(F, I, g, ee, Oe);
+      });
+      return;
+    }
+    const H = [], ce = Vt();
+    ce.init(F), I === q.enum.confirmDraft && H.push({
+      action: "confirmDraft",
+      payload: ce.controller.value.toConfirmDraftData(Ce())
+    }), s.open({
+      title: V.title,
+      message: V.message,
+      primaryActions: V.primaryActions
+    }).onPrimary(() => {
+      Q(F, I, g, ee, H);
+    });
+  }
+  async function ge() {
+    s.open({
+      title: "Upload Transfer",
+      primaryActions: {
+        text: "Xilnex transfer note",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        close: !0
+      }
+    }).onPrimary(() => {
+      const F = {
+        show: !0,
+        "onUpdate:show"(I) {
+          ft.value.show = I;
+        }
+      };
+      ft.value = F;
+    });
+  }
+  return {
+    purchaseOrders: _,
+    shipments: h,
+    purchaseRequests: M,
+    updateDateRange: $,
+    fetchData: P,
+    loading: t,
+    transferDialogProps: Qe,
+    promptCreateTransferDialog: O,
+    promptUpdateTransferDialog: k,
+    transferDetailsProps: S,
+    promptShowTransferDetails: W,
+    submitAction: ye,
+    xilnexImportDialogProps: ft,
+    promptUploadTransferDialog: ge
+  };
+}
+function zr(f) {
+  const { po: r, currentLocation: s, business: l, fulfilling: c, por: o } = f, { name: m, address: t, regNo: n, legalName: v } = s.doc.profile, y = {
+    name: m,
+    legalName: v,
+    registrationNumber: n,
+    line1: t == null ? void 0 : t.line1,
+    line2: t == null ? void 0 : t.line2,
+    postcode: t == null ? void 0 : t.postcode,
+    city: t == null ? void 0 : t.city,
+    state: t == null ? void 0 : t.state,
+    country: t == null ? void 0 : t.country
+  }, _ = {
+    name: r.supplier.name,
+    phoneNumber: r.supplier.phoneNumber,
+    registrationNumber: r.supplier.registrationNumber,
+    line1: r.supplier.address.line1,
+    line2: r.supplier.address.line2,
+    postcode: r.supplier.address.postcode,
+    city: r.supplier.address.city,
+    state: r.supplier.address.state,
+    country: r.supplier.address.country
+  }, h = r.items.map((N) => {
+    const { sku: P, measurement: $ } = N, S = be(
+      Ft(N.sku, r.deliveryOrder || []),
+      !1
+    );
+    return {
+      code: P.code,
+      description: P.name,
+      quantity: be(N.quantity, !1),
+      unit: ($ == null ? void 0 : $.abbrev) || P.unit.abbrev,
+      received: S,
+      cost: N.totalCost ? `${N.totalCost.currency} ${Xe.toFormatString({
+        value: N.totalCost
+      })}` : void 0
+    };
+  }), D = r.deliveryOrder.map((N) => ({
+    createdAt: _t(new Date(N.createdAt)),
+    ref: N.deliveryOrderNumber,
+    remark: N.remark || "",
+    items: N.received.map((P) => {
+      var $;
+      return {
+        code: P.sku.code,
+        description: P.sku.name,
+        quantity: be(P.amount),
+        unit: (($ = P.measurement) == null ? void 0 : $.abbrev) || P.sku.unit.abbrev
+      };
+    })
+  })), x = [
+    // Production
+    "67ca5d2c80bd0e001c5bf5bc",
+    // Dev
+    "6880b36a3054c5001db19218"
+  ];
+  let M = "Inventory Receive Note";
+  if (r.supplier.internal ? (M = "Inventory Transfer Note", x.includes((l == null ? void 0 : l._id) || "") && (M = "Stock Request")) : M = "Purchase Order", o) {
+    const N = o.from.dbName;
+    s.dbName === N || (M = "Inventory Receive Note");
+  }
+  const j = {
+    title: M,
+    businessName: l == null ? void 0 : l.name,
+    logo: l == null ? void 0 : l.thumbnail,
+    orderNumber: r.seqNumber.toString(),
+    createdAt: tt(r._id),
+    ref: r.ref || "",
+    remark: r.remark || "",
+    buyer: y,
+    supplier: _,
+    items: h,
+    status: r.status,
+    deliveryOrders: D
+  }, O = new URL(window.location.href), k = c && (r.deliveryFullfillment || []).length > 0 ? "receive-request/delivery-print-preview" : "receive-request/print-preview";
+  O.pathname = O.hostname.includes("portal.feedme") ? `/inventory/${k}` : `/${k}`;
+  const Y = yr.compressToEncodedURIComponent(JSON.stringify(j));
+  O.searchParams.append("data", Y), window.open(O.href, "_blank", "noreferrer");
+}
+const Ie = {
+  submitRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.submitRequest",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.submitRequest
+  },
+  confirmDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.confirmDraft",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.confirmDraft
+  },
+  cancelDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.cancelDraft",
+    color: "text-fm-color-typo-error",
+    value: q.enum.cancelDraft
+  },
+  approveRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveRequest",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.approveRequest
+  },
+  rejectRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectRequest",
+    color: "text-fm-color-typo-error",
+    value: q.enum.rejectRequest
+  },
+  processRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.processRequest",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.processRequest
+  },
+  receiveStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.receiveStock",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.receiveStock
+  },
+  completeReceive: {
+    translationKey: "inventory.transfer.receiveRequest.actions.completeReceive",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.completeReceive
+  },
+  closeRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.closeRequest",
+    color: "system-error-300",
+    value: q.enum.closeRequest
+  },
+  approveDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveDraft",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.approveDraft
+  },
+  rejectDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectDraft",
+    color: "text-fm-color-typo-error",
+    value: q.enum.rejectDraft
+  },
+  returnStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.returnStock",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.returnStock
+  }
+};
+function Lt() {
+  const f = Ee();
+  return {
+    ableToMarkReceived(r) {
+      if (!r || r.status !== ae.enum.RECEIVING || f.useOperatePurchaseOrderV2) return !1;
+      const l = Te().currentLocationDBName;
+      return `${r.supplier.internal}_${r.supplier._id}` !== l;
+    },
+    ableToMarkApproved(r) {
+      return !(!r || (r == null ? void 0 : r.status) !== ae.enum.REQUESTING);
+    },
+    ableToCreateFulfillment(r, s) {
+      var o, m;
+      if (!f.acceptRequireFulfillment || !r || !s || r.status !== ae.enum.PROCESSING || !s.processedAt)
+        return !1;
+      const l = (o = s == null ? void 0 : s.from) == null ? void 0 : o.dbName, c = (m = s == null ? void 0 : s.to) == null ? void 0 : m.dbName;
+      return !(l.startsWith("restaurant_") && c.startsWith("restaurant_"));
+    }
+  };
+}
+function Mt() {
+  const f = ct(), r = G(!1);
+  return Ke(() => f.sessionUser.value, async () => {
+    try {
+      const l = await vr({
+        sessionUser: f.sessionUser.value,
+        validationManifest: {
+          requiredCaslPermissions: [
+            {
+              action: Ct.Action.manage,
+              subject: Ct.Subject.Business.orderDraft
+            }
+          ]
+        }
+      });
+      r.value = (l == null ? void 0 : l.canAccess) ?? !1;
+    } catch (l) {
+      console.error("Permission validation failed:", l), r.value = !1;
+    }
+  }, { immediate: !0 }), {
+    hasOrderDraftPermission: Yt(r)
+  };
+}
+function Xa(f, r, s) {
+  const l = Te(), c = ut(), o = ct(), m = Lt(), { t } = it(), { hasOrderDraftPermission: n } = Mt(), v = Ee(), y = Z(
+    () => v.enablePrintTemplate ? [xe[ue.PrintCustom]] : []
+  );
+  function _(N) {
+    switch (N.status) {
+      case "DRAFT":
+        return [
+          xe[ue.Update],
+          xe[ue.Details],
+          N.supplier.internal === "restaurant" || N.supplier.internal === "warehouse" ? Ie[q.enum.submitRequest] : Ie[q.enum.confirmDraft],
+          Ie[q.enum.cancelDraft]
+        ];
+      case "RECEIVING":
+        return [
+          ...m.ableToMarkReceived(N) ? [Ie[q.enum.completeReceive]] : [],
+          xe[ue.Details],
+          xe[ue.Print],
+          ...y.value
+        ];
+      case "PENDING_APPROVAL": {
+        const $ = [xe[ue.Details]];
+        return n.value && $.push(
+          xe[ue.Update],
+          Ie[q.enum.approveDraft],
+          Ie[q.enum.rejectDraft]
+        ), $;
+      }
+      case "REQUESTING":
+        return f === "receive/request" ? [
+          xe[ue.Details],
+          xe[ue.Print],
+          ...y.value
+        ] : [
+          Ie[q.enum.approveRequest],
+          Ie[q.enum.rejectRequest],
+          xe[ue.Details]
+          // DefaultRowActions[RowActionEnum.Print]
+        ];
+      case "PROCESSING":
+        return [
+          xe[ue.Details],
+          xe[ue.Print],
+          ...y.value
+        ];
+      case "COMPLETE":
+      case "CANCEL":
+      default:
+        return [
+          xe[ue.Details],
+          xe[ue.Print],
+          ...y.value
+        ];
+    }
+  }
+  function h(N) {
+    return Object.values(q.enum).includes(N);
+  }
+  async function D(N, P, $) {
+    var T, W, Q, ye, ge, F;
+    const S = At(P);
+    if (N === ue.Print || N === ue.PrintCustom) {
+      const I = ($ == null ? void 0 : $.toInventoryLocation) ?? l.currentLocation;
+      if (I.type === "restaurant") {
+        const w = l.locationRestaurantFromCore(I.doc._id);
+        w !== null && (I.doc = w);
+      }
+      ((T = $ == null ? void 0 : $.netSuite) != null && T.refNo || (W = S.netSuite) != null && W.refNo) && (S.ref = [((Q = $ == null ? void 0 : $.netSuite) == null ? void 0 : Q.refNo) || ((ye = S.netSuite) == null ? void 0 : ye.refNo)].filter((w) => w).join(" "));
+      const ee = {
+        po: S,
+        currentLocation: I,
+        business: o.currentBusiness.value,
+        fulfilling: f === "approval",
+        por: $
+      };
+      if (N === ue.PrintCustom) {
+        const w = Tr(ee);
+        w && (O.value = w.html, k.value = w.templateName, Y.value = w.isDefault, j.value = !0);
+      } else
+        zr(ee);
+      return;
+    }
+    if (N === ue.Details) {
+      r.promptShowTransferDetails(S, $);
+      return;
+    }
+    if (N === ue.Update) {
+      (ge = r.promptUpdateTransferDialog) == null || ge.call(r, S);
+      return;
+    }
+    if (h(N)) {
+      r.submitAction(P, N, (F = $ == null ? void 0 : $.to) == null ? void 0 : F.dbName);
+      return;
+    }
+  }
+  function x() {
+    var P;
+    const N = [
+      {
+        accessorKey: "seqNumber",
+        header: () => t("inventory.transfer.table.seqNo"),
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "_id",
+        header: () => t("inventory.transfer.table.createdAt"),
+        cell($) {
+          return tt(`${$.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "supplier.name",
+        header: () => t("inventory.transfer.table.transferFrom"),
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        accessorKey: "items.length",
+        header: () => t("inventory.transfer.table.noOfItems"),
+        cell: ($) => {
+          const S = $.row.original.version || "1", T = $.getValue();
+          return z("div", { class: "flex items-center gap-2" }, [
+            T,
+            S !== "1" ? z(
+              "div",
+              { class: "py-3" },
+              z(
+                Be,
+                z(
+                  "div",
+                  {
+                    class: ["fm-status-badge", "fm-status-badge-draft"].join(" ")
+                  },
+                  `v${S}`
+                )
+              )
+            ) : null
+          ]);
+        },
+        enableSorting: !1,
+        meta: {
+          width: "10rem"
+        }
+      },
+      {
+        accessorKey: "ref",
+        header: () => t("inventory.transfer.table.reference"),
+        enableSorting: !1,
+        size: "auto"
+      },
+      ...(P = o.sessionUser.value) != null && P.role.isAdmin ? [
+        {
+          id: "statusForAdmin",
+          header: () => z(Be, {}, () => `${t("inventory.transfer.table.status")}`),
+          cell($) {
+            return $.row.original.status;
+          },
+          enableSorting: !0,
+          size: 200
+        }
+      ] : [],
+      {
+        accessorKey: "status",
+        header: () => t("inventory.transfer.table.status"),
+        cell($) {
+          const S = $.getValue(), T = at($.row.original), { partial: W, over: Q } = vt(T), ye = bt(S ?? "", W, Q);
+          let ge = t(`inventory.transfer.status.${ye}`), F = `${S ?? ""}`.toLocaleLowerCase("en-us");
+          ye === ae.enum.CLOSE && (ge = `${t(`inventory.transfer.status.${ae.enum.COMPLETE}`)}`), ye === "PARTIAL_RECEIVED" && F === ae.enum.PROCESSING.toLocaleLowerCase("en-us") && (F = ae.enum.RECEIVING.toLocaleLowerCase("en-us"));
+          let I = null;
+          const ee = s.value.find((w) => w.ref === $.row.original._id);
+          if (ee != null && ee.milestones && ee.milestones.length > 0) {
+            const w = ee.milestones[ee.milestones.length - 1];
+            if (w.estimatedTime) {
+              const g = new Date(w.estimatedTime), V = g.getDate().toString().padStart(2, "0");
+              I = `${g.toLocaleString("en-US", { month: "short" })} ${V}`;
+            }
+          }
+          return z(
+            "div",
+            {
+              class: "flex"
+            },
+            [
+              z(
+                "div",
+                { class: "flex items-center" },
+                z(
+                  "div",
+                  {
+                    class: [
+                      "fm-status-badge",
+                      `fm-status-badge-${F}`,
+                      Q && "fm-status-badge-error"
+                    ].filter(Boolean).join(" ")
+                  },
+                  `${ge}`
+                )
+              ),
+              ...I ? [
+                z(
+                  "div",
+                  {
+                    class: "flex items-center gap-1 ml-2"
+                  },
+                  [
+                    z(nt.FmIcon, {
+                      name: "local_shipping",
+                      size: "md",
+                      color: "neutral-gray-400"
+                    }),
+                    z(
+                      "span",
+                      { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
+                      I
+                    )
+                  ]
+                )
+              ] : []
+            ]
+          );
+        },
+        enableSorting: !0,
+        size: 150
+      },
+      {
+        id: "action",
+        cell($) {
+          const S = $.row.original, T = _(S);
+          return Ot(T, (W) => D(W, S));
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+    if (c.isEnabled) {
+      const $ = [
+        {
+          id: "netsuiteTransferOrder",
+          accessorFn: (S) => {
+            var T;
+            return (T = S.netSuite) != null && T.id ? `${S.netSuite.refNo} (${S.netSuite.id})` : "N/A";
+          },
+          header: () => "NetSuite Order (ID)",
+          cell(S) {
+            var W;
+            const T = S.row.original;
+            return (W = T.netSuite) != null && W.id ? `${T.netSuite.refNo} (${T.netSuite.id})` : "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        },
+        {
+          id: "netsuiteTransactionNumber",
+          accessorFn: (S) => {
+            var T, W;
+            return ((W = (T = S.netSuite) == null ? void 0 : T.additionalInfo) == null ? void 0 : W.transactionnumber) ?? "N/A";
+          },
+          header: () => "NetSuite Transaction No.",
+          cell(S) {
+            var W, Q;
+            return ((Q = (W = S.row.original.netSuite) == null ? void 0 : W.additionalInfo) == null ? void 0 : Q.transactionnumber) ?? "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ];
+      N.splice(N.length - 1, 0, ...$);
+    }
+    return N;
+  }
+  function M() {
+    var P;
+    const N = [
+      {
+        accessorKey: "purchaseOrder.seqNumber",
+        header: () => t("inventory.transfer.table.seqNo"),
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "purchaseOrder._id",
+        header: () => t("inventory.transfer.table.createdAt"),
+        cell($) {
+          return tt(`${$.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "to.name",
+        header: () => t("inventory.transfer.table.transferTo"),
+        enableSorting: !1,
+        size: 200
+      },
+      {
+        accessorKey: "purchaseOrder.items.length",
+        header: () => t("inventory.transfer.table.noOfItems"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "purchaseOrder.ref",
+        header: () => t("inventory.transfer.table.reference"),
+        enableSorting: !1,
+        size: "auto"
+      },
+      ...(P = o.sessionUser.value) != null && P.role.isAdmin ? [
+        {
+          id: "statusForAdmin",
+          header: () => z(Be, {}, () => `${t("inventory.transfer.table.status")}`),
+          cell($) {
+            return $.row.original.status;
+          },
+          enableSorting: !0,
+          size: 200
+        }
+      ] : [],
+      {
+        accessorKey: "purchaseOrder.status",
+        header: () => t("inventory.transfer.table.status"),
+        cell($) {
+          const S = $.row.original, T = $.getValue();
+          if (!S.purchaseOrder)
+            return z(nt.FmChip, {
+              label: "N/A",
+              compact: !0
+            });
+          const W = at(S.purchaseOrder), { partial: Q, over: ye } = vt(W), ge = bt(T ?? "", Q, ye);
+          let F = t(`inventory.transfer.status.${ge}`), I = `${T ?? ""}`.toLocaleLowerCase("en-us");
+          return ge === ae.enum.CLOSE && (F = `${t(`inventory.transfer.status.${ae.enum.COMPLETE}`)}`), ge === "PARTIAL_RECEIVED" && I === ae.enum.PROCESSING.toLocaleLowerCase("en-us") && (I = ae.enum.RECEIVING.toLocaleLowerCase("en-us")), S.rejectedAt && (F = t("inventory.transfer.status.REJECT"), I = ae.enum.REJECT.toLocaleLowerCase("en-us")), z(
+            "div",
+            {
+              class: "flex"
+            },
+            z(
+              "div",
+              {
+                class: [
+                  "fm-status-badge",
+                  `fm-status-badge-${I}`,
+                  ye && "fm-status-badge-error"
+                ].filter(Boolean).join(" ")
+              },
+              `${F}`
+            )
+          );
+        },
+        enableSorting: !0
+      },
+      {
+        id: "action",
+        cell($) {
+          const S = $.row.original, W = (S.purchaseOrder ? _(S.purchaseOrder) : []).map((Q) => Q.value === ue.Print ? {
+            ...Q,
+            translationKey: "inventory.transfer.receiveRequest.details.printDeliveryOrder"
+          } : Q);
+          return Ot(
+            W,
+            (Q) => S.purchaseOrder ? D(Q, S.purchaseOrder, S) : void 0
+          );
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+    if (c.isEnabled) {
+      const $ = [
+        {
+          id: "netsuiteTransferOrder",
+          accessorFn: (S) => {
+            var T;
+            return (T = S.netSuite) != null && T.id ? `${S.netSuite.refNo} (${S.netSuite.id})` : "N/A";
+          },
+          header: () => "NetSuite Order (ID)",
+          cell(S) {
+            var W;
+            const T = S.row.original;
+            return (W = T.netSuite) != null && W.id ? `${T.netSuite.refNo} (${T.netSuite.id})` : "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        },
+        {
+          id: "netsuiteTransactionNumber",
+          accessorFn: (S) => {
+            var T, W;
+            return ((W = (T = S.netSuite) == null ? void 0 : T.additionalInfo) == null ? void 0 : W.transactionnumber) ?? "N/A";
+          },
+          header: () => "NetSuite Transaction No.",
+          cell(S) {
+            var W, Q;
+            return ((Q = (W = S.row.original.netSuite) == null ? void 0 : W.additionalInfo) == null ? void 0 : Q.transactionnumber) ?? "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ];
+      N.splice(N.length - 2, 0, ...$);
+    }
+    return N;
+  }
+  const R = Z(() => f === "receive/request" ? x() : M()), j = G(!1), O = G(""), k = G(""), Y = G(!1);
+  return {
+    columnDefs: R,
+    showCustomPrintDialog: j,
+    customPrintHtml: O,
+    customPrintTemplateName: k,
+    customPrintIsDefault: Y
+  };
+}
+const Kr = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Hr = { class: "flex flex-col gap-8" }, Wr = { class: "flex w-full justify-end gap-16" }, Gr = /* @__PURE__ */ De({
+  __name: "FulfillmentForm",
+  props: {
+    purchaseOrder: {},
+    confirm: { type: Function }
+  },
+  emits: ["update:show"],
+  setup(f, { emit: r }) {
+    const s = f, l = Qt({
+      id: "",
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      items: []
+    }), c = G(), o = r;
+    Nt(() => {
+      s.purchaseOrder && (l.items = s.purchaseOrder.items.map((t) => ({
+        id: t.id,
+        sku: t.sku,
+        measurement: t.measurement,
+        amount: t.quantity ?? { amount: 1, precision: 0 }
+      })));
+    });
+    const m = Z(() => l.items.length <= 10);
+    return (t, n) => {
+      const v = X("FmTable"), y = X("FmButton"), _ = X("FmForm");
+      return i(), ie(_, {
+        ref_key: "formRef",
+        ref: c,
+        class: "bg-white flex flex-col gap-32 rounded-3xl p-24 w-[800px]",
+        onValidationFailed: console.log,
+        onValidationSuccess: n[1] || (n[1] = () => s.confirm(l))
+      }, {
+        default: oe(() => [
+          n[2] || (n[2] = e("div", { class: "fm-typo-en-title-sm-600" }, "Confirm the transfer amount", -1)),
+          e("div", Kr, [
+            e("div", Hr, [
+              L(v, {
+                "column-defs": [
+                  {
+                    header: "Code",
+                    cell: (h) => {
+                      const D = s.purchaseOrder.items.find((x) => x.id === h.row.original.id || x.sku._id === h.row.original.sku._id);
+                      return z(
+                        d(nt).FmTooltip,
+                        {
+                          content: D.code,
+                          placement: "top",
+                          variant: "plain",
+                          zIndex: 50
+                        },
+                        z(
+                          "span",
+                          {
+                            class: "flex-auto line-clamp-2 text-ellipsis break-all"
+                          },
+                          D.code
+                        )
+                      );
+                    }
+                  },
+                  {
+                    header: "Name",
+                    cell: (h) => {
+                      const D = s.purchaseOrder.items.find((x) => x.id === h.row.original.id || x.sku._id === h.row.original.sku._id);
+                      return z(
+                        d(nt).FmTooltip,
+                        {
+                          content: D.name,
+                          placement: "top",
+                          variant: "plain",
+                          zIndex: 50
+                        },
+                        z(
+                          "span",
+                          {
+                            class: "flex-auto line-clamp-2 text-ellipsis break-all"
+                          },
+                          D.name
+                        )
+                      );
+                    }
+                  },
+                  {
+                    header: "Amount",
+                    cell: (h) => {
+                      const D = h.row.original, x = s.purchaseOrder.items.find((R) => R.id === D.id || R.sku._id === D.sku._id), M = D.amount ?? {
+                        amount: 1,
+                        precision: 0
+                      };
+                      return z(Or, {
+                        style: {
+                          flex: "1 1 0%"
+                        },
+                        modelValue: {
+                          amount: M,
+                          measurement: D.measurement ?? null
+                        },
+                        key: D.id ?? D.sku._id,
+                        unit: D.sku.unit,
+                        "onUpdate:modelValue": (R) => {
+                          if (!R) return;
+                          const j = l.items.find((O) => O.id === D.id || O.sku._id === D.sku._id);
+                          j && (j.amount = R.amount);
+                        },
+                        disableUnit: !0,
+                        rules: [
+                          d(wr)(
+                            +d(be)({ amount: 0, precision: 0 })
+                          ),
+                          d(Cr)(+d(be)(x.quantity))
+                        ],
+                        applyDefaultRules: !0
+                      });
+                    }
+                  }
+                ],
+                "row-data": l.items,
+                "hide-footer": m.value
+              }, null, 8, ["column-defs", "row-data", "hide-footer"])
+            ])
+          ]),
+          e("div", Wr, [
+            L(y, {
+              class: "px-16",
+              label: "Confirm",
+              size: "md",
+              variant: "primary",
+              type: "submit"
+            }),
+            L(y, {
+              class: "px-16",
+              label: "Cancel",
+              size: "md",
+              variant: "secondary",
+              onClick: n[0] || (n[0] = () => o("update:show", !1))
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["onValidationFailed"]);
+    };
+  }
+}), yt = {
+  submitRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.submitRequest",
+    color: "primary",
+    buttonVariant: we.Primary
+  },
+  confirmDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.confirmDraft",
+    color: "primary",
+    buttonVariant: we.Primary
+  },
+  cancelDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.cancelDraft",
+    color: "system-error-300",
+    buttonVariant: we.Destructive
+  },
+  approveDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveDraft",
+    color: "primary",
+    buttonVariant: we.Primary
+  },
+  rejectDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectDraft",
+    color: "system-error-300",
+    buttonVariant: we.Destructive
+  },
+  approveRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveRequest",
+    color: "primary",
+    buttonVariant: we.Primary
+  },
+  processRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.processRequest",
+    color: "primary",
+    buttonVariant: we.Primary
+  },
+  receiveStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.receiveStock",
+    color: "primary",
+    buttonVariant: we.Primary,
+    available: !1
+  },
+  completeReceive: {
+    translationKey: "inventory.transfer.receiveRequest.actions.completeReceive",
+    color: "primary",
+    buttonVariant: we.Plain
+  },
+  rejectRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectRequest",
+    color: "system-error-300",
+    buttonVariant: we.Destructive
+  },
+  closeRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.closeRequest",
+    color: "system-error-300",
+    buttonVariant: we.Destructive,
+    available: !1
+  },
+  returnStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.returnStock",
+    color: "primary",
+    buttonVariant: we.Primary,
+    available: !1
+  }
+}, Yr = { class: "flex flex-row-reverse" }, Qr = /* @__PURE__ */ De({
+  __name: "NetSuiteSync",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    isTransferBetweenOutlets: { type: Boolean },
+    scope: {}
+  },
+  setup(f) {
+    const r = f, s = ut(), l = He(), c = dt(), o = G(!1);
+    Z(() => {
+      var y, _, h, D;
+      let t = !0;
+      s.isEnabled || (t = !1);
+      const n = r.purchaseOrder, v = r.poRequest;
+      return n && ((y = n == null ? void 0 : n.supplier) != null && y.internal ? (!v && n.status == ae.enum.DRAFT && (t = !1), v && !((_ = v == null ? void 0 : v.netSuite) != null && _.id) && (t = !1), r.isTransferBetweenOutlets && (t = !1)) : ((n == null ? void 0 : n.status) !== ae.enum.REQUESTING && n.supplier.internal && (t = !1), !v && !((h = n == null ? void 0 : n.netSuite) != null && h.id) && (t = !1), !v && ((D = n == null ? void 0 : n.netSuite) != null && D.id) && (n == null ? void 0 : n.status) == ae.enum.REQUESTING && (t = !1))), t;
+    });
+    async function m() {
+      o.value || c.open({
+        title: "Sync with NetSuite",
+        contentComponent: z("div", [
+          z("p", "Are you sure you want to sync now?"),
+          z("br"),
+          z(
+            "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 t, n, v;
+        try {
+          o.value = !0;
+          const y = ((t = r.purchaseOrder) == null ? void 0 : t._id) || ((n = r.poRequest) == null ? void 0 : n.purchaseOrderId) || "", _ = (v = r.poRequest) == null ? void 0 : v.to.dbName;
+          await s.syncPurchaseOrder(
+            y,
+            r.scope === "approval" ? _ : void 0
+          ), l.open({
+            title: "Sync with NetSuite",
+            message: "Requested to sync with NetSuite. Please wait a moment.",
+            type: "success"
+          }), await new Promise((h) => setTimeout(h, 5e3)), o.value = !1;
+        } catch {
+          l.open({
+            title: "Error",
+            message: "Failed to sync with NetSuite",
+            type: "error"
+          }), o.value = !1;
+        }
+      });
+    }
+    return (t, n) => {
+      const v = X("FmButton");
+      return i(), b("div", Yr, [
+        L(v, {
+          "prepend-icon": "sync",
+          variant: "secondary",
+          label: "Sync",
+          loading: o.value,
+          onClick: m,
+          "text-color": "primary",
+          "bg-color": "transparent",
+          "border-color": "primary"
+        }, null, 8, ["loading"])
+      ]);
+    };
+  }
+}), Jr = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, Xr = { class: "flex flex-col gap-4" }, Zr = { class: "fm-typo-en-body-lg-600" }, es = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, ts = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rs = { class: "fm-typo-en-body-lg-600" }, ss = { key: 0 }, os = { key: 1 }, ns = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, as = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ls = { class: "fm-typo-en-body-lg-600" }, is = { key: 0 }, cs = { key: 1 }, us = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, ds = { class: "fm-typo-en-body-lg-600" }, ms = {
+  key: 3,
+  class: "flex flex-col gap-4"
+}, ps = { class: "fm-typo-en-body-lg-600" }, fs = /* @__PURE__ */ De({
+  __name: "NetSuiteInfo",
+  props: {
+    transferType: {},
+    transferToDbName: {},
+    poRequest: {},
+    purchaseOrder: {},
+    isTransferBetweenOutlets: { type: Boolean },
+    scope: {}
+  },
+  setup(f) {
+    const r = f, s = ut(), l = We(), c = G(r.poRequest);
+    Nt(async () => {
+      var n;
+      if (!r.poRequest && ((n = r.purchaseOrder) != null && n._id)) {
+        const v = await l.getLatestPurchaseOrderRequest(r.purchaseOrder._id);
+        c.value = v;
+      }
+    });
+    const o = Z(
+      () => {
+        var n, v, y, _, h, D;
+        return s.getSubsidiaryFullName(
+          ((y = (v = (n = r.purchaseOrder) == null ? void 0 : n.netSuite) == null ? void 0 : v.subsidiary) == null ? void 0 : y.id) || ((D = (h = (_ = r.poRequest) == null ? void 0 : _.netSuite) == null ? void 0 : h.subsidiary) == null ? void 0 : D.id)
+        ).fullName;
+      }
+    ), m = Z(() => {
+      var n, v, y, _, h, D, x, M, R, j, O, k;
+      return (y = (v = (n = r.purchaseOrder) == null ? void 0 : n.netSuite) == null ? void 0 : v.additionalInfo) != null && y.transactionnumber ? (D = (h = (_ = r.purchaseOrder) == null ? void 0 : _.netSuite) == null ? void 0 : h.additionalInfo) == null ? void 0 : D.transactionnumber : (R = (M = (x = c.value) == null ? void 0 : x.netSuite) == null ? void 0 : M.additionalInfo) != null && R.transactionnumber ? (k = (O = (j = c.value) == null ? void 0 : j.netSuite) == null ? void 0 : O.additionalInfo) == null ? void 0 : k.transactionnumber : null;
+    }), t = Z(() => {
+      var n, v, y, _, h, D;
+      return (v = (n = r.purchaseOrder) == null ? void 0 : n.deliveryFullfillment) != null && v.length && ((_ = (y = r.purchaseOrder) == null ? void 0 : y.deliveryFullfillment) == null ? void 0 : _.length) > 0 ? (D = (h = r.purchaseOrder) == null ? void 0 : h.deliveryFullfillment) == null ? void 0 : D.map((x) => {
+        var M;
+        return (M = x.netSuite) == null ? void 0 : M.refNo;
+      }).join(", ") : "N/A";
+    });
+    return (n, v) => {
+      var y, _, h, D, x, M, R, j, O, k, Y, N, P, $, S, T;
+      return d(s).isEnabled ? (i(), b("div", Jr, [
+        e("div", Xr, [
+          v[0] || (v[0] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "NetSuite subsidiary", -1)),
+          e("div", Zr, p(o.value || "N/A"), 1)
+        ]),
+        !n.isTransferBetweenOutlets && n.scope === d(gt).RECEIVE_REQUEST ? (i(), b("div", es, [
+          e("div", ts, " NetSuite " + p((_ = (y = n.purchaseOrder) == null ? void 0 : y.netSuite) != null && _.recordType ? d(Pt)((D = (h = n.purchaseOrder) == null ? void 0 : h.netSuite) == null ? void 0 : D.recordType) : n.transferType === d(Ze).enum.purchase ? "Purchase Order" : "Transfer Order") + " (ID) ", 1),
+          e("div", rs, [
+            (M = (x = n.purchaseOrder) == null ? void 0 : x.netSuite) != null && M.id ? (i(), b("span", ss, p((j = (R = n.purchaseOrder) == null ? void 0 : R.netSuite) == null ? void 0 : j.refNo) + " (" + p((k = (O = n.purchaseOrder) == null ? void 0 : O.netSuite) == null ? void 0 : k.id) + ") ", 1)) : (i(), b("span", os, "N/A"))
+          ])
+        ])) : U("", !0),
+        !n.isTransferBetweenOutlets && c.value || n.scope === d(gt).APPROVAL ? (i(), b("div", ns, [
+          e("div", as, " (Request) NetSuite " + p(n.transferType === d(Ze).enum.purchase ? "Purchase Order" : "Transfer Order") + " (ID) ", 1),
+          e("div", ls, [
+            (N = (Y = c.value) == null ? void 0 : Y.netSuite) != null && N.id ? (i(), b("span", is, p(($ = (P = c.value) == null ? void 0 : P.netSuite) == null ? void 0 : $.refNo) + " (" + p((T = (S = c.value) == null ? void 0 : S.netSuite) == null ? void 0 : T.id) + ") ", 1)) : (i(), b("span", cs, "N/A"))
+          ])
+        ])) : U("", !0),
+        m.value ? (i(), b("div", us, [
+          v[1] || (v[1] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " NetSuite Transaction Number ", -1)),
+          e("div", ds, p(m.value), 1)
+        ])) : U("", !0),
+        d(s).isEnabled && n.transferType === d(Ze).enum.transfer && !n.isTransferBetweenOutlets ? (i(), b("div", ms, [
+          v[2] || (v[2] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " NetSuite fulfillment IDs ", -1)),
+          e("div", ps, p(t.value), 1)
+        ])) : U("", !0)
+      ])) : U("", !0);
+    };
+  }
+}), ys = { class: "flex flex-row-reverse" }, vs = /* @__PURE__ */ De({
+  __name: "NetSuiteLog",
+  props: {
+    netsuiteId: {},
+    purchaseOrderId: {}
+  },
+  setup(f) {
+    const r = He(), s = xt();
+    async function l(c, o) {
+      const m = [];
+      if (c && m.push(`body.message:*${c}*`), o) {
+        const y = o.replace(/:/g, "\\:");
+        m.push(`${y}`);
+      }
+      if (m.length === 0) {
+        r.open({
+          message: "Cannot open logs without valid filters.",
+          type: "error"
+        });
+        return;
+      }
+      const n = `attributes.pod:netsuite* AND (${m.join(" OR ")})`, { url: v } = await s.getSyncLogs(n);
+      r.open(
+        {
+          message: "Opening NetSuite logs...",
+          type: "info"
+        },
+        800
+      ), await new Promise((y) => setTimeout(y, 800)), window.open(v, "_blank");
+    }
+    return (c, o) => {
+      const m = X("FmButton");
+      return i(), b("div", ys, [
+        L(m, {
+          "prepend-icon": "history",
+          variant: "secondary",
+          label: "Logs",
+          onClick: o[0] || (o[0] = (t) => l(c.netsuiteId, c.purchaseOrderId)),
+          "text-color": "primary",
+          "bg-color": "transparent",
+          "border-color": "primary"
+        })
+      ]);
+    };
+  }
+}), bs = { class: "flex flex-row-reverse" }, gs = { key: 0 }, hs = { key: 1 }, _s = { class: "mb-6" }, xs = { class: "fm-typo-en-body-md-400" }, Ss = { key: 0 }, Os = { key: 1 }, ws = {
+  key: 0,
+  class: "flex"
+}, Cs = {
+  key: 1,
+  class: "border-t pt-6"
+}, Ds = { class: "fm-typo-en-body-lg-600 mb-4 flex items-center gap-2" }, $s = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg overflow-y-auto" }, ks = { class: "w-full" }, Rs = {
+  class: "p-3 fm-typo-en-body-sm-600",
+  style: { "min-width": "130px" }
+}, Ns = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, As = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ps = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ts = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Fs = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Is = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, qs = { class: "p-3 fm-typo-en-body-sm-600" }, Es = { key: 2 }, Vs = { key: 1 }, Ls = /* @__PURE__ */ De({
+  __name: "NetSuiteLatestInfo",
+  props: {
+    netsuiteId: {},
+    purchaseOrderId: {}
+  },
+  setup(f) {
+    const r = f, s = xt(), l = G(!1), c = Te(), o = G(!0), m = G(!1), t = G(!1), n = G(!1), v = G(null), y = G([]);
+    async function _() {
+      if (!v.value) {
+        l.value = !0;
+        try {
+          o.value = !0;
+          const M = await s.getMoreInfo(
+            c.currentLocation.dbName,
+            r.purchaseOrderId
+          );
+          v.value = M, m.value = !1;
+        } catch {
+          m.value = !0;
+        } finally {
+          o.value = !1;
+        }
+        await h();
+      }
+    }
+    async function h() {
+      if (!(y.value.length > 0))
+        try {
+          t.value = !0;
+          const M = await s.getChangeLogs(r.netsuiteId);
+          y.value = M, n.value = !1;
+        } catch {
+          n.value = !0;
+        } finally {
+          t.value = !1;
+        }
+    }
+    function D(M) {
+      switch (M) {
+        case Ne.Create:
+          return "text-green-600 bg-green-100";
+        case Ne.Set:
+          return "text-blue-600 bg-blue-100";
+        case Ne.Change:
+          return "text-yellow-600 bg-yellow-100";
+        case Ne.Unset:
+          return "text-red-600 bg-red-100";
+        default:
+          return "text-gray-600 bg-gray-100";
+      }
+    }
+    function x(M) {
+      return new Date(M).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    }
+    return (M, R) => {
+      const j = X("FmButton"), O = X("FmLabel"), k = X("FmCircularProgress"), Y = X("FmIcon"), N = X("FmDialog");
+      return i(), b("div", bs, [
+        L(N, {
+          modelValue: l.value,
+          "onUpdate:modelValue": R[2] || (R[2] = (P) => l.value = P),
+          overlay: !0,
+          "max-width": 800
+        }, {
+          "dialog-button": oe(() => [
+            L(j, {
+              "prepend-icon": "info",
+              variant: "secondary",
+              label: "Latest Info",
+              onClick: R[0] || (R[0] = (P) => _()),
+              "text-color": "primary",
+              "bg-color": "transparent",
+              "border-color": "primary"
+            })
+          ]),
+          "dialog-header": oe(() => R[3] || (R[3] = [
+            e("div", null, "NetSuite latest info", -1)
+          ])),
+          default: oe(() => [
+            o.value ? (i(), b("div", gs, "Loading...")) : (i(), b("div", hs, [
+              m.value ? (i(), b("p", Vs, "Something went wrong.")) : (i(), b(fe, { key: 0 }, [
+                e("div", _s, [
+                  R[4] || (R[4] = e("h3", { class: "fm-typo-en-body-lg-600 mb-4" }, "NetSuite Order Details", -1)),
+                  (i(!0), b(fe, null, ke(v.value, (P, $) => (i(), b("div", {
+                    key: $,
+                    class: "mb-2"
+                  }, [
+                    e("div", null, [
+                      L(O, {
+                        label: d(ht)($)
+                      }, null, 8, ["label"]),
+                      e("div", xs, [
+                        Array.isArray(P) ? (i(), b("span", Ss, p(P.length > 0 ? P.join(", ") : "N/A"), 1)) : (i(), b("span", Os, p(P), 1))
+                      ])
+                    ])
+                  ]))), 128))
+                ]),
+                t.value ? (i(), b("div", ws, [
+                  R[5] || (R[5] = e("span", null, "Change Log Loading...", -1)),
+                  L(k, { size: "md" })
+                ])) : U("", !0),
+                !t.value && y.value.length > 0 ? (i(), b("div", Cs, [
+                  e("h3", Ds, [
+                    L(Y, {
+                      name: "error",
+                      color: "#ff9500",
+                      size: "sm"
+                    }),
+                    R[6] || (R[6] = Pe(" Change Logs "))
+                  ]),
+                  e("div", $s, [
+                    e("table", ks, [
+                      R[7] || (R[7] = e("thead", { class: "bg-fm-color-neutral-gray-50" }, [
+                        e("tr", { class: "border-b border-fm-color-neutral-gray-200" }, [
+                          e("th", {
+                            class: "text-left p-3 fm-typo-en-body-md-600",
+                            style: { "min-width": "130px" }
+                          }, " Date "),
+                          e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Role"),
+                          e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Name"),
+                          e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Context"),
+                          e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Type"),
+                          e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Line ID"),
+                          e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Field"),
+                          e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Old Value"),
+                          e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "New Value")
+                        ])
+                      ], -1)),
+                      e("tbody", null, [
+                        (i(!0), b(fe, null, ke(y.value, (P, $) => (i(), b("tr", {
+                          key: $,
+                          class: "border-b border-fm-color-neutral-gray-200 last:border-b-0"
+                        }, [
+                          e("td", Rs, p(x(P._dateiso8601)), 1),
+                          e("td", Ns, p(P._rolename), 1),
+                          e("td", As, p(P._employeename), 1),
+                          e("td", Ps, p(P._contextname), 1),
+                          e("td", {
+                            class: je(`p-3 fm-typo-en-body-sm-600 ${D(Number(P.type) - 1)}`)
+                          }, p(d(Ne)[Number(P.type) - 1]), 3),
+                          e("td", Ts, p(P.lineid || ""), 1),
+                          e("td", Fs, p(P._fieldname), 1),
+                          e("td", Is, p(P.oldvalue || ""), 1),
+                          e("td", qs, p(P.newvalue || ""), 1)
+                        ]))), 128))
+                      ])
+                    ])
+                  ])
+                ])) : (i(), b("div", Es, R[8] || (R[8] = [
+                  e("p", null, "No change logs available.", -1)
+                ])))
+              ], 64))
+            ]))
+          ]),
+          "dialog-footer": oe(() => [
+            L(j, {
+              class: "ml-auto sm:w-full xs:w-full",
+              label: "Close",
+              size: "md",
+              variant: "primary",
+              onClick: R[1] || (R[1] = (P) => l.value = !1)
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Ms = {
+  key: 0,
+  class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16 flex flex-col gap-8"
+}, Us = { class: "flex gap-8 items-center" }, js = { class: "ml-auto" }, Bs = { class: "flex gap-3" }, zs = /* @__PURE__ */ De({
+  __name: "NetSuitePanel",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    transferType: {},
+    transferToDbName: {},
+    scope: {}
+  },
+  setup(f) {
+    const r = f, s = $r(), l = Z(() => s.isNetSuiteEnabled);
+    return (c, o) => {
+      var t, n;
+      const m = X("FmMenuDivider");
+      return l.value ? (i(), b("div", Ms, [
+        e("div", Us, [
+          o[0] || (o[0] = e("span", { class: "flex-1 fm-typo-en-body-lg-600" }, "NetSuite Info", -1)),
+          e("div", js, [
+            e("div", Bs, [
+              (n = (t = r.purchaseOrder) == null ? void 0 : t.netSuite) != null && n.id ? (i(), ie(Be, { key: 0 }, {
+                default: oe(() => {
+                  var v, y, _;
+                  return [
+                    L(Ls, {
+                      "netsuite-id": (y = (v = c.purchaseOrder) == null ? void 0 : v.netSuite) == null ? void 0 : y.id,
+                      "purchase-order-id": (_ = c.purchaseOrder) == null ? void 0 : _._id
+                    }, null, 8, ["netsuite-id", "purchase-order-id"])
+                  ];
+                }),
+                _: 1
+              })) : U("", !0),
+              L(Be, null, {
+                default: oe(() => {
+                  var v, y, _;
+                  return [
+                    L(vs, {
+                      "netsuite-id": (y = (v = c.purchaseOrder) == null ? void 0 : v.netSuite) == null ? void 0 : y.id,
+                      "purchase-order-id": (_ = c.purchaseOrder) == null ? void 0 : _._id
+                    }, null, 8, ["netsuite-id", "purchase-order-id"])
+                  ];
+                }),
+                _: 1
+              }),
+              L(Qr, {
+                "po-request": c.poRequest,
+                "purchase-order": c.purchaseOrder,
+                "is-transfer-between-outlets": !l.value,
+                scope: c.scope
+              }, null, 8, ["po-request", "purchase-order", "is-transfer-between-outlets", "scope"])
+            ])
+          ])
+        ]),
+        L(m),
+        L(fs, {
+          "po-request": c.poRequest,
+          "purchase-order": c.purchaseOrder,
+          "transfer-type": c.transferType,
+          "transfer-to-db-name": c.transferToDbName,
+          "is-transfer-between-outlets": !l.value,
+          scope: c.scope
+        }, null, 8, ["po-request", "purchase-order", "transfer-type", "transfer-to-db-name", "is-transfer-between-outlets", "scope"])
+      ])) : U("", !0);
+    };
+  }
+}), Ks = { class: "flex flex-col gap-3" }, Hs = { class: "flex flex-col gap-4" }, Ws = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, Gs = { class: "flex flex-col gap-4" }, Ys = { class: "flex justify-between items-center py-1 gap-4" }, Qs = { class: "flex flex-col" }, Js = { class: "fm-typo-en-body-lg-600" }, Xs = { class: "fm-typo-en-body-md-400" }, Zs = { class: "flex flex-col gap-2 items-end" }, eo = { class: "flex self-end fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, to = {
+  key: 0,
+  class: "flex items-center gap-2"
+}, ro = {
+  key: 0,
+  class: "border-b border-fm-color-stroke-secondary"
+}, so = { class: "flex flex-col gap-4" }, oo = { class: "flex flex-col gap-4" }, no = { class: "flex flex-col gap-4" }, ao = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, lo = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, io = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, co = /* @__PURE__ */ De({
+  __name: "EditForm",
+  props: {
+    purchaseOrder: {},
+    deliveryOrder: {}
+  },
+  emits: ["submitted"],
+  setup(f, { emit: r }) {
+    Ar();
+    const s = Ee(), l = He(), c = G(!1), o = f, m = r, t = Tt("deliveryOrder"), n = We(), v = Z(
+      () => {
+        var j;
+        return ((j = o.purchaseOrder.deliveryFullfillment) == null ? void 0 : j.findIndex(
+          (O) => o.deliveryOrder.fullfillmentId && O.id === o.deliveryOrder.fullfillmentId
+        )) ?? -1;
+      }
+    ), y = s.enablePurchaseOrderReceiveWithCustomCost, _ = s.enablePortalDeliveryOrderWrite, h = G({}), D = Z(() => o.purchaseOrder.items.map((j, O) => Z({
+      get: () => {
+        var Y;
+        const k = (Y = t.received[O]) == null ? void 0 : Y.cost;
+        return k ? +be(k) : 0;
+      },
+      set: (k) => {
+        t.received[O].cost = {
+          currency: Ce(),
+          ...ot(k, 4)
+        };
+      }
+    }))), x = Z(() => o.deliveryOrder.received.map((j, O) => Z({
+      get: () => {
+        var Y;
+        const k = (Y = t.received[O]) == null ? void 0 : Y.amount;
+        return k ? +be(k) : 0;
+      },
+      set: (k) => {
+        t.received[O].amount = ot(k, 2);
+      }
+    })));
+    function M(j) {
+      const O = !h.value[j];
+      if (h.value[j] = O, O) {
+        const k = o.deliveryOrder.received[j];
+        k.cost ? t.received[j].cost = {
+          currency: k.cost.currency,
+          amount: k.cost.amount,
+          precision: k.cost.precision
+        } : t.received[j].cost = {
+          currency: Ce(),
+          amount: 0,
+          precision: 4
+        };
+      } else
+        delete t.received[j].cost;
+    }
+    function R() {
+      n.updateDeliveryOrder({
+        deliveryOrder: {
+          ...o.deliveryOrder,
+          ...t
+        },
+        purchaseOrderId: o.purchaseOrder._id,
+        purchaseOrderRev: o.purchaseOrder._rev
+      }).then(() => {
+        l.open(
+          {
+            title: "Success",
+            message: `PO# ${o.purchaseOrder.seqNumber} Changes have been saved`,
+            type: "success"
+          },
+          1e4
+        ), c.value = !1, m("submitted");
+      });
+    }
+    return (j, O) => {
+      const k = X("FmButton"), Y = X("FmStepperField"), N = X("FmSwitch"), P = X("FmTextField"), $ = X("FmDialog");
+      return i(), ie($, {
+        modelValue: c.value,
+        "onUpdate:modelValue": O[1] || (O[1] = (S) => c.value = S),
+        overlay: !0
+      }, {
+        "dialog-button": oe(() => [
+          d(_) ? (i(), ie(k, {
+            key: 0,
+            variant: "plain",
+            label: "Edit",
+            size: "md",
+            "prepend-icon": "edit"
+          })) : U("", !0)
+        ]),
+        "dialog-header": oe(() => [
+          e("div", null, "Received on " + p(d(et)(o.deliveryOrder.createdAt)), 1)
+        ]),
+        "dialog-footer": oe(() => [
+          L(k, {
+            class: "ml-auto",
+            label: "Apply changes",
+            size: "md",
+            variant: "destructive",
+            onClick: R
+          })
+        ]),
+        default: oe(() => [
+          e("div", null, [
+            e("div", Ks, [
+              e("div", Hs, [
+                O[2] || (O[2] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Adjustment date", -1)),
+                e("div", Ws, p(o.deliveryOrder.adjustment ? d(et)(new Date(d(st)(o.deliveryOrder.adjustment))) : "-"), 1)
+              ]),
+              e("div", Gs, [
+                O[4] || (O[4] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Received items", -1)),
+                (i(!0), b(fe, null, ke(o.deliveryOrder.received, (S, T) => {
+                  var W;
+                  return i(), b("div", { key: T }, [
+                    e("div", Ys, [
+                      e("div", Qs, [
+                        e("span", Js, p(S.sku.name), 1),
+                        e("span", Xs, p(S.sku.code), 1)
+                      ]),
+                      e("div", Zs, [
+                        L(Y, {
+                          label: "Receive Quantity",
+                          modelValue: x.value[T].value,
+                          "onUpdate:modelValue": (Q) => x.value[T].value = Q,
+                          min: 0,
+                          "append-text": ((W = S.measurement) == null ? void 0 : W.abbrev) ?? S.sku.unit.abbrev
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "append-text"]),
+                        e("div", eo, p(`${S.cost ? `${d(Je)(S.cost)}` : ""}`), 1),
+                        d(y) ? (i(), b("div", to, [
+                          L(N, {
+                            "model-value": h.value[T],
+                            "onUpdate:modelValue": (Q) => M(T),
+                            size: "sm"
+                          }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                          O[3] || (O[3] = e("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Override cost ", -1))
+                        ])) : U("", !0),
+                        d(y) && h.value[T] ? (i(), ie(Y, {
+                          key: 1,
+                          modelValue: D.value[T].value,
+                          "onUpdate:modelValue": (Q) => D.value[T].value = Q,
+                          label: "Total Cost",
+                          step: 1e-4,
+                          min: 0,
+                          placeholder: "0.0000",
+                          size: "sm",
+                          "append-text": d(Ce)()
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "append-text"])) : U("", !0)
+                      ])
+                    ]),
+                    T < o.purchaseOrder.items.length - 1 ? (i(), b("div", ro)) : U("", !0)
+                  ]);
+                }), 128))
+              ]),
+              e("div", so, [
+                O[5] || (O[5] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Delivery order no.", -1)),
+                e("div", oo, [
+                  L(P, {
+                    modelValue: d(t).deliveryOrderNumber,
+                    "onUpdate:modelValue": O[0] || (O[0] = (S) => d(t).deliveryOrderNumber = S),
+                    size: "md",
+                    placeholder: o.deliveryOrder.deliveryOrderNumber
+                  }, null, 8, ["modelValue", "placeholder"])
+                ])
+              ]),
+              e("div", no, [
+                O[6] || (O[6] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Remark", -1)),
+                e("div", ao, p(o.deliveryOrder.remark || "N/A"), 1)
+              ]),
+              v.value >= 0 ? (i(), b("div", lo, [
+                O[7] || (O[7] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fulfilment's sequence ", -1)),
+                e("div", io, p(v.value + 1), 1)
+              ])) : U("", !0)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), uo = { class: "flex flex-col gap-3" }, mo = { class: "flex flex-col gap-4" }, po = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, fo = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, yo = { class: "flex items-center justify-between" }, vo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, bo = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, go = { class: "flex gap-4" }, ho = { class: "flex-1" }, _o = { class: "flex-1" }, xo = {
+  key: 0,
+  class: "flex items-center text-fm-color-system-error-300"
+}, So = { class: "fm-typo-en-body-md-400" }, Oo = { class: "flex flex-col gap-4" }, wo = { class: "flex justify-between items-center py-1 gap-4" }, Co = { class: "flex flex-col" }, Do = { class: "fm-typo-en-body-lg-600" }, $o = { class: "fm-typo-en-body-md-400" }, ko = { class: "flex flex-col gap-2 items-end" }, Ro = {
+  key: 0,
+  class: "flex items-center gap-2"
+}, No = {
+  key: 0,
+  class: "border-b border-fm-color-stroke-secondary"
+}, Ao = { class: "flex flex-col gap-4" }, Po = { class: "flex flex-col gap-4" }, To = { class: "flex flex-col gap-4" }, Fo = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, Io = /* @__PURE__ */ De({
+  __name: "CreateForm",
+  props: {
+    purchaseOrder: {},
+    receivedInfoMap: {}
+  },
+  emits: ["submitted"],
+  setup(f, { emit: r }) {
+    var F, I, ee;
+    const { t: s } = it(), l = G(!1), c = ct(), o = f, m = r, t = Tt("", {
+      default: {
+        deliveryOrderNumber: "",
+        remark: "",
+        received: o.purchaseOrder.items.map((w) => ({
+          sku: w.sku,
+          amount: Ue.fromNumber(0),
+          measurement: w.measurement
+        })),
+        createdBy: {
+          id: ((F = c.sessionUser.value) == null ? void 0 : F.id) || "",
+          name: ((I = c.sessionUser.value) == null ? void 0 : I.displayName) || ""
+        },
+        createdAt: ""
+      }
+    }), n = We(), v = dt(), y = Ee(), _ = ((ee = o.purchaseOrder) == null ? void 0 : ee.supplier.internal) != null, h = _ && y.enablePOSTransferRequireFulfillment, D = y.enablePortalDeliveryOrderWrite && (o.purchaseOrder.status === ae.Enum.RECEIVING || o.purchaseOrder.status === ae.Enum.COMPLETE) && (_ ? !h : !0), x = y.enablePurchaseOrderReceiveWithCustomCost, M = y.enableBackdateReceive, R = G({}), j = He(), O = Z({
+      get() {
+        if (!t.createdAt) return "";
+        const w = new Date(t.createdAt), g = w.getFullYear(), V = String(w.getMonth() + 1).padStart(2, "0"), H = String(w.getDate()).padStart(2, "0");
+        return `${g}-${V}-${H}`;
+      },
+      set(w) {
+        if (w) {
+          const g = t.createdAt ? new Date(t.createdAt) : /* @__PURE__ */ new Date(), [V, H, ce] = w.split("-");
+          g.setFullYear(parseInt(V)), g.setMonth(parseInt(H) - 1), g.setDate(parseInt(ce)), t.createdAt = g.toISOString();
+        }
+      }
+    }), k = Z({
+      get() {
+        if (!t.createdAt) return "";
+        const w = new Date(t.createdAt), g = String(w.getHours()).padStart(2, "0"), V = String(w.getMinutes()).padStart(2, "0");
+        return `${g}:${V}`;
+      },
+      set(w) {
+        if (w) {
+          const g = t.createdAt ? new Date(t.createdAt) : /* @__PURE__ */ new Date(), [V, H] = w.split(":");
+          g.setHours(parseInt(V)), g.setMinutes(parseInt(H)), t.createdAt = g.toISOString();
+        }
+      }
+    }), Y = Z(() => {
+      const w = st(o.purchaseOrder._id);
+      if (!w) return "";
+      const g = new Date(w), V = g.getFullYear(), H = String(g.getMonth() + 1).padStart(2, "0"), ce = String(g.getDate()).padStart(2, "0");
+      return `${V}-${H}-${ce}`;
+    }), N = Z(() => {
+      const w = st(o.purchaseOrder._id);
+      return w ? new Date(w) : null;
+    }), P = Z(() => {
+      if (!O.value || !k.value || !N.value) return null;
+      if (/* @__PURE__ */ new Date(`${O.value}T${k.value}:00`) < N.value) {
+        const g = Y.value, V = N.value.getHours(), H = N.value.getMinutes(), ce = V >= 12 ? "PM" : "AM", Re = V % 12 || 12, Oe = `${String(Re).padStart(2, "0")}:${String(H).padStart(2, "0")} ${ce}`;
+        return `Delivery date & time cannot be earlier than order creation (${g} ${Oe})`;
+      }
+      return null;
+    }), $ = Z(() => P.value ? !1 : t.received.some((g) => {
+      const V = g.amount;
+      return V ? +be(V) > 0 : !1;
+    }));
+    function S() {
+      t.createdAt = "";
+    }
+    const T = Z(() => o.purchaseOrder.items.map((w, g) => Z({
+      get: () => {
+        var H;
+        const V = (H = t.received[g]) == null ? void 0 : H.amount;
+        return V ? +be(V) : 0;
+      },
+      set: (V) => {
+        t.received[g].amount = ot(V, 2);
+      }
+    })));
+    function W(w) {
+      const g = !R.value[w];
+      if (R.value[w] = g, g) {
+        const V = o.purchaseOrder.items[w];
+        V.totalCost ? t.received[w].cost = {
+          currency: V.totalCost.currency,
+          amount: V.totalCost.amount,
+          precision: 4
+          // Standardize to 4 decimals
+        } : t.received[w].cost = {
+          currency: Ce(),
+          amount: 0,
+          precision: 4
+        };
+      } else
+        delete t.received[w].cost;
+    }
+    const Q = Z(() => o.purchaseOrder.items.map((w, g) => Z({
+      get: () => {
+        var H;
+        const V = (H = t.received[g]) == null ? void 0 : H.cost;
+        return V ? +be(V) : 0;
+      },
+      set: (V) => {
+        t.received[g].cost = {
+          currency: Ce(),
+          ...ot(V, 4)
+        };
+      }
+    })));
+    function ye() {
+      v.open({
+        title: "Confirm Create Delivery Order",
+        message: `Are you sure you want to create delivery order for PO# ${o.purchaseOrder.seqNumber}?`,
+        primaryActions: {
+          text: "Create",
+          close: !0,
+          variant: "primary"
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(() => ge());
+    }
+    function ge() {
+      n.createDeliveryOrder({
+        deliveryOrder: t,
+        purchaseOrderId: o.purchaseOrder._id,
+        purchaseOrderRev: o.purchaseOrder._rev,
+        currency: Ce()
+      }).then(() => {
+        j.open(
+          {
+            title: "Success",
+            message: `New delivery order created for PO# ${o.purchaseOrder.seqNumber}`,
+            type: "success"
+          },
+          1e4
+        ), l.value = !1, m("submitted");
+      });
+    }
+    return (w, g) => {
+      const V = X("FmButton"), H = X("FmDatePicker"), ce = X("FmTimePicker"), Re = X("FmIcon"), Oe = X("FmStepperField"), Ge = X("FmSwitch"), a = X("FmTextField"), u = X("FmDialog");
+      return i(), ie(u, {
+        modelValue: l.value,
+        "onUpdate:modelValue": g[4] || (g[4] = (E) => l.value = E),
+        overlay: !0,
+        "min-width": 800
+      }, {
+        "dialog-button": oe(() => [
+          d(D) ? (i(), ie(V, {
+            key: 0,
+            variant: "primary",
+            label: "Create",
+            size: "md",
+            "prepend-icon": "add",
+            class: "w-full"
+          })) : U("", !0)
+        ]),
+        "dialog-header": oe(() => [
+          e("div", null, "Order #" + p(o.purchaseOrder.seqNumber) + " (New Delivery Order)", 1)
+        ]),
+        "dialog-footer": oe(() => [
+          L(V, {
+            class: "ml-auto",
+            label: "Create",
+            size: "md",
+            variant: "destructive",
+            disabled: !$.value,
+            onClick: ye
+          }, null, 8, ["disabled"])
+        ]),
+        default: oe(() => {
+          var E;
+          return [
+            e("div", uo, [
+              e("div", mo, [
+                g[5] || (g[5] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Received by", -1)),
+                e("div", po, p((E = d(c).sessionUser.value) == null ? void 0 : E.displayName), 1)
+              ]),
+              d(M) ? (i(), b("div", fo, [
+                e("div", yo, [
+                  e("div", vo, [
+                    g[6] || (g[6] = Pe(" Delivery Date & Time ")),
+                    !O.value && !k.value ? (i(), b("div", bo, " Leave blank to use current date & time ")) : U("", !0)
+                  ]),
+                  O.value || k.value ? (i(), ie(V, {
+                    key: 0,
+                    variant: "tertiary",
+                    label: "Clear",
+                    "prepend-icon": "close",
+                    onClick: S
+                  })) : U("", !0)
+                ]),
+                e("div", go, [
+                  e("div", ho, [
+                    L(H, {
+                      modelValue: O.value,
+                      "onUpdate:modelValue": g[0] || (g[0] = (A) => O.value = A)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  e("div", _o, [
+                    L(ce, {
+                      modelValue: k.value,
+                      "onUpdate:modelValue": g[1] || (g[1] = (A) => k.value = A)
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                P.value ? (i(), b("div", xo, [
+                  L(Re, {
+                    name: "error",
+                    class: "inline-block mr-1",
+                    size: "sm"
+                  }),
+                  e("div", So, p(P.value), 1)
+                ])) : U("", !0)
+              ])) : U("", !0),
+              e("div", Oo, [
+                g[8] || (g[8] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Items going to receive ", -1)),
+                (i(!0), b(fe, null, ke(o.purchaseOrder.items, (A, K) => {
+                  var B, J, C;
+                  return i(), b("div", { key: K }, [
+                    e("div", wo, [
+                      e("div", Co, [
+                        e("span", Do, p(A.sku.name), 1),
+                        e("span", $o, p(A.sku.code), 1)
+                      ]),
+                      e("div", ko, [
+                        L(Oe, {
+                          label: "Receive Quantity",
+                          modelValue: T.value[K].value,
+                          "onUpdate:modelValue": (te) => T.value[K].value = te,
+                          "helper-text": `${d(s)("inventory.transfer.receiveRequest.details.received")} ${d(Ue).toFormatString(
+                            {
+                              value: (B = w.receivedInfoMap[A.sku._id]) == null ? void 0 : B.received
+                            }
+                          )} ${((J = A.measurement) == null ? void 0 : J.abbrev) ?? A.sku.unit.abbrev}`,
+                          min: 0,
+                          "append-text": ((C = A.measurement) == null ? void 0 : C.abbrev) ?? A.sku.unit.abbrev
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "helper-text", "append-text"]),
+                        d(x) ? (i(), b("div", Ro, [
+                          L(Ge, {
+                            "model-value": R.value[K],
+                            "onUpdate:modelValue": (te) => W(K),
+                            size: "sm"
+                          }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                          g[7] || (g[7] = e("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Override cost ", -1))
+                        ])) : U("", !0),
+                        d(x) && R.value[K] ? (i(), ie(Oe, {
+                          key: 1,
+                          modelValue: Q.value[K].value,
+                          "onUpdate:modelValue": (te) => Q.value[K].value = te,
+                          label: "Total Cost",
+                          step: 1e-4,
+                          min: 0,
+                          placeholder: "0.0000",
+                          size: "sm",
+                          "append-text": d(Ce)()
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "append-text"])) : U("", !0)
+                      ])
+                    ]),
+                    K < o.purchaseOrder.items.length - 1 ? (i(), b("div", No)) : U("", !0)
+                  ]);
+                }), 128))
+              ]),
+              e("div", Ao, [
+                g[9] || (g[9] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Delivery order no.", -1)),
+                e("div", Po, [
+                  L(a, {
+                    modelValue: d(t).deliveryOrderNumber,
+                    "onUpdate:modelValue": g[2] || (g[2] = (A) => d(t).deliveryOrderNumber = A),
+                    size: "md"
+                  }, null, 8, ["modelValue"])
+                ])
+              ]),
+              e("div", To, [
+                g[10] || (g[10] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Remark", -1)),
+                e("div", Fo, [
+                  L(a, {
+                    modelValue: d(t).remark,
+                    "onUpdate:modelValue": g[3] || (g[3] = (A) => d(t).remark = A),
+                    size: "md"
+                  }, null, 8, ["modelValue"])
+                ])
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), qo = { class: "flex flex-row-reverse" }, Eo = {
+  key: 0,
+  class: "flex"
+}, Vo = {
+  key: 1,
+  class: "border-t pt-6"
+}, Lo = { class: "fm-typo-en-body-lg-600 mb-4 flex items-center gap-2" }, Mo = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg overflow-y-auto" }, Uo = { class: "w-full" }, jo = {
+  class: "p-3 fm-typo-en-body-sm-600",
+  style: { "min-width": "130px" }
+}, Bo = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, zo = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ko = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ho = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Wo = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Go = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Yo = { class: "p-3 fm-typo-en-body-sm-600" }, Qo = { key: 2 }, Jo = /* @__PURE__ */ De({
+  __name: "NetSuiteTransactionChangeLog",
+  props: {
+    netsuiteId: {}
+  },
+  setup(f) {
+    const r = f, s = xt(), l = G(!1), c = G(!1), o = G(!1), m = G([]);
+    async function t() {
+      if (!(m.value.length > 0))
+        try {
+          c.value = !0;
+          const y = await s.getChangeLogs(r.netsuiteId);
+          m.value = y, o.value = !1;
+        } catch {
+          o.value = !0;
+        } finally {
+          c.value = !1;
+        }
+    }
+    function n(y) {
+      switch (y) {
+        case Ne.Create:
+          return "text-green-600 bg-green-100";
+        case Ne.Set:
+          return "text-blue-600 bg-blue-100";
+        case Ne.Change:
+          return "text-yellow-600 bg-yellow-100";
+        case Ne.Unset:
+          return "text-red-600 bg-red-100";
+        default:
+          return "text-gray-600 bg-gray-100";
+      }
+    }
+    function v(y) {
+      return new Date(y).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    }
+    return (y, _) => {
+      const h = X("FmButton"), D = X("FmCircularProgress"), x = X("FmIcon"), M = X("FmDialog");
+      return i(), b("div", qo, [
+        L(M, {
+          modelValue: l.value,
+          "onUpdate:modelValue": _[2] || (_[2] = (R) => l.value = R),
+          overlay: !0,
+          "max-width": 800
+        }, {
+          "dialog-button": oe(() => [
+            L(h, {
+              "prepend-icon": "info",
+              variant: "secondary",
+              label: "NetSuite",
+              onClick: _[0] || (_[0] = (R) => t()),
+              "text-color": "primary",
+              "bg-color": "transparent",
+              "border-color": "primary"
+            })
+          ]),
+          "dialog-header": oe(() => _[3] || (_[3] = [
+            e("div", null, "NetSuite info", -1)
+          ])),
+          default: oe(() => [
+            c.value ? (i(), b("div", Eo, [
+              _[4] || (_[4] = e("span", null, "Change Log Loading...", -1)),
+              L(D, { size: "md" })
+            ])) : U("", !0),
+            !c.value && m.value.length > 0 ? (i(), b("div", Vo, [
+              e("h3", Lo, [
+                L(x, {
+                  name: "error",
+                  color: "#ff9500",
+                  size: "sm"
+                }),
+                _[5] || (_[5] = Pe(" Change Logs "))
+              ]),
+              e("div", Mo, [
+                e("table", Uo, [
+                  _[6] || (_[6] = e("thead", { class: "bg-fm-color-neutral-gray-50" }, [
+                    e("tr", { class: "border-b border-fm-color-neutral-gray-200" }, [
+                      e("th", {
+                        class: "text-left p-3 fm-typo-en-body-md-600",
+                        style: { "min-width": "130px" }
+                      }, " Date "),
+                      e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Role"),
+                      e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Name"),
+                      e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Context"),
+                      e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Type"),
+                      e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Line ID"),
+                      e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Field"),
+                      e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "Old Value"),
+                      e("th", { class: "text-left p-3 fm-typo-en-body-md-600" }, "New Value")
+                    ])
+                  ], -1)),
+                  e("tbody", null, [
+                    (i(!0), b(fe, null, ke(m.value, (R, j) => (i(), b("tr", {
+                      key: j,
+                      class: "border-b border-fm-color-neutral-gray-200 last:border-b-0"
+                    }, [
+                      e("td", jo, p(v(R._dateiso8601)), 1),
+                      e("td", Bo, p(R._rolename), 1),
+                      e("td", zo, p(R._employeename), 1),
+                      e("td", Ko, p(R._contextname), 1),
+                      e("td", {
+                        class: je(`p-3 fm-typo-en-body-sm-600 ${n(Number(R.type) - 1)}`)
+                      }, p(d(Ne)[Number(R.type) - 1]), 3),
+                      e("td", Ho, p(R.lineid || ""), 1),
+                      e("td", Wo, p(R._fieldname), 1),
+                      e("td", Go, p(R.oldvalue || ""), 1),
+                      e("td", Yo, p(R.newvalue || ""), 1)
+                    ]))), 128))
+                  ])
+                ])
+              ])
+            ])) : (i(), b("div", Qo, _[7] || (_[7] = [
+              e("p", null, "No change logs available.", -1)
+            ])))
+          ]),
+          "dialog-footer": oe(() => [
+            L(h, {
+              class: "ml-auto sm:w-full xs:w-full",
+              label: "Close",
+              size: "md",
+              variant: "primary",
+              onClick: _[1] || (_[1] = (R) => l.value = !1)
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Xo = { class: "flex flex-col w-full gap-3" }, Zo = { class: "flex" }, en = { class: "fm-typo-en-title-md-600 text-fm-color-typo-primary" }, tn = { class: "flex flex-col gap-16 w-full h-full" }, rn = { class: "flex justify-between" }, sn = { class: "fm-typo-en-body-lg-600" }, on = { class: "flex gap-2" }, nn = {
+  key: 0,
+  class: "flex items-center gap-1"
+}, an = { class: "fm-typo-en-body-md-400" }, ln = { class: "flex flex-col gap-8" }, cn = { class: "flex flex-col gap-4" }, un = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, dn = { class: "flex gap-1" }, mn = { class: "fm-typo-en-body-lg-600" }, pn = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, fn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yn = { class: "fm-typo-en-body-lg-600" }, vn = { class: "flex flex-col gap-4" }, bn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, gn = { class: "fm-typo-en-body-lg-600" }, hn = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, _n = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xn = { class: "fm-typo-en-body-lg-600" }, Sn = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, On = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wn = { class: "fm-typo-en-body-lg-600" }, Cn = {
+  key: 3,
+  class: "flex flex-col gap-4"
+}, Dn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $n = { class: "fm-typo-en-body-lg-600" }, kn = {
+  key: 4,
+  class: "flex flex-col gap-4"
+}, Rn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Nn = { class: "fm-typo-en-body-lg-600" }, An = {
+  key: 5,
+  class: "flex flex-col gap-4"
+}, Pn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Tn = { class: "fm-typo-en-body-lg-600" }, Fn = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, In = { class: "flex flex-col gap-8" }, qn = { class: "flex gap-8 items-center" }, En = { class: "flex-1 fm-typo-en-body-lg-600" }, Vn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-col gap-4" }, Ln = { class: "flex w-full gap-4" }, Mn = { class: "basis-1/2 shrink-0 grow fm-typo-en-body-lg-400 line-clamp-2 flex items-center gap-2" }, Un = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-col gap-2" }, jn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Bn = ["innerHTML"], zn = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, Kn = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-1" }, Hn = {
+  key: 0,
+  class: "flex items-center gap-4"
+}, Wn = { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Gn = {
+  key: 0,
+  class: "inline-flex items-center gap-1 text-xs font-medium text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full"
+}, Yn = { class: "py-8" }, Qn = { class: "flex justify-end gap-4 items-center" }, Jn = { class: "fm-typo-en-body-lg-600" }, Xn = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, Zn = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, ea = ["src"], ta = { class: "fm-typo-en-body-lg-600" }, ra = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, sa = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, oa = { class: "flex gap-12 content-stretch" }, na = {
+  class: "flex flex-col w-40",
+  name: "circles"
+}, aa = { class: "flex-1 flex flex-col items-center" }, la = { class: "h-40 w-40 bg-fm-color-primary rounded-full flex items-center justify-center" }, ia = { class: "flex-1 flex flex-col items-center" }, ca = { class: "flex w-full items-center gap-4" }, ua = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, da = { class: "fm-typo-en-body-lg-400" }, ma = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, pa = { class: "ml-auto flex gap-1" }, fa = { class: "flex gap-12 content-stretch" }, ya = {
+  class: "flex flex-col w-40",
+  name: "circles"
+}, va = { class: "flex-1 flex flex-col items-center" }, ba = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, ga = { class: "flex flex-col gap-8" }, ha = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _a = { class: "flex flex-col gap-4" }, xa = { class: "flex gap-8 xs:flex-col" }, Za = /* @__PURE__ */ De({
+  __name: "TransferDetails",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    transferTo: {},
+    transferToDbName: {},
+    show: { type: Boolean },
+    canResubmit: { type: Boolean },
+    canApprove: { type: Boolean },
+    scope: {},
+    receivedMap: {},
+    shipments: {}
+  },
+  emits: ["update:show", "submitted"],
+  setup(f, { emit: r }) {
+    const s = f, l = r, c = dt(), o = He(), m = Ee(), t = Te(), n = ct(), { hasOrderDraftPermission: v } = Mt(), y = Vt();
+    function _(a) {
+      const u = a.isCustomCost, E = a.totalCost;
+      return u != null ? u === !0 : E != null;
+    }
+    Ke(
+      () => s.purchaseOrder,
+      (a) => {
+        y.init(a);
+      },
+      { immediate: !0 }
+    );
+    const h = Z(
+      () => {
+        var a, u;
+        return {
+          id: ((a = n.sessionUser.value) == null ? void 0 : a.id) ?? "",
+          name: ((u = n.sessionUser.value) == null ? void 0 : u.displayName) ?? ""
+        };
+      }
+    ), D = Lt(), { t: x } = it(), M = Z(
+      () => {
+        var a, u, E, A;
+        return ((u = (a = s.purchaseOrder) == null ? void 0 : a.supplier) == null ? void 0 : u.internal) === "restaurant" || ((A = (E = s.purchaseOrder) == null ? void 0 : E.supplier) == null ? void 0 : A.internal) === "warehouse" ? Ze.enum.transfer : Ze.enum.purchase;
+      }
+    ), R = Z(() => {
+      var E;
+      const a = (E = s.shipments) == null ? void 0 : E.find((A) => {
+        var K;
+        return A.ref === ((K = s.purchaseOrder) == null ? void 0 : K._id);
+      });
+      let u = null;
+      if (a != null && a.milestones && a.milestones.length > 0) {
+        const A = a.milestones[a.milestones.length - 1];
+        if (A.estimatedTime) {
+          const K = new Date(A.estimatedTime), B = K.getDate().toString().padStart(2, "0");
+          u = `${K.toLocaleString("en-US", { month: "short" })} ${B}`;
+        }
+      }
+      return u;
+    }), j = G(!1), O = G(""), k = G(!0), Y = We(), N = Dr(Y.getWorkflowConfig), P = Et(), $ = [
+      q.enum.receiveStock,
+      q.enum.processRequest,
+      q.enum.closeRequest
+    ], S = Z(() => {
+      if (!s.purchaseOrder)
+        return [];
+      const a = N.result.value;
+      if (a.state === Dt.loading)
+        return [];
+      const u = {
+        user: h.value,
+        executedAt: t.locations.computeFirst(
+          (J) => {
+            var C;
+            return J.dbName === ((C = t._currentLocation) == null ? void 0 : C.dbName) ? J : null;
+          }
+        ),
+        purchaseOrderRequest: s.poRequest,
+        purchaseOrder: s.purchaseOrder
+      }, E = m.useOperatePurchaseOrderV2, A = m.poWorkflowAllowToMarkCompleted, K = [...$];
+      E && !A && K.push(q.enum.completeReceive);
+      let B = [];
+      try {
+        a.state === Dt.error ? (console.error("Error fetching workflow config:", a.error), B = mt.getAvailableActions({
+          ...u,
+          orderConfig: mt.getDefaultConfig()
+        }).actions.filter((J) => !K.includes(J))) : B = mt.getAvailableActions({
+          ...u,
+          orderConfig: a.data
+        }).actions.filter((J) => !K.includes(J));
+      } catch (J) {
+        console.error("Error getting available actions:", J);
+      }
+      return s.scope === "approval" && (B = B.filter((J) => J !== q.enum.completeReceive)), v.value || (B = B.filter(
+        (J) => J !== q.enum.approveDraft && J !== q.enum.rejectDraft
+      )), B;
+    }), T = br(s, "show"), W = Z(() => [
+      {
+        label: x("inventory.transfer.receiveRequest.details.overview"),
+        value: "overview"
+      },
+      {
+        label: x("inventory.transfer.receiveRequest.details.deliveryHistory"),
+        value: "deliveryHistory"
+      }
+    ]), Q = G(W.value[0]);
+    Ke(
+      () => s.show,
+      (a) => {
+        a && (Q.value = W.value[0]);
+      }
+    );
+    function ye(a) {
+      return a.map((u) => ({
+        ...u,
+        amount: {
+          ...u.amount,
+          amount: -Math.abs(u.amount.amount)
+        }
+      }));
+    }
+    async function ge(a, u, E, A, K) {
+      return new Promise((B, J) => {
+        const C = {
+          closeButton: !1,
+          title: A.title,
+          message: A.message,
+          primaryActions: A.primaryActions,
+          secondaryActions: { text: "No", close: !1 }
+        };
+        let te = u.rejectReason ?? "";
+        E === q.enum.rejectDraft && (C.contentComponent = qt, C.contentComponentProps = {
+          message: A.message,
+          onChange: (ne) => {
+            te = ne ?? "";
+          }
+        }), c.open(C).onPrimary(async () => {
+          var de, re, le, ve;
+          const ne = [];
+          E === q.enum.confirmDraft ? ne.push({
+            action: "confirmDraft",
+            payload: y.controller.value.toConfirmDraftData(Ce())
+          }) : E === q.enum.approveRequest ? (ne.push({
+            action: "approveRequest",
+            payload: null
+          }), u.fulfillment && ne.push({
+            action: "processRequest",
+            payload: {
+              fulfillmentId: "",
+              deliveryOrderNumber: "",
+              deliveryRemark: null,
+              items: ye(u.fulfillment.items),
+              createdBy: h.value
+            }
+          })) : E === q.enum.processRequest ? u.fulfillment && ne.push({
+            action: "processRequest",
+            payload: {
+              fulfillmentId: "",
+              deliveryOrderNumber: "",
+              deliveryRemark: null,
+              items: ye(u.fulfillment.items),
+              createdBy: h.value
+            }
+          }) : E === q.enum.rejectRequest ? ne.push({
+            action: "rejectRequest",
+            payload: null
+          }) : E === q.enum.closeRequest ? ne.push({
+            action: "closeRequest",
+            payload: null
+          }) : E === q.enum.rejectDraft && ne.push({
+            action: "rejectDraft",
+            payload: {
+              rejectReason: te ?? ""
+            }
+          });
+          try {
+            await P({
+              operate: {
+                operation: E,
+                doc: a,
+                options: u
+              },
+              operateV2: {
+                _id: ((de = s.purchaseOrder) == null ? void 0 : de._id) ?? "",
+                _rev: ((re = s.purchaseOrder) == null ? void 0 : re._rev) ?? "",
+                action: E,
+                payloads: ne
+                // add payload if action is receiveStock or processRequest
+              },
+              transferTo: (ve = (le = s.poRequest) == null ? void 0 : le.to) == null ? void 0 : ve.dbName
+            }).delayed(1e3), B("submitted");
+          } catch (Ae) {
+            J(Ae);
+          }
+        }).onSecondary(() => {
+          B("cancelled");
+          for (let ne = 0; ne < K + 2; ne++)
+            c.close();
+        }).onClose(() => {
+        });
+      });
+    }
+    async function F(a) {
+      var K, B, J, C;
+      if (a === q.enum.receiveStock)
+        return;
+      const u = It[a];
+      if (!u) {
+        o.open({
+          title: "Something went wrong",
+          message: `Cannot process order: ${ht(a)}`,
+          type: "error"
+        });
+        return;
+      }
+      const { successMessage: E, ...A } = u;
+      if (s.purchaseOrder) {
+        O.value = `${a}`, j.value = !0, k.value = !1;
+        const te = {};
+        let ne = 0;
+        if ((a === q.enum.confirmDraft || // auto receive for warehouse to warehouse
+        a === q.enum.completeReceive) && m.autoReceiveWarehouse)
+          te.autoReceive = !0;
+        else if ((a === q.enum.approveRequest || a === q.enum.processRequest) && m.acceptRequireFulfillment) {
+          const de = (B = (K = s.poRequest) == null ? void 0 : K.from) == null ? void 0 : B.dbName, re = (C = (J = s.poRequest) == null ? void 0 : J.to) == null ? void 0 : C.dbName;
+          if (de && re && (de.startsWith("warehouse_") || re.startsWith("warehouse_"))) {
+            const le = await new Promise((ve, Ae) => {
+              c.open({
+                closeButton: !1,
+                title: "Confirm transfer amount",
+                dialogComponent: Gr,
+                dialogComponentProps: {
+                  purchaseOrder: s.purchaseOrder,
+                  confirm: ve,
+                  "onUpdate:show": (Ve) => {
+                    Ve || (O.value = "", j.value = !1, k.value = !0, ne++, c.close()), Ae("cancelled");
+                  }
+                }
+              });
+            });
+            te.fulfillment = le;
+          }
+        }
+        try {
+          await ge(
+            s.purchaseOrder,
+            te,
+            a,
+            u,
+            ne
+          ) === "submitted" && (o.open({
+            title: "Success",
+            message: E,
+            type: "success"
+          }), l("update:show", !1), l("submitted"));
+        } catch (de) {
+          o.open({
+            title: "Something went wrong",
+            message: "Please try again.",
+            type: "error"
+          }), console.error("Error when submitting PO operation", a, s.purchaseOrder, de);
+        } finally {
+          O.value = "", j.value = !1, k.value = !0;
+        }
+      }
+    }
+    const I = Z(() => {
+      var a, u;
+      return ((a = s.purchaseOrder) == null ? void 0 : a.status) === ae.enum.RECEIVING || ((u = s.purchaseOrder) == null ? void 0 : u.status) === ae.enum.COMPLETE;
+    }), ee = Z(() => s.purchaseOrder ? at(s.purchaseOrder) : {}), w = Z(() => {
+      const a = s.purchaseOrder;
+      if (!a) return { status: "", statusClass: "" };
+      const { partial: u, over: E } = vt(ee.value), A = bt(a.status, u, E);
+      let K = x(`inventory.transfer.status.${A}`), B = `${a.status}`.toLocaleLowerCase("en-us");
+      return A === ae.enum.CLOSE && (K = `${x(`inventory.transfer.status.${ae.enum.COMPLETE}`)}`), A === "PARTIAL_RECEIVED" && B === ae.enum.PROCESSING.toLocaleLowerCase("en-us") && (B = ae.enum.RECEIVING.toLocaleLowerCase("en-us")), {
+        status: K,
+        statusClass: `fm-status-badge fm-status-badge-${B}`
+      };
+    }), g = Z(() => {
+      var B, J;
+      const a = ((B = s.purchaseOrder) == null ? void 0 : B.deliveryOrder) ?? [], u = ((J = s.purchaseOrder) == null ? void 0 : J.deliveryFullfillment) ?? [], E = [
+        ...a.map((C) => ({
+          createdAt: C.createdAt,
+          type: "grn",
+          doc: C
+        })),
+        ...u.map((C) => ({
+          createdAt: C.createdAt,
+          type: "fulfillment",
+          doc: C
+        }))
+      ];
+      E.reverse().sort((C, te) => C.createdAt.localeCompare(te.createdAt));
+      function A(C) {
+        var de, re, le, ve, Ae, Ve, se, me, he, Se, $e, Fe;
+        const te = u.findIndex((pe) => pe.id === C.fullfillmentId), ne = [
+          (re = (de = u[te]) == null ? void 0 : de.netSuite) != null && re.id ? {
+            label: "Fulfillment's ref no. (Netsuite)",
+            values: [
+              `${((ve = (le = u[te]) == null ? void 0 : le.netSuite) == null ? void 0 : ve.refNo) ?? "N/A"} (${((Ve = (Ae = u[te]) == null ? void 0 : Ae.netSuite) == null ? void 0 : Ve.id) ?? "-"})`
+            ]
+          } : null,
+          (se = C == null ? void 0 : C.netSuite) != null && se.id ? {
+            label: "Netsuite ref no.",
+            values: [`${((me = C == null ? void 0 : C.netSuite) == null ? void 0 : me.refNo) ?? "N/A"} (${((he = C == null ? void 0 : C.netSuite) == null ? void 0 : he.id) ?? "-"})`]
+          } : null,
+          (Se = C == null ? void 0 : C.netSuite) != null && Se.recordType ? {
+            label: "Netsuite Type",
+            values: [Pt(($e = C == null ? void 0 : C.netSuite) == null ? void 0 : $e.recordType)]
+          } : null
+        ];
+        return {
+          header: "Received",
+          deliveryOrder: C,
+          date: et(new Date(C.createdAt)),
+          info: [
+            {
+              label: "Adjustment date",
+              values: [
+                C.adjustment ? et(new Date(st(C.adjustment))) : "-"
+              ]
+            },
+            {
+              label: "Received by",
+              values: [(Fe = C.createdBy) == null ? void 0 : Fe.name]
+            },
+            {
+              label: "Received items",
+              values: C.received.map((pe) => {
+                var _e;
+                return z("div", [
+                  z(
+                    "div",
+                    {
+                      class: "flex gap-4"
+                    },
+                    [
+                      z(
+                        "div",
+                        {
+                          class: "flex flex-col"
+                        },
+                        [
+                          z(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-lg-800 basis-1/2 shrink-0 grow"
+                            },
+                            `${pe.sku.name}`
+                          ),
+                          z(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-md-400"
+                            },
+                            `${pe.sku.code} `
+                          )
+                        ]
+                      ),
+                      z(
+                        "div",
+                        {
+                          class: "ml-auto flex flex-col"
+                        },
+                        [
+                          z(
+                            "div",
+                            {
+                              class: "ml-auto flex gap-1"
+                            },
+                            [
+                              z(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-600 self-end"
+                                },
+                                be(pe.amount, !1)
+                              ),
+                              z(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+                                },
+                                ((_e = pe.measurement) == null ? void 0 : _e.abbrev) ?? pe.sku.unit.abbrev
+                              )
+                            ]
+                          ),
+                          z(
+                            "div",
+                            {
+                              class: "flex self-end fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+                            },
+                            `${pe.cost ? `(${Je(pe.cost)})` : ""}`
+                          )
+                        ]
+                      )
+                    ]
+                  )
+                ]);
+              })
+            },
+            {
+              label: "Delivery order no.",
+              values: [C.deliveryOrderNumber || "N/A"]
+            },
+            {
+              label: "Remark",
+              values: [C.remark || "N/A"]
+            },
+            te > -1 ? {
+              label: "Fulfilment's sequence",
+              values: [`${te + 1}`]
+            } : null,
+            ...ne
+          ].filter((pe) => !!pe)
+        };
+      }
+      function K(C) {
+        var ne, de, re;
+        const te = u.findIndex((le) => le.id === C.id);
+        return {
+          header: "Fulfillment",
+          date: et(new Date(C.createdAt)),
+          info: [
+            {
+              label: "Sequence",
+              values: [String(te + 1)]
+            },
+            {
+              label: "Receiveable items",
+              values: C.items.map((le) => {
+                var ve;
+                return z("div", [
+                  z(
+                    "div",
+                    {
+                      class: "flex gap-4"
+                    },
+                    [
+                      z(
+                        "div",
+                        {
+                          class: "flex flex-col"
+                        },
+                        [
+                          z(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-lg-800 basis-1/2 shrink-0 grow"
+                            },
+                            `${le.sku.name}`
+                          ),
+                          z(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-md-400"
+                            },
+                            `${le.sku.code} `
+                          )
+                        ]
+                      ),
+                      z(
+                        "div",
+                        {
+                          class: "ml-auto flex flex-col"
+                        },
+                        [
+                          z(
+                            "div",
+                            {
+                              class: "ml-auto flex gap-1"
+                            },
+                            [
+                              z(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-600 self-end"
+                                },
+                                be(le.amount, !1)
+                              ),
+                              z(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+                                },
+                                ((ve = le.measurement) == null ? void 0 : ve.abbrev) ?? le.sku.unit.abbrev
+                              )
+                            ]
+                          ),
+                          z(
+                            "div",
+                            {
+                              class: "flex self-end fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+                            },
+                            `${le.cost ? `(${Je(le.cost)})` : ""}`
+                          )
+                        ]
+                      )
+                    ]
+                  )
+                ]);
+              })
+            },
+            (ne = C.netSuite) != null && ne.refNo ? {
+              label: "Netsuite Ref no. (ID)",
+              values: [`${(de = C.netSuite) == null ? void 0 : de.refNo} (${((re = C.netSuite) == null ? void 0 : re.id) ?? "-"})`]
+            } : null
+          ].filter((le) => !!le)
+        };
+      }
+      return E.map((C) => {
+        switch (C.type) {
+          case "grn":
+            return A(C.doc);
+          case "fulfillment":
+            return K(C.doc);
+        }
+      });
+    });
+    function V(a) {
+      var B;
+      const E = (((B = s.purchaseOrder) == null ? void 0 : B.version) ?? Me.enum[1]) === Me.enum[2] ? a.id : a.sku._id, A = s.receivedMap[E];
+      return `<span class="${H(a)} fm-typo-en-body-lg-600">${Ue.toFormatString({ value: A.received })}</span>/${xr(a.quantity, a.sku.unit, a.measurement)}`;
+    }
+    function H(a) {
+      var te;
+      const E = (((te = s.purchaseOrder) == null ? void 0 : te.version) ?? Me.enum[1]) === Me.enum[2] ? a.id : a.sku._id, A = s.receivedMap[E], { isPartialReceive: K, isNoReceive: B, isOverReceive: J, isFullReceive: C } = Br(A);
+      return B ? "text-fm-color-typo-tertiary" : K ? "text-fm-color-system-warning-300" : J ? "text-fm-color-system-error-300" : C ? "text-fm-color-system-success-300" : "";
+    }
+    const ce = Z(() => {
+      var a, u, E;
+      return (a = s.purchaseOrder) != null && a.itemsAtSubmission ? ((u = s.purchaseOrder) == null ? void 0 : u.version) === Me.enum[2] ? s.purchaseOrder.items.reduce((A, K) => {
+        var J, C;
+        const B = (C = (J = s.purchaseOrder) == null ? void 0 : J.itemsAtSubmission) == null ? void 0 : C.find(
+          (te) => te.id === K.id
+        );
+        return B && B.quantity !== K.quantity && A.set(K.sku.code, {
+          originalAmount: Number(Ue.toFormatString({ value: B.quantity })),
+          newAmount: Number(Ue.toFormatString({ value: K.quantity }))
+        }), A;
+      }, /* @__PURE__ */ new Map()) : (E = s.purchaseOrder) == null ? void 0 : E.items.reduce((A, K) => {
+        var te, ne;
+        const B = (ne = (te = s.purchaseOrder) == null ? void 0 : te.itemsAtSubmission) == null ? void 0 : ne.find(
+          (de) => de.sku._id === K.sku._id
+        ), J = B ? Number(Ue.toFormatString({ value: B.quantity })) : 0, C = Number(Ue.toFormatString({ value: K.quantity }));
+        return B && J !== C && A.set(K.sku.code, {
+          originalAmount: J,
+          newAmount: C
+        }), A;
+      }, /* @__PURE__ */ new Map()) : /* @__PURE__ */ new Map();
+    }), Re = (a) => {
+      var E, A;
+      const u = ce.value;
+      return ((E = s.purchaseOrder) == null ? void 0 : E.version) === Me.enum[2] ? u.has(a.id) : u.has((A = a.sku) == null ? void 0 : A.code);
+    }, Oe = (a) => {
+      var E, A;
+      const u = ce.value;
+      return ((E = s.purchaseOrder) == null ? void 0 : E.version) === Me.enum[2] ? u.get(a.id) : u.get((A = a.sku) == null ? void 0 : A.code);
+    }, Ge = Z(() => {
+      const a = s.purchaseOrder;
+      if (!a) return "";
+      const u = a.actionChangelogs ?? [], E = u.length ? u[u.length - 1] : null;
+      if (E && E.action === "rejectDraft") {
+        const A = E.remarks ?? "";
+        return A && A.toString().trim() !== "" ? A.toString() : "-";
+      }
+      return "";
+    });
+    return (a, u) => {
+      const E = X("FmButton"), A = X("FmButtonGroup"), K = X("FmChip"), B = X("FmIcon"), J = X("FmMenuDivider"), C = X("FmCard"), te = X("FmTooltip"), ne = X("FmSpacer"), de = X("FmSideSheet");
+      return i(), ie(de, {
+        modelValue: d(T),
+        "onUpdate:modelValue": u[8] || (u[8] = (re) => Jt(T) ? T.value = re : null),
+        "dismiss-away": k.value,
+        "max-width": 600,
+        "close-button": !1
+      }, {
+        "side-sheet-header": oe(() => {
+          var re, le;
+          return [
+            e("div", Xo, [
+              e("div", Zo, [
+                e("div", en, p(d(x)("inventory.transfer.receiveRequest.details.title") + ((re = a.purchaseOrder) != null && re.seqNumber ? ` #${(le = a.purchaseOrder) == null ? void 0 : le.seqNumber}` : "")), 1),
+                L(E, {
+                  class: "ml-auto -m-2",
+                  variant: "tertiary",
+                  "prepend-icon": "close",
+                  onClick: u[0] || (u[0] = (ve) => l("update:show", !1))
+                })
+              ]),
+              L(A, {
+                items: W.value,
+                modelValue: Q.value,
+                "onUpdate:modelValue": u[1] || (u[1] = (ve) => Q.value = ve)
+              }, null, 8, ["items", "modelValue"]),
+              a.purchaseOrder && Q.value.value === "deliveryHistory" ? (i(), ie(Io, {
+                key: 0,
+                "purchase-order": a.purchaseOrder,
+                "received-info-map": ee.value,
+                onSubmitted: u[2] || (u[2] = () => {
+                  l("update:show", !1), l("submitted");
+                })
+              }, null, 8, ["purchase-order", "received-info-map"])) : U("", !0)
+            ])
+          ];
+        }),
+        default: oe(() => {
+          var re, le, ve, Ae, Ve;
+          return [
+            e("div", tn, [
+              Q.value.value === "overview" ? (i(), b(fe, { key: 0 }, [
+                e("div", null, [
+                  L(C, {
+                    variant: "outlined",
+                    class: "flex flex-col gap-8 px-12 py-16"
+                  }, {
+                    default: oe(() => {
+                      var se, me, he, Se, $e, Fe, pe, _e, Le, ze;
+                      return [
+                        e("div", rn, [
+                          e("div", sn, p(d(x)("inventory.transfer.receiveRequest.details.requestSummary")), 1),
+                          e("div", on, [
+                            L(Be, null, {
+                              default: oe(() => {
+                                var rt;
+                                return [
+                                  Pe(p((rt = s.purchaseOrder) == null ? void 0 : rt.status), 1)
+                                ];
+                              }),
+                              _: 1
+                            }),
+                            L(K, {
+                              label: w.value.status,
+                              class: je(w.value.statusClass),
+                              compact: ""
+                            }, null, 8, ["label", "class"]),
+                            R.value ? (i(), b("div", nn, [
+                              L(B, {
+                                name: "local_shipping",
+                                color: "#666666"
+                              }),
+                              e("span", an, p(R.value), 1)
+                            ])) : U("", !0)
+                          ])
+                        ]),
+                        L(J),
+                        e("div", ln, [
+                          e("div", cn, [
+                            e("div", un, [
+                              e("div", dn, p(d(x)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                            ]),
+                            e("div", mn, p(d(tt)(((se = a.purchaseOrder) == null ? void 0 : se._id) ?? "")), 1)
+                          ]),
+                          (me = a.purchaseOrder) != null && me.effectiveAt ? (i(), b("div", pn, [
+                            e("div", fn, p(d(x)("inventory.transfer.receiveRequest.details.backdatedTo")), 1),
+                            e("div", yn, p(d(_t)(new Date((he = a.purchaseOrder) == null ? void 0 : he.effectiveAt))), 1)
+                          ])) : U("", !0),
+                          e("div", vn, [
+                            e("div", bn, p(d(x)("inventory.transfer.receiveRequest.details.type.title")), 1),
+                            e("div", gn, p(d(x)(
+                              `inventory.transfer.receiveRequest.details.type.${M.value.toLocaleLowerCase("en-US")}`
+                            )), 1)
+                          ]),
+                          ($e = (Se = a.purchaseOrder) == null ? void 0 : Se.supplier) != null && $e.name ? (i(), b("div", hn, [
+                            e("div", _n, p(d(x)("inventory.transfer.receiveRequest.details.from")), 1),
+                            e("div", xn, p((pe = (Fe = a.purchaseOrder) == null ? void 0 : Fe.supplier) == null ? void 0 : pe.name), 1)
+                          ])) : U("", !0),
+                          a.transferTo ? (i(), b("div", Sn, [
+                            e("div", On, p(d(x)("inventory.transfer.receiveRequest.details.to")), 1),
+                            e("div", wn, p(a.transferTo), 1)
+                          ])) : U("", !0),
+                          (_e = a.purchaseOrder) != null && _e.ref ? (i(), b("div", Cn, [
+                            e("div", Dn, p(d(x)("inventory.transfer.receiveRequest.details.reference")), 1),
+                            e("div", $n, p(a.purchaseOrder.ref), 1)
+                          ])) : U("", !0),
+                          (Le = a.purchaseOrder) != null && Le.remark ? (i(), b("div", kn, [
+                            e("div", Rn, p(d(x)("inventory.transfer.receiveRequest.details.remark")), 1),
+                            e("div", Nn, p(a.purchaseOrder.remark), 1)
+                          ])) : U("", !0),
+                          ((ze = a.purchaseOrder) == null ? void 0 : ze.status) === d(ae).enum.DRAFT && Ge.value ? (i(), b("div", An, [
+                            e("div", Pn, p(d(x)("inventory.transfer.receiveRequest.details.rejectionReason")), 1),
+                            e("div", Tn, p(Ge.value !== "" ? Ge.value : "-"), 1)
+                          ])) : U("", !0)
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                L(zs, {
+                  "po-request": a.poRequest,
+                  purchaseOrder: a.purchaseOrder,
+                  transferType: M.value,
+                  transferToDbName: a.transferToDbName,
+                  scope: a.scope
+                }, null, 8, ["po-request", "purchaseOrder", "transferType", "transferToDbName", "scope"]),
+                e("div", Fn, [
+                  e("div", In, [
+                    e("div", qn, [
+                      e("span", En, [
+                        Pe(p(I.value ? d(x)("inventory.transfer.receiveRequest.details.receivedItems") : d(x)("inventory.transfer.receiveRequest.details.requestedItems")) + " ", 1),
+                        (le = (re = a.purchaseOrder) == null ? void 0 : re.netSuite) != null && le.missingItems && ((Ae = (ve = a.purchaseOrder) == null ? void 0 : ve.netSuite) == null ? void 0 : Ae.missingItems.length) > 0 ? (i(), ie(te, {
+                          key: 0,
+                          variant: "rich",
+                          placement: "top",
+                          "z-index": 51
+                        }, {
+                          content: oe(() => {
+                            var se, me;
+                            return [
+                              e("div", Vn, [
+                                (i(!0), b(fe, null, ke((me = (se = a.purchaseOrder) == null ? void 0 : se.netSuite) == null ? void 0 : me.missingItems, (he, Se) => (i(), b("div", {
+                                  class: "flex justify-center align-middle",
+                                  key: Se
+                                }, [
+                                  L(B, {
+                                    name: "arrow_right",
+                                    size: "sm"
+                                  }),
+                                  Pe(" " + p(`(${he.netSuiteId}) ${he.name}: ${he.reason}`), 1)
+                                ]))), 128))
+                              ])
+                            ];
+                          }),
+                          default: oe(() => [
+                            L(B, {
+                              name: "error",
+                              color: "#ff2c2c",
+                              size: "sm"
+                            })
+                          ]),
+                          _: 1
+                        })) : U("", !0)
+                      ])
+                    ]),
+                    L(J),
+                    (i(!0), b(fe, null, ke(((Ve = a.purchaseOrder) == null ? void 0 : Ve.items) ?? [], (se, me) => {
+                      var he;
+                      return i(), b("div", {
+                        key: me,
+                        class: "flex flex-col"
+                      }, [
+                        e("div", Ln, [
+                          e("div", Mn, [
+                            Pe(p(se.name) + " ", 1),
+                            Re(se) ? (i(), ie(te, {
+                              key: 0,
+                              variant: "rich",
+                              placement: "top",
+                              "z-index": 51
+                            }, {
+                              content: oe(() => {
+                                var Se, $e;
+                                return [
+                                  e("div", Un, [
+                                    u[9] || (u[9] = e("div", { class: "font-semibold" }, "Submission changes", -1)),
+                                    e("div", null, "Original Amount: " + p((Se = Oe(se)) == null ? void 0 : Se.originalAmount), 1),
+                                    e("div", null, " New Amount: " + p(($e = Oe(se)) == null ? void 0 : $e.newAmount), 1)
+                                  ])
+                                ];
+                              }),
+                              default: oe(() => [
+                                L(B, {
+                                  name: "error",
+                                  color: "#ff9500",
+                                  size: "sm"
+                                })
+                              ]),
+                              _: 2
+                            }, 1024)) : U("", !0)
+                          ]),
+                          e("div", jn, [
+                            e("span", {
+                              innerHTML: V(se)
+                            }, null, 8, Bn)
+                          ])
+                        ]),
+                        e("div", zn, [
+                          e("div", Kn, p(se.code), 1),
+                          d(m).enableTotalCost ? (i(), b("div", Hn, [
+                            e("span", Wn, p(d(Je)(
+                              (he = se.totalCost) != null && he.amount ? se.totalCost : d(y).controller.value.getItemCost(se, d(Ce)()).cost
+                            )), 1),
+                            _(se) ? U("", !0) : (i(), b("span", Gn, [
+                              u[10] || (u[10] = e("span", { class: "w-1.5 h-1.5 rounded-full bg-gray-400" }, null, -1)),
+                              Pe(" " + p(d(x)("inventory.transfer.form.items.autoCalculated")), 1)
+                            ]))
+                          ])) : U("", !0)
+                        ])
+                      ]);
+                    }), 128)),
+                    +d(be)(d(y).controller.value.getTotalCosts()) ? (i(), b(fe, { key: 0 }, [
+                      e("div", Yn, [
+                        L(J)
+                      ]),
+                      e("div", Qn, [
+                        u[11] || (u[11] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Total:", -1)),
+                        e("div", Jn, p(d(Ce)()) + " " + p(d(Je)({
+                          ...d(y).controller.value.getTotalCosts(),
+                          currency: d(Ce)()
+                        }).replace(/[^0-9.,]/g, "")), 1)
+                      ])
+                    ], 64)) : U("", !0)
+                  ])
+                ])
+              ], 64)) : Q.value.value === "deliveryHistory" ? (i(), b("div", Xn, [
+                g.value.length ? (i(), b("div", sa, [
+                  (i(!0), b(fe, null, ke(g.value, (se, me) => {
+                    var he, Se, $e, Fe, pe;
+                    return i(), b(fe, { key: me }, [
+                      e("div", oa, [
+                        e("div", na, [
+                          e("div", aa, [
+                            e("div", {
+                              class: je([
+                                {
+                                  "bg-fm-color-primary": me !== 0,
+                                  "bg-white": me === 0
+                                },
+                                "w-[2px] h-full"
+                              ])
+                            }, null, 2)
+                          ]),
+                          e("div", la, [
+                            se.header === "Received" ? (i(), ie(B, {
+                              key: 0,
+                              name: "local_shipping",
+                              outline: "",
+                              color: "#ffffff"
+                            })) : U("", !0)
+                          ]),
+                          e("div", ia, [
+                            e("div", {
+                              class: je([
+                                {
+                                  "bg-fm-color-primary": me < g.value.length - 1,
+                                  "bg-white": me >= g.value.length - 1
+                                },
+                                "w-[2px] h-full"
+                              ])
+                            }, null, 2)
+                          ])
+                        ]),
+                        e("div", ca, [
+                          e("div", ua, [
+                            e("div", da, p(se.header), 1),
+                            e("div", ma, p(se.date), 1)
+                          ]),
+                          e("div", pa, [
+                            se.header === "Received" && se.deliveryOrder && a.purchaseOrder ? (i(), ie(co, {
+                              key: 0,
+                              deliveryOrder: se.deliveryOrder,
+                              purchaseOrder: a.purchaseOrder,
+                              onSubmitted: u[3] || (u[3] = () => {
+                                l("update:show", !1), l("submitted");
+                              })
+                            }, null, 8, ["deliveryOrder", "purchaseOrder"])) : U("", !0),
+                            (Se = (he = se.deliveryOrder) == null ? void 0 : he.netSuite) != null && Se.id ? (i(), ie(Be, { key: 1 }, {
+                              default: oe(() => {
+                                var _e, Le;
+                                return [
+                                  L(Jo, {
+                                    "netsuite-id": (Le = (_e = se.deliveryOrder) == null ? void 0 : _e.netSuite) == null ? void 0 : Le.id
+                                  }, null, 8, ["netsuite-id"])
+                                ];
+                              }),
+                              _: 2
+                            }, 1024)) : U("", !0),
+                            a.purchaseOrder && (($e = se.deliveryOrder) != null && $e.id) ? (i(), ie(Sr, {
+                              key: 2,
+                              "purchase-order-id": (Fe = a.purchaseOrder) == null ? void 0 : Fe._id,
+                              "delivery-order-id": (pe = se.deliveryOrder) == null ? void 0 : pe.id
+                            }, null, 8, ["purchase-order-id", "delivery-order-id"])) : U("", !0)
+                          ])
+                        ])
+                      ]),
+                      e("div", fa, [
+                        e("div", ya, [
+                          e("div", va, [
+                            e("div", {
+                              class: je([
+                                {
+                                  "bg-fm-color-primary": me < g.value.length - 1,
+                                  "bg-white": me >= g.value.length - 1
+                                },
+                                "w-[2px] h-full"
+                              ])
+                            }, null, 2)
+                          ])
+                        ]),
+                        e("div", ba, [
+                          L(C, {
+                            variant: "outlined",
+                            class: "py-12 px-16"
+                          }, {
+                            default: oe(() => [
+                              e("div", ga, [
+                                (i(!0), b(fe, null, ke(se.info, (_e, Le) => (i(), b("div", {
+                                  key: Le,
+                                  class: "flex flex-col gap-4"
+                                }, [
+                                  e("div", ha, p(_e == null ? void 0 : _e.label), 1),
+                                  e("div", _a, [
+                                    (i(!0), b(fe, null, ke(_e == null ? void 0 : _e.values, (ze, rt) => (i(), b("div", {
+                                      key: rt,
+                                      class: "fm-typo-en-body-lg-600"
+                                    }, [
+                                      typeof ze == "string" ? (i(), b(fe, { key: 0 }, [
+                                        Pe(p(ze), 1)
+                                      ], 64)) : (i(), ie(Xt(ze), { key: 1 }))
+                                    ]))), 128))
+                                  ])
+                                ]))), 128))
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ])
+                      ])
+                    ], 64);
+                  }), 128))
+                ])) : (i(), b("div", Zn, [
+                  L(ne),
+                  e("div", null, [
+                    e("img", {
+                      src: d(gr),
+                      alt: "List is empty"
+                    }, null, 8, ea)
+                  ]),
+                  e("div", ta, p(d(x)("inventory.transfer.receiveRequest.details.noRecordsFound")), 1),
+                  e("div", ra, p(d(x)("inventory.transfer.receiveRequest.details.trackDeliveryMessage")), 1),
+                  L(ne),
+                  L(ne)
+                ]))
+              ])) : U("", !0)
+            ])
+          ];
+        }),
+        "side-sheet-footer": oe(() => [
+          e("div", xa, [
+            (i(!0), b(fe, null, ke(S.value, (re) => (i(), b(fe, null, [
+              d(yt)[re].available != !1 ? (i(), ie(E, {
+                key: re,
+                label: d(x)(d(yt)[re].translationKey),
+                onClick: (le) => F(re),
+                loading: O.value === re,
+                disabled: O.value !== re && j.value,
+                variant: d(yt)[re].buttonVariant
+              }, null, 8, ["label", "onClick", "loading", "disabled", "variant"])) : U("", !0)
+            ], 64))), 256)),
+            d(D).ableToMarkReceived(a.purchaseOrder) && !S.value.includes("completeReceive") ? (i(), ie(E, {
+              key: 0,
+              label: d(x)("inventory.transfer.receiveRequest.actions.completeReceive"),
+              onClick: u[4] || (u[4] = (re) => F("completeReceive")),
+              loading: O.value === "completeReceive",
+              disabled: O.value !== "completeReceive" && j.value
+            }, null, 8, ["label", "loading", "disabled"])) : U("", !0),
+            d(D).ableToMarkApproved(a.purchaseOrder) && a.canApprove && !S.value.includes("approveRequest") ? (i(), ie(E, {
+              key: 1,
+              label: d(x)("inventory.transfer.approval.actions.approveRequest"),
+              onClick: u[5] || (u[5] = (re) => F("approveRequest")),
+              loading: O.value === "approveRequest",
+              disabled: O.value !== "approveRequest" && j.value
+            }, null, 8, ["label", "loading", "disabled"])) : U("", !0),
+            d(D).ableToCreateFulfillment(a.purchaseOrder, a.poRequest) && s.scope === "approval" ? (i(), ie(E, {
+              key: 2,
+              label: d(x)("inventory.transfer.receiveRequest.actions.processRequest"),
+              onClick: u[6] || (u[6] = (re) => F("processRequest")),
+              loading: O.value === "processRequest",
+              disabled: O.value !== "processRequest" && j.value
+            }, null, 8, ["label", "loading", "disabled"])) : U("", !0),
+            L(E, {
+              label: d(x)("common.close"),
+              variant: "tertiary",
+              onClick: u[7] || (u[7] = (re) => l("update:show", !1))
+            }, null, 8, ["label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "dismiss-away"]);
+    };
+  }
+});
+export {
+  gt as P,
+  Za as _,
+  Ja as a,
+  Xa as b,
+  Qa as c,
+  Ft as g,
+  Vt as u
+};