@feedmepos/mf-inventory-portal 1.0.7 → 1.0.8-dev.2

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-CljJoB4v.js

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