@feedmepos/mf-inventory-portal 1.4.2 → 1.4.4-dev.1

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-DlEjTd8E.js

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