@feedmepos/mf-inventory-portal 1.0.20 → 1.0.21

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-eeL8-QuF.js

@@ -0,0 +1,2181 @@
+import { a2 as ct, u as ue, aM as k, b as De, a7 as ut, a9 as dt, aa as mt, aN as ft, d as Qe, e as et, $ as Ve, aO as pt, a4 as Le, Q as xe, i as le, aP as tt, ae as Ne, f as Ye, h as Q, D as te, av as ce, aQ as rt, aR as st, a8 as yt, at as Xe, a6 as Oe, aj as Ce, aw as vt } from "./app-82JEull2.js";
+import { ref as U, computed as Y, h as q, defineComponent as fe, reactive as ht, onMounted as at, resolveComponent as V, openBlock as g, createBlock as ne, withCtx as re, createElementVNode as a, createVNode as C, unref as b, createElementBlock as R, toDisplayString as N, createCommentVNode as L, Fragment as ee, renderList as de, watch as bt, isRef as gt, normalizeClass as ke, createTextVNode as Ie, resolveDynamicComponent as _t } from "vue";
+import { F as St } from "./decimal-D-zH_vXe.js";
+import { b as wt, u as Rt, f as nt, P as me } from "./format-unit-display-CIPAWL-6.js";
+import { useCoreStore as qe, useI18n as ot } from "@feedmepos/mf-common";
+import { E as Ot } from "./empty-placeholder-wf6-BWE8.js";
+import { useDialog as Me, useSnackbar as Ae, components as Je, FmButtonVariant as Z, useProxiedModel as kt } from "@feedmepos/ui-library";
+import { u as $e, F as Fe } from "./feature-UG6T1t8f.js";
+import { _ as xt, F as Nt, a as Dt } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-D4dnq4rA.js";
+import { u as qt, R as Ze } from "./usePromise-CbVUCxhj.js";
+import { u as At } from "./index-B7w4ky-g.js";
+const Te = ct((m, s) => {
+  const n = ue(), O = qe();
+  return {
+    async readRequests(u, e, l) {
+      const d = u ?? n.currentLocationDBName, r = `${m.inventoryBackendUrl}/${d}/purchase-request`;
+      return e && l ? await s.get(`${r}?startDate=${e}&endDate=${l}`) : await s.get(r);
+    },
+    async readRequestById(u, e) {
+      const l = e ?? n.currentLocationDBName, d = `${m.inventoryBackendUrl}/${l}/purchase-request/${u}`;
+      return await s.get(d);
+    },
+    async readRequestByIds(u, e) {
+      const l = e ?? n.currentLocationDBName, d = `${m.inventoryBackendUrl}/${l}/purchase-request/find`;
+      return await s.post(d, { requestIds: u });
+    },
+    async getPurchaseOrders({
+      start: u,
+      end: e
+    }) {
+      const l = n.currentLocationDBName, d = `${m.inventoryBackendUrl}/${l}/purchase-order`;
+      return await s.get(`${d}?start=${u}&end=${e}`);
+    },
+    async getLatestPurchaseOrderRequest(u) {
+      const e = n.currentLocationDBName, l = `${m.inventoryBackendUrl}/${e}/purchase-request/find-by-purchase-order-id`;
+      return await s.get(`${l}/${u}`);
+    },
+    async getPurchaseOrderById(u) {
+      const e = n.currentLocationDBName, l = `${m.inventoryBackendUrl}/${e}/purchase-order`;
+      return await s.get(`${l}/${u}`);
+    },
+    /**
+     * @deprecated Use `processPurchaseOrderV2` instead.
+     */
+    async processPurchaseOrder(u, e) {
+      const l = n.currentLocationDBName, d = e || l, r = `${m.inventoryBackendUrl}/${d}/purchase-order/run-operation`;
+      return await s.put(r, u);
+    },
+    async createPurchaseOrder(u) {
+      const e = n.currentLocationDBName, l = `${m.inventoryBackendUrl}/${e}/purchase-order`;
+      return await s.post(l, u);
+    },
+    async updatePurchaseOrder(u) {
+      const e = n.currentLocationDBName, l = `${m.inventoryBackendUrl}/${e}/purchase-order`;
+      return await s.put(l, u);
+    },
+    async importFromXilnex(u) {
+      const e = n.currentLocationDBName, l = `${m.inventoryBackendUrl}/${e}/purchase-order/import-from-xilnex`;
+      return await s.post(l, u);
+    },
+    async processPurchaseOrderV2(u, e) {
+      const l = n.currentLocationDBName, d = e || l, r = `${m.inventoryBackendUrl}/${d}/v2/purchase-order/run-operation`;
+      return await s.put(r, u);
+    },
+    async getWorkflowConfig() {
+      var d;
+      const e = `business_${(d = O.currentBusiness.value) == null ? void 0 : d._id}`, l = `${m.inventoryBackendUrl}/${e}/v2/purchase-order/workflow-config`;
+      return await s.get(l);
+    }
+  };
+}), it = {
+  [k.enum.confirmDraft]: {
+    primaryActions: {
+      text: "Confirm draft",
+      close: !0
+    },
+    title: "Confirm draft?",
+    message: "Purchase order cannot be changed after confirm draft.",
+    successMessage: "Purchase order draft has been confirmed"
+  },
+  [k.enum.cancelDraft]: {
+    primaryActions: {
+      text: "Cancel draft",
+      close: !0,
+      variant: "destructive"
+    },
+    title: "Cancel draft?",
+    message: "Purchase order cannot be changed after cancelled draft.",
+    successMessage: "Purchase order draft has been cancelled"
+  },
+  [k.enum.submitRequest]: {
+    primaryActions: {
+      text: "Submit request",
+      close: !0
+    },
+    title: "Confirm draft?",
+    message: "Purchase order cannot be changed after confirm draft.",
+    successMessage: "Purchase order draft has been submitted"
+  },
+  [k.enum.completeReceive]: {
+    primaryActions: {
+      text: "Mark received",
+      close: !0
+    },
+    title: "Mark as received",
+    message: "Purchase order cannot be changed after it has complete receiving.",
+    successMessage: "Purchase order has been marked as received"
+  },
+  [k.enum.approveRequest]: {
+    primaryActions: {
+      text: "Accept request",
+      close: !0
+    },
+    title: "Accept request?",
+    message: "Transfer out request will be accepted.",
+    successMessage: "Transfer out request has been approved"
+  },
+  [k.enum.rejectRequest]: {
+    primaryActions: {
+      text: "Reject request",
+      close: !0,
+      variant: "destructive"
+    },
+    title: "Reject request?",
+    message: "Purchase order will be rejected.",
+    successMessage: "Purchase order has been rejected"
+  },
+  [k.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 lt() {
+  const m = ue(), s = Te(), n = $e();
+  async function O(e, l) {
+    const d = m.currentLocationDBName;
+    return e.doc.supplier.internal && e.operation === k.enum.confirmDraft && (e.operation = k.enum.submitRequest), await s.processPurchaseOrder(e, l || d);
+  }
+  async function u(e, l) {
+    const d = m.currentLocationDBName;
+    return await s.processPurchaseOrderV2(e, l || d);
+  }
+  return (e) => n.useOperatePurchaseOrderV2 ? u(e.operateV2, e.transferTo) : O(e.operate, e.transferTo);
+}
+var Ue = /* @__PURE__ */ ((m) => (m.RECEIVE_REQUEST = "receive/request", m.APPROVAL = "approval", m))(Ue || {});
+const we = U(), Ee = U();
+function Es(m, s) {
+  const n = Me(), O = ue(), u = $e();
+  De();
+  const e = wt(), l = Rt(), d = U(!1), r = Ae(), h = Te(), _ = U(new Array()), f = U(
+    s != null && s.startDate && (s != null && s.endDate) ? s : ut()
+  ), i = Y(() => {
+    const D = new Date(f.value.startDate), t = new Date(f.value.endDate);
+    return {
+      start: dt(D).toISOString(),
+      end: mt(t).toISOString()
+    };
+  }), c = U(new Array()), o = ft(), y = U(null);
+  async function x(D) {
+    function t(w) {
+      const S = {
+        mode: Qe.CREATE,
+        modelValue: D || void 0,
+        show: !0,
+        "onUpdate:show"($) {
+          we.value.show = $;
+        },
+        templateId: w,
+        lastClosingDate: y.value
+      };
+      we.value = S;
+    }
+    let p;
+    u.mustUsePoTemplate && !(D != null && D.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 () => {
+      p = await e.getTemplateId(), p && t(p);
+    }).onSecondary(() => {
+      t(void 0);
+    }) : t(p);
+  }
+  function A(D) {
+    const t = {
+      mode: Qe.UPDATE,
+      modelValue: et(D),
+      show: !0,
+      "onUpdate:show"(p) {
+        we.value.show = p;
+      },
+      lastClosingDate: y.value
+    };
+    we.value = t;
+  }
+  async function H() {
+    _.value = [], d.value = !0;
+    try {
+      _.value = await h.getPurchaseOrders(i.value).then((w) => w.sort((S, $) => $._id.localeCompare(S._id)));
+      const D = await o.readCurrentLocationLastClosing(!0), t = D == null ? void 0 : D._id;
+      t && (y.value = pt(t)), await u.awaitFeatureLoaded(() => u.mustUsePoTemplate) && await l.fetchTemplates();
+      const p = _.value.map((w) => {
+        var S;
+        return ((S = w.request) == null ? void 0 : S.id) ?? "";
+      }).filter((w) => w);
+      c.value = await h.readRequestByIds(p);
+    } catch {
+      r.open({
+        title: "Something went wrong",
+        message: "Error at fetching purchase orders",
+        type: "error"
+      });
+    } finally {
+      d.value = !1;
+    }
+  }
+  async function M() {
+    c.value = [], d.value = !0;
+    try {
+      c.value = await h.readRequests(
+        void 0,
+        i.value.start,
+        i.value.end
+      ).then((D) => D.reverse());
+    } catch {
+      r.open({
+        title: "Something went wrong",
+        message: "Error at fetching purchase requests",
+        type: "error"
+      });
+    } finally {
+      d.value = !1;
+    }
+  }
+  function X() {
+    switch (m) {
+      case "receive/request":
+        return H();
+      case "approval":
+        return M();
+    }
+  }
+  function se(D, t) {
+    f.value = {
+      startDate: D,
+      endDate: t
+    }, X();
+  }
+  O.watchLocation(async (D) => {
+    if (!D) {
+      _.value = [];
+      return;
+    }
+    await X();
+  });
+  const J = U(), pe = U(Math.random().toString());
+  async function oe(D, t) {
+    const p = Math.random().toString();
+    pe.value = p, t ?? (t = c.value.computeFirst(
+      ($) => $.purchaseOrderId === D._id ? $ : null
+    ) ?? void 0);
+    const w = m === "receive/request" ? O.currentLocation : t == null ? void 0 : t.to, S = {
+      poRequest: t,
+      purchaseOrder: D,
+      transferTo: w == null ? void 0 : w.name,
+      transferToDbName: w == null ? void 0 : w.dbName,
+      show: !0,
+      canResubmit: !1,
+      canApprove: m === "approval",
+      "onUpdate:show"($) {
+        J.value.show = $;
+      },
+      scope: m
+    };
+    J.value = S;
+  }
+  async function ye(D, t, p, w) {
+    const S = lt();
+    d.value = !0;
+    try {
+      await S({
+        operate: {
+          operation: t,
+          doc: D,
+          options: (
+            // auto receive for supplier to warehouse
+            (t === k.enum.confirmDraft || // auto receive for warehouse to warehouse
+            t === k.enum.completeReceive) && u.autoReceiveWarehouse ? {
+              autoReceive: !0
+            } : void 0
+          )
+        },
+        operateV2: {
+          _id: D._id,
+          _rev: D._rev ?? "",
+          action: t,
+          payloads: []
+        },
+        transferTo: w
+      }), await new Promise((G) => setTimeout(G, 1e3));
+      const K = ue().currentLocationDBName.startsWith("restaurant_");
+      t === k.enum.confirmDraft && D.effectiveAt && K ? r.open({
+        title: "Success",
+        message: `${p}. The backdate will be reflected once your POS has received this change.`,
+        type: "success"
+      }) : r.open({
+        title: "Success",
+        message: p,
+        type: "success"
+      });
+    } catch ($) {
+      r.open({
+        title: "Something went wrong",
+        message: "Please try again.",
+        type: "error"
+      }), console.error("Error when submitting PO operation", t, D, $);
+    } finally {
+      d.value = !1, X();
+    }
+  }
+  async function Pe(D, t, p) {
+    const w = it[t];
+    if (!w) {
+      r.open({
+        title: "Something went wrong",
+        message: `Cannot process order: ${Ve(t)}`,
+        type: "error"
+      });
+      return;
+    }
+    const { successMessage: S, ...$ } = w;
+    n.open({
+      title: $.title,
+      message: $.message,
+      primaryActions: $.primaryActions
+    }).onPrimary(() => {
+      ye(D, t, S, p);
+    });
+  }
+  async function ie() {
+    n.open({
+      title: "Upload Transfer",
+      primaryActions: {
+        text: "Xilnex transfer note",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        close: !0
+      }
+    }).onPrimary(() => {
+      const D = {
+        show: !0,
+        "onUpdate:show"(t) {
+          Ee.value.show = t;
+        }
+      };
+      Ee.value = D;
+    });
+  }
+  return {
+    purchaseOrders: _,
+    purchaseRequests: c,
+    updateDateRange: se,
+    fetchData: X,
+    loading: d,
+    transferDialogProps: we,
+    promptCreateTransferDialog: x,
+    promptUpdateTransferDialog: A,
+    transferDetailsProps: J,
+    promptShowTransferDetails: oe,
+    submitAction: Pe,
+    xilnexImportDialogProps: Ee,
+    promptUploadTransferDialog: ie
+  };
+}
+function $t(m, s) {
+  return s.reduce(
+    (O, u) => {
+      const e = u.received.find((l) => l.sku._id === m._id);
+      return e && (O = Le(O, e.amount)), O;
+    },
+    St.toPrecision(xe(0), m.unit.precision)
+  );
+}
+function Tt(m, s, n, O) {
+  const { name: u, address: e, regNo: l } = s.doc.profile, d = {
+    name: u,
+    registrationNumber: l,
+    line1: e == null ? void 0 : e.line1,
+    line2: e == null ? void 0 : e.line2,
+    postcode: e == null ? void 0 : e.postcode,
+    city: e == null ? void 0 : e.city,
+    state: e == null ? void 0 : e.state,
+    country: e == null ? void 0 : e.country
+  }, r = {
+    name: m.supplier.name,
+    phoneNumber: m.supplier.phoneNumber,
+    registrationNumber: m.supplier.registrationNumber,
+    line1: m.supplier.address.line1,
+    line2: m.supplier.address.line2,
+    postcode: m.supplier.address.postcode,
+    city: m.supplier.address.city,
+    state: m.supplier.address.state,
+    country: m.supplier.address.country
+  }, h = m.items.map((o) => {
+    const { sku: y, measurement: x } = o, A = le(
+      $t(o.sku, m.deliveryOrder || []),
+      !1
+    );
+    return {
+      code: y.code,
+      description: y.name,
+      quantity: nt(o.quantity, y.unit, o.measurement),
+      unit: (x == null ? void 0 : x.abbrev) || y.unit.abbrev,
+      received: A
+    };
+  }), _ = m.deliveryOrder.map((o) => ({
+    createdAt: tt(new Date(o.createdAt)),
+    ref: o.deliveryOrderNumber,
+    remark: o.remark || "",
+    items: o.received.map((y) => {
+      var x;
+      return {
+        code: y.sku.code,
+        description: y.sku.name,
+        quantity: le(y.amount),
+        unit: ((x = y.measurement) == null ? void 0 : x.abbrev) || y.sku.unit.abbrev
+      };
+    })
+  })), f = {
+    businessName: n == null ? void 0 : n.name,
+    logo: n == null ? void 0 : n.thumbnail,
+    orderNumber: m.seqNumber.toString(),
+    createdAt: Ne(m._id),
+    ref: m.ref || "",
+    remark: m.remark || "",
+    buyer: d,
+    supplier: r,
+    items: h,
+    status: m.status,
+    deliveryOrders: _
+  }, i = new URL(window.location.href), c = O && (m.deliveryFullfillment || []).length > 0 ? "receive-request/delivery-print-preview" : "receive-request/print-preview";
+  i.pathname = i.hostname.includes("portal.feedme") ? `/inventory/${c}` : `/${c}`, i.searchParams.append("data", JSON.stringify(f)), window.open(i.href, "_blank", "noreferrer");
+}
+const be = {
+  submitRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.submitRequest",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.submitRequest
+  },
+  confirmDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.confirmDraft",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.confirmDraft
+  },
+  cancelDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.cancelDraft",
+    color: "text-fm-color-typo-error",
+    value: k.enum.cancelDraft
+  },
+  approveRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveRequest",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.approveRequest
+  },
+  rejectRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectRequest",
+    color: "text-fm-color-typo-error",
+    value: k.enum.rejectRequest
+  },
+  processRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.processRequest",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.processRequest
+  },
+  receiveStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.receiveStock",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.receiveStock
+  },
+  completeReceive: {
+    translationKey: "inventory.transfer.receiveRequest.actions.completeReceive",
+    color: "text-fm-color-typo-primary",
+    value: k.enum.completeReceive
+  },
+  closeRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.closeRequest",
+    color: "system-error-300",
+    value: k.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: k.enum.returnStock
+  }
+};
+function Bs(m, s) {
+  const n = ue(), O = De(), u = qe(), { t: e } = ot();
+  function l(i) {
+    switch (i.status) {
+      case "DRAFT":
+        return [
+          te[Q.Update],
+          te[Q.Details],
+          i.supplier.internal === "restaurant" || i.supplier.internal === "warehouse" ? be[k.enum.submitRequest] : be[k.enum.confirmDraft],
+          be[k.enum.cancelDraft]
+        ];
+      case "RECEIVING":
+        return [
+          be[k.enum.completeReceive],
+          te[Q.Details],
+          te[Q.Print]
+        ];
+      case "REQUESTING":
+        return m === "receive/request" ? [te[Q.Details], te[Q.Print]] : [
+          be[k.enum.approveRequest],
+          be[k.enum.rejectRequest],
+          te[Q.Details]
+          // DefaultRowActions[RowActionEnum.Print]
+        ];
+      case "PROCESSING":
+        return [te[Q.Details], te[Q.Print]];
+      case "COMPLETE":
+      case "CANCEL":
+      default:
+        return [te[Q.Details], te[Q.Print]];
+    }
+  }
+  function d(i) {
+    return Object.values(k.enum).includes(i);
+  }
+  async function r(i, c, o) {
+    var x, A, H, M;
+    const y = et(c);
+    if (i === Q.Print) {
+      const X = (o == null ? void 0 : o.toInventoryLocation) ?? n.currentLocation;
+      y.ref = [((x = o == null ? void 0 : o.netSuite) == null ? void 0 : x.refNo) || ((A = y.netSuite) == null ? void 0 : A.refNo)].filter((se) => se).join(" "), Tt(y, X, u.currentBusiness.value, m === "approval");
+      return;
+    }
+    if (i === Q.Details) {
+      s.promptShowTransferDetails(y, o);
+      return;
+    }
+    if (i === Q.Update) {
+      (H = s.promptUpdateTransferDialog) == null || H.call(s, y);
+      return;
+    }
+    if (d(i)) {
+      s.submitAction(c, i, (M = o == null ? void 0 : o.to) == null ? void 0 : M.dbName);
+      return;
+    }
+  }
+  function h() {
+    const i = [
+      {
+        accessorKey: "seqNumber",
+        header: () => e("inventory.transfer.table.seqNo"),
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "_id",
+        header: () => e("inventory.transfer.table.createdAt"),
+        cell(c) {
+          return Ne(`${c.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "supplier.name",
+        header: () => e("inventory.transfer.table.transferFrom"),
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        accessorKey: "items.length",
+        header: () => e("inventory.transfer.table.noOfItems"),
+        enableSorting: !1,
+        meta: {
+          width: "10rem"
+        }
+      },
+      {
+        accessorKey: "ref",
+        header: () => e("inventory.transfer.table.reference"),
+        enableSorting: !1,
+        size: "auto"
+      },
+      {
+        accessorKey: "status",
+        header: () => e("inventory.transfer.table.status"),
+        cell(c) {
+          const o = e(`inventory.transfer.status.${c.getValue() ?? ""}`), y = `${c.getValue() ?? ""}`.toLocaleLowerCase("en-us");
+          return q(
+            "div",
+            {
+              class: "flex"
+            },
+            q(
+              "div",
+              {
+                class: `fm-status-badge fm-status-badge-${y}`
+              },
+              o
+            )
+          );
+        },
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        id: "action",
+        cell(c) {
+          const o = c.row.original, y = l(o);
+          return Ye(y, (x) => r(x, o));
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+    if (O.isEnabled) {
+      const c = [
+        {
+          id: "netsuiteTransferOrder",
+          header: () => "NetSuite Order (ID)",
+          cell(o) {
+            var x;
+            const y = o.row.original;
+            return (x = y.netSuite) != null && x.id ? `${y.netSuite.refNo} (${y.netSuite.id})` : "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        },
+        {
+          id: "netsuiteTransactionNumber",
+          header: () => "NetSuite Transaction No.",
+          cell(o) {
+            var x, A;
+            return ((A = (x = o.row.original.netSuite) == null ? void 0 : x.additionalInfo) == null ? void 0 : A.transactionnumber) ?? "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ];
+      i.splice(i.length - 2, 0, ...c);
+    }
+    return i;
+  }
+  function _() {
+    const i = [
+      {
+        accessorKey: "purchaseOrder.seqNumber",
+        header: () => e("inventory.transfer.table.seqNo"),
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "purchaseOrder._id",
+        header: () => e("inventory.transfer.table.createdAt"),
+        cell(c) {
+          return Ne(`${c.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "to.name",
+        header: () => e("inventory.transfer.table.transferTo"),
+        enableSorting: !1,
+        size: 200
+      },
+      {
+        accessorKey: "purchaseOrder.items.length",
+        header: () => e("inventory.transfer.table.noOfItems"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "purchaseOrder.ref",
+        header: () => e("inventory.transfer.table.reference"),
+        enableSorting: !1,
+        size: "auto"
+      },
+      {
+        accessorKey: "purchaseOrder.status",
+        header: () => e("inventory.transfer.table.status"),
+        cell(c) {
+          const o = e(`inventory.transfer.status.${c.getValue() ?? ""}`), y = `${c.getValue() ?? ""}`.toLocaleLowerCase("en-us");
+          return q(
+            "div",
+            {
+              class: "flex"
+            },
+            q(
+              "div",
+              {
+                class: `fm-status-badge fm-status-badge-${y}`
+              },
+              o
+            )
+          );
+        },
+        enableSorting: !0
+      },
+      {
+        id: "action",
+        cell(c) {
+          const o = c.row.original, x = (o.purchaseOrder ? l(o.purchaseOrder) : []).map((A) => A.value === Q.Print ? {
+            ...A,
+            translationKey: "inventory.transfer.receiveRequest.details.printDeliveryOrder"
+          } : A);
+          return Ye(
+            x,
+            (A) => o.purchaseOrder ? r(A, o.purchaseOrder, o) : void 0
+          );
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+    if (O.isEnabled) {
+      const c = [
+        {
+          id: "netsuiteTransferOrder",
+          header: () => "NetSuite Order (ID)",
+          cell(o) {
+            var x;
+            const y = o.row.original;
+            return (x = y.netSuite) != null && x.id ? `${y.netSuite.refNo} (${y.netSuite.id})` : "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        },
+        {
+          id: "netsuiteTransactionNumber",
+          header: () => "NetSuite Transaction No.",
+          cell(o) {
+            var x, A;
+            return ((A = (x = o.row.original.netSuite) == null ? void 0 : x.additionalInfo) == null ? void 0 : A.transactionnumber) ?? "N/A";
+          },
+          enableSorting: !1,
+          size: 200,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ];
+      i.splice(i.length - 2, 0, ...c);
+    }
+    return i;
+  }
+  const f = Y(() => m === "receive/request" ? h() : _());
+  return {
+    get columnDefs() {
+      return f.value;
+    }
+  };
+}
+const Pt = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Ct = { class: "flex flex-col gap-8" }, It = { class: "flex w-full justify-end gap-16" }, Ft = /* @__PURE__ */ fe({
+  __name: "FulfillmentForm",
+  props: {
+    purchaseOrder: {},
+    confirm: { type: Function }
+  },
+  emits: ["update:show"],
+  setup(m, { emit: s }) {
+    const n = m, O = ht({
+      id: "",
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      items: []
+    }), u = U(), e = s;
+    return at(() => {
+      n.purchaseOrder && (O.items = n.purchaseOrder.items.map((l) => ({
+        id: l.id,
+        sku: l.sku,
+        measurement: l.measurement,
+        amount: l.quantity ?? { amount: 1, precision: 0 }
+      })));
+    }), (l, d) => {
+      const r = V("FmTable"), h = V("FmButton"), _ = V("FmForm");
+      return g(), ne(_, {
+        ref_key: "formRef",
+        ref: u,
+        class: "bg-white flex flex-col gap-32 rounded-3xl p-24 w-[800px]",
+        onValidationFailed: console.log,
+        onValidationSuccess: d[1] || (d[1] = () => n.confirm(O))
+      }, {
+        default: re(() => [
+          d[2] || (d[2] = a("div", { class: "fm-typo-en-title-sm-600" }, "Confirm the transfer amount", -1)),
+          a("div", Pt, [
+            a("div", Ct, [
+              C(r, {
+                "column-defs": [
+                  {
+                    header: "Code",
+                    cell: (f) => {
+                      const i = n.purchaseOrder.items.find((c) => c.id === f.row.original.id || c.sku._id === f.row.original.sku._id);
+                      return q(
+                        b(Je).FmTooltip,
+                        {
+                          content: i.code,
+                          placement: "top",
+                          variant: "plain",
+                          zIndex: 50
+                        },
+                        q(
+                          "span",
+                          {
+                            class: "flex-auto line-clamp-2 text-ellipsis break-all"
+                          },
+                          i.code
+                        )
+                      );
+                    }
+                  },
+                  {
+                    header: "Name",
+                    cell: (f) => {
+                      const i = n.purchaseOrder.items.find((c) => c.id === f.row.original.id || c.sku._id === f.row.original.sku._id);
+                      return q(
+                        b(Je).FmTooltip,
+                        {
+                          content: i.name,
+                          placement: "top",
+                          variant: "plain",
+                          zIndex: 50
+                        },
+                        q(
+                          "span",
+                          {
+                            class: "flex-auto line-clamp-2 text-ellipsis break-all"
+                          },
+                          i.name
+                        )
+                      );
+                    }
+                  },
+                  {
+                    header: "Amount",
+                    cell: (f) => {
+                      const i = f.row.original, c = n.purchaseOrder.items.find((y) => y.id === i.id || y.sku._id === i.sku._id), o = i.amount ?? {
+                        amount: 1,
+                        precision: 0
+                      };
+                      return q(xt, {
+                        style: {
+                          flex: "1 1 0%"
+                        },
+                        modelValue: {
+                          amount: o,
+                          measurement: i.measurement ?? null
+                        },
+                        key: i.id ?? i.sku._id,
+                        unit: i.sku.unit,
+                        "onUpdate:modelValue": (y) => {
+                          if (!y) return;
+                          const x = O.items.find((A) => A.id === i.id || A.sku._id === i.sku._id);
+                          x && (x.amount = y.amount);
+                        },
+                        disableUnit: !0,
+                        rules: [
+                          b(Nt)(
+                            +b(le)({ amount: 0, precision: 0 })
+                          ),
+                          b(Dt)(+b(le)(c.quantity))
+                        ],
+                        applyDefaultRules: !0
+                      });
+                    }
+                  }
+                ],
+                "row-data": O.items,
+                "hide-footer": !0
+              }, null, 8, ["column-defs", "row-data"])
+            ])
+          ]),
+          a("div", It, [
+            C(h, {
+              class: "px-16",
+              label: "Confirm",
+              size: "md",
+              variant: "primary",
+              type: "submit"
+            }),
+            C(h, {
+              class: "px-16",
+              label: "Cancel",
+              size: "md",
+              variant: "secondary",
+              onClick: d[0] || (d[0] = () => e("update:show", !1))
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["onValidationFailed"]);
+    };
+  }
+}), Be = {
+  submitRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.submitRequest",
+    color: "primary",
+    buttonVariant: Z.Primary
+  },
+  confirmDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.confirmDraft",
+    color: "primary",
+    buttonVariant: Z.Primary
+  },
+  cancelDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.cancelDraft",
+    color: "system-error-300",
+    buttonVariant: Z.Destructive
+  },
+  approveDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveDraft",
+    color: "primary",
+    buttonVariant: Z.Primary
+  },
+  rejectDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectDraft",
+    color: "system-error-300",
+    buttonVariant: Z.Destructive
+  },
+  approveRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveRequest",
+    color: "primary",
+    buttonVariant: Z.Primary
+  },
+  processRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.processRequest",
+    color: "primary",
+    buttonVariant: Z.Primary
+  },
+  receiveStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.receiveStock",
+    color: "primary",
+    buttonVariant: Z.Primary,
+    available: !1
+  },
+  completeReceive: {
+    translationKey: "inventory.transfer.receiveRequest.actions.completeReceive",
+    color: "primary",
+    buttonVariant: Z.Plain
+  },
+  rejectRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectRequest",
+    color: "system-error-300",
+    buttonVariant: Z.Destructive
+  },
+  closeRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.closeRequest",
+    color: "system-error-300",
+    buttonVariant: Z.Destructive,
+    available: !1
+  },
+  returnStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.returnStock",
+    color: "primary",
+    buttonVariant: Z.Primary,
+    available: !1
+  }
+};
+function Et() {
+  const m = $e();
+  return {
+    ableToMarkReceived(s) {
+      if (!s || s.status !== ce.enum.RECEIVING)
+        return !1;
+      const O = ue().currentLocationDBName;
+      return `${s.supplier.internal}_${s.supplier._id}` !== O;
+    },
+    ableToMarkApproved(s) {
+      return !(!s || (s == null ? void 0 : s.status) !== ce.enum.REQUESTING);
+    },
+    ableToCreateFulfillment(s, n) {
+      var e, l;
+      if (!m.acceptRequireFulfillment || !s || !n || s.status !== ce.enum.PROCESSING || !n.processedAt)
+        return !1;
+      const O = (e = n == null ? void 0 : n.from) == null ? void 0 : e.dbName, u = (l = n == null ? void 0 : n.to) == null ? void 0 : l.dbName;
+      return !(O.startsWith("restaurant_") && u.startsWith("restaurant_"));
+    }
+  };
+}
+const Bt = { class: "flex flex-row-reverse" }, Lt = /* @__PURE__ */ fe({
+  __name: "NetSuiteSync",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    isTransferBetweenOutlets: { type: Boolean },
+    scope: {}
+  },
+  setup(m) {
+    const s = m, n = De(), O = Ae(), u = Me(), e = U(!1);
+    Y(() => {
+      var _, f, i, c;
+      let d = !0;
+      n.isEnabled || (d = !1);
+      const r = s.purchaseOrder, h = s.poRequest;
+      return r && ((_ = r == null ? void 0 : r.supplier) != null && _.internal ? (!h && r.status == ce.enum.DRAFT && (d = !1), h && !((f = h == null ? void 0 : h.netSuite) != null && f.id) && (d = !1), s.isTransferBetweenOutlets && (d = !1)) : ((r == null ? void 0 : r.status) !== ce.enum.REQUESTING && r.supplier.internal && (d = !1), !h && !((i = r == null ? void 0 : r.netSuite) != null && i.id) && (d = !1), !h && ((c = r == null ? void 0 : r.netSuite) != null && c.id) && (r == null ? void 0 : r.status) == ce.enum.REQUESTING && (d = !1))), d;
+    });
+    async function l() {
+      e.value || u.open({
+        title: "Sync with NetSuite",
+        contentComponent: q("div", [
+          q("p", "Are you sure you want to sync now?"),
+          q("br"),
+          q(
+            "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 d, r, h;
+        try {
+          e.value = !0;
+          const _ = ((d = s.purchaseOrder) == null ? void 0 : d._id) || ((r = s.poRequest) == null ? void 0 : r.purchaseOrderId) || "", f = (h = s.poRequest) == null ? void 0 : h.to.dbName;
+          await n.syncPurchaseOrder(
+            _,
+            s.scope === "approval" ? f : void 0
+          ), O.open({
+            title: "Sync with NetSuite",
+            message: "Requested to sync with NetSuite. Please wait a moment.",
+            type: "success"
+          }), await new Promise((i) => setTimeout(i, 5e3)), e.value = !1;
+        } catch {
+          O.open({
+            title: "Error",
+            message: "Failed to sync with NetSuite",
+            type: "error"
+          }), e.value = !1;
+        }
+      });
+    }
+    return (d, r) => {
+      const h = V("FmButton");
+      return g(), R("div", Bt, [
+        C(h, {
+          "prepend-icon": "sync",
+          variant: "secondary",
+          label: "Sync",
+          loading: e.value,
+          onClick: l,
+          "text-color": "primary",
+          "bg-color": "transparent",
+          "border-color": "primary"
+        }, null, 8, ["loading"])
+      ]);
+    };
+  }
+}), Ut = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, Vt = { class: "flex flex-col gap-4" }, Mt = { class: "fm-typo-en-body-lg-600" }, jt = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, Kt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zt = { class: "fm-typo-en-body-lg-600" }, Ht = { key: 0 }, Gt = { key: 1 }, Wt = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, Qt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yt = { class: "fm-typo-en-body-lg-600" }, Xt = { key: 0 }, Jt = { key: 1 }, Zt = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, er = { class: "fm-typo-en-body-lg-600" }, tr = {
+  key: 3,
+  class: "flex flex-col gap-4"
+}, rr = { class: "fm-typo-en-body-lg-600" }, sr = /* @__PURE__ */ fe({
+  __name: "NetSuiteInfo",
+  props: {
+    transferType: {},
+    transferToDbName: {},
+    poRequest: {},
+    purchaseOrder: {},
+    isTransferBetweenOutlets: { type: Boolean },
+    scope: {}
+  },
+  setup(m) {
+    const s = m, n = De(), O = Te(), u = U(s.poRequest);
+    at(async () => {
+      var r;
+      if (!s.poRequest && ((r = s.purchaseOrder) != null && r._id)) {
+        const h = await O.getLatestPurchaseOrderRequest(s.purchaseOrder._id);
+        u.value = h;
+      }
+    });
+    const e = Y(
+      () => {
+        var r, h, _, f, i, c;
+        return n.getSubsidiaryFullName(
+          ((_ = (h = (r = s.purchaseOrder) == null ? void 0 : r.netSuite) == null ? void 0 : h.subsidiary) == null ? void 0 : _.id) || ((c = (i = (f = s.poRequest) == null ? void 0 : f.netSuite) == null ? void 0 : i.subsidiary) == null ? void 0 : c.id)
+        ).fullName;
+      }
+    ), l = Y(() => {
+      var r, h, _, f, i, c, o, y, x, A, H, M;
+      return (_ = (h = (r = s.purchaseOrder) == null ? void 0 : r.netSuite) == null ? void 0 : h.additionalInfo) != null && _.transactionnumber ? (c = (i = (f = s.purchaseOrder) == null ? void 0 : f.netSuite) == null ? void 0 : i.additionalInfo) == null ? void 0 : c.transactionnumber : (x = (y = (o = u.value) == null ? void 0 : o.netSuite) == null ? void 0 : y.additionalInfo) != null && x.transactionnumber ? (M = (H = (A = u.value) == null ? void 0 : A.netSuite) == null ? void 0 : H.additionalInfo) == null ? void 0 : M.transactionnumber : null;
+    }), d = Y(() => {
+      var r, h, _, f, i, c;
+      return (h = (r = s.purchaseOrder) == null ? void 0 : r.deliveryFullfillment) != null && h.length && ((f = (_ = s.purchaseOrder) == null ? void 0 : _.deliveryFullfillment) == null ? void 0 : f.length) > 0 ? (c = (i = s.purchaseOrder) == null ? void 0 : i.deliveryFullfillment) == null ? void 0 : c.map((o) => {
+        var y;
+        return (y = o.netSuite) == null ? void 0 : y.refNo;
+      }).join(", ") : "N/A";
+    });
+    return (r, h) => {
+      var _, f, i, c, o, y, x, A, H, M, X, se, J, pe, oe, ye;
+      return b(n).isEnabled ? (g(), R("div", Ut, [
+        a("div", Vt, [
+          h[0] || (h[0] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "NetSuite subsidiary", -1)),
+          a("div", Mt, N(e.value || "N/A"), 1)
+        ]),
+        !r.isTransferBetweenOutlets && r.scope === b(Ue).RECEIVE_REQUEST ? (g(), R("div", jt, [
+          a("div", Kt, " NetSuite " + N((f = (_ = r.purchaseOrder) == null ? void 0 : _.netSuite) != null && f.recordType ? b(rt)((c = (i = r.purchaseOrder) == null ? void 0 : i.netSuite) == null ? void 0 : c.recordType) : r.transferType === b(me).PURCHASE ? "Purchase Order" : "Transfer Order") + " (ID) ", 1),
+          a("div", zt, [
+            (y = (o = r.purchaseOrder) == null ? void 0 : o.netSuite) != null && y.id ? (g(), R("span", Ht, N((A = (x = r.purchaseOrder) == null ? void 0 : x.netSuite) == null ? void 0 : A.refNo) + " (" + N((M = (H = r.purchaseOrder) == null ? void 0 : H.netSuite) == null ? void 0 : M.id) + ") ", 1)) : (g(), R("span", Gt, "N/A"))
+          ])
+        ])) : L("", !0),
+        !r.isTransferBetweenOutlets && u.value || r.scope === b(Ue).APPROVAL ? (g(), R("div", Wt, [
+          a("div", Qt, " (Request) NetSuite " + N(r.transferType === b(me).PURCHASE ? "Purchase Order" : "Transfer Order") + " (ID) ", 1),
+          a("div", Yt, [
+            (se = (X = u.value) == null ? void 0 : X.netSuite) != null && se.id ? (g(), R("span", Xt, N((pe = (J = u.value) == null ? void 0 : J.netSuite) == null ? void 0 : pe.refNo) + " (" + N((ye = (oe = u.value) == null ? void 0 : oe.netSuite) == null ? void 0 : ye.id) + ") ", 1)) : (g(), R("span", Jt, "N/A"))
+          ])
+        ])) : L("", !0),
+        l.value ? (g(), R("div", Zt, [
+          h[1] || (h[1] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " NetSuite Transaction Number ", -1)),
+          a("div", er, N(l.value), 1)
+        ])) : L("", !0),
+        b(n).isEnabled && r.transferType === b(me).TRANSFER && !r.isTransferBetweenOutlets ? (g(), R("div", tr, [
+          h[2] || (h[2] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " NetSuite fulfillment IDs ", -1)),
+          a("div", rr, N(d.value), 1)
+        ])) : L("", !0)
+      ])) : L("", !0);
+    };
+  }
+}), ar = { class: "flex flex-row-reverse" }, nr = /* @__PURE__ */ fe({
+  __name: "NetSuiteLog",
+  props: {
+    netsuiteId: {},
+    purchaseOrderId: {}
+  },
+  setup(m) {
+    const s = Ae(), n = st();
+    async function O(u, e) {
+      let l = `attributes.pod:netsuite* AND body.message:*${u}*`;
+      if (e) {
+        const r = e.replace(/:/g, "\\:");
+        l = `attributes.pod:netsuite* AND (body.message:*${u}* OR ${r})`;
+      }
+      const { url: d } = await n.getLogs(l);
+      s.open(
+        {
+          message: "Opening NetSuite logs...",
+          type: "info"
+        },
+        800
+      ), await new Promise((r) => setTimeout(r, 800)), window.open(d, "_blank");
+    }
+    return (u, e) => {
+      const l = V("FmButton");
+      return g(), R("div", ar, [
+        C(l, {
+          "prepend-icon": "history",
+          variant: "secondary",
+          label: "Logs",
+          onClick: e[0] || (e[0] = (d) => O(u.netsuiteId, u.purchaseOrderId)),
+          "text-color": "primary",
+          "bg-color": "transparent",
+          "border-color": "primary"
+        })
+      ]);
+    };
+  }
+}), or = { class: "flex flex-row-reverse" }, ir = { key: 0 }, lr = {
+  key: 1,
+  class: "w-[480px]"
+}, cr = { class: "fm-typo-en-body-md-400" }, ur = { key: 0 }, dr = { key: 1 }, mr = { key: 1 }, fr = /* @__PURE__ */ fe({
+  __name: "NetSuiteLatestInfo",
+  props: {
+    netsuiteId: {},
+    purchaseOrderId: {}
+  },
+  setup(m) {
+    const s = m, n = st(), O = U(!1), u = ue(), e = U(!0), l = U(!1), d = U(null);
+    async function r() {
+      if (!d.value) {
+        O.value = !0;
+        try {
+          e.value = !0;
+          const h = await n.getMoreInfo(
+            u.currentLocation.dbName,
+            s.purchaseOrderId
+          );
+          d.value = h, l.value = !1;
+        } catch {
+          l.value = !0;
+        } finally {
+          e.value = !1;
+        }
+      }
+    }
+    return (h, _) => {
+      const f = V("FmButton"), i = V("FmLabel"), c = V("FmDialog");
+      return g(), R("div", or, [
+        C(c, {
+          modelValue: O.value,
+          "onUpdate:modelValue": _[2] || (_[2] = (o) => O.value = o),
+          overlay: !0
+        }, {
+          "dialog-button": re(() => [
+            C(f, {
+              "prepend-icon": "info",
+              variant: "secondary",
+              label: "Latest Info",
+              onClick: _[0] || (_[0] = (o) => r()),
+              "text-color": "primary",
+              "bg-color": "transparent",
+              "border-color": "primary"
+            })
+          ]),
+          "dialog-header": re(() => _[3] || (_[3] = [
+            a("div", null, "NetSuite latest info", -1)
+          ])),
+          "dialog-footer": re(() => [
+            C(f, {
+              class: "ml-auto sm:w-full xs:w-full",
+              label: "Close",
+              size: "md",
+              variant: "primary",
+              onClick: _[1] || (_[1] = (o) => O.value = !1)
+            })
+          ]),
+          default: re(() => [
+            e.value ? (g(), R("div", ir, "Loading...")) : (g(), R("div", lr, [
+              l.value ? (g(), R("p", mr, "Something went wrong.")) : (g(!0), R(ee, { key: 0 }, de(d.value, (o, y) => (g(), R("div", {
+                key: y,
+                class: "mb-2"
+              }, [
+                a("div", null, [
+                  C(i, {
+                    label: b(Ve)(y)
+                  }, null, 8, ["label"]),
+                  a("div", cr, [
+                    Array.isArray(o) ? (g(), R("span", ur, N(o.length > 0 ? o.join(", ") : "N/A"), 1)) : (g(), R("span", dr, N(o), 1))
+                  ])
+                ])
+              ]))), 128))
+            ]))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), pr = {
+  key: 0,
+  class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16 flex flex-col gap-8"
+}, yr = { class: "flex gap-8 items-center" }, vr = { class: "ml-auto" }, hr = { class: "flex gap-4" }, br = /* @__PURE__ */ fe({
+  __name: "NetSuitePanel",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    transferType: {},
+    transferToDbName: {},
+    scope: {}
+  },
+  setup(m) {
+    const s = m, n = At(), O = qe(), u = Y(() => {
+      var r, h, _, f, i, c, o;
+      const e = ((r = s.transferToDbName) == null ? void 0 : r.startsWith("restaurant")) && ((_ = (h = s.purchaseOrder) == null ? void 0 : h.supplier) == null ? void 0 : _.internal) === "restaurant", l = s.transferType === me.PURCHASE, d = s.transferType === me.TRANSFER;
+      return l || d && !e || ((i = (f = s.purchaseOrder) == null ? void 0 : f.netSuite) == null ? void 0 : i.id) || ((o = (c = s.poRequest) == null ? void 0 : c.netSuite) == null ? void 0 : o.id);
+    });
+    return (e, l) => {
+      var r, h, _, f, i, c, o, y, x, A, H, M;
+      const d = V("FmMenuDivider");
+      return b(n).isNetSuiteEnabled && u.value ? (g(), R("div", pr, [
+        a("div", yr, [
+          l[0] || (l[0] = a("span", { class: "flex-1 fm-typo-en-body-lg-600" }, "NetSuite Info", -1)),
+          a("div", vr, [
+            a("div", hr, [
+              (r = b(O).sessionUser.value) != null && r.role.isAdmin && ((_ = (h = s.purchaseOrder) == null ? void 0 : h.netSuite) != null && _.id) ? (g(), ne(fr, {
+                key: 0,
+                "netsuite-id": (i = (f = e.purchaseOrder) == null ? void 0 : f.netSuite) == null ? void 0 : i.id,
+                "purchase-order-id": (c = e.purchaseOrder) == null ? void 0 : c._id
+              }, null, 8, ["netsuite-id", "purchase-order-id"])) : L("", !0),
+              (o = b(O).sessionUser.value) != null && o.role.isAdmin && ((x = (y = s.purchaseOrder) == null ? void 0 : y.netSuite) != null && x.id) ? (g(), ne(nr, {
+                key: 1,
+                "netsuite-id": (H = (A = e.purchaseOrder) == null ? void 0 : A.netSuite) == null ? void 0 : H.id,
+                "purchase-order-id": (M = e.purchaseOrder) == null ? void 0 : M._id
+              }, null, 8, ["netsuite-id", "purchase-order-id"])) : L("", !0),
+              C(Lt, {
+                "po-request": e.poRequest,
+                "purchase-order": e.purchaseOrder,
+                "is-transfer-between-outlets": !u.value,
+                scope: e.scope
+              }, null, 8, ["po-request", "purchase-order", "is-transfer-between-outlets", "scope"])
+            ])
+          ])
+        ]),
+        C(d),
+        C(sr, {
+          "po-request": e.poRequest,
+          "purchase-order": e.purchaseOrder,
+          "transfer-type": e.transferType,
+          "transfer-to-db-name": e.transferToDbName,
+          "is-transfer-between-outlets": !u.value,
+          scope: e.scope
+        }, null, 8, ["po-request", "purchase-order", "transfer-type", "transfer-to-db-name", "is-transfer-between-outlets", "scope"])
+      ])) : L("", !0);
+    };
+  }
+}), gr = { class: "flex flex-col gap-16 w-full h-full" }, _r = { class: "flex justify-between" }, Sr = { class: "fm-typo-en-body-lg-600" }, wr = { class: "flex flex-col gap-8" }, Rr = { class: "flex flex-col gap-4" }, Or = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, kr = { class: "flex gap-1" }, xr = { class: "fm-typo-en-body-lg-600" }, Nr = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, Dr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qr = { class: "fm-typo-en-body-lg-600" }, Ar = { class: "flex flex-col gap-4" }, $r = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Tr = { class: "fm-typo-en-body-lg-600" }, Pr = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, Cr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ir = { class: "fm-typo-en-body-lg-600" }, Fr = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, Er = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Br = { class: "fm-typo-en-body-lg-600" }, Lr = {
+  key: 3,
+  class: "flex flex-col gap-4"
+}, Ur = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vr = { class: "fm-typo-en-body-lg-600" }, Mr = {
+  key: 4,
+  class: "flex flex-col gap-4"
+}, jr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Kr = { class: "fm-typo-en-body-lg-600" }, zr = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Hr = { class: "flex flex-col gap-8" }, Gr = { class: "flex gap-8 items-center" }, Wr = { class: "flex-1 fm-typo-en-body-lg-600" }, Qr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-col gap-4" }, Yr = { class: "flex w-full gap-4" }, Xr = { class: "basis-1/2 shrink-0 grow fm-typo-en-body-lg-400 line-clamp-2" }, Jr = { class: "fm-typo-en-body-lg-600 line-clamp-2" }, Zr = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, es = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-1" }, ts = {
+  key: 0,
+  class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, rs = { class: "py-8" }, ss = { class: "flex justify-end gap-4 items-center" }, as = { class: "fm-typo-en-body-lg-600" }, ns = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, os = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, is = ["src"], ls = { class: "fm-typo-en-body-lg-600" }, cs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, us = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, ds = { class: "flex gap-12 content-stretch" }, ms = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, fs = { class: "flex-1 flex flex-col items-center" }, ps = { class: "flex-1 flex flex-col items-center" }, ys = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, vs = { class: "fm-typo-en-body-lg-400" }, hs = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, bs = { class: "flex gap-12 content-stretch" }, gs = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, _s = { class: "flex-1 flex flex-col items-center" }, Ss = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, ws = { class: "flex flex-col gap-8" }, Rs = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Os = { class: "flex flex-col gap-4" }, ks = { class: "flex gap-8 xs:flex-col" }, Ls = /* @__PURE__ */ fe({
+  __name: "TransferDetails",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    transferTo: {},
+    transferToDbName: {},
+    show: { type: Boolean },
+    canResubmit: { type: Boolean },
+    canApprove: { type: Boolean },
+    scope: {}
+  },
+  emits: ["update:show", "submitted"],
+  setup(m, { emit: s }) {
+    const n = m, O = s, u = Me(), e = Ae(), l = $e(), d = ue(), r = qe(), h = Y(
+      () => {
+        var t, p;
+        return {
+          id: ((t = r.sessionUser.value) == null ? void 0 : t.id) ?? "",
+          name: ((p = r.sessionUser.value) == null ? void 0 : p.displayName) ?? ""
+        };
+      }
+    ), _ = Et(), { t: f } = ot(), i = Y(
+      () => {
+        var t, p, w, S;
+        return ((p = (t = n.purchaseOrder) == null ? void 0 : t.supplier) == null ? void 0 : p.internal) === "restaurant" || ((S = (w = n.purchaseOrder) == null ? void 0 : w.supplier) == null ? void 0 : S.internal) === "warehouse" ? me.TRANSFER : me.PURCHASE;
+      }
+    ), c = U(!1), o = U(""), y = U(!0), x = Te(), A = qt(x.getWorkflowConfig), H = lt(), M = Y(() => {
+      if (!n.purchaseOrder)
+        return [];
+      const t = A.result.value;
+      if (t.state === Ze.loading)
+        return [];
+      const p = {
+        user: h.value,
+        executedAt: d.locations.computeFirst(
+          (S) => {
+            var $;
+            return S.dbName === (($ = d._currentLocation) == null ? void 0 : $.dbName) ? S : null;
+          }
+        ),
+        purchaseOrderRequest: n.poRequest,
+        purchaseOrder: n.purchaseOrder
+      };
+      let w = [];
+      try {
+        t.state === Ze.error ? (console.error("Error fetching workflow config:", t.error), w = Fe.getAvailableActions({
+          ...p,
+          orderConfig: Fe.getDefaultConfig()
+        }).actions.filter(
+          (S) => (
+            // TODO: create receiveStock & processRequest dialog
+            // to create their payload
+            S !== k.enum.receiveStock && S !== k.enum.processRequest && S !== k.enum.closeRequest
+          )
+        )) : w = Fe.getAvailableActions({
+          ...p,
+          orderConfig: t.data
+        }).actions.filter(
+          (S) => S !== k.enum.receiveStock && S !== k.enum.processRequest && S !== k.enum.closeRequest
+        );
+      } catch (S) {
+        console.error("Error getting available actions:", S);
+      }
+      return n.scope === "approval" && (w = w.filter((S) => S !== k.enum.completeReceive)), w;
+    }), X = kt(n, "show"), se = Y(() => [
+      {
+        label: f("inventory.transfer.receiveRequest.details.overview"),
+        value: "overview"
+      },
+      {
+        label: f("inventory.transfer.receiveRequest.details.deliveryHistory"),
+        value: "deliveryHistory"
+      }
+    ]), J = U(se.value[0]);
+    bt(
+      () => n.show,
+      (t) => {
+        t && (J.value = se.value[0]);
+      }
+    );
+    async function pe(t, p, w, S, $) {
+      return new Promise((K, G) => {
+        u.open({
+          closeButton: !1,
+          title: S.title,
+          message: S.message,
+          primaryActions: S.primaryActions,
+          secondaryActions: { text: "No", close: !1 }
+        }).onPrimary(async () => {
+          var T, I, j, F;
+          const v = [];
+          w === k.enum.approveRequest ? (v.push({
+            action: "approveRequest",
+            payload: null
+          }), p.fulfillment && v.push({
+            action: "processRequest",
+            payload: {
+              fulfillmentId: "",
+              deliveryOrderNumber: "",
+              deliveryRemark: null,
+              items: p.fulfillment.items,
+              createdBy: h.value
+            }
+          })) : w === k.enum.processRequest && p.fulfillment && v.push({
+            action: "processRequest",
+            payload: {
+              fulfillmentId: "",
+              deliveryOrderNumber: "",
+              deliveryRemark: null,
+              items: p.fulfillment.items,
+              createdBy: h.value
+            }
+          });
+          try {
+            await H({
+              operate: {
+                operation: w,
+                doc: t,
+                options: p
+              },
+              operateV2: {
+                _id: ((T = n.purchaseOrder) == null ? void 0 : T._id) ?? "",
+                _rev: ((I = n.purchaseOrder) == null ? void 0 : I._rev) ?? "",
+                action: w,
+                payloads: v
+                // add payload if action is receiveStock or processRequest
+              },
+              transferTo: (F = (j = n.poRequest) == null ? void 0 : j.to) == null ? void 0 : F.dbName
+            }).delayed(1e3), K("submitted");
+          } catch (W) {
+            G(W);
+          }
+        }).onSecondary(() => {
+          K("cancelled");
+          for (let v = 0; v < $ + 2; v++)
+            u.close();
+        }).onClose(() => {
+        });
+      });
+    }
+    async function oe(t) {
+      var S, $, K, G;
+      if (t === k.enum.receiveStock)
+        return;
+      const p = it[t];
+      if (!p) {
+        e.open({
+          title: "Something went wrong",
+          message: `Cannot process order: ${Ve(t)}`,
+          type: "error"
+        });
+        return;
+      }
+      const { successMessage: w } = p;
+      if (n.purchaseOrder) {
+        o.value = `${t}`, c.value = !0, y.value = !1;
+        const v = {};
+        let T = 0;
+        if ((t === k.enum.confirmDraft || // auto receive for warehouse to warehouse
+        t === k.enum.completeReceive) && l.autoReceiveWarehouse)
+          v.autoReceive = !0;
+        else if ((t === k.enum.approveRequest || t === k.enum.processRequest) && l.acceptRequireFulfillment) {
+          const I = ($ = (S = n.poRequest) == null ? void 0 : S.from) == null ? void 0 : $.dbName, j = (G = (K = n.poRequest) == null ? void 0 : K.to) == null ? void 0 : G.dbName;
+          if (I && j && (I.startsWith("warehouse_") || j.startsWith("warehouse_"))) {
+            const F = await new Promise((W, E) => {
+              u.open({
+                closeButton: !1,
+                title: "Confirm transfer amount",
+                dialogComponent: Ft,
+                dialogComponentProps: {
+                  purchaseOrder: n.purchaseOrder,
+                  confirm: W,
+                  "onUpdate:show": (ae) => {
+                    ae || (o.value = "", c.value = !1, y.value = !0, T++, u.close()), E("cancelled");
+                  }
+                }
+              });
+            });
+            v.fulfillment = F;
+          }
+        }
+        try {
+          await pe(
+            n.purchaseOrder,
+            v,
+            t,
+            p,
+            T
+          ) === "submitted" && (e.open({
+            title: "Success",
+            message: w,
+            type: "success"
+          }), O("update:show", !1), O("submitted"));
+        } catch (I) {
+          e.open({
+            title: "Something went wrong",
+            message: "Please try again.",
+            type: "error"
+          }), console.error("Error when submitting PO operation", t, n.purchaseOrder, I);
+        } finally {
+          o.value = "", c.value = !1, y.value = !0;
+        }
+      }
+    }
+    const ye = Y(() => {
+      var t, p;
+      return ((t = n.purchaseOrder) == null ? void 0 : t.status) === ce.enum.RECEIVING || ((p = n.purchaseOrder) == null ? void 0 : p.status) === ce.enum.COMPLETE;
+    }), Pe = Y(() => {
+      var K, G, v;
+      const w = (((K = n.purchaseOrder) == null ? void 0 : K.deliveryOrder) ?? []).flatMap((T) => T.received ?? []).reduce(
+        (T, I) => {
+          const j = T[I.sku._id] ?? [];
+          return T[I.sku._id] = [...j, I], T;
+        },
+        {}
+      ), S = Object.entries(w).reduce(
+        (T, [I, j]) => {
+          const F = j.reduce((W, E) => {
+            const ae = yt(
+              W,
+              Math.max(W.precision, E.amount.precision)
+            );
+            return Le(ae, E.amount);
+          }, xe(0));
+          return T[I] = F, T;
+        },
+        {}
+      ), $ = ((G = n.purchaseOrder) == null ? void 0 : G.items) ?? [];
+      for (const T of $)
+        S[v = T.sku._id] ?? (S[v] = xe(0));
+      return S;
+    }), ie = Y(() => {
+      var K, G;
+      const t = ((K = n.purchaseOrder) == null ? void 0 : K.deliveryOrder) ?? [], p = ((G = n.purchaseOrder) == null ? void 0 : G.deliveryFullfillment) ?? [], w = [
+        ...t.map((v) => ({
+          createdAt: v.createdAt,
+          type: "grn",
+          doc: v
+        })),
+        ...p.map((v) => ({
+          createdAt: v.createdAt,
+          type: "fulfillment",
+          doc: v
+        }))
+      ];
+      w.reverse().sort((v, T) => v.createdAt.localeCompare(T.createdAt));
+      function S(v) {
+        var j, F, W, E, ae, ge, _e, Se, B;
+        const T = p.findIndex((P) => P.id === v.fullfillmentId), I = [
+          (F = (j = p[T]) == null ? void 0 : j.netSuite) != null && F.refNo ? {
+            label: "Fulfillment's ref no. (Netsuite)",
+            values: [(E = (W = p[T]) == null ? void 0 : W.netSuite) == null ? void 0 : E.refNo]
+          } : null,
+          (ae = v == null ? void 0 : v.netSuite) != null && ae.refNo ? {
+            label: "Netsuite ref no.",
+            values: [(ge = v == null ? void 0 : v.netSuite) == null ? void 0 : ge.refNo]
+          } : null,
+          (_e = v == null ? void 0 : v.netSuite) != null && _e.recordType ? {
+            label: "Netsuite Type",
+            values: [rt((Se = v == null ? void 0 : v.netSuite) == null ? void 0 : Se.recordType)]
+          } : null
+        ];
+        return {
+          header: "Received",
+          date: Ce(new Date(v.createdAt)),
+          info: [
+            {
+              label: "Adjustment date",
+              values: [
+                v.adjustment ? Ce(new Date(vt(v.adjustment))) : "-"
+              ]
+            },
+            {
+              label: "Received by",
+              values: [(B = v.createdBy) == null ? void 0 : B.name]
+            },
+            {
+              label: "Received items",
+              values: v.received.map((P) => {
+                var z;
+                return q("div", [
+                  q(
+                    "div",
+                    {
+                      class: "flex gap-4"
+                    },
+                    [
+                      q(
+                        "div",
+                        {
+                          class: "flex flex-col"
+                        },
+                        [
+                          q(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-lg-800 basis-1/2 shrink-0 grow"
+                            },
+                            `${P.sku.name}`
+                          ),
+                          q(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-md-400"
+                            },
+                            `${P.sku.code} `
+                          )
+                        ]
+                      ),
+                      q(
+                        "div",
+                        {
+                          class: "ml-auto flex flex-col"
+                        },
+                        [
+                          q(
+                            "div",
+                            {
+                              class: "ml-auto flex gap-1"
+                            },
+                            [
+                              q(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-600 self-end"
+                                },
+                                le(P.amount, !1)
+                              ),
+                              q(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+                                },
+                                ((z = P.measurement) == null ? void 0 : z.abbrev) ?? P.sku.unit.abbrev
+                              )
+                            ]
+                          ),
+                          q(
+                            "div",
+                            {
+                              class: "flex self-end fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+                            },
+                            `${P.cost ? `(${Oe(P.cost)})` : ""}`
+                          )
+                        ]
+                      )
+                    ]
+                  )
+                ]);
+              })
+            },
+            v.deliveryOrderNumber ? {
+              label: "Delivery order no.",
+              values: [v.deliveryOrderNumber]
+            } : null,
+            v.remark ? {
+              label: "Remark",
+              values: [v.remark]
+            } : null,
+            T > -1 ? {
+              label: "Fulfilment's sequence",
+              values: [`${T + 1}`]
+            } : null,
+            ...I
+          ].filter((P) => P)
+        };
+      }
+      function $(v) {
+        var I, j;
+        const T = p.findIndex((F) => F.id === v.id);
+        return {
+          header: "Fulfillment",
+          date: Ce(new Date(v.createdAt)),
+          info: [
+            {
+              label: "Sequence",
+              values: [String(T + 1)]
+            },
+            {
+              label: "Receiveable items",
+              values: v.items.map((F) => {
+                var W;
+                return q("div", [
+                  q(
+                    "div",
+                    {
+                      class: "flex gap-4"
+                    },
+                    [
+                      q(
+                        "div",
+                        {
+                          class: "flex flex-col"
+                        },
+                        [
+                          q(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-lg-800 basis-1/2 shrink-0 grow"
+                            },
+                            `${F.sku.name}`
+                          ),
+                          q(
+                            "span",
+                            {
+                              class: "fm-typo-en-body-md-400"
+                            },
+                            `${F.sku.code} `
+                          )
+                        ]
+                      ),
+                      q(
+                        "div",
+                        {
+                          class: "ml-auto flex flex-col"
+                        },
+                        [
+                          q(
+                            "div",
+                            {
+                              class: "ml-auto flex gap-1"
+                            },
+                            [
+                              q(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-600 self-end"
+                                },
+                                le(F.amount, !1)
+                              ),
+                              q(
+                                "span",
+                                {
+                                  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+                                },
+                                ((W = F.measurement) == null ? void 0 : W.abbrev) ?? F.sku.unit.abbrev
+                              )
+                            ]
+                          ),
+                          q(
+                            "div",
+                            {
+                              class: "flex self-end fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+                            },
+                            `${F.cost ? `(${Oe(F.cost)})` : ""}`
+                          )
+                        ]
+                      )
+                    ]
+                  )
+                ]);
+              })
+            },
+            (I = v.netSuite) != null && I.refNo ? {
+              label: "Ref no. (Netsuite)",
+              values: [(j = v.netSuite) == null ? void 0 : j.refNo]
+            } : null
+          ].filter((F) => F)
+        };
+      }
+      return w.map((v) => {
+        switch (v.type) {
+          case "grn":
+            return S(v.doc);
+          case "fulfillment":
+            return $(v.doc);
+        }
+      });
+    }), D = Y(() => {
+      var p;
+      const t = {
+        ...xe(0),
+        currency: Xe()
+      };
+      return ((p = n.purchaseOrder) == null ? void 0 : p.items.reduce((w, S) => ({
+        ...Le(w, S.totalCost ?? t),
+        currency: Xe()
+      }), t)) ?? t;
+    });
+    return (t, p) => {
+      var F, W;
+      const w = V("FmButtonGroup"), S = V("FmChip"), $ = V("FmMenuDivider"), K = V("FmCard"), G = V("FmIcon"), v = V("FmTooltip"), T = V("FmSpacer"), I = V("FmButton"), j = V("FmSideSheet");
+      return g(), ne(j, {
+        header: b(f)("inventory.transfer.receiveRequest.details.title") + ((F = t.purchaseOrder) != null && F.seqNumber ? ` #${(W = t.purchaseOrder) == null ? void 0 : W.seqNumber}` : ""),
+        modelValue: b(X),
+        "onUpdate:modelValue": p[5] || (p[5] = (E) => gt(X) ? X.value = E : null),
+        "dismiss-away": y.value,
+        "close-button": "",
+        "max-width": 600
+      }, {
+        default: re(() => {
+          var E, ae, ge, _e, Se;
+          return [
+            a("div", gr, [
+              a("div", null, [
+                C(w, {
+                  items: se.value,
+                  modelValue: J.value,
+                  "onUpdate:modelValue": p[0] || (p[0] = (B) => J.value = B)
+                }, null, 8, ["items", "modelValue"])
+              ]),
+              J.value.value === "overview" ? (g(), R(ee, { key: 0 }, [
+                a("div", null, [
+                  C(K, {
+                    variant: "outlined",
+                    class: "flex flex-col gap-8 px-12 py-16"
+                  }, {
+                    default: re(() => {
+                      var B, P, z, ve, he, Re, je, Ke, ze, He, Ge, We;
+                      return [
+                        a("div", _r, [
+                          a("div", Sr, N(b(f)("inventory.transfer.receiveRequest.details.requestSummary")), 1),
+                          a("div", null, [
+                            C(S, {
+                              label: b(f)(`inventory.transfer.status.${(B = t.purchaseOrder) == null ? void 0 : B.status}`),
+                              class: ke(`fm-status-badge fm-status-badge-${(z = (P = t.purchaseOrder) == null ? void 0 : P.status) == null ? void 0 : z.toLocaleLowerCase("en-us")}`),
+                              compact: ""
+                            }, null, 8, ["label", "class"])
+                          ])
+                        ]),
+                        C($),
+                        a("div", wr, [
+                          a("div", Rr, [
+                            a("div", Or, [
+                              a("div", kr, N(b(f)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                            ]),
+                            a("div", xr, N(b(Ne)(((ve = t.purchaseOrder) == null ? void 0 : ve._id) ?? "")), 1)
+                          ]),
+                          (he = t.purchaseOrder) != null && he.effectiveAt ? (g(), R("div", Nr, [
+                            a("div", Dr, N(b(f)("inventory.transfer.receiveRequest.details.backdatedTo")), 1),
+                            a("div", qr, N(b(tt)(new Date((Re = t.purchaseOrder) == null ? void 0 : Re.effectiveAt))), 1)
+                          ])) : L("", !0),
+                          a("div", Ar, [
+                            a("div", $r, N(b(f)("inventory.transfer.receiveRequest.details.type.title")), 1),
+                            a("div", Tr, N(b(f)(
+                              `inventory.transfer.receiveRequest.details.type.${i.value.toLocaleLowerCase("en-US")}`
+                            )), 1)
+                          ]),
+                          (Ke = (je = t.purchaseOrder) == null ? void 0 : je.supplier) != null && Ke.name ? (g(), R("div", Pr, [
+                            a("div", Cr, N(b(f)("inventory.transfer.receiveRequest.details.from")), 1),
+                            a("div", Ir, N((He = (ze = t.purchaseOrder) == null ? void 0 : ze.supplier) == null ? void 0 : He.name), 1)
+                          ])) : L("", !0),
+                          t.transferTo ? (g(), R("div", Fr, [
+                            a("div", Er, N(b(f)("inventory.transfer.receiveRequest.details.to")), 1),
+                            a("div", Br, N(t.transferTo), 1)
+                          ])) : L("", !0),
+                          (Ge = t.purchaseOrder) != null && Ge.ref ? (g(), R("div", Lr, [
+                            a("div", Ur, N(b(f)("inventory.transfer.receiveRequest.details.reference")), 1),
+                            a("div", Vr, N(t.purchaseOrder.ref), 1)
+                          ])) : L("", !0),
+                          (We = t.purchaseOrder) != null && We.remark ? (g(), R("div", Mr, [
+                            a("div", jr, N(b(f)("inventory.transfer.receiveRequest.details.remark")), 1),
+                            a("div", Kr, N(t.purchaseOrder.remark), 1)
+                          ])) : L("", !0)
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                C(br, {
+                  "po-request": t.poRequest,
+                  purchaseOrder: t.purchaseOrder,
+                  transferType: i.value,
+                  transferToDbName: t.transferToDbName,
+                  scope: t.scope
+                }, null, 8, ["po-request", "purchaseOrder", "transferType", "transferToDbName", "scope"]),
+                a("div", zr, [
+                  a("div", Hr, [
+                    a("div", Gr, [
+                      a("span", Wr, [
+                        Ie(N(ye.value ? b(f)("inventory.transfer.receiveRequest.details.receivedItems") : b(f)("inventory.transfer.receiveRequest.details.requestedItems")) + " ", 1),
+                        (ae = (E = t.purchaseOrder) == null ? void 0 : E.netSuite) != null && ae.missingItems && ((_e = (ge = t.purchaseOrder) == null ? void 0 : ge.netSuite) == null ? void 0 : _e.missingItems.length) > 0 ? (g(), ne(v, {
+                          key: 0,
+                          variant: "rich",
+                          placement: "top",
+                          "z-index": 51
+                        }, {
+                          content: re(() => {
+                            var B, P;
+                            return [
+                              a("div", Qr, [
+                                (g(!0), R(ee, null, de((P = (B = t.purchaseOrder) == null ? void 0 : B.netSuite) == null ? void 0 : P.missingItems, (z, ve) => (g(), R("div", {
+                                  class: "flex justify-center align-middle",
+                                  key: ve
+                                }, [
+                                  C(G, {
+                                    name: "arrow_right",
+                                    size: "sm"
+                                  }),
+                                  Ie(" " + N(`(${z.netSuiteId}) ${z.name}: ${z.reason}`), 1)
+                                ]))), 128))
+                              ])
+                            ];
+                          }),
+                          default: re(() => [
+                            C(G, {
+                              name: "error",
+                              color: "#ff2c2c",
+                              size: "sm"
+                            })
+                          ]),
+                          _: 1
+                        })) : L("", !0)
+                      ])
+                    ]),
+                    C($),
+                    (g(!0), R(ee, null, de(((Se = t.purchaseOrder) == null ? void 0 : Se.items) ?? [], (B) => {
+                      var P;
+                      return g(), R("div", {
+                        key: B.code,
+                        class: "flex flex-col"
+                      }, [
+                        a("div", Yr, [
+                          a("div", Xr, N(B.name), 1),
+                          a("div", Jr, N(b(le)(Pe.value[B.sku._id], !1)) + "/" + N(b(nt)(B.quantity, B.sku.unit, B.measurement)), 1)
+                        ]),
+                        a("div", Zr, [
+                          a("div", es, N(B.code), 1),
+                          (P = B.totalCost) != null && P.amount && b(l).enableTotalCost ? (g(), R("div", ts, " (" + N(b(Oe)(B.totalCost)) + ") ", 1)) : L("", !0)
+                        ])
+                      ]);
+                    }), 128)),
+                    +b(le)(D.value) ? (g(), R(ee, { key: 0 }, [
+                      a("div", rs, [
+                        C($)
+                      ]),
+                      a("div", ss, [
+                        p[6] || (p[6] = a("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Total:", -1)),
+                        a("div", as, N(b(Oe)(D.value)), 1)
+                      ])
+                    ], 64)) : L("", !0)
+                  ])
+                ])
+              ], 64)) : J.value.value === "deliveryHistory" ? (g(), R("div", ns, [
+                ie.value.length ? (g(), R("div", us, [
+                  (g(!0), R(ee, null, de(ie.value, (B, P) => (g(), R(ee, { key: P }, [
+                    a("div", ds, [
+                      a("div", ms, [
+                        a("div", fs, [
+                          a("div", {
+                            class: ke([
+                              {
+                                "bg-fm-color-primary": P !== 0,
+                                "bg-white": P === 0
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ]),
+                        p[7] || (p[7] = a("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                        a("div", ps, [
+                          a("div", {
+                            class: ke([
+                              {
+                                "bg-fm-color-primary": P < ie.value.length - 1,
+                                "bg-white": P >= ie.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      a("div", ys, [
+                        a("div", vs, N(B.header), 1),
+                        a("div", hs, N(B.date), 1)
+                      ])
+                    ]),
+                    a("div", bs, [
+                      a("div", gs, [
+                        a("div", _s, [
+                          a("div", {
+                            class: ke([
+                              {
+                                "bg-fm-color-primary": P < ie.value.length - 1,
+                                "bg-white": P >= ie.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      a("div", Ss, [
+                        C(K, {
+                          variant: "outlined",
+                          class: "py-12 px-16"
+                        }, {
+                          default: re(() => [
+                            a("div", ws, [
+                              (g(!0), R(ee, null, de(B.info, (z, ve) => (g(), R("div", {
+                                key: ve,
+                                class: "flex flex-col gap-4"
+                              }, [
+                                a("div", Rs, N(z == null ? void 0 : z.label), 1),
+                                a("div", Os, [
+                                  (g(!0), R(ee, null, de(z == null ? void 0 : z.values, (he, Re) => (g(), R("div", {
+                                    key: Re,
+                                    class: "fm-typo-en-body-lg-600"
+                                  }, [
+                                    typeof he == "string" ? (g(), R(ee, { key: 0 }, [
+                                      Ie(N(he), 1)
+                                    ], 64)) : (g(), ne(_t(he), { key: 1 }))
+                                  ]))), 128))
+                                ])
+                              ]))), 128))
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])
+                    ])
+                  ], 64))), 128))
+                ])) : (g(), R("div", os, [
+                  C(T),
+                  a("div", null, [
+                    a("img", {
+                      src: b(Ot),
+                      alt: "List is empty"
+                    }, null, 8, is)
+                  ]),
+                  a("div", ls, N(b(f)("inventory.transfer.receiveRequest.details.noRecordsFound")), 1),
+                  a("div", cs, N(b(f)("inventory.transfer.receiveRequest.details.trackDeliveryMessage")), 1),
+                  C(T),
+                  C(T)
+                ]))
+              ])) : L("", !0)
+            ])
+          ];
+        }),
+        "side-sheet-footer": re(() => [
+          a("div", ks, [
+            (g(!0), R(ee, null, de(M.value, (E) => (g(), R(ee, null, [
+              b(Be)[E].available != !1 ? (g(), ne(I, {
+                key: E,
+                label: b(f)(b(Be)[E].translationKey),
+                onClick: (ae) => oe(E),
+                loading: o.value === E,
+                disabled: o.value !== E && c.value,
+                variant: b(Be)[E].buttonVariant
+              }, null, 8, ["label", "onClick", "loading", "disabled", "variant"])) : L("", !0)
+            ], 64))), 256)),
+            b(_).ableToMarkReceived(t.purchaseOrder) && !M.value.includes("completeReceive") ? (g(), ne(I, {
+              key: 0,
+              label: b(f)("inventory.transfer.receiveRequest.actions.completeReceive"),
+              onClick: p[1] || (p[1] = (E) => oe("completeReceive")),
+              loading: o.value === "completeReceive",
+              disabled: o.value !== "completeReceive" && c.value
+            }, null, 8, ["label", "loading", "disabled"])) : L("", !0),
+            b(_).ableToMarkApproved(t.purchaseOrder) && t.canApprove && !M.value.includes("approveRequest") ? (g(), ne(I, {
+              key: 1,
+              label: b(f)("inventory.transfer.approval.actions.approveRequest"),
+              onClick: p[2] || (p[2] = (E) => oe("approveRequest")),
+              loading: o.value === "approveRequest",
+              disabled: o.value !== "approveRequest" && c.value
+            }, null, 8, ["label", "loading", "disabled"])) : L("", !0),
+            b(_).ableToCreateFulfillment(t.purchaseOrder, t.poRequest) ? (g(), ne(I, {
+              key: 2,
+              label: b(f)("inventory.transfer.receiveRequest.actions.processRequest"),
+              onClick: p[3] || (p[3] = (E) => oe("processRequest")),
+              loading: o.value === "processRequest",
+              disabled: o.value !== "processRequest" && c.value
+            }, null, 8, ["label", "loading", "disabled"])) : L("", !0),
+            C(I, {
+              label: b(f)("common.close"),
+              variant: "tertiary",
+              onClick: p[4] || (p[4] = (E) => O("update:show", !1))
+            }, null, 8, ["label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+});
+export {
+  Ue as P,
+  Ls as _,
+  Es as a,
+  Bs as b,
+  $t as g,
+  Te as u
+};