@feedmepos/mf-inventory-portal 0.0.25-dev.42 → 0.0.25-dev.44

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-BNrw0rsd.js

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