@feedmepos/mf-inventory-portal 1.1.2-dev.2 → 1.1.2

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-g74nRiM0.js

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