@feedmepos/mf-inventory-portal 1.0.13 → 1.0.15-dev.1

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-Bm9lLcf5.js

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