@feedmepos/mf-inventory-portal 1.0.5-dev → 1.0.6

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-dC5nYDyp.js

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