@feedmepos/mf-inventory-portal 1.2.13 → 1.2.14-dev.2

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-CfnN-1oC.js

@@ -0,0 +1,3385 @@
+import { a7 as pt, u as $e, aW as q, aX as Ze, aH as te, c as Be, b as et, af as xt, ah as $t, ai as Ct, aY as kt, e as ut, f as ft, a5 as lt, aZ as Dt, ac as yt, $ as vt, l as ye, aa as Rt, a_ as ht, am as Qe, h as De, i as dt, j as me, D as ge, a$ as bt, b0 as it, b1 as we, aI as Nt, P as gt, aF as xe, t as Ye, a8 as Ke, a9 as Je, ae as ze, Z as Ie, b2 as tt, b3 as Fe } from "./app-DDKw9H3a.js";
+import { ref as K, computed as G, h as P, defineComponent as Se, reactive as At, onMounted as _t, resolveComponent as M, openBlock as u, createBlock as re, withCtx as Q, createElementVNode as e, createVNode as D, unref as _, createElementBlock as $, toDisplayString as b, createCommentVNode as B, Fragment as ce, renderList as _e, createTextVNode as ke, normalizeClass as Ee, watch as Tt, isRef as Ft, resolveDynamicComponent as It } from "vue";
+import { F as Pt } from "./decimal-DMb7zEqx.js";
+import { useCoreStore as We, useI18n as ct } from "@feedmepos/mf-common";
+import { useDialog as Ge, useSnackbar as Ue, components as He, FmButtonVariant as he, useProxiedModel as qt } from "@feedmepos/ui-library";
+import { a as Vt, u as Lt, P as Pe, f as Et } from "./format-unit-display-BCTXGGeT.js";
+import { E as Bt } from "./empty-placeholder-wf6-BWE8.js";
+import { _ as Ut, F as Mt, a as jt } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-CJvnR-aO.js";
+import { u as zt, R as mt } from "./usePromise-CbVUCxhj.js";
+import { u as Kt } from "./index-BZIogw8R.js";
+const qe = pt((S, o) => {
+  const n = $e(), y = We();
+  return {
+    async readRequests(l, r, i) {
+      const s = l ?? n.currentLocationDBName, c = `${S.inventoryBackendUrl}/${s}/purchase-request`;
+      return r && i ? await o.get(`${c}?startDate=${r}&endDate=${i}`) : await o.get(c);
+    },
+    async readRequestById(l, r) {
+      const i = r ?? n.currentLocationDBName, s = `${S.inventoryBackendUrl}/${i}/purchase-request/${l}`;
+      return await o.get(s);
+    },
+    async readRequestByIds(l, r) {
+      const i = r ?? n.currentLocationDBName, s = `${S.inventoryBackendUrl}/${i}/purchase-request/find`;
+      return await o.post(s, { requestIds: l });
+    },
+    async getPurchaseOrders({
+      start: l,
+      end: r
+    }) {
+      const i = n.currentLocationDBName, s = `${S.inventoryBackendUrl}/${i}/purchase-order`;
+      return await o.get(`${s}?start=${l}&end=${r}`);
+    },
+    async getLatestPurchaseOrderRequest(l) {
+      const r = n.currentLocationDBName, i = `${S.inventoryBackendUrl}/${r}/purchase-request/find-by-purchase-order-id`;
+      return await o.get(`${i}/${l}`);
+    },
+    async getPurchaseOrderById(l) {
+      const r = n.currentLocationDBName, i = `${S.inventoryBackendUrl}/${r}/purchase-order`;
+      return await o.get(`${i}/${l}`);
+    },
+    /**
+     * @deprecated Use `processPurchaseOrderV2` instead.
+     */
+    async processPurchaseOrder(l, r) {
+      const i = n.currentLocationDBName, s = r || i, c = `${S.inventoryBackendUrl}/${s}/purchase-order/run-operation`;
+      return await o.put(c, l);
+    },
+    async createPurchaseOrder(l) {
+      const r = n.currentLocationDBName, i = `${S.inventoryBackendUrl}/${r}/purchase-order`;
+      return await o.post(i, l);
+    },
+    async updatePurchaseOrder(l) {
+      const r = n.currentLocationDBName, i = `${S.inventoryBackendUrl}/${r}/purchase-order`;
+      return await o.put(i, l);
+    },
+    async importFromXilnex(l) {
+      const r = n.currentLocationDBName, i = `${S.inventoryBackendUrl}/${r}/purchase-order/import-from-xilnex`;
+      return await o.post(i, l);
+    },
+    async processPurchaseOrderV2(l, r) {
+      const i = n.currentLocationDBName, s = r || i, c = `${S.inventoryBackendUrl}/${s}/v2/purchase-order/run-operation`;
+      return await o.put(c, l);
+    },
+    async getWorkflowConfig() {
+      var s;
+      const r = `business_${(s = y.currentBusiness.value) == null ? void 0 : s._id}`, i = `${S.inventoryBackendUrl}/${r}/v2/purchase-order/workflow-config`;
+      return await o.get(i);
+    },
+    async updateDeliveryOrder(l) {
+      const r = n.currentLocationDBName, i = `${S.inventoryBackendUrl}/${r}/delivery-order`;
+      return await o.put(i, l);
+    },
+    async createDeliveryOrder(l) {
+      const r = n.currentLocationDBName, i = `${S.inventoryBackendUrl}/${r}/delivery-order`;
+      return await o.post(i, l);
+    },
+    async getDeliveryOrderTrails(l, r) {
+      const i = n.currentLocationDBName, s = `${S.inventoryBackendUrl}/${i}/delivery-order/audit-trails`;
+      return await o.post(s, { purchaseOrderId: l, deliveryOrderId: r });
+    }
+  };
+}), Ht = pt((S, o) => {
+  const n = $e();
+  return {
+    async getShipments({
+      start: y,
+      end: l
+    }) {
+      const r = n.currentLocationDBName, i = `${S.inventoryBackendUrl}/${r}/shipments`;
+      return await o.get(`${i}?start=${y}&end=${l}`);
+    },
+    async getShipmentsByIds(y) {
+      if (y.length === 0)
+        return [];
+      const l = n.currentLocationDBName, r = `${S.inventoryBackendUrl}/${l}/shipments/get`;
+      return await o.post(r, { shipmentIds: y });
+    }
+  };
+}), St = {
+  [q.enum.confirmDraft]: {
+    primaryActions: {
+      text: "Confirm draft",
+      close: !0
+    },
+    title: "Confirm draft?",
+    message: "Purchase order cannot be changed after confirm draft.",
+    successMessage: "Purchase order draft has been confirmed"
+  },
+  [q.enum.cancelDraft]: {
+    primaryActions: {
+      text: "Cancel draft",
+      close: !0,
+      variant: "destructive"
+    },
+    title: "Cancel draft?",
+    message: "Purchase order cannot be changed after cancelled draft.",
+    successMessage: "Purchase order draft has been cancelled"
+  },
+  [q.enum.submitRequest]: {
+    primaryActions: {
+      text: "Submit request",
+      close: !0
+    },
+    title: "Confirm draft?",
+    message: "Purchase order cannot be changed after confirm draft.",
+    successMessage: "Purchase order draft has been submitted"
+  },
+  [q.enum.completeReceive]: {
+    primaryActions: {
+      text: "Mark received",
+      close: !0
+    },
+    title: "Mark as received",
+    message: "Purchase order cannot be changed after it has complete receiving.",
+    successMessage: "Purchase order has been marked as received"
+  },
+  [q.enum.approveRequest]: {
+    primaryActions: {
+      text: "Accept request",
+      close: !0
+    },
+    title: "Accept request?",
+    message: "Transfer out request will be accepted.",
+    successMessage: "Transfer out request has been approved"
+  },
+  [q.enum.rejectRequest]: {
+    primaryActions: {
+      text: "Reject request",
+      close: !0,
+      variant: "destructive"
+    },
+    title: "Reject request?",
+    message: "Purchase order will be rejected.",
+    successMessage: "Purchase order has been rejected"
+  },
+  [q.enum.processRequest]: {
+    primaryActions: {
+      text: "Process request",
+      close: !0,
+      variant: "destructive"
+    },
+    title: "Process request?",
+    message: "Purchase order will be processed.",
+    successMessage: "Purchase order has been processed"
+  }
+};
+function Xe(S) {
+  return Ze.generatedPOReceivedMap({
+    purchaseOrder: S
+  });
+}
+function Wt(S) {
+  return Ze.validatePOItemReceivedStatus({
+    dto: S
+  });
+}
+function ot(S) {
+  return Ze.validatePOReceivedStatus({
+    receivedMap: S
+  });
+}
+function nt(S, o, n) {
+  if (!te.safeParse(S).success)
+    throw new Error(`Invalid purchase order status: ${S}`);
+  const y = te.parse(S);
+  return Ze.orderStatusCombination({
+    status: y,
+    isPOPartialReceive: o,
+    isPOOverReceive: n
+  });
+}
+function Ot() {
+  const S = $e(), o = qe(), n = Be();
+  async function y(r, i) {
+    const s = S.currentLocationDBName;
+    return r.doc.supplier.internal && r.operation === q.enum.confirmDraft && (r.operation = q.enum.submitRequest), await o.processPurchaseOrder(r, i || s);
+  }
+  async function l(r, i) {
+    const s = S.currentLocationDBName;
+    return await o.processPurchaseOrderV2(r, i || s);
+  }
+  return (r) => n.useOperatePurchaseOrderV2 ? l(r.operateV2, r.transferTo) : y(r.operate, r.transferTo);
+}
+var at = /* @__PURE__ */ ((S) => (S.RECEIVE_REQUEST = "receive/request", S.APPROVAL = "approval", S))(at || {});
+const je = K(), rt = K();
+function In(S, o) {
+  const n = Ge(), y = $e(), l = Be();
+  et();
+  const r = Vt(), i = Lt(), s = K(!1), c = Ue(), x = qe(), v = Ht(), m = K(new Array()), A = K(new Array()), g = K(
+    o != null && o.startDate && (o != null && o.endDate) ? o : xt()
+  ), R = G(() => {
+    const U = new Date(g.value.startDate), j = new Date(g.value.endDate);
+    return {
+      start: $t(U).toISOString(),
+      end: Ct(j).toISOString()
+    };
+  }), d = K(new Array()), a = kt(), h = K(null);
+  async function f(U) {
+    function j(N) {
+      const C = {
+        mode: ut.CREATE,
+        modelValue: U || void 0,
+        show: !0,
+        "onUpdate:show"(I) {
+          je.value.show = I;
+        },
+        templateId: N,
+        lastClosingDate: h.value
+      };
+      je.value = C;
+    }
+    let ne;
+    l.mustUsePoTemplate && !(U != null && U.template) ? n.open({
+      title: "Create transfer",
+      message: "",
+      primaryActions: {
+        text: "Select a template",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Outlet to Outlet",
+        variant: "secondary",
+        close: !0
+      }
+    }).onPrimary(async () => {
+      ne = await r.getTemplateId(), ne && j(ne);
+    }).onSecondary(() => {
+      j(void 0);
+    }) : j(ne);
+  }
+  function w(U) {
+    const j = {
+      mode: ut.UPDATE,
+      modelValue: ft(U),
+      show: !0,
+      "onUpdate:show"(ne) {
+        je.value.show = ne;
+      },
+      lastClosingDate: h.value
+    };
+    je.value = j;
+  }
+  async function V() {
+    m.value = [], A.value = [], s.value = !0;
+    try {
+      const U = await x.getPurchaseOrders(R.value);
+      m.value = U.sort((t, p) => p._id.localeCompare(t._id));
+      const j = U.flatMap((t) => t.shipmentIds || []).filter(Boolean), ne = j.length > 0 ? await v.getShipmentsByIds(j) : [];
+      A.value = ne;
+      const N = await a.readCurrentLocationLastClosing(!0), C = N == null ? void 0 : N._id;
+      C && (h.value = Dt(C)), await l.awaitFeatureLoaded(() => l.mustUsePoTemplate) && await i.fetchTemplates();
+      const I = m.value.map((t) => {
+        var p;
+        return ((p = t.request) == null ? void 0 : p.id) ?? "";
+      }).filter((t) => t);
+      d.value = await x.readRequestByIds(I);
+    } catch {
+      c.open({
+        title: "Something went wrong",
+        message: "Error at fetching purchase orders",
+        type: "error"
+      });
+    } finally {
+      s.value = !1;
+    }
+  }
+  async function H() {
+    d.value = [], s.value = !0;
+    try {
+      d.value = await x.readRequests(
+        void 0,
+        R.value.start,
+        R.value.end
+      ).then((U) => U.reverse());
+    } catch {
+      c.open({
+        title: "Something went wrong",
+        message: "Error at fetching purchase requests",
+        type: "error"
+      });
+    } finally {
+      s.value = !1;
+    }
+  }
+  function F() {
+    switch (S) {
+      case "receive/request":
+        return V();
+      case "approval":
+        return H();
+    }
+  }
+  function Y(U, j) {
+    g.value = {
+      startDate: U,
+      endDate: j
+    }, F();
+  }
+  y.watchLocation(async (U) => {
+    if (!U) {
+      m.value = [];
+      return;
+    }
+    await F();
+  });
+  const J = K(), Z = K(Math.random().toString());
+  async function be(U, j) {
+    const ne = Math.random().toString();
+    Z.value = ne, j ?? (j = d.value.computeFirst(
+      (t) => t.purchaseOrderId === U._id ? t : null
+    ) ?? void 0);
+    const N = S === "receive/request" ? y.currentLocation : j == null ? void 0 : j.to, C = S === "approval", I = {
+      poRequest: j,
+      purchaseOrder: {
+        ...U,
+        status: C && (j != null && j.rejectedAt) ? te.Enum.REJECT : U.status
+      },
+      transferTo: N == null ? void 0 : N.name,
+      transferToDbName: N == null ? void 0 : N.dbName,
+      show: !0,
+      canResubmit: !1,
+      canApprove: C,
+      "onUpdate:show"(t) {
+        J.value.show = t;
+      },
+      scope: S,
+      receivedMap: Xe(U) ?? {},
+      shipments: A.value
+    };
+    J.value = I;
+  }
+  async function pe(U, j, ne, N) {
+    const C = Ot();
+    s.value = !0;
+    try {
+      await C({
+        operate: {
+          operation: j,
+          doc: U,
+          options: (
+            // auto receive for supplier to warehouse
+            (j === q.enum.confirmDraft || // auto receive for warehouse to warehouse
+            j === q.enum.completeReceive) && l.autoReceiveWarehouse ? {
+              autoReceive: !0
+            } : void 0
+          )
+        },
+        operateV2: {
+          _id: U._id,
+          _rev: U._rev ?? "",
+          action: j,
+          payloads: []
+        },
+        transferTo: N
+      }), await new Promise((p) => setTimeout(p, 1e3));
+      const t = $e().currentLocationDBName.startsWith("restaurant_");
+      j === q.enum.confirmDraft && U.effectiveAt && t ? c.open({
+        title: "Success",
+        message: `${ne}. The backdate will be reflected once your POS has received this change.`,
+        type: "success"
+      }) : c.open({
+        title: "Success",
+        message: ne,
+        type: "success"
+      });
+    } catch (I) {
+      c.open({
+        title: "Something went wrong",
+        message: "Please try again.",
+        type: "error"
+      }), console.error("Error when submitting PO operation", j, U, I);
+    } finally {
+      s.value = !1, F();
+    }
+  }
+  async function Re(U, j, ne) {
+    const N = St[j];
+    if (!N) {
+      c.open({
+        title: "Something went wrong",
+        message: `Cannot process order: ${lt(j)}`,
+        type: "error"
+      });
+      return;
+    }
+    const { successMessage: C, ...I } = N;
+    n.open({
+      title: I.title,
+      message: I.message,
+      primaryActions: I.primaryActions
+    }).onPrimary(() => {
+      pe(U, j, C, ne);
+    });
+  }
+  async function Oe() {
+    n.open({
+      title: "Upload Transfer",
+      primaryActions: {
+        text: "Xilnex transfer note",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        close: !0
+      }
+    }).onPrimary(() => {
+      const U = {
+        show: !0,
+        "onUpdate:show"(j) {
+          rt.value.show = j;
+        }
+      };
+      rt.value = U;
+    });
+  }
+  return {
+    purchaseOrders: m,
+    shipments: A,
+    purchaseRequests: d,
+    updateDateRange: Y,
+    fetchData: F,
+    loading: s,
+    transferDialogProps: je,
+    promptCreateTransferDialog: f,
+    promptUpdateTransferDialog: w,
+    transferDetailsProps: J,
+    promptShowTransferDetails: be,
+    submitAction: Re,
+    xilnexImportDialogProps: rt,
+    promptUploadTransferDialog: Oe
+  };
+}
+function Gt(S, o) {
+  return o.reduce(
+    (y, l) => {
+      const r = l.received.find((i) => i.sku._id === S._id);
+      return r && (y = yt(y, r.amount)), y;
+    },
+    Pt.toPrecision(vt(0), S.unit.precision)
+  );
+}
+function Qt(S) {
+  const { po: o, currentLocation: n, business: y, fulfilling: l, por: r } = S, { name: i, address: s, regNo: c } = n.doc.profile, x = {
+    name: i,
+    registrationNumber: c,
+    line1: s == null ? void 0 : s.line1,
+    line2: s == null ? void 0 : s.line2,
+    postcode: s == null ? void 0 : s.postcode,
+    city: s == null ? void 0 : s.city,
+    state: s == null ? void 0 : s.state,
+    country: s == null ? void 0 : s.country
+  }, v = {
+    name: o.supplier.name,
+    phoneNumber: o.supplier.phoneNumber,
+    registrationNumber: o.supplier.registrationNumber,
+    line1: o.supplier.address.line1,
+    line2: o.supplier.address.line2,
+    postcode: o.supplier.address.postcode,
+    city: o.supplier.address.city,
+    state: o.supplier.address.state,
+    country: o.supplier.address.country
+  }, m = o.items.map((w) => {
+    const { sku: V, measurement: H } = w, F = ye(
+      Gt(w.sku, o.deliveryOrder || []),
+      !1
+    );
+    return {
+      code: V.code,
+      description: V.name,
+      quantity: ye(w.quantity, !1),
+      unit: (H == null ? void 0 : H.abbrev) || V.unit.abbrev,
+      received: F,
+      cost: w.totalCost ? `${w.totalCost.currency} ${Rt.toFormatString({
+        value: w.totalCost
+      })}` : void 0
+    };
+  }), A = o.deliveryOrder.map((w) => ({
+    createdAt: ht(new Date(w.createdAt)),
+    ref: w.deliveryOrderNumber,
+    remark: w.remark || "",
+    items: w.received.map((V) => {
+      var H;
+      return {
+        code: V.sku.code,
+        description: V.sku.name,
+        quantity: ye(V.amount),
+        unit: ((H = V.measurement) == null ? void 0 : H.abbrev) || V.sku.unit.abbrev
+      };
+    })
+  })), g = [
+    // Production
+    "67ca5d2c80bd0e001c5bf5bc",
+    // Dev
+    "6880b36a3054c5001db19218"
+  ];
+  let R = "Inventory Receive Note";
+  if (o.supplier.internal ? (R = "Inventory Transfer Note", g.includes((y == null ? void 0 : y._id) || "") && (R = "Stock Request")) : R = "Purchase Order", r) {
+    const w = r.from.dbName;
+    n.dbName === w || (R = "Inventory Receive Note");
+  }
+  const a = {
+    title: R,
+    businessName: y == null ? void 0 : y.name,
+    logo: y == null ? void 0 : y.thumbnail,
+    orderNumber: o.seqNumber.toString(),
+    createdAt: Qe(o._id),
+    ref: o.ref || "",
+    remark: o.remark || "",
+    buyer: x,
+    supplier: v,
+    items: m,
+    status: o.status,
+    deliveryOrders: A
+  }, h = new URL(window.location.href), f = l && (o.deliveryFullfillment || []).length > 0 ? "receive-request/delivery-print-preview" : "receive-request/print-preview";
+  h.pathname = h.hostname.includes("portal.feedme") ? `/inventory/${f}` : `/${f}`, h.searchParams.append("data", JSON.stringify(a)), window.open(h.href, "_blank", "noreferrer");
+}
+const Le = {
+  submitRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.submitRequest",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.submitRequest
+  },
+  confirmDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.confirmDraft",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.confirmDraft
+  },
+  cancelDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.cancelDraft",
+    color: "text-fm-color-typo-error",
+    value: q.enum.cancelDraft
+  },
+  approveRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveRequest",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.approveRequest
+  },
+  rejectRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectRequest",
+    color: "text-fm-color-typo-error",
+    value: q.enum.rejectRequest
+  },
+  processRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.processRequest",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.processRequest
+  },
+  receiveStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.receiveStock",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.receiveStock
+  },
+  completeReceive: {
+    translationKey: "inventory.transfer.receiveRequest.actions.completeReceive",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.completeReceive
+  },
+  closeRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.closeRequest",
+    color: "system-error-300",
+    value: q.enum.closeRequest
+  },
+  approveDraft: {
+    translationKey: "",
+    color: "",
+    value: void 0
+  },
+  rejectDraft: {
+    translationKey: "",
+    color: "",
+    value: void 0
+  },
+  returnStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.returnStock",
+    color: "text-fm-color-typo-primary",
+    value: q.enum.returnStock
+  }
+};
+function Pn(S, o, n) {
+  const y = $e(), l = et(), r = We(), { t: i } = ct();
+  function s(g) {
+    switch (g.status) {
+      case "DRAFT":
+        return [
+          ge[me.Update],
+          ge[me.Details],
+          g.supplier.internal === "restaurant" || g.supplier.internal === "warehouse" ? Le[q.enum.submitRequest] : Le[q.enum.confirmDraft],
+          Le[q.enum.cancelDraft]
+        ];
+      case "RECEIVING":
+        return [
+          Le[q.enum.completeReceive],
+          ge[me.Details],
+          ge[me.Print]
+        ];
+      case "REQUESTING":
+        return S === "receive/request" ? [ge[me.Details], ge[me.Print]] : [
+          Le[q.enum.approveRequest],
+          Le[q.enum.rejectRequest],
+          ge[me.Details]
+          // DefaultRowActions[RowActionEnum.Print]
+        ];
+      case "PROCESSING":
+        return [ge[me.Details], ge[me.Print]];
+      case "COMPLETE":
+      case "CANCEL":
+      default:
+        return [ge[me.Details], ge[me.Print]];
+    }
+  }
+  function c(g) {
+    return Object.values(q.enum).includes(g);
+  }
+  async function x(g, R, d) {
+    var h, f, w, V, H, F;
+    const a = ft(R);
+    if (g === me.Print) {
+      const Y = (d == null ? void 0 : d.toInventoryLocation) ?? y.currentLocation;
+      ((h = d == null ? void 0 : d.netSuite) != null && h.refNo || (f = a.netSuite) != null && f.refNo) && (a.ref = [((w = d == null ? void 0 : d.netSuite) == null ? void 0 : w.refNo) || ((V = a.netSuite) == null ? void 0 : V.refNo)].filter((J) => J).join(" ")), Qt({
+        po: a,
+        currentLocation: Y,
+        business: r.currentBusiness.value,
+        fulfilling: S === "approval",
+        por: d
+      });
+      return;
+    }
+    if (g === me.Details) {
+      o.promptShowTransferDetails(a, d);
+      return;
+    }
+    if (g === me.Update) {
+      (H = o.promptUpdateTransferDialog) == null || H.call(o, a);
+      return;
+    }
+    if (c(g)) {
+      o.submitAction(R, g, (F = d == null ? void 0 : d.to) == null ? void 0 : F.dbName);
+      return;
+    }
+  }
+  function v() {
+    var R;
+    const g = [
+      {
+        accessorKey: "seqNumber",
+        header: () => i("inventory.transfer.table.seqNo"),
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "_id",
+        header: () => i("inventory.transfer.table.createdAt"),
+        cell(d) {
+          return Qe(`${d.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "supplier.name",
+        header: () => i("inventory.transfer.table.transferFrom"),
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        accessorKey: "items.length",
+        header: () => i("inventory.transfer.table.noOfItems"),
+        cell: (d) => {
+          const a = d.row.original.version || "1", h = d.getValue();
+          return P("div", { class: "flex items-center gap-2" }, [
+            h,
+            a !== "1" ? P(
+              "div",
+              { class: "py-3" },
+              P(
+                De,
+                P(
+                  "div",
+                  {
+                    class: ["fm-status-badge", "fm-status-badge-draft"].join(" ")
+                  },
+                  `v${a}`
+                )
+              )
+            ) : null
+          ]);
+        },
+        enableSorting: !1,
+        meta: {
+          width: "10rem"
+        }
+      },
+      {
+        accessorKey: "ref",
+        header: () => i("inventory.transfer.table.reference"),
+        enableSorting: !1,
+        size: "auto"
+      },
+      ...(R = r.sessionUser.value) != null && R.role.isAdmin ? [
+        {
+          id: "statusForAdmin",
+          header: () => P(De, {}, () => `${i("inventory.transfer.table.status")}`),
+          cell(d) {
+            return d.row.original.status;
+          },
+          enableSorting: !0,
+          size: 200
+        }
+      ] : [],
+      {
+        accessorKey: "status",
+        header: () => i("inventory.transfer.table.status"),
+        cell(d) {
+          const a = d.getValue(), h = Xe(d.row.original), { partial: f, over: w } = ot(h), V = nt(a ?? "", f, w);
+          let H = i(`inventory.transfer.status.${V}`), F = `${a ?? ""}`.toLocaleLowerCase("en-us");
+          V === te.enum.CLOSE && (H = `${i(`inventory.transfer.status.${te.enum.COMPLETE}`)}`), V === "PARTIAL_RECEIVED" && F === te.enum.PROCESSING.toLocaleLowerCase("en-us") && (F = te.enum.RECEIVING.toLocaleLowerCase("en-us"));
+          let Y = null;
+          const J = n.value.find((Z) => Z.ref === d.row.original._id);
+          if (J != null && J.milestones && J.milestones.length > 0) {
+            const Z = J.milestones[J.milestones.length - 1];
+            if (Z.estimatedTime) {
+              const be = new Date(Z.estimatedTime), pe = be.getDate().toString().padStart(2, "0");
+              Y = `${be.toLocaleString("en-US", { month: "short" })} ${pe}`;
+            }
+          }
+          return P(
+            "div",
+            {
+              class: "flex"
+            },
+            [
+              P(
+                "div",
+                { class: "flex items-center" },
+                P(
+                  "div",
+                  {
+                    class: [
+                      "fm-status-badge",
+                      `fm-status-badge-${F}`,
+                      w && "fm-status-badge-error"
+                    ].filter(Boolean).join(" ")
+                  },
+                  `${H}`
+                )
+              ),
+              ...Y ? [
+                P(
+                  "div",
+                  {
+                    class: "flex items-center gap-1 ml-2"
+                  },
+                  [
+                    P(He.FmIcon, {
+                      name: "local_shipping",
+                      size: "md",
+                      color: "neutral-gray-400"
+                    }),
+                    P(
+                      "span",
+                      { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
+                      Y
+                    )
+                  ]
+                )
+              ] : []
+            ]
+          );
+        },
+        enableSorting: !0,
+        size: 150
+      },
+      {
+        id: "action",
+        cell(d) {
+          const a = d.row.original, h = s(a);
+          return dt(h, (f) => x(f, a));
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+    if (l.isEnabled) {
+      const d = [
+        {
+          id: "netsuiteTransferOrder",
+          accessorFn: (a) => {
+            var h;
+            return (h = a.netSuite) != null && h.id ? `${a.netSuite.refNo} (${a.netSuite.id})` : "N/A";
+          },
+          header: () => "NetSuite Order (ID)",
+          cell(a) {
+            var f;
+            const h = a.row.original;
+            return (f = h.netSuite) != null && f.id ? `${h.netSuite.refNo} (${h.netSuite.id})` : "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        },
+        {
+          id: "netsuiteTransactionNumber",
+          accessorFn: (a) => {
+            var h, f;
+            return ((f = (h = a.netSuite) == null ? void 0 : h.additionalInfo) == null ? void 0 : f.transactionnumber) ?? "N/A";
+          },
+          header: () => "NetSuite Transaction No.",
+          cell(a) {
+            var f, w;
+            return ((w = (f = a.row.original.netSuite) == null ? void 0 : f.additionalInfo) == null ? void 0 : w.transactionnumber) ?? "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ];
+      g.splice(g.length - 1, 0, ...d);
+    }
+    return g;
+  }
+  function m() {
+    var R;
+    const g = [
+      {
+        accessorKey: "purchaseOrder.seqNumber",
+        header: () => i("inventory.transfer.table.seqNo"),
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "purchaseOrder._id",
+        header: () => i("inventory.transfer.table.createdAt"),
+        cell(d) {
+          return Qe(`${d.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "to.name",
+        header: () => i("inventory.transfer.table.transferTo"),
+        enableSorting: !1,
+        size: 200
+      },
+      {
+        accessorKey: "purchaseOrder.items.length",
+        header: () => i("inventory.transfer.table.noOfItems"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "purchaseOrder.ref",
+        header: () => i("inventory.transfer.table.reference"),
+        enableSorting: !1,
+        size: "auto"
+      },
+      ...(R = r.sessionUser.value) != null && R.role.isAdmin ? [
+        {
+          id: "statusForAdmin",
+          header: () => P(De, {}, () => `${i("inventory.transfer.table.status")}`),
+          cell(d) {
+            return d.row.original.status;
+          },
+          enableSorting: !0,
+          size: 200
+        }
+      ] : [],
+      {
+        accessorKey: "purchaseOrder.status",
+        header: () => i("inventory.transfer.table.status"),
+        cell(d) {
+          const a = d.row.original, h = d.getValue();
+          if (!a.purchaseOrder)
+            return P(He.FmChip, {
+              label: "N/A",
+              compact: !0
+            });
+          const f = Xe(a.purchaseOrder), { partial: w, over: V } = ot(f), H = nt(h ?? "", w, V);
+          let F = i(`inventory.transfer.status.${H}`), Y = `${h ?? ""}`.toLocaleLowerCase("en-us");
+          return H === te.enum.CLOSE && (F = `${i(`inventory.transfer.status.${te.enum.COMPLETE}`)}`), H === "PARTIAL_RECEIVED" && Y === te.enum.PROCESSING.toLocaleLowerCase("en-us") && (Y = te.enum.RECEIVING.toLocaleLowerCase("en-us")), a.rejectedAt && (F = i("inventory.transfer.status.REJECT"), Y = te.enum.REJECT.toLocaleLowerCase("en-us")), P(
+            "div",
+            {
+              class: "flex"
+            },
+            P(
+              "div",
+              {
+                class: [
+                  "fm-status-badge",
+                  `fm-status-badge-${Y}`,
+                  V && "fm-status-badge-error"
+                ].filter(Boolean).join(" ")
+              },
+              `${F}`
+            )
+          );
+        },
+        enableSorting: !0
+      },
+      {
+        id: "action",
+        cell(d) {
+          const a = d.row.original, f = (a.purchaseOrder ? s(a.purchaseOrder) : []).map((w) => w.value === me.Print ? {
+            ...w,
+            translationKey: "inventory.transfer.receiveRequest.details.printDeliveryOrder"
+          } : w);
+          return dt(
+            f,
+            (w) => a.purchaseOrder ? x(w, a.purchaseOrder, a) : void 0
+          );
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+    if (l.isEnabled) {
+      const d = [
+        {
+          id: "netsuiteTransferOrder",
+          accessorFn: (a) => {
+            var h;
+            return (h = a.netSuite) != null && h.id ? `${a.netSuite.refNo} (${a.netSuite.id})` : "N/A";
+          },
+          header: () => "NetSuite Order (ID)",
+          cell(a) {
+            var f;
+            const h = a.row.original;
+            return (f = h.netSuite) != null && f.id ? `${h.netSuite.refNo} (${h.netSuite.id})` : "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        },
+        {
+          id: "netsuiteTransactionNumber",
+          accessorFn: (a) => {
+            var h, f;
+            return ((f = (h = a.netSuite) == null ? void 0 : h.additionalInfo) == null ? void 0 : f.transactionnumber) ?? "N/A";
+          },
+          header: () => "NetSuite Transaction No.",
+          cell(a) {
+            var f, w;
+            return ((w = (f = a.row.original.netSuite) == null ? void 0 : f.additionalInfo) == null ? void 0 : w.transactionnumber) ?? "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ];
+      g.splice(g.length - 2, 0, ...d);
+    }
+    return g;
+  }
+  return {
+    columnDefs: G(() => S === "receive/request" ? v() : m())
+  };
+}
+const Yt = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Jt = { class: "flex flex-col gap-8" }, Xt = { class: "flex w-full justify-end gap-16" }, Zt = /* @__PURE__ */ Se({
+  __name: "FulfillmentForm",
+  props: {
+    purchaseOrder: {},
+    confirm: { type: Function }
+  },
+  emits: ["update:show"],
+  setup(S, { emit: o }) {
+    const n = S, y = At({
+      id: "",
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      items: []
+    }), l = K(), r = o;
+    _t(() => {
+      n.purchaseOrder && (y.items = n.purchaseOrder.items.map((s) => ({
+        id: s.id,
+        sku: s.sku,
+        measurement: s.measurement,
+        amount: s.quantity ?? { amount: 1, precision: 0 }
+      })));
+    });
+    const i = G(() => y.items.length <= 10);
+    return (s, c) => {
+      const x = M("FmTable"), v = M("FmButton"), m = M("FmForm");
+      return u(), re(m, {
+        ref_key: "formRef",
+        ref: l,
+        class: "bg-white flex flex-col gap-32 rounded-3xl p-24 w-[800px]",
+        onValidationFailed: console.log,
+        onValidationSuccess: c[1] || (c[1] = () => n.confirm(y))
+      }, {
+        default: Q(() => [
+          c[2] || (c[2] = e("div", { class: "fm-typo-en-title-sm-600" }, "Confirm the transfer amount", -1)),
+          e("div", Yt, [
+            e("div", Jt, [
+              D(x, {
+                "column-defs": [
+                  {
+                    header: "Code",
+                    cell: (A) => {
+                      const g = n.purchaseOrder.items.find((R) => R.id === A.row.original.id || R.sku._id === A.row.original.sku._id);
+                      return P(
+                        _(He).FmTooltip,
+                        {
+                          content: g.code,
+                          placement: "top",
+                          variant: "plain",
+                          zIndex: 50
+                        },
+                        P(
+                          "span",
+                          {
+                            class: "flex-auto line-clamp-2 text-ellipsis break-all"
+                          },
+                          g.code
+                        )
+                      );
+                    }
+                  },
+                  {
+                    header: "Name",
+                    cell: (A) => {
+                      const g = n.purchaseOrder.items.find((R) => R.id === A.row.original.id || R.sku._id === A.row.original.sku._id);
+                      return P(
+                        _(He).FmTooltip,
+                        {
+                          content: g.name,
+                          placement: "top",
+                          variant: "plain",
+                          zIndex: 50
+                        },
+                        P(
+                          "span",
+                          {
+                            class: "flex-auto line-clamp-2 text-ellipsis break-all"
+                          },
+                          g.name
+                        )
+                      );
+                    }
+                  },
+                  {
+                    header: "Amount",
+                    cell: (A) => {
+                      const g = A.row.original, R = n.purchaseOrder.items.find((a) => a.id === g.id || a.sku._id === g.sku._id), d = g.amount ?? {
+                        amount: 1,
+                        precision: 0
+                      };
+                      return P(Ut, {
+                        style: {
+                          flex: "1 1 0%"
+                        },
+                        modelValue: {
+                          amount: d,
+                          measurement: g.measurement ?? null
+                        },
+                        key: g.id ?? g.sku._id,
+                        unit: g.sku.unit,
+                        "onUpdate:modelValue": (a) => {
+                          if (!a) return;
+                          const h = y.items.find((f) => f.id === g.id || f.sku._id === g.sku._id);
+                          h && (h.amount = a.amount);
+                        },
+                        disableUnit: !0,
+                        rules: [
+                          _(Mt)(
+                            +_(ye)({ amount: 0, precision: 0 })
+                          ),
+                          _(jt)(+_(ye)(R.quantity))
+                        ],
+                        applyDefaultRules: !0
+                      });
+                    }
+                  }
+                ],
+                "row-data": y.items,
+                "hide-footer": i.value
+              }, null, 8, ["column-defs", "row-data", "hide-footer"])
+            ])
+          ]),
+          e("div", Xt, [
+            D(v, {
+              class: "px-16",
+              label: "Confirm",
+              size: "md",
+              variant: "primary",
+              type: "submit"
+            }),
+            D(v, {
+              class: "px-16",
+              label: "Cancel",
+              size: "md",
+              variant: "secondary",
+              onClick: c[0] || (c[0] = () => r("update:show", !1))
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["onValidationFailed"]);
+    };
+  }
+}), st = {
+  submitRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.submitRequest",
+    color: "primary",
+    buttonVariant: he.Primary
+  },
+  confirmDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.confirmDraft",
+    color: "primary",
+    buttonVariant: he.Primary
+  },
+  cancelDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.cancelDraft",
+    color: "system-error-300",
+    buttonVariant: he.Destructive
+  },
+  approveDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveDraft",
+    color: "primary",
+    buttonVariant: he.Primary
+  },
+  rejectDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectDraft",
+    color: "system-error-300",
+    buttonVariant: he.Destructive
+  },
+  approveRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveRequest",
+    color: "primary",
+    buttonVariant: he.Primary
+  },
+  processRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.processRequest",
+    color: "primary",
+    buttonVariant: he.Primary
+  },
+  receiveStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.receiveStock",
+    color: "primary",
+    buttonVariant: he.Primary,
+    available: !1
+  },
+  completeReceive: {
+    translationKey: "inventory.transfer.receiveRequest.actions.completeReceive",
+    color: "primary",
+    buttonVariant: he.Plain
+  },
+  rejectRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectRequest",
+    color: "system-error-300",
+    buttonVariant: he.Destructive
+  },
+  closeRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.closeRequest",
+    color: "system-error-300",
+    buttonVariant: he.Destructive,
+    available: !1
+  },
+  returnStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.returnStock",
+    color: "primary",
+    buttonVariant: he.Primary,
+    available: !1
+  }
+};
+function er() {
+  const S = Be();
+  return {
+    ableToMarkReceived(o) {
+      if (!o || o.status !== te.enum.RECEIVING)
+        return !1;
+      const y = $e().currentLocationDBName;
+      return `${o.supplier.internal}_${o.supplier._id}` !== y;
+    },
+    ableToMarkApproved(o) {
+      return !(!o || (o == null ? void 0 : o.status) !== te.enum.REQUESTING);
+    },
+    ableToCreateFulfillment(o, n) {
+      var r, i;
+      if (!S.acceptRequireFulfillment || !o || !n || o.status !== te.enum.PROCESSING || !n.processedAt)
+        return !1;
+      const y = (r = n == null ? void 0 : n.from) == null ? void 0 : r.dbName, l = (i = n == null ? void 0 : n.to) == null ? void 0 : i.dbName;
+      return !(y.startsWith("restaurant_") && l.startsWith("restaurant_"));
+    }
+  };
+}
+const tr = { class: "flex flex-row-reverse" }, rr = /* @__PURE__ */ Se({
+  __name: "NetSuiteSync",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    isTransferBetweenOutlets: { type: Boolean },
+    scope: {}
+  },
+  setup(S) {
+    const o = S, n = et(), y = Ue(), l = Ge(), r = K(!1);
+    G(() => {
+      var v, m, A, g;
+      let s = !0;
+      n.isEnabled || (s = !1);
+      const c = o.purchaseOrder, x = o.poRequest;
+      return c && ((v = c == null ? void 0 : c.supplier) != null && v.internal ? (!x && c.status == te.enum.DRAFT && (s = !1), x && !((m = x == null ? void 0 : x.netSuite) != null && m.id) && (s = !1), o.isTransferBetweenOutlets && (s = !1)) : ((c == null ? void 0 : c.status) !== te.enum.REQUESTING && c.supplier.internal && (s = !1), !x && !((A = c == null ? void 0 : c.netSuite) != null && A.id) && (s = !1), !x && ((g = c == null ? void 0 : c.netSuite) != null && g.id) && (c == null ? void 0 : c.status) == te.enum.REQUESTING && (s = !1))), s;
+    });
+    async function i() {
+      r.value || l.open({
+        title: "Sync with NetSuite",
+        contentComponent: P("div", [
+          P("p", "Are you sure you want to sync now?"),
+          P("br"),
+          P(
+            "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 s, c, x;
+        try {
+          r.value = !0;
+          const v = ((s = o.purchaseOrder) == null ? void 0 : s._id) || ((c = o.poRequest) == null ? void 0 : c.purchaseOrderId) || "", m = (x = o.poRequest) == null ? void 0 : x.to.dbName;
+          await n.syncPurchaseOrder(
+            v,
+            o.scope === "approval" ? m : void 0
+          ), y.open({
+            title: "Sync with NetSuite",
+            message: "Requested to sync with NetSuite. Please wait a moment.",
+            type: "success"
+          }), await new Promise((A) => setTimeout(A, 5e3)), r.value = !1;
+        } catch {
+          y.open({
+            title: "Error",
+            message: "Failed to sync with NetSuite",
+            type: "error"
+          }), r.value = !1;
+        }
+      });
+    }
+    return (s, c) => {
+      const x = M("FmButton");
+      return u(), $("div", tr, [
+        D(x, {
+          "prepend-icon": "sync",
+          variant: "secondary",
+          label: "Sync",
+          loading: r.value,
+          onClick: i,
+          "text-color": "primary",
+          "bg-color": "transparent",
+          "border-color": "primary"
+        }, null, 8, ["loading"])
+      ]);
+    };
+  }
+}), sr = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, or = { class: "flex flex-col gap-4" }, nr = { class: "fm-typo-en-body-lg-600" }, ar = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, lr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ir = { class: "fm-typo-en-body-lg-600" }, cr = { key: 0 }, ur = { key: 1 }, dr = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, mr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pr = { class: "fm-typo-en-body-lg-600" }, fr = { key: 0 }, yr = { key: 1 }, vr = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, hr = { class: "fm-typo-en-body-lg-600" }, br = {
+  key: 3,
+  class: "flex flex-col gap-4"
+}, gr = { class: "fm-typo-en-body-lg-600" }, _r = /* @__PURE__ */ Se({
+  __name: "NetSuiteInfo",
+  props: {
+    transferType: {},
+    transferToDbName: {},
+    poRequest: {},
+    purchaseOrder: {},
+    isTransferBetweenOutlets: { type: Boolean },
+    scope: {}
+  },
+  setup(S) {
+    const o = S, n = et(), y = qe(), l = K(o.poRequest);
+    _t(async () => {
+      var c;
+      if (!o.poRequest && ((c = o.purchaseOrder) != null && c._id)) {
+        const x = await y.getLatestPurchaseOrderRequest(o.purchaseOrder._id);
+        l.value = x;
+      }
+    });
+    const r = G(
+      () => {
+        var c, x, v, m, A, g;
+        return n.getSubsidiaryFullName(
+          ((v = (x = (c = o.purchaseOrder) == null ? void 0 : c.netSuite) == null ? void 0 : x.subsidiary) == null ? void 0 : v.id) || ((g = (A = (m = o.poRequest) == null ? void 0 : m.netSuite) == null ? void 0 : A.subsidiary) == null ? void 0 : g.id)
+        ).fullName;
+      }
+    ), i = G(() => {
+      var c, x, v, m, A, g, R, d, a, h, f, w;
+      return (v = (x = (c = o.purchaseOrder) == null ? void 0 : c.netSuite) == null ? void 0 : x.additionalInfo) != null && v.transactionnumber ? (g = (A = (m = o.purchaseOrder) == null ? void 0 : m.netSuite) == null ? void 0 : A.additionalInfo) == null ? void 0 : g.transactionnumber : (a = (d = (R = l.value) == null ? void 0 : R.netSuite) == null ? void 0 : d.additionalInfo) != null && a.transactionnumber ? (w = (f = (h = l.value) == null ? void 0 : h.netSuite) == null ? void 0 : f.additionalInfo) == null ? void 0 : w.transactionnumber : null;
+    }), s = G(() => {
+      var c, x, v, m, A, g;
+      return (x = (c = o.purchaseOrder) == null ? void 0 : c.deliveryFullfillment) != null && x.length && ((m = (v = o.purchaseOrder) == null ? void 0 : v.deliveryFullfillment) == null ? void 0 : m.length) > 0 ? (g = (A = o.purchaseOrder) == null ? void 0 : A.deliveryFullfillment) == null ? void 0 : g.map((R) => {
+        var d;
+        return (d = R.netSuite) == null ? void 0 : d.refNo;
+      }).join(", ") : "N/A";
+    });
+    return (c, x) => {
+      var v, m, A, g, R, d, a, h, f, w, V, H, F, Y, J, Z;
+      return _(n).isEnabled ? (u(), $("div", sr, [
+        e("div", or, [
+          x[0] || (x[0] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "NetSuite subsidiary", -1)),
+          e("div", nr, b(r.value || "N/A"), 1)
+        ]),
+        !c.isTransferBetweenOutlets && c.scope === _(at).RECEIVE_REQUEST ? (u(), $("div", ar, [
+          e("div", lr, " NetSuite " + b((m = (v = c.purchaseOrder) == null ? void 0 : v.netSuite) != null && m.recordType ? _(bt)((g = (A = c.purchaseOrder) == null ? void 0 : A.netSuite) == null ? void 0 : g.recordType) : c.transferType === _(Pe).PURCHASE ? "Purchase Order" : "Transfer Order") + " (ID) ", 1),
+          e("div", ir, [
+            (d = (R = c.purchaseOrder) == null ? void 0 : R.netSuite) != null && d.id ? (u(), $("span", cr, b((h = (a = c.purchaseOrder) == null ? void 0 : a.netSuite) == null ? void 0 : h.refNo) + " (" + b((w = (f = c.purchaseOrder) == null ? void 0 : f.netSuite) == null ? void 0 : w.id) + ") ", 1)) : (u(), $("span", ur, "N/A"))
+          ])
+        ])) : B("", !0),
+        !c.isTransferBetweenOutlets && l.value || c.scope === _(at).APPROVAL ? (u(), $("div", dr, [
+          e("div", mr, " (Request) NetSuite " + b(c.transferType === _(Pe).PURCHASE ? "Purchase Order" : "Transfer Order") + " (ID) ", 1),
+          e("div", pr, [
+            (H = (V = l.value) == null ? void 0 : V.netSuite) != null && H.id ? (u(), $("span", fr, b((Y = (F = l.value) == null ? void 0 : F.netSuite) == null ? void 0 : Y.refNo) + " (" + b((Z = (J = l.value) == null ? void 0 : J.netSuite) == null ? void 0 : Z.id) + ") ", 1)) : (u(), $("span", yr, "N/A"))
+          ])
+        ])) : B("", !0),
+        i.value ? (u(), $("div", vr, [
+          x[1] || (x[1] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " NetSuite Transaction Number ", -1)),
+          e("div", hr, b(i.value), 1)
+        ])) : B("", !0),
+        _(n).isEnabled && c.transferType === _(Pe).TRANSFER && !c.isTransferBetweenOutlets ? (u(), $("div", br, [
+          x[2] || (x[2] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " NetSuite fulfillment IDs ", -1)),
+          e("div", gr, b(s.value), 1)
+        ])) : B("", !0)
+      ])) : B("", !0);
+    };
+  }
+}), Sr = { class: "flex flex-row-reverse" }, Or = /* @__PURE__ */ Se({
+  __name: "NetSuiteLog",
+  props: {
+    netsuiteId: {},
+    purchaseOrderId: {}
+  },
+  setup(S) {
+    const o = Ue(), n = it();
+    async function y(l, r) {
+      const i = [];
+      if (l && i.push(`body.message:*${l}*`), r) {
+        const v = r.replace(/:/g, "\\:");
+        i.push(`${v}`);
+      }
+      if (i.length === 0) {
+        o.open({
+          message: "Cannot open logs without valid filters.",
+          type: "error"
+        });
+        return;
+      }
+      const c = `attributes.pod:netsuite* AND (${i.join(" OR ")})`, { url: x } = await n.getSyncLogs(c);
+      o.open(
+        {
+          message: "Opening NetSuite logs...",
+          type: "info"
+        },
+        800
+      ), await new Promise((v) => setTimeout(v, 800)), window.open(x, "_blank");
+    }
+    return (l, r) => {
+      const i = M("FmButton");
+      return u(), $("div", Sr, [
+        D(i, {
+          "prepend-icon": "history",
+          variant: "secondary",
+          label: "Logs",
+          onClick: r[0] || (r[0] = (s) => y(l.netsuiteId, l.purchaseOrderId)),
+          "text-color": "primary",
+          "bg-color": "transparent",
+          "border-color": "primary"
+        })
+      ]);
+    };
+  }
+}), wr = { class: "flex flex-row-reverse" }, xr = { key: 0 }, $r = { key: 1 }, Cr = { class: "mb-6" }, kr = { class: "fm-typo-en-body-md-400" }, Dr = { key: 0 }, Rr = { key: 1 }, Nr = {
+  key: 0,
+  class: "flex"
+}, Ar = {
+  key: 1,
+  class: "border-t pt-6"
+}, Tr = { class: "fm-typo-en-body-lg-600 mb-4 flex items-center gap-2" }, Fr = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg overflow-y-auto" }, Ir = { class: "w-full" }, Pr = {
+  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" }, Vr = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Lr = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Er = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Br = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ur = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Mr = { class: "p-3 fm-typo-en-body-sm-600" }, jr = { key: 2 }, zr = { key: 1 }, Kr = /* @__PURE__ */ Se({
+  __name: "NetSuiteLatestInfo",
+  props: {
+    netsuiteId: {},
+    purchaseOrderId: {}
+  },
+  setup(S) {
+    const o = S, n = it(), y = K(!1), l = $e(), r = K(!0), i = K(!1), s = K(!1), c = K(!1), x = K(null), v = K([]);
+    async function m() {
+      if (!x.value) {
+        y.value = !0;
+        try {
+          r.value = !0;
+          const d = await n.getMoreInfo(
+            l.currentLocation.dbName,
+            o.purchaseOrderId
+          );
+          x.value = d, i.value = !1;
+        } catch {
+          i.value = !0;
+        } finally {
+          r.value = !1;
+        }
+        await A();
+      }
+    }
+    async function A() {
+      if (!(v.value.length > 0))
+        try {
+          s.value = !0;
+          const d = await n.getChangeLogs(o.netsuiteId);
+          v.value = d, c.value = !1;
+        } catch {
+          c.value = !0;
+        } finally {
+          s.value = !1;
+        }
+    }
+    function g(d) {
+      switch (d) {
+        case we.Create:
+          return "text-green-600 bg-green-100";
+        case we.Set:
+          return "text-blue-600 bg-blue-100";
+        case we.Change:
+          return "text-yellow-600 bg-yellow-100";
+        case we.Unset:
+          return "text-red-600 bg-red-100";
+        default:
+          return "text-gray-600 bg-gray-100";
+      }
+    }
+    function R(d) {
+      return new Date(d).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    }
+    return (d, a) => {
+      const h = M("FmButton"), f = M("FmLabel"), w = M("FmCircularProgress"), V = M("FmIcon"), H = M("FmDialog");
+      return u(), $("div", wr, [
+        D(H, {
+          modelValue: y.value,
+          "onUpdate:modelValue": a[2] || (a[2] = (F) => y.value = F),
+          overlay: !0,
+          "max-width": 800
+        }, {
+          "dialog-button": Q(() => [
+            D(h, {
+              "prepend-icon": "info",
+              variant: "secondary",
+              label: "Latest Info",
+              onClick: a[0] || (a[0] = (F) => m()),
+              "text-color": "primary",
+              "bg-color": "transparent",
+              "border-color": "primary"
+            })
+          ]),
+          "dialog-header": Q(() => a[3] || (a[3] = [
+            e("div", null, "NetSuite latest info", -1)
+          ])),
+          default: Q(() => [
+            r.value ? (u(), $("div", xr, "Loading...")) : (u(), $("div", $r, [
+              i.value ? (u(), $("p", zr, "Something went wrong.")) : (u(), $(ce, { key: 0 }, [
+                e("div", Cr, [
+                  a[4] || (a[4] = e("h3", { class: "fm-typo-en-body-lg-600 mb-4" }, "NetSuite Order Details", -1)),
+                  (u(!0), $(ce, null, _e(x.value, (F, Y) => (u(), $("div", {
+                    key: Y,
+                    class: "mb-2"
+                  }, [
+                    e("div", null, [
+                      D(f, {
+                        label: _(lt)(Y)
+                      }, null, 8, ["label"]),
+                      e("div", kr, [
+                        Array.isArray(F) ? (u(), $("span", Dr, b(F.length > 0 ? F.join(", ") : "N/A"), 1)) : (u(), $("span", Rr, b(F), 1))
+                      ])
+                    ])
+                  ]))), 128))
+                ]),
+                s.value ? (u(), $("div", Nr, [
+                  a[5] || (a[5] = e("span", null, "Change Log Loading...", -1)),
+                  D(w, { size: "md" })
+                ])) : B("", !0),
+                !s.value && v.value.length > 0 ? (u(), $("div", Ar, [
+                  e("h3", Tr, [
+                    D(V, {
+                      name: "error",
+                      color: "#ff9500",
+                      size: "sm"
+                    }),
+                    a[6] || (a[6] = ke(" Change Logs "))
+                  ]),
+                  e("div", Fr, [
+                    e("table", Ir, [
+                      a[7] || (a[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, [
+                        (u(!0), $(ce, null, _e(v.value, (F, Y) => (u(), $("tr", {
+                          key: Y,
+                          class: "border-b border-fm-color-neutral-gray-200 last:border-b-0"
+                        }, [
+                          e("td", Pr, b(R(F._dateiso8601)), 1),
+                          e("td", qr, b(F._rolename), 1),
+                          e("td", Vr, b(F._employeename), 1),
+                          e("td", Lr, b(F._contextname), 1),
+                          e("td", {
+                            class: Ee(`p-3 fm-typo-en-body-sm-600 ${g(Number(F.type) - 1)}`)
+                          }, b(_(we)[Number(F.type) - 1]), 3),
+                          e("td", Er, b(F.lineid || ""), 1),
+                          e("td", Br, b(F._fieldname), 1),
+                          e("td", Ur, b(F.oldvalue || ""), 1),
+                          e("td", Mr, b(F.newvalue || ""), 1)
+                        ]))), 128))
+                      ])
+                    ])
+                  ])
+                ])) : (u(), $("div", jr, a[8] || (a[8] = [
+                  e("p", null, "No change logs available.", -1)
+                ])))
+              ], 64))
+            ]))
+          ]),
+          "dialog-footer": Q(() => [
+            D(h, {
+              class: "ml-auto sm:w-full xs:w-full",
+              label: "Close",
+              size: "md",
+              variant: "primary",
+              onClick: a[1] || (a[1] = (F) => y.value = !1)
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Hr = {
+  key: 0,
+  class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16 flex flex-col gap-8"
+}, Wr = { class: "flex gap-8 items-center" }, Gr = { class: "ml-auto" }, Qr = { class: "flex gap-3" }, Yr = /* @__PURE__ */ Se({
+  __name: "NetSuitePanel",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    transferType: {},
+    transferToDbName: {},
+    scope: {}
+  },
+  setup(S) {
+    const o = S, n = Kt();
+    We();
+    const y = G(() => {
+      var s, c, x, v, m, A, g;
+      const l = ((s = o.transferToDbName) == null ? void 0 : s.startsWith("restaurant")) && ((x = (c = o.purchaseOrder) == null ? void 0 : c.supplier) == null ? void 0 : x.internal) === "restaurant", r = o.transferType === Pe.PURCHASE, i = o.transferType === Pe.TRANSFER;
+      return r || i && !l || ((m = (v = o.purchaseOrder) == null ? void 0 : v.netSuite) == null ? void 0 : m.id) || ((g = (A = o.poRequest) == null ? void 0 : A.netSuite) == null ? void 0 : g.id);
+    });
+    return (l, r) => {
+      var s, c;
+      const i = M("FmMenuDivider");
+      return _(n).isNetSuiteEnabled && y.value ? (u(), $("div", Hr, [
+        e("div", Wr, [
+          r[0] || (r[0] = e("span", { class: "flex-1 fm-typo-en-body-lg-600" }, "NetSuite Info", -1)),
+          e("div", Gr, [
+            e("div", Qr, [
+              (c = (s = o.purchaseOrder) == null ? void 0 : s.netSuite) != null && c.id ? (u(), re(De, { key: 0 }, {
+                default: Q(() => {
+                  var x, v, m;
+                  return [
+                    D(Kr, {
+                      "netsuite-id": (v = (x = l.purchaseOrder) == null ? void 0 : x.netSuite) == null ? void 0 : v.id,
+                      "purchase-order-id": (m = l.purchaseOrder) == null ? void 0 : m._id
+                    }, null, 8, ["netsuite-id", "purchase-order-id"])
+                  ];
+                }),
+                _: 1
+              })) : B("", !0),
+              D(De, null, {
+                default: Q(() => {
+                  var x, v, m;
+                  return [
+                    D(Or, {
+                      "netsuite-id": (v = (x = l.purchaseOrder) == null ? void 0 : x.netSuite) == null ? void 0 : v.id,
+                      "purchase-order-id": (m = l.purchaseOrder) == null ? void 0 : m._id
+                    }, null, 8, ["netsuite-id", "purchase-order-id"])
+                  ];
+                }),
+                _: 1
+              }),
+              D(rr, {
+                "po-request": l.poRequest,
+                "purchase-order": l.purchaseOrder,
+                "is-transfer-between-outlets": !y.value,
+                scope: l.scope
+              }, null, 8, ["po-request", "purchase-order", "is-transfer-between-outlets", "scope"])
+            ])
+          ])
+        ]),
+        D(i),
+        D(_r, {
+          "po-request": l.poRequest,
+          "purchase-order": l.purchaseOrder,
+          "transfer-type": l.transferType,
+          "transfer-to-db-name": l.transferToDbName,
+          "is-transfer-between-outlets": !y.value,
+          scope: l.scope
+        }, null, 8, ["po-request", "purchase-order", "transfer-type", "transfer-to-db-name", "is-transfer-between-outlets", "scope"])
+      ])) : B("", !0);
+    };
+  }
+}), Jr = { class: "flex flex-col gap-3" }, Xr = { class: "flex flex-col gap-4" }, Zr = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, es = { class: "flex flex-col gap-4" }, ts = { class: "flex justify-between items-center py-1 gap-4" }, rs = { class: "flex flex-col" }, ss = { class: "fm-typo-en-body-lg-600" }, os = { class: "fm-typo-en-body-md-400" }, ns = { class: "flex flex-col gap-2 items-end" }, as = { class: "flex self-end fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ls = {
+  key: 0,
+  class: "flex items-center gap-2"
+}, is = {
+  key: 0,
+  class: "border-b border-fm-color-stroke-secondary"
+}, cs = { class: "flex flex-col gap-4" }, us = { class: "flex flex-col gap-4" }, ds = { class: "flex flex-col gap-4" }, ms = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, ps = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, fs = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, ys = /* @__PURE__ */ Se({
+  __name: "EditForm",
+  props: {
+    purchaseOrder: {},
+    deliveryOrder: {}
+  },
+  emits: ["submitted"],
+  setup(S, { emit: o }) {
+    Nt();
+    const n = Be(), y = Ue(), l = K(!1), r = S, i = o, s = gt("deliveryOrder"), c = qe(), x = G(
+      () => {
+        var h;
+        return ((h = r.purchaseOrder.deliveryFullfillment) == null ? void 0 : h.findIndex(
+          (f) => r.deliveryOrder.fullfillmentId && f.id === r.deliveryOrder.fullfillmentId
+        )) ?? -1;
+      }
+    ), v = n.enablePurchaseOrderReceiveWithCustomCost, m = n.enablePortalDeliveryOrderWrite, A = K({}), g = G(() => r.purchaseOrder.items.map((h, f) => G({
+      get: () => {
+        var V;
+        const w = (V = s.received[f]) == null ? void 0 : V.cost;
+        return w ? +ye(w) : 0;
+      },
+      set: (w) => {
+        s.received[f].cost = {
+          currency: xe(),
+          ...Ye(w, 4)
+        };
+      }
+    }))), R = G(() => r.deliveryOrder.received.map((h, f) => G({
+      get: () => {
+        var V;
+        const w = (V = s.received[f]) == null ? void 0 : V.amount;
+        return w ? +ye(w) : 0;
+      },
+      set: (w) => {
+        s.received[f].amount = Ye(w, 2);
+      }
+    })));
+    function d(h) {
+      const f = !A.value[h];
+      if (A.value[h] = f, f) {
+        const w = r.deliveryOrder.received[h];
+        w.cost ? s.received[h].cost = {
+          currency: w.cost.currency,
+          amount: w.cost.amount,
+          precision: w.cost.precision
+        } : s.received[h].cost = {
+          currency: xe(),
+          amount: 0,
+          precision: 4
+        };
+      } else
+        delete s.received[h].cost;
+    }
+    function a() {
+      c.updateDeliveryOrder({
+        deliveryOrder: {
+          ...r.deliveryOrder,
+          ...s
+        },
+        purchaseOrderId: r.purchaseOrder._id,
+        purchaseOrderRev: r.purchaseOrder._rev
+      }).then(() => {
+        y.open(
+          {
+            title: "Success",
+            message: `PO# ${r.purchaseOrder.seqNumber} Changes have been saved`,
+            type: "success"
+          },
+          1e4
+        ), l.value = !1, i("submitted");
+      });
+    }
+    return (h, f) => {
+      const w = M("FmButton"), V = M("FmStepperField"), H = M("FmSwitch"), F = M("FmTextField"), Y = M("FmDialog");
+      return u(), re(Y, {
+        modelValue: l.value,
+        "onUpdate:modelValue": f[1] || (f[1] = (J) => l.value = J),
+        overlay: !0
+      }, {
+        "dialog-button": Q(() => [
+          _(m) ? (u(), re(w, {
+            key: 0,
+            variant: "plain",
+            label: "Edit",
+            size: "md",
+            "prepend-icon": "edit"
+          })) : B("", !0)
+        ]),
+        "dialog-header": Q(() => [
+          e("div", null, "Received on " + b(_(Ke)(r.deliveryOrder.createdAt)), 1)
+        ]),
+        "dialog-footer": Q(() => [
+          D(w, {
+            class: "ml-auto",
+            label: "Apply changes",
+            size: "md",
+            variant: "destructive",
+            onClick: a
+          })
+        ]),
+        default: Q(() => [
+          e("div", null, [
+            e("div", Jr, [
+              e("div", Xr, [
+                f[2] || (f[2] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Adjustment date", -1)),
+                e("div", Zr, b(r.deliveryOrder.adjustment ? _(Ke)(new Date(_(Je)(r.deliveryOrder.adjustment))) : "-"), 1)
+              ]),
+              e("div", es, [
+                f[4] || (f[4] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Received items", -1)),
+                (u(!0), $(ce, null, _e(r.deliveryOrder.received, (J, Z) => {
+                  var be;
+                  return u(), $("div", { key: Z }, [
+                    e("div", ts, [
+                      e("div", rs, [
+                        e("span", ss, b(J.sku.name), 1),
+                        e("span", os, b(J.sku.code), 1)
+                      ]),
+                      e("div", ns, [
+                        D(V, {
+                          label: "Receive Quantity",
+                          modelValue: R.value[Z].value,
+                          "onUpdate:modelValue": (pe) => R.value[Z].value = pe,
+                          min: 0,
+                          "append-text": ((be = J.measurement) == null ? void 0 : be.abbrev) ?? J.sku.unit.abbrev
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "append-text"]),
+                        e("div", as, b(`${J.cost ? `${_(ze)(J.cost)}` : ""}`), 1),
+                        _(v) ? (u(), $("div", ls, [
+                          D(H, {
+                            "model-value": A.value[Z],
+                            "onUpdate:modelValue": (pe) => d(Z),
+                            size: "sm"
+                          }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                          f[3] || (f[3] = e("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Override cost ", -1))
+                        ])) : B("", !0),
+                        _(v) && A.value[Z] ? (u(), re(V, {
+                          key: 1,
+                          modelValue: g.value[Z].value,
+                          "onUpdate:modelValue": (pe) => g.value[Z].value = pe,
+                          label: "Total Cost",
+                          step: 1e-4,
+                          min: 0,
+                          placeholder: "0.0000",
+                          size: "sm",
+                          "append-text": _(xe)()
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "append-text"])) : B("", !0)
+                      ])
+                    ]),
+                    Z < r.purchaseOrder.items.length - 1 ? (u(), $("div", is)) : B("", !0)
+                  ]);
+                }), 128))
+              ]),
+              e("div", cs, [
+                f[5] || (f[5] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Delivery order no.", -1)),
+                e("div", us, [
+                  D(F, {
+                    modelValue: _(s).deliveryOrderNumber,
+                    "onUpdate:modelValue": f[0] || (f[0] = (J) => _(s).deliveryOrderNumber = J),
+                    size: "md",
+                    placeholder: r.deliveryOrder.deliveryOrderNumber
+                  }, null, 8, ["modelValue", "placeholder"])
+                ])
+              ]),
+              e("div", ds, [
+                f[6] || (f[6] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Remark", -1)),
+                e("div", ms, b(r.deliveryOrder.remark || "N/A"), 1)
+              ]),
+              x.value >= 0 ? (u(), $("div", ps, [
+                f[7] || (f[7] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fulfilment's sequence ", -1)),
+                e("div", fs, b(x.value + 1), 1)
+              ])) : B("", !0)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), vs = { class: "flex flex-col gap-3" }, hs = { class: "flex flex-col gap-4" }, bs = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, gs = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, _s = { class: "flex items-center justify-between" }, Ss = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Os = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, ws = { class: "flex gap-4" }, xs = { class: "flex-1" }, $s = { class: "flex-1" }, Cs = {
+  key: 0,
+  class: "flex items-center text-fm-color-system-error-300"
+}, ks = { class: "fm-typo-en-body-md-400" }, Ds = { class: "flex flex-col gap-4" }, Rs = { class: "flex justify-between items-center py-1 gap-4" }, Ns = { class: "flex flex-col" }, As = { class: "fm-typo-en-body-lg-600" }, Ts = { class: "fm-typo-en-body-md-400" }, Fs = { class: "flex flex-col gap-2 items-end" }, Is = {
+  key: 0,
+  class: "flex items-center gap-2"
+}, Ps = {
+  key: 0,
+  class: "border-b border-fm-color-stroke-secondary"
+}, qs = { class: "flex flex-col gap-4" }, Vs = { class: "flex flex-col gap-4" }, Ls = { class: "flex flex-col gap-4" }, Es = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, Bs = /* @__PURE__ */ Se({
+  __name: "CreateForm",
+  props: {
+    purchaseOrder: {},
+    receivedInfoMap: {}
+  },
+  emits: ["submitted"],
+  setup(S, { emit: o }) {
+    var U, j, ne;
+    const { t: n } = ct(), y = K(!1), l = We(), r = S, i = o, s = gt("", {
+      default: {
+        deliveryOrderNumber: "",
+        remark: "",
+        received: r.purchaseOrder.items.map((N) => ({
+          sku: N.sku,
+          amount: Ie.fromNumber(0),
+          measurement: N.measurement
+        })),
+        createdBy: {
+          id: ((U = l.sessionUser.value) == null ? void 0 : U.id) || "",
+          name: ((j = l.sessionUser.value) == null ? void 0 : j.displayName) || ""
+        },
+        createdAt: ""
+      }
+    }), c = qe(), x = Ge(), v = Be(), m = ((ne = r.purchaseOrder) == null ? void 0 : ne.supplier.internal) != null, A = m && v.enablePOSTransferRequireFulfillment, g = v.enablePortalDeliveryOrderWrite && (r.purchaseOrder.status === te.Enum.RECEIVING || r.purchaseOrder.status === te.Enum.COMPLETE) && (m ? !A : !0), R = v.enablePurchaseOrderReceiveWithCustomCost, d = v.enableBackdateReceive, a = K({}), h = Ue(), f = G({
+      get() {
+        if (!s.createdAt) return "";
+        const N = new Date(s.createdAt), C = N.getFullYear(), I = String(N.getMonth() + 1).padStart(2, "0"), t = String(N.getDate()).padStart(2, "0");
+        return `${C}-${I}-${t}`;
+      },
+      set(N) {
+        if (N) {
+          const C = s.createdAt ? new Date(s.createdAt) : /* @__PURE__ */ new Date(), [I, t, p] = N.split("-");
+          C.setFullYear(parseInt(I)), C.setMonth(parseInt(t) - 1), C.setDate(parseInt(p)), s.createdAt = C.toISOString();
+        }
+      }
+    }), w = G({
+      get() {
+        if (!s.createdAt) return "";
+        const N = new Date(s.createdAt), C = String(N.getHours()).padStart(2, "0"), I = String(N.getMinutes()).padStart(2, "0");
+        return `${C}:${I}`;
+      },
+      set(N) {
+        if (N) {
+          const C = s.createdAt ? new Date(s.createdAt) : /* @__PURE__ */ new Date(), [I, t] = N.split(":");
+          C.setHours(parseInt(I)), C.setMinutes(parseInt(t)), s.createdAt = C.toISOString();
+        }
+      }
+    }), V = G(() => {
+      const N = Je(r.purchaseOrder._id);
+      if (!N) return "";
+      const C = new Date(N), I = C.getFullYear(), t = String(C.getMonth() + 1).padStart(2, "0"), p = String(C.getDate()).padStart(2, "0");
+      return `${I}-${t}-${p}`;
+    }), H = G(() => {
+      const N = Je(r.purchaseOrder._id);
+      return N ? new Date(N) : null;
+    }), F = G(() => {
+      if (!f.value || !w.value || !H.value) return null;
+      if (/* @__PURE__ */ new Date(`${f.value}T${w.value}:00`) < H.value) {
+        const C = V.value, I = H.value.getHours(), t = H.value.getMinutes(), p = I >= 12 ? "PM" : "AM", T = I % 12 || 12, k = `${String(T).padStart(2, "0")}:${String(t).padStart(2, "0")} ${p}`;
+        return `Delivery date & time cannot be earlier than order creation (${C} ${k})`;
+      }
+      return null;
+    }), Y = G(() => F.value ? !1 : s.received.some((C) => {
+      const I = C.amount;
+      return I ? +ye(I) > 0 : !1;
+    }));
+    function J() {
+      s.createdAt = "";
+    }
+    const Z = G(() => r.purchaseOrder.items.map((N, C) => G({
+      get: () => {
+        var t;
+        const I = (t = s.received[C]) == null ? void 0 : t.amount;
+        return I ? +ye(I) : 0;
+      },
+      set: (I) => {
+        s.received[C].amount = Ye(I, 2);
+      }
+    })));
+    function be(N) {
+      const C = !a.value[N];
+      if (a.value[N] = C, C) {
+        const I = r.purchaseOrder.items[N];
+        I.totalCost ? s.received[N].cost = {
+          currency: I.totalCost.currency,
+          amount: I.totalCost.amount,
+          precision: 4
+          // Standardize to 4 decimals
+        } : s.received[N].cost = {
+          currency: xe(),
+          amount: 0,
+          precision: 4
+        };
+      } else
+        delete s.received[N].cost;
+    }
+    const pe = G(() => r.purchaseOrder.items.map((N, C) => G({
+      get: () => {
+        var t;
+        const I = (t = s.received[C]) == null ? void 0 : t.cost;
+        return I ? +ye(I) : 0;
+      },
+      set: (I) => {
+        s.received[C].cost = {
+          currency: xe(),
+          ...Ye(I, 4)
+        };
+      }
+    })));
+    function Re() {
+      x.open({
+        title: "Confirm Create Delivery Order",
+        message: `Are you sure you want to create delivery order for PO# ${r.purchaseOrder.seqNumber}?`,
+        primaryActions: {
+          text: "Create",
+          close: !0,
+          variant: "primary"
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(() => Oe());
+    }
+    function Oe() {
+      c.createDeliveryOrder({
+        deliveryOrder: s,
+        purchaseOrderId: r.purchaseOrder._id,
+        purchaseOrderRev: r.purchaseOrder._rev,
+        currency: xe()
+      }).then(() => {
+        h.open(
+          {
+            title: "Success",
+            message: `New delivery order created for PO# ${r.purchaseOrder.seqNumber}`,
+            type: "success"
+          },
+          1e4
+        ), y.value = !1, i("submitted");
+      });
+    }
+    return (N, C) => {
+      const I = M("FmButton"), t = M("FmDatePicker"), p = M("FmTimePicker"), T = M("FmIcon"), k = M("FmStepperField"), W = M("FmSwitch"), z = M("FmTextField"), se = M("FmDialog");
+      return u(), re(se, {
+        modelValue: y.value,
+        "onUpdate:modelValue": C[4] || (C[4] = (O) => y.value = O),
+        overlay: !0,
+        "min-width": 800
+      }, {
+        "dialog-button": Q(() => [
+          _(g) ? (u(), re(I, {
+            key: 0,
+            variant: "primary",
+            label: "Create",
+            size: "md",
+            "prepend-icon": "add",
+            class: "w-full"
+          })) : B("", !0)
+        ]),
+        "dialog-header": Q(() => [
+          e("div", null, "Order #" + b(r.purchaseOrder.seqNumber) + " (New Delivery Order)", 1)
+        ]),
+        "dialog-footer": Q(() => [
+          D(I, {
+            class: "ml-auto",
+            label: "Create",
+            size: "md",
+            variant: "destructive",
+            disabled: !Y.value,
+            onClick: Re
+          }, null, 8, ["disabled"])
+        ]),
+        default: Q(() => {
+          var O;
+          return [
+            e("div", vs, [
+              e("div", hs, [
+                C[5] || (C[5] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Received by", -1)),
+                e("div", bs, b((O = _(l).sessionUser.value) == null ? void 0 : O.displayName), 1)
+              ]),
+              _(d) ? (u(), $("div", gs, [
+                e("div", _s, [
+                  e("div", Ss, [
+                    C[6] || (C[6] = ke(" Delivery Date & Time ")),
+                    !f.value && !w.value ? (u(), $("div", Os, " Leave blank to use current date & time ")) : B("", !0)
+                  ]),
+                  f.value || w.value ? (u(), re(I, {
+                    key: 0,
+                    variant: "tertiary",
+                    label: "Clear",
+                    "prepend-icon": "close",
+                    onClick: J
+                  })) : B("", !0)
+                ]),
+                e("div", ws, [
+                  e("div", xs, [
+                    D(t, {
+                      modelValue: f.value,
+                      "onUpdate:modelValue": C[0] || (C[0] = (E) => f.value = E)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  e("div", $s, [
+                    D(p, {
+                      modelValue: w.value,
+                      "onUpdate:modelValue": C[1] || (C[1] = (E) => w.value = E)
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                F.value ? (u(), $("div", Cs, [
+                  D(T, {
+                    name: "error",
+                    class: "inline-block mr-1",
+                    size: "sm"
+                  }),
+                  e("div", ks, b(F.value), 1)
+                ])) : B("", !0)
+              ])) : B("", !0),
+              e("div", Ds, [
+                C[8] || (C[8] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Items going to receive ", -1)),
+                (u(!0), $(ce, null, _e(r.purchaseOrder.items, (E, ee) => {
+                  var oe, L, le;
+                  return u(), $("div", { key: ee }, [
+                    e("div", Rs, [
+                      e("div", Ns, [
+                        e("span", As, b(E.sku.name), 1),
+                        e("span", Ts, b(E.sku.code), 1)
+                      ]),
+                      e("div", Fs, [
+                        D(k, {
+                          label: "Receive Quantity",
+                          modelValue: Z.value[ee].value,
+                          "onUpdate:modelValue": (ue) => Z.value[ee].value = ue,
+                          "helper-text": `${_(n)("inventory.transfer.receiveRequest.details.received")} ${_(Ie).toFormatString(
+                            {
+                              value: (oe = N.receivedInfoMap[E.sku._id]) == null ? void 0 : oe.received
+                            }
+                          )} ${((L = E.measurement) == null ? void 0 : L.abbrev) ?? E.sku.unit.abbrev}`,
+                          min: 0,
+                          "append-text": ((le = E.measurement) == null ? void 0 : le.abbrev) ?? E.sku.unit.abbrev
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "helper-text", "append-text"]),
+                        _(R) ? (u(), $("div", Is, [
+                          D(W, {
+                            "model-value": a.value[ee],
+                            "onUpdate:modelValue": (ue) => be(ee),
+                            size: "sm"
+                          }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                          C[7] || (C[7] = e("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Override cost ", -1))
+                        ])) : B("", !0),
+                        _(R) && a.value[ee] ? (u(), re(k, {
+                          key: 1,
+                          modelValue: pe.value[ee].value,
+                          "onUpdate:modelValue": (ue) => pe.value[ee].value = ue,
+                          label: "Total Cost",
+                          step: 1e-4,
+                          min: 0,
+                          placeholder: "0.0000",
+                          size: "sm",
+                          "append-text": _(xe)()
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "append-text"])) : B("", !0)
+                      ])
+                    ]),
+                    ee < r.purchaseOrder.items.length - 1 ? (u(), $("div", Ps)) : B("", !0)
+                  ]);
+                }), 128))
+              ]),
+              e("div", qs, [
+                C[9] || (C[9] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Delivery order no.", -1)),
+                e("div", Vs, [
+                  D(z, {
+                    modelValue: _(s).deliveryOrderNumber,
+                    "onUpdate:modelValue": C[2] || (C[2] = (E) => _(s).deliveryOrderNumber = E),
+                    size: "md"
+                  }, null, 8, ["modelValue"])
+                ])
+              ]),
+              e("div", Ls, [
+                C[10] || (C[10] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Remark", -1)),
+                e("div", Es, [
+                  D(z, {
+                    modelValue: _(s).remark,
+                    "onUpdate:modelValue": C[3] || (C[3] = (E) => _(s).remark = E),
+                    size: "md"
+                  }, null, 8, ["modelValue"])
+                ])
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Us = /* @__PURE__ */ Se({
+  __name: "SystemTrailDialog",
+  props: {
+    purchaseOrderId: {},
+    deliveryOrderId: {}
+  },
+  setup(S) {
+    const o = S, n = qe(), y = K(!1), l = Ge(), r = K([]), i = K("");
+    async function s() {
+      await n.getDeliveryOrderTrails(o.purchaseOrderId, o.deliveryOrderId).then((v) => {
+        r.value = v;
+      });
+    }
+    function c(v) {
+      l.open({
+        title: "Metadata",
+        contentComponent: P(
+          "pre",
+          { class: "bg-gray-100 p-4 rounded whitespace-pre-wrap" },
+          JSON.stringify(v, null, 2)
+        )
+      });
+    }
+    const x = [
+      {
+        accessorKey: "createdAt",
+        header: () => "Created At"
+      },
+      {
+        accessorKey: "createdBy",
+        header: () => "Created By",
+        cell: (v) => v.getValue().name
+      },
+      {
+        accessorKey: "message",
+        header: () => "Message"
+      },
+      {
+        accessorKey: "metadata",
+        header: () => "Metadata",
+        cell: (v) => P(He.FmButton, {
+          label: "View",
+          onClick: () => c(v.getValue())
+        }),
+        meta: {
+          cellSpanClass: ""
+        }
+      }
+    ];
+    return (v, m) => {
+      const A = M("FmButton"), g = M("FmTable"), R = M("FmDialog");
+      return u(), re(R, {
+        modelValue: y.value,
+        "onUpdate:modelValue": m[0] || (m[0] = (d) => y.value = d),
+        overlay: !0,
+        dismissAway: "",
+        "max-width": "800px"
+      }, {
+        "dialog-button": Q(() => [
+          D(De, null, {
+            default: Q(() => [
+              D(A, {
+                variant: "plain",
+                label: "Trails",
+                size: "md",
+                "prepend-icon": "overview",
+                onClick: s
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        "dialog-header": Q(() => [
+          e("div", null, 'Delivery Order "' + b(v.deliveryOrderId) + '" Trails', 1)
+        ]),
+        default: Q(() => [
+          e("div", null, [
+            D(g, {
+              "row-data": r.value,
+              "column-defs": x,
+              "search-value": i.value,
+              "shrink-at": !1
+            }, null, 8, ["row-data", "search-value"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Ms = { class: "flex flex-row-reverse" }, js = {
+  key: 0,
+  class: "flex"
+}, zs = {
+  key: 1,
+  class: "border-t pt-6"
+}, Ks = { class: "fm-typo-en-body-lg-600 mb-4 flex items-center gap-2" }, Hs = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg overflow-y-auto" }, Ws = { class: "w-full" }, Gs = {
+  class: "p-3 fm-typo-en-body-sm-600",
+  style: { "min-width": "130px" }
+}, Qs = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ys = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Js = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Xs = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Zs = { 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" }, ro = { key: 2 }, so = /* @__PURE__ */ Se({
+  __name: "NetSuiteTransactionChangeLog",
+  props: {
+    netsuiteId: {}
+  },
+  setup(S) {
+    const o = S, n = it(), y = K(!1), l = K(!1), r = K(!1), i = K([]);
+    async function s() {
+      if (!(i.value.length > 0))
+        try {
+          l.value = !0;
+          const v = await n.getChangeLogs(o.netsuiteId);
+          i.value = v, r.value = !1;
+        } catch {
+          r.value = !0;
+        } finally {
+          l.value = !1;
+        }
+    }
+    function c(v) {
+      switch (v) {
+        case we.Create:
+          return "text-green-600 bg-green-100";
+        case we.Set:
+          return "text-blue-600 bg-blue-100";
+        case we.Change:
+          return "text-yellow-600 bg-yellow-100";
+        case we.Unset:
+          return "text-red-600 bg-red-100";
+        default:
+          return "text-gray-600 bg-gray-100";
+      }
+    }
+    function x(v) {
+      return new Date(v).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    }
+    return (v, m) => {
+      const A = M("FmButton"), g = M("FmCircularProgress"), R = M("FmIcon"), d = M("FmDialog");
+      return u(), $("div", Ms, [
+        D(d, {
+          modelValue: y.value,
+          "onUpdate:modelValue": m[2] || (m[2] = (a) => y.value = a),
+          overlay: !0,
+          "max-width": 800
+        }, {
+          "dialog-button": Q(() => [
+            D(A, {
+              "prepend-icon": "info",
+              variant: "secondary",
+              label: "NetSuite",
+              onClick: m[0] || (m[0] = (a) => s()),
+              "text-color": "primary",
+              "bg-color": "transparent",
+              "border-color": "primary"
+            })
+          ]),
+          "dialog-header": Q(() => m[3] || (m[3] = [
+            e("div", null, "NetSuite info", -1)
+          ])),
+          default: Q(() => [
+            l.value ? (u(), $("div", js, [
+              m[4] || (m[4] = e("span", null, "Change Log Loading...", -1)),
+              D(g, { size: "md" })
+            ])) : B("", !0),
+            !l.value && i.value.length > 0 ? (u(), $("div", zs, [
+              e("h3", Ks, [
+                D(R, {
+                  name: "error",
+                  color: "#ff9500",
+                  size: "sm"
+                }),
+                m[5] || (m[5] = ke(" Change Logs "))
+              ]),
+              e("div", Hs, [
+                e("table", Ws, [
+                  m[6] || (m[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, [
+                    (u(!0), $(ce, null, _e(i.value, (a, h) => (u(), $("tr", {
+                      key: h,
+                      class: "border-b border-fm-color-neutral-gray-200 last:border-b-0"
+                    }, [
+                      e("td", Gs, b(x(a._dateiso8601)), 1),
+                      e("td", Qs, b(a._rolename), 1),
+                      e("td", Ys, b(a._employeename), 1),
+                      e("td", Js, b(a._contextname), 1),
+                      e("td", {
+                        class: Ee(`p-3 fm-typo-en-body-sm-600 ${c(Number(a.type) - 1)}`)
+                      }, b(_(we)[Number(a.type) - 1]), 3),
+                      e("td", Xs, b(a.lineid || ""), 1),
+                      e("td", Zs, b(a._fieldname), 1),
+                      e("td", eo, b(a.oldvalue || ""), 1),
+                      e("td", to, b(a.newvalue || ""), 1)
+                    ]))), 128))
+                  ])
+                ])
+              ])
+            ])) : (u(), $("div", ro, m[7] || (m[7] = [
+              e("p", null, "No change logs available.", -1)
+            ])))
+          ]),
+          "dialog-footer": Q(() => [
+            D(A, {
+              class: "ml-auto sm:w-full xs:w-full",
+              label: "Close",
+              size: "md",
+              variant: "primary",
+              onClick: m[1] || (m[1] = (a) => y.value = !1)
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), oo = { class: "flex flex-col w-full gap-3" }, no = { class: "flex" }, ao = { class: "fm-typo-en-title-md-600 text-fm-color-typo-primary" }, lo = { class: "flex flex-col gap-16 w-full h-full" }, io = { class: "flex justify-between" }, co = { class: "fm-typo-en-body-lg-600" }, uo = { class: "flex gap-2" }, mo = {
+  key: 0,
+  class: "flex items-center gap-1"
+}, po = { class: "fm-typo-en-body-md-400" }, fo = { class: "flex flex-col gap-8" }, yo = { class: "flex flex-col gap-4" }, vo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ho = { class: "flex gap-1" }, bo = { class: "fm-typo-en-body-lg-600" }, go = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, _o = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, So = { class: "fm-typo-en-body-lg-600" }, Oo = { class: "flex flex-col gap-4" }, wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xo = { class: "fm-typo-en-body-lg-600" }, $o = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, Co = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ko = { class: "fm-typo-en-body-lg-600" }, Do = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, Ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, No = { class: "fm-typo-en-body-lg-600" }, Ao = {
+  key: 3,
+  class: "flex flex-col gap-4"
+}, To = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fo = { class: "fm-typo-en-body-lg-600" }, Io = {
+  key: 4,
+  class: "flex flex-col gap-4"
+}, Po = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qo = { class: "fm-typo-en-body-lg-600" }, Vo = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Lo = { class: "flex flex-col gap-8" }, Eo = { class: "flex gap-8 items-center" }, Bo = { class: "flex-1 fm-typo-en-body-lg-600" }, Uo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-col gap-4" }, Mo = { class: "flex w-full gap-4" }, jo = { class: "basis-1/2 shrink-0 grow fm-typo-en-body-lg-400 line-clamp-2 flex items-center gap-2" }, zo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-col gap-2" }, Ko = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Ho = ["innerHTML"], Wo = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, Go = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-1" }, Qo = {
+  key: 0,
+  class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, Yo = { class: "py-8" }, Jo = { class: "flex justify-end gap-4 items-center" }, Xo = { class: "fm-typo-en-body-lg-600" }, Zo = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, en = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, tn = ["src"], rn = { class: "fm-typo-en-body-lg-600" }, sn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, on = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, nn = { class: "flex gap-12 content-stretch" }, an = {
+  class: "flex flex-col w-40",
+  name: "circles"
+}, ln = { class: "flex-1 flex flex-col items-center" }, cn = { class: "h-40 w-40 bg-fm-color-primary rounded-full flex items-center justify-center" }, un = { class: "flex-1 flex flex-col items-center" }, dn = { class: "flex w-full items-center gap-4" }, mn = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, pn = { class: "fm-typo-en-body-lg-400" }, fn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, yn = { class: "ml-auto flex gap-1" }, vn = { class: "flex gap-12 content-stretch" }, hn = {
+  class: "flex flex-col w-40",
+  name: "circles"
+}, bn = { class: "flex-1 flex flex-col items-center" }, gn = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, _n = { class: "flex flex-col gap-8" }, Sn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, On = { class: "flex flex-col gap-4" }, wn = { class: "flex gap-8 xs:flex-col" }, qn = /* @__PURE__ */ Se({
+  __name: "TransferDetails",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    transferTo: {},
+    transferToDbName: {},
+    show: { type: Boolean },
+    canResubmit: { type: Boolean },
+    canApprove: { type: Boolean },
+    scope: {},
+    receivedMap: {},
+    shipments: {}
+  },
+  emits: ["update:show", "submitted"],
+  setup(S, { emit: o }) {
+    const n = S, y = o, l = Ge(), r = Ue(), i = Be(), s = $e(), c = We(), x = G(
+      () => {
+        var t, p;
+        return {
+          id: ((t = c.sessionUser.value) == null ? void 0 : t.id) ?? "",
+          name: ((p = c.sessionUser.value) == null ? void 0 : p.displayName) ?? ""
+        };
+      }
+    ), v = er(), { t: m } = ct(), A = G(
+      () => {
+        var t, p, T, k;
+        return ((p = (t = n.purchaseOrder) == null ? void 0 : t.supplier) == null ? void 0 : p.internal) === "restaurant" || ((k = (T = n.purchaseOrder) == null ? void 0 : T.supplier) == null ? void 0 : k.internal) === "warehouse" ? Pe.TRANSFER : Pe.PURCHASE;
+      }
+    ), g = G(() => {
+      var T;
+      const t = (T = n.shipments) == null ? void 0 : T.find((k) => {
+        var W;
+        return k.ref === ((W = n.purchaseOrder) == null ? void 0 : W._id);
+      });
+      let p = null;
+      if (t != null && t.milestones && t.milestones.length > 0) {
+        const k = t.milestones[t.milestones.length - 1];
+        if (k.estimatedTime) {
+          const W = new Date(k.estimatedTime), z = W.getDate().toString().padStart(2, "0");
+          p = `${W.toLocaleString("en-US", { month: "short" })} ${z}`;
+        }
+      }
+      return p;
+    }), R = K(!1), d = K(""), a = K(!0), h = qe(), f = zt(h.getWorkflowConfig), w = Ot(), V = G(() => {
+      if (!n.purchaseOrder)
+        return [];
+      const t = f.result.value;
+      if (t.state === mt.loading)
+        return [];
+      const p = {
+        user: x.value,
+        executedAt: s.locations.computeFirst(
+          (k) => {
+            var W;
+            return k.dbName === ((W = s._currentLocation) == null ? void 0 : W.dbName) ? k : null;
+          }
+        ),
+        purchaseOrderRequest: n.poRequest,
+        purchaseOrder: n.purchaseOrder
+      };
+      let T = [];
+      try {
+        t.state === mt.error ? (console.error("Error fetching workflow config:", t.error), T = tt.getAvailableActions({
+          ...p,
+          orderConfig: tt.getDefaultConfig()
+        }).actions.filter(
+          (k) => (
+            // TODO: create receiveStock & processRequest dialog
+            // to create their payload
+            k !== q.enum.receiveStock && k !== q.enum.processRequest && k !== q.enum.closeRequest
+          )
+        )) : T = tt.getAvailableActions({
+          ...p,
+          orderConfig: t.data
+        }).actions.filter(
+          (k) => k !== q.enum.receiveStock && k !== q.enum.processRequest && k !== q.enum.closeRequest
+        );
+      } catch (k) {
+        console.error("Error getting available actions:", k);
+      }
+      return n.scope === "approval" && (T = T.filter((k) => k !== q.enum.completeReceive)), T;
+    }), H = qt(n, "show"), F = G(() => [
+      {
+        label: m("inventory.transfer.receiveRequest.details.overview"),
+        value: "overview"
+      },
+      {
+        label: m("inventory.transfer.receiveRequest.details.deliveryHistory"),
+        value: "deliveryHistory"
+      }
+    ]), Y = K(F.value[0]);
+    Tt(
+      () => n.show,
+      (t) => {
+        t && (Y.value = F.value[0]);
+      }
+    );
+    async function J(t, p, T, k, W) {
+      return new Promise((z, se) => {
+        l.open({
+          closeButton: !1,
+          title: k.title,
+          message: k.message,
+          primaryActions: k.primaryActions,
+          secondaryActions: { text: "No", close: !1 }
+        }).onPrimary(async () => {
+          var E, ee, oe, L;
+          const O = [];
+          T === q.enum.approveRequest ? (O.push({
+            action: "approveRequest",
+            payload: null
+          }), p.fulfillment && O.push({
+            action: "processRequest",
+            payload: {
+              fulfillmentId: "",
+              deliveryOrderNumber: "",
+              deliveryRemark: null,
+              items: p.fulfillment.items,
+              createdBy: x.value
+            }
+          })) : T === q.enum.processRequest ? p.fulfillment && O.push({
+            action: "processRequest",
+            payload: {
+              fulfillmentId: "",
+              deliveryOrderNumber: "",
+              deliveryRemark: null,
+              items: p.fulfillment.items,
+              createdBy: x.value
+            }
+          }) : T === q.enum.rejectRequest ? O.push({
+            action: "rejectRequest",
+            payload: null
+          }) : T === q.enum.closeRequest && O.push({
+            action: "closeRequest",
+            payload: null
+          });
+          try {
+            await w({
+              operate: {
+                operation: T,
+                doc: t,
+                options: p
+              },
+              operateV2: {
+                _id: ((E = n.purchaseOrder) == null ? void 0 : E._id) ?? "",
+                _rev: ((ee = n.purchaseOrder) == null ? void 0 : ee._rev) ?? "",
+                action: T,
+                payloads: O
+                // add payload if action is receiveStock or processRequest
+              },
+              transferTo: (L = (oe = n.poRequest) == null ? void 0 : oe.to) == null ? void 0 : L.dbName
+            }).delayed(1e3), z("submitted");
+          } catch (le) {
+            se(le);
+          }
+        }).onSecondary(() => {
+          z("cancelled");
+          for (let O = 0; O < W + 2; O++)
+            l.close();
+        }).onClose(() => {
+        });
+      });
+    }
+    async function Z(t) {
+      var W, z, se, O;
+      if (t === q.enum.receiveStock)
+        return;
+      const p = St[t];
+      if (!p) {
+        r.open({
+          title: "Something went wrong",
+          message: `Cannot process order: ${lt(t)}`,
+          type: "error"
+        });
+        return;
+      }
+      const { successMessage: T, ...k } = p;
+      if (n.purchaseOrder) {
+        d.value = `${t}`, R.value = !0, a.value = !1;
+        const E = {};
+        let ee = 0;
+        if ((t === q.enum.confirmDraft || // auto receive for warehouse to warehouse
+        t === q.enum.completeReceive) && i.autoReceiveWarehouse)
+          E.autoReceive = !0;
+        else if ((t === q.enum.approveRequest || t === q.enum.processRequest) && i.acceptRequireFulfillment) {
+          const oe = (z = (W = n.poRequest) == null ? void 0 : W.from) == null ? void 0 : z.dbName, L = (O = (se = n.poRequest) == null ? void 0 : se.to) == null ? void 0 : O.dbName;
+          if (oe && L && (oe.startsWith("warehouse_") || L.startsWith("warehouse_"))) {
+            const le = await new Promise((ue, Ne) => {
+              l.open({
+                closeButton: !1,
+                title: "Confirm transfer amount",
+                dialogComponent: Zt,
+                dialogComponentProps: {
+                  purchaseOrder: n.purchaseOrder,
+                  confirm: ue,
+                  "onUpdate:show": (Ae) => {
+                    Ae || (d.value = "", R.value = !1, a.value = !0, ee++, l.close()), Ne("cancelled");
+                  }
+                }
+              });
+            });
+            E.fulfillment = le;
+          }
+        }
+        try {
+          await J(
+            n.purchaseOrder,
+            E,
+            t,
+            p,
+            ee
+          ) === "submitted" && (r.open({
+            title: "Success",
+            message: T,
+            type: "success"
+          }), y("update:show", !1), y("submitted"));
+        } catch (oe) {
+          r.open({
+            title: "Something went wrong",
+            message: "Please try again.",
+            type: "error"
+          }), console.error("Error when submitting PO operation", t, n.purchaseOrder, oe);
+        } finally {
+          d.value = "", R.value = !1, a.value = !0;
+        }
+      }
+    }
+    const be = G(() => {
+      var t, p;
+      return ((t = n.purchaseOrder) == null ? void 0 : t.status) === te.enum.RECEIVING || ((p = n.purchaseOrder) == null ? void 0 : p.status) === te.enum.COMPLETE;
+    }), pe = G(() => n.purchaseOrder ? Xe(n.purchaseOrder) : {}), Re = G(() => {
+      const t = n.purchaseOrder;
+      if (!t) return { status: "", statusClass: "" };
+      const { partial: p, over: T } = ot(pe.value), k = nt(t.status, p, T);
+      let W = m(`inventory.transfer.status.${k}`), z = `${t.status}`.toLocaleLowerCase("en-us");
+      return k === te.enum.CLOSE && (W = `${m(`inventory.transfer.status.${te.enum.COMPLETE}`)}`), k === "PARTIAL_RECEIVED" && z === te.enum.PROCESSING.toLocaleLowerCase("en-us") && (z = te.enum.RECEIVING.toLocaleLowerCase("en-us")), {
+        status: W,
+        statusClass: `fm-status-badge fm-status-badge-${z}`
+      };
+    }), Oe = G(() => {
+      var z, se;
+      const t = ((z = n.purchaseOrder) == null ? void 0 : z.deliveryOrder) ?? [], p = ((se = n.purchaseOrder) == null ? void 0 : se.deliveryFullfillment) ?? [], T = [
+        ...t.map((O) => ({
+          createdAt: O.createdAt,
+          type: "grn",
+          doc: O
+        })),
+        ...p.map((O) => ({
+          createdAt: O.createdAt,
+          type: "fulfillment",
+          doc: O
+        }))
+      ];
+      T.reverse().sort((O, E) => O.createdAt.localeCompare(E.createdAt));
+      function k(O) {
+        var oe, L, le, ue, Ne, Ae, X, ie, de, fe;
+        const E = p.findIndex((ae) => ae.id === O.fullfillmentId), ee = [
+          (L = (oe = p[E]) == null ? void 0 : oe.netSuite) != null && L.refNo ? {
+            label: "Fulfillment's ref no. (Netsuite)",
+            values: [(ue = (le = p[E]) == null ? void 0 : le.netSuite) == null ? void 0 : ue.refNo]
+          } : null,
+          (Ne = O == null ? void 0 : O.netSuite) != null && Ne.refNo ? {
+            label: "Netsuite ref no.",
+            values: [`${(Ae = O == null ? void 0 : O.netSuite) == null ? void 0 : Ae.refNo} (${((X = O == null ? void 0 : O.netSuite) == null ? void 0 : X.id) ?? "-"})`]
+          } : null,
+          (ie = O == null ? void 0 : O.netSuite) != null && ie.recordType ? {
+            label: "Netsuite Type",
+            values: [bt((de = O == null ? void 0 : O.netSuite) == null ? void 0 : de.recordType)]
+          } : null
+        ];
+        return {
+          header: "Received",
+          deliveryOrder: O,
+          date: Ke(new Date(O.createdAt)),
+          info: [
+            {
+              label: "Adjustment date",
+              values: [
+                O.adjustment ? Ke(new Date(Je(O.adjustment))) : "-"
+              ]
+            },
+            {
+              label: "Received by",
+              values: [(fe = O.createdBy) == null ? void 0 : fe.name]
+            },
+            {
+              label: "Received items",
+              values: O.received.map((ae) => {
+                var Ce;
+                return P("div", [
+                  P(
+                    "div",
+                    {
+                      class: "flex gap-4"
+                    },
+                    [
+                      P(
+                        "div",
+                        {
+                          class: "flex flex-col"
+                        },
+                        [
+                          P(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-lg-800 basis-1/2 shrink-0 grow"
+                            },
+                            `${ae.sku.name}`
+                          ),
+                          P(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-md-400"
+                            },
+                            `${ae.sku.code} `
+                          )
+                        ]
+                      ),
+                      P(
+                        "div",
+                        {
+                          class: "ml-auto flex flex-col"
+                        },
+                        [
+                          P(
+                            "div",
+                            {
+                              class: "ml-auto flex gap-1"
+                            },
+                            [
+                              P(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-600 self-end"
+                                },
+                                ye(ae.amount, !1)
+                              ),
+                              P(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+                                },
+                                ((Ce = ae.measurement) == null ? void 0 : Ce.abbrev) ?? ae.sku.unit.abbrev
+                              )
+                            ]
+                          ),
+                          P(
+                            "div",
+                            {
+                              class: "flex self-end fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+                            },
+                            `${ae.cost ? `(${ze(ae.cost)})` : ""}`
+                          )
+                        ]
+                      )
+                    ]
+                  )
+                ]);
+              })
+            },
+            {
+              label: "Delivery order no.",
+              values: [O.deliveryOrderNumber || "N/A"]
+            },
+            {
+              label: "Remark",
+              values: [O.remark || "N/A"]
+            },
+            E > -1 ? {
+              label: "Fulfilment's sequence",
+              values: [`${E + 1}`]
+            } : null,
+            ...ee
+          ].filter((ae) => !!ae)
+        };
+      }
+      function W(O) {
+        var ee, oe;
+        const E = p.findIndex((L) => L.id === O.id);
+        return {
+          header: "Fulfillment",
+          date: Ke(new Date(O.createdAt)),
+          info: [
+            {
+              label: "Sequence",
+              values: [String(E + 1)]
+            },
+            {
+              label: "Receiveable items",
+              values: O.items.map((L) => {
+                var le;
+                return P("div", [
+                  P(
+                    "div",
+                    {
+                      class: "flex gap-4"
+                    },
+                    [
+                      P(
+                        "div",
+                        {
+                          class: "flex flex-col"
+                        },
+                        [
+                          P(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-lg-800 basis-1/2 shrink-0 grow"
+                            },
+                            `${L.sku.name}`
+                          ),
+                          P(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-md-400"
+                            },
+                            `${L.sku.code} `
+                          )
+                        ]
+                      ),
+                      P(
+                        "div",
+                        {
+                          class: "ml-auto flex flex-col"
+                        },
+                        [
+                          P(
+                            "div",
+                            {
+                              class: "ml-auto flex gap-1"
+                            },
+                            [
+                              P(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-600 self-end"
+                                },
+                                ye(L.amount, !1)
+                              ),
+                              P(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+                                },
+                                ((le = L.measurement) == null ? void 0 : le.abbrev) ?? L.sku.unit.abbrev
+                              )
+                            ]
+                          ),
+                          P(
+                            "div",
+                            {
+                              class: "flex self-end fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+                            },
+                            `${L.cost ? `(${ze(L.cost)})` : ""}`
+                          )
+                        ]
+                      )
+                    ]
+                  )
+                ]);
+              })
+            },
+            (ee = O.netSuite) != null && ee.refNo ? {
+              label: "Ref no. (Netsuite)",
+              values: [(oe = O.netSuite) == null ? void 0 : oe.refNo]
+            } : null
+          ].filter((L) => !!L)
+        };
+      }
+      return T.map((O) => {
+        switch (O.type) {
+          case "grn":
+            return k(O.doc);
+          case "fulfillment":
+            return W(O.doc);
+        }
+      });
+    }), U = G(() => {
+      var p;
+      const t = {
+        ...vt(0),
+        currency: xe()
+      };
+      return ((p = n.purchaseOrder) == null ? void 0 : p.items.reduce((T, k) => ({
+        ...yt(T, k.totalCost ?? t),
+        currency: xe()
+      }), t)) ?? t;
+    });
+    function j(t) {
+      var z;
+      const T = (((z = n.purchaseOrder) == null ? void 0 : z.version) ?? Fe.enum[1]) === Fe.enum[2] ? t.id : t.sku._id, k = n.receivedMap[T];
+      return `<span class="${ne(t)} fm-typo-en-body-lg-600">${Ie.toFormatString({ value: k.received })}</span>/${Et(t.quantity, t.sku.unit, t.measurement)}`;
+    }
+    function ne(t) {
+      var E;
+      const T = (((E = n.purchaseOrder) == null ? void 0 : E.version) ?? Fe.enum[1]) === Fe.enum[2] ? t.id : t.sku._id, k = n.receivedMap[T], { isPartialReceive: W, isNoReceive: z, isOverReceive: se, isFullReceive: O } = Wt(k);
+      return z ? "text-fm-color-typo-tertiary" : W ? "text-fm-color-system-warning-300" : se ? "text-fm-color-system-error-300" : O ? "text-fm-color-system-success-300" : "";
+    }
+    const N = G(() => {
+      var t, p, T;
+      return (t = n.purchaseOrder) != null && t.itemsAtSubmission ? ((p = n.purchaseOrder) == null ? void 0 : p.version) === Fe.enum[2] ? n.purchaseOrder.items.reduce((k, W) => {
+        var se, O;
+        const z = (O = (se = n.purchaseOrder) == null ? void 0 : se.itemsAtSubmission) == null ? void 0 : O.find(
+          (E) => E.id === W.id
+        );
+        return z && z.quantity !== W.quantity && k.set(W.sku.code, {
+          originalAmount: Number(Ie.toFormatString({ value: z.quantity })),
+          newAmount: Number(Ie.toFormatString({ value: W.quantity }))
+        }), k;
+      }, /* @__PURE__ */ new Map()) : (T = n.purchaseOrder) == null ? void 0 : T.items.reduce((k, W) => {
+        var E, ee;
+        const z = (ee = (E = n.purchaseOrder) == null ? void 0 : E.itemsAtSubmission) == null ? void 0 : ee.find(
+          (oe) => oe.sku._id === W.sku._id
+        ), se = z ? Number(Ie.toFormatString({ value: z.quantity })) : 0, O = Number(Ie.toFormatString({ value: W.quantity }));
+        return z && se !== O && k.set(W.sku.code, {
+          originalAmount: se,
+          newAmount: O
+        }), k;
+      }, /* @__PURE__ */ new Map()) : /* @__PURE__ */ new Map();
+    }), C = (t) => {
+      var T, k;
+      const p = N.value;
+      return ((T = n.purchaseOrder) == null ? void 0 : T.version) === Fe.enum[2] ? p.has(t.id) : p.has((k = t.sku) == null ? void 0 : k.code);
+    }, I = (t) => {
+      var T, k;
+      const p = N.value;
+      return ((T = n.purchaseOrder) == null ? void 0 : T.version) === Fe.enum[2] ? p.get(t.id) : p.get((k = t.sku) == null ? void 0 : k.code);
+    };
+    return (t, p) => {
+      const T = M("FmButton"), k = M("FmButtonGroup"), W = M("FmChip"), z = M("FmIcon"), se = M("FmMenuDivider"), O = M("FmCard"), E = M("FmTooltip"), ee = M("FmSpacer"), oe = M("FmSideSheet");
+      return u(), re(oe, {
+        modelValue: _(H),
+        "onUpdate:modelValue": p[8] || (p[8] = (L) => Ft(H) ? H.value = L : null),
+        "dismiss-away": a.value,
+        "max-width": 600,
+        "close-button": !1
+      }, {
+        "side-sheet-header": Q(() => {
+          var L, le;
+          return [
+            e("div", oo, [
+              e("div", no, [
+                e("div", ao, b(_(m)("inventory.transfer.receiveRequest.details.title") + ((L = t.purchaseOrder) != null && L.seqNumber ? ` #${(le = t.purchaseOrder) == null ? void 0 : le.seqNumber}` : "")), 1),
+                D(T, {
+                  class: "ml-auto -m-2",
+                  variant: "tertiary",
+                  "prepend-icon": "close",
+                  onClick: p[0] || (p[0] = (ue) => y("update:show", !1))
+                })
+              ]),
+              D(k, {
+                items: F.value,
+                modelValue: Y.value,
+                "onUpdate:modelValue": p[1] || (p[1] = (ue) => Y.value = ue)
+              }, null, 8, ["items", "modelValue"]),
+              t.purchaseOrder && Y.value.value === "deliveryHistory" ? (u(), re(Bs, {
+                key: 0,
+                "purchase-order": t.purchaseOrder,
+                "received-info-map": pe.value,
+                onSubmitted: p[2] || (p[2] = () => {
+                  y("update:show", !1), y("submitted");
+                })
+              }, null, 8, ["purchase-order", "received-info-map"])) : B("", !0)
+            ])
+          ];
+        }),
+        default: Q(() => {
+          var L, le, ue, Ne, Ae;
+          return [
+            e("div", lo, [
+              Y.value.value === "overview" ? (u(), $(ce, { key: 0 }, [
+                e("div", null, [
+                  D(O, {
+                    variant: "outlined",
+                    class: "flex flex-col gap-8 px-12 py-16"
+                  }, {
+                    default: Q(() => {
+                      var X, ie, de, fe, ae, Ce, Me, ve, Te;
+                      return [
+                        e("div", io, [
+                          e("div", co, b(_(m)("inventory.transfer.receiveRequest.details.requestSummary")), 1),
+                          e("div", uo, [
+                            D(De, null, {
+                              default: Q(() => {
+                                var Ve;
+                                return [
+                                  ke(b((Ve = n.purchaseOrder) == null ? void 0 : Ve.status), 1)
+                                ];
+                              }),
+                              _: 1
+                            }),
+                            D(W, {
+                              label: Re.value.status,
+                              class: Ee(Re.value.statusClass),
+                              compact: ""
+                            }, null, 8, ["label", "class"]),
+                            g.value ? (u(), $("div", mo, [
+                              D(z, {
+                                name: "local_shipping",
+                                color: "#666666"
+                              }),
+                              e("span", po, b(g.value), 1)
+                            ])) : B("", !0)
+                          ])
+                        ]),
+                        D(se),
+                        e("div", fo, [
+                          e("div", yo, [
+                            e("div", vo, [
+                              e("div", ho, b(_(m)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                            ]),
+                            e("div", bo, b(_(Qe)(((X = t.purchaseOrder) == null ? void 0 : X._id) ?? "")), 1)
+                          ]),
+                          (ie = t.purchaseOrder) != null && ie.effectiveAt ? (u(), $("div", go, [
+                            e("div", _o, b(_(m)("inventory.transfer.receiveRequest.details.backdatedTo")), 1),
+                            e("div", So, b(_(ht)(new Date((de = t.purchaseOrder) == null ? void 0 : de.effectiveAt))), 1)
+                          ])) : B("", !0),
+                          e("div", Oo, [
+                            e("div", wo, b(_(m)("inventory.transfer.receiveRequest.details.type.title")), 1),
+                            e("div", xo, b(_(m)(
+                              `inventory.transfer.receiveRequest.details.type.${A.value.toLocaleLowerCase("en-US")}`
+                            )), 1)
+                          ]),
+                          (ae = (fe = t.purchaseOrder) == null ? void 0 : fe.supplier) != null && ae.name ? (u(), $("div", $o, [
+                            e("div", Co, b(_(m)("inventory.transfer.receiveRequest.details.from")), 1),
+                            e("div", ko, b((Me = (Ce = t.purchaseOrder) == null ? void 0 : Ce.supplier) == null ? void 0 : Me.name), 1)
+                          ])) : B("", !0),
+                          t.transferTo ? (u(), $("div", Do, [
+                            e("div", Ro, b(_(m)("inventory.transfer.receiveRequest.details.to")), 1),
+                            e("div", No, b(t.transferTo), 1)
+                          ])) : B("", !0),
+                          (ve = t.purchaseOrder) != null && ve.ref ? (u(), $("div", Ao, [
+                            e("div", To, b(_(m)("inventory.transfer.receiveRequest.details.reference")), 1),
+                            e("div", Fo, b(t.purchaseOrder.ref), 1)
+                          ])) : B("", !0),
+                          (Te = t.purchaseOrder) != null && Te.remark ? (u(), $("div", Io, [
+                            e("div", Po, b(_(m)("inventory.transfer.receiveRequest.details.remark")), 1),
+                            e("div", qo, b(t.purchaseOrder.remark), 1)
+                          ])) : B("", !0)
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                D(Yr, {
+                  "po-request": t.poRequest,
+                  purchaseOrder: t.purchaseOrder,
+                  transferType: A.value,
+                  transferToDbName: t.transferToDbName,
+                  scope: t.scope
+                }, null, 8, ["po-request", "purchaseOrder", "transferType", "transferToDbName", "scope"]),
+                e("div", Vo, [
+                  e("div", Lo, [
+                    e("div", Eo, [
+                      e("span", Bo, [
+                        ke(b(be.value ? _(m)("inventory.transfer.receiveRequest.details.receivedItems") : _(m)("inventory.transfer.receiveRequest.details.requestedItems")) + " ", 1),
+                        (le = (L = t.purchaseOrder) == null ? void 0 : L.netSuite) != null && le.missingItems && ((Ne = (ue = t.purchaseOrder) == null ? void 0 : ue.netSuite) == null ? void 0 : Ne.missingItems.length) > 0 ? (u(), re(E, {
+                          key: 0,
+                          variant: "rich",
+                          placement: "top",
+                          "z-index": 51
+                        }, {
+                          content: Q(() => {
+                            var X, ie;
+                            return [
+                              e("div", Uo, [
+                                (u(!0), $(ce, null, _e((ie = (X = t.purchaseOrder) == null ? void 0 : X.netSuite) == null ? void 0 : ie.missingItems, (de, fe) => (u(), $("div", {
+                                  class: "flex justify-center align-middle",
+                                  key: fe
+                                }, [
+                                  D(z, {
+                                    name: "arrow_right",
+                                    size: "sm"
+                                  }),
+                                  ke(" " + b(`(${de.netSuiteId}) ${de.name}: ${de.reason}`), 1)
+                                ]))), 128))
+                              ])
+                            ];
+                          }),
+                          default: Q(() => [
+                            D(z, {
+                              name: "error",
+                              color: "#ff2c2c",
+                              size: "sm"
+                            })
+                          ]),
+                          _: 1
+                        })) : B("", !0)
+                      ])
+                    ]),
+                    D(se),
+                    (u(!0), $(ce, null, _e(((Ae = t.purchaseOrder) == null ? void 0 : Ae.items) ?? [], (X, ie) => {
+                      var de;
+                      return u(), $("div", {
+                        key: ie,
+                        class: "flex flex-col"
+                      }, [
+                        e("div", Mo, [
+                          e("div", jo, [
+                            ke(b(X.name) + " ", 1),
+                            C(X) ? (u(), re(E, {
+                              key: 0,
+                              variant: "rich",
+                              placement: "top",
+                              "z-index": 51
+                            }, {
+                              content: Q(() => {
+                                var fe, ae;
+                                return [
+                                  e("div", zo, [
+                                    p[9] || (p[9] = e("div", { class: "font-semibold" }, "Submission changes", -1)),
+                                    e("div", null, "Original Amount: " + b((fe = I(X)) == null ? void 0 : fe.originalAmount), 1),
+                                    e("div", null, " New Amount: " + b((ae = I(X)) == null ? void 0 : ae.newAmount), 1)
+                                  ])
+                                ];
+                              }),
+                              default: Q(() => [
+                                D(z, {
+                                  name: "error",
+                                  color: "#ff9500",
+                                  size: "sm"
+                                })
+                              ]),
+                              _: 2
+                            }, 1024)) : B("", !0)
+                          ]),
+                          e("div", Ko, [
+                            e("span", {
+                              innerHTML: j(X)
+                            }, null, 8, Ho)
+                          ])
+                        ]),
+                        e("div", Wo, [
+                          e("div", Go, b(X.code), 1),
+                          (de = X.totalCost) != null && de.amount && _(i).enableTotalCost ? (u(), $("div", Qo, " (" + b(_(ze)(X.totalCost)) + ") ", 1)) : B("", !0)
+                        ])
+                      ]);
+                    }), 128)),
+                    +_(ye)(U.value) ? (u(), $(ce, { key: 0 }, [
+                      e("div", Yo, [
+                        D(se)
+                      ]),
+                      e("div", Jo, [
+                        p[10] || (p[10] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Total:", -1)),
+                        e("div", Xo, b(_(ze)(U.value)), 1)
+                      ])
+                    ], 64)) : B("", !0)
+                  ])
+                ])
+              ], 64)) : Y.value.value === "deliveryHistory" ? (u(), $("div", Zo, [
+                Oe.value.length ? (u(), $("div", on, [
+                  (u(!0), $(ce, null, _e(Oe.value, (X, ie) => {
+                    var de, fe, ae, Ce, Me;
+                    return u(), $(ce, { key: ie }, [
+                      e("div", nn, [
+                        e("div", an, [
+                          e("div", ln, [
+                            e("div", {
+                              class: Ee([
+                                {
+                                  "bg-fm-color-primary": ie !== 0,
+                                  "bg-white": ie === 0
+                                },
+                                "w-[2px] h-full"
+                              ])
+                            }, null, 2)
+                          ]),
+                          e("div", cn, [
+                            X.header === "Received" ? (u(), re(z, {
+                              key: 0,
+                              name: "local_shipping",
+                              outline: "",
+                              color: "#ffffff"
+                            })) : B("", !0)
+                          ]),
+                          e("div", un, [
+                            e("div", {
+                              class: Ee([
+                                {
+                                  "bg-fm-color-primary": ie < Oe.value.length - 1,
+                                  "bg-white": ie >= Oe.value.length - 1
+                                },
+                                "w-[2px] h-full"
+                              ])
+                            }, null, 2)
+                          ])
+                        ]),
+                        e("div", dn, [
+                          e("div", mn, [
+                            e("div", pn, b(X.header), 1),
+                            e("div", fn, b(X.date), 1)
+                          ]),
+                          e("div", yn, [
+                            X.header === "Received" && X.deliveryOrder && t.purchaseOrder ? (u(), re(ys, {
+                              key: 0,
+                              deliveryOrder: X.deliveryOrder,
+                              purchaseOrder: t.purchaseOrder,
+                              onSubmitted: p[3] || (p[3] = () => {
+                                y("update:show", !1), y("submitted");
+                              })
+                            }, null, 8, ["deliveryOrder", "purchaseOrder"])) : B("", !0),
+                            (fe = (de = X.deliveryOrder) == null ? void 0 : de.netSuite) != null && fe.id ? (u(), re(De, { key: 1 }, {
+                              default: Q(() => {
+                                var ve, Te;
+                                return [
+                                  D(so, {
+                                    "netsuite-id": (Te = (ve = X.deliveryOrder) == null ? void 0 : ve.netSuite) == null ? void 0 : Te.id
+                                  }, null, 8, ["netsuite-id"])
+                                ];
+                              }),
+                              _: 2
+                            }, 1024)) : B("", !0),
+                            t.purchaseOrder && ((ae = X.deliveryOrder) != null && ae.id) ? (u(), re(Us, {
+                              key: 2,
+                              "purchase-order-id": (Ce = t.purchaseOrder) == null ? void 0 : Ce._id,
+                              "delivery-order-id": (Me = X.deliveryOrder) == null ? void 0 : Me.id
+                            }, null, 8, ["purchase-order-id", "delivery-order-id"])) : B("", !0)
+                          ])
+                        ])
+                      ]),
+                      e("div", vn, [
+                        e("div", hn, [
+                          e("div", bn, [
+                            e("div", {
+                              class: Ee([
+                                {
+                                  "bg-fm-color-primary": ie < Oe.value.length - 1,
+                                  "bg-white": ie >= Oe.value.length - 1
+                                },
+                                "w-[2px] h-full"
+                              ])
+                            }, null, 2)
+                          ])
+                        ]),
+                        e("div", gn, [
+                          D(O, {
+                            variant: "outlined",
+                            class: "py-12 px-16"
+                          }, {
+                            default: Q(() => [
+                              e("div", _n, [
+                                (u(!0), $(ce, null, _e(X.info, (ve, Te) => (u(), $("div", {
+                                  key: Te,
+                                  class: "flex flex-col gap-4"
+                                }, [
+                                  e("div", Sn, b(ve == null ? void 0 : ve.label), 1),
+                                  e("div", On, [
+                                    (u(!0), $(ce, null, _e(ve == null ? void 0 : ve.values, (Ve, wt) => (u(), $("div", {
+                                      key: wt,
+                                      class: "fm-typo-en-body-lg-600"
+                                    }, [
+                                      typeof Ve == "string" ? (u(), $(ce, { key: 0 }, [
+                                        ke(b(Ve), 1)
+                                      ], 64)) : (u(), re(It(Ve), { key: 1 }))
+                                    ]))), 128))
+                                  ])
+                                ]))), 128))
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ])
+                      ])
+                    ], 64);
+                  }), 128))
+                ])) : (u(), $("div", en, [
+                  D(ee),
+                  e("div", null, [
+                    e("img", {
+                      src: _(Bt),
+                      alt: "List is empty"
+                    }, null, 8, tn)
+                  ]),
+                  e("div", rn, b(_(m)("inventory.transfer.receiveRequest.details.noRecordsFound")), 1),
+                  e("div", sn, b(_(m)("inventory.transfer.receiveRequest.details.trackDeliveryMessage")), 1),
+                  D(ee),
+                  D(ee)
+                ]))
+              ])) : B("", !0)
+            ])
+          ];
+        }),
+        "side-sheet-footer": Q(() => [
+          e("div", wn, [
+            (u(!0), $(ce, null, _e(V.value, (L) => (u(), $(ce, null, [
+              _(st)[L].available != !1 ? (u(), re(T, {
+                key: L,
+                label: _(m)(_(st)[L].translationKey),
+                onClick: (le) => Z(L),
+                loading: d.value === L,
+                disabled: d.value !== L && R.value,
+                variant: _(st)[L].buttonVariant
+              }, null, 8, ["label", "onClick", "loading", "disabled", "variant"])) : B("", !0)
+            ], 64))), 256)),
+            _(v).ableToMarkReceived(t.purchaseOrder) && !V.value.includes("completeReceive") ? (u(), re(T, {
+              key: 0,
+              label: _(m)("inventory.transfer.receiveRequest.actions.completeReceive"),
+              onClick: p[4] || (p[4] = (L) => Z("completeReceive")),
+              loading: d.value === "completeReceive",
+              disabled: d.value !== "completeReceive" && R.value
+            }, null, 8, ["label", "loading", "disabled"])) : B("", !0),
+            _(v).ableToMarkApproved(t.purchaseOrder) && t.canApprove && !V.value.includes("approveRequest") ? (u(), re(T, {
+              key: 1,
+              label: _(m)("inventory.transfer.approval.actions.approveRequest"),
+              onClick: p[5] || (p[5] = (L) => Z("approveRequest")),
+              loading: d.value === "approveRequest",
+              disabled: d.value !== "approveRequest" && R.value
+            }, null, 8, ["label", "loading", "disabled"])) : B("", !0),
+            _(v).ableToCreateFulfillment(t.purchaseOrder, t.poRequest) && n.scope === "approval" ? (u(), re(T, {
+              key: 2,
+              label: _(m)("inventory.transfer.receiveRequest.actions.processRequest"),
+              onClick: p[6] || (p[6] = (L) => Z("processRequest")),
+              loading: d.value === "processRequest",
+              disabled: d.value !== "processRequest" && R.value
+            }, null, 8, ["label", "loading", "disabled"])) : B("", !0),
+            D(T, {
+              label: _(m)("common.close"),
+              variant: "tertiary",
+              onClick: p[7] || (p[7] = (L) => y("update:show", !1))
+            }, null, 8, ["label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "dismiss-away"]);
+    };
+  }
+});
+export {
+  at as P,
+  qn as _,
+  In as a,
+  Pn as b,
+  Gt as g,
+  qe as u
+};