@feedmepos/mf-inventory-portal 0.0.22-dev.3 → 0.0.22-dev.30

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-BZJyhJu4.js

@@ -0,0 +1,858 @@
+import { f as ue } from "./format-time-from-id-o1plVFRH.js";
+import { computed as z, h as re, defineComponent as Ae, ref as ae, resolveComponent as H, openBlock as c, createBlock as $, unref as r, isRef as Ce, withCtx as ne, createElementVNode as e, createVNode as L, createElementBlock as b, Fragment as J, toDisplayString as d, normalizeClass as oe, createCommentVNode as x, renderList as le } from "vue";
+import { c as he } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { D as k, R as h } from "./row-action.enum-PMKMRrZR.js";
+import { D as Re, m as de, a as te, am as _e, an as S, c as Ee, j as Ne, ag as A, J as Te, H as Pe, ak as Fe, b as $e, x as Ie, T as ge } from "./app-A8ykBdGf.js";
+import { F as je } from "./decimal-BC4EGBAX.js";
+import { f as Oe, P as ie, d as Me, e as Le } from "./purchase-order-transaction-type-skN4AmEj.js";
+import { useDialog as Ue, useSnackbar as Ke, useProxiedModel as Ve } from "@feedmepos/ui-library";
+import { useI18n as xe } from "@feedmepos/mf-common";
+import { E as Be } from "./empty-placeholder-wf6-BWE8.js";
+function Ge(v, C) {
+  return C.reduce(
+    (a, I) => {
+      const P = I.received.find((E) => E.sku._id === v._id);
+      return P && (a = Re(a, P.amount)), a;
+    },
+    je.toPrecision(de(0), v.unit.precision)
+  );
+}
+function He(v, C) {
+  const { name: y, address: a, regNo: I } = C.doc.profile, P = {
+    name: y,
+    registrationNumber: I,
+    line1: a == null ? void 0 : a.line1,
+    line2: a == null ? void 0 : a.line2,
+    postcode: a == null ? void 0 : a.postcode,
+    city: a == null ? void 0 : a.city,
+    state: a == null ? void 0 : a.state,
+    country: a == null ? void 0 : a.country
+  }, E = {
+    name: v.supplier.name,
+    registrationNumber: v.supplier.registrationNumber,
+    line1: v.supplier.address.line1,
+    line2: v.supplier.address.line2,
+    postcode: v.supplier.address.postcode,
+    city: v.supplier.address.city,
+    state: v.supplier.address.state,
+    country: v.supplier.address.country
+  }, Y = v.items.map((i) => {
+    const { sku: l, measurement: u } = i, j = te(
+      Ge(i.sku, v.deliveryOrder || []),
+      !1
+    );
+    return {
+      code: l.code,
+      description: l.name,
+      quantity: Oe(i.quantity, l.unit, i.measurement),
+      unit: (u == null ? void 0 : u.abbrev) || l.unit.abbrev,
+      received: j
+    };
+  }), m = v.deliveryOrder.map((i) => ({
+    createdAt: _e(new Date(i.createdAt)),
+    ref: i.deliveryOrderNumber,
+    remark: i.remark || "",
+    items: i.received.map((l) => {
+      var u;
+      return {
+        code: l.sku.code,
+        description: l.sku.name,
+        quantity: te(l.amount),
+        unit: ((u = l.measurement) == null ? void 0 : u.abbrev) || l.sku.unit.abbrev
+      };
+    })
+  })), U = {
+    orderNumber: v.seqNumber.toString(),
+    createdAt: ue(v._id),
+    ref: v.ref || "",
+    remark: v.remark || "",
+    buyer: P,
+    supplier: E,
+    items: Y,
+    status: v.status,
+    deliveryOrders: m
+  }, 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(U)), window.open(o.href, "_blank", "noreferrer");
+}
+const W = {
+  submitRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.submitRequest",
+    color: "text-fm-color-typo-primary",
+    value: S.enum.submitRequest
+  },
+  confirmDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.confirmDraft",
+    color: "text-fm-color-typo-primary",
+    value: S.enum.confirmDraft
+  },
+  cancelDraft: {
+    translationKey: "inventory.transfer.receiveRequest.actions.cancelDraft",
+    color: "text-fm-color-typo-error",
+    value: S.enum.cancelDraft
+  },
+  approveRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.approveRequest",
+    color: "text-fm-color-typo-primary",
+    value: S.enum.approveRequest
+  },
+  rejectRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.rejectRequest",
+    color: "text-fm-color-typo-error",
+    value: S.enum.rejectRequest
+  },
+  processRequest: {
+    translationKey: "inventory.transfer.receiveRequest.actions.processRequest",
+    color: "text-fm-color-typo-primary",
+    value: S.enum.processRequest
+  },
+  receiveStock: {
+    translationKey: "inventory.transfer.receiveRequest.actions.receiveStock",
+    color: "text-fm-color-typo-primary",
+    value: S.enum.receiveStock
+  },
+  completeReceive: {
+    translationKey: "inventory.transfer.receiveRequest.actions.completeReceive",
+    color: "text-fm-color-typo-primary",
+    value: S.enum.completeReceive
+  }
+};
+function ds(v, C) {
+  const y = Ne(), { t: a } = xe();
+  function I(o) {
+    switch (o.status) {
+      case "DRAFT":
+        return [
+          o.supplier.internal === "restaurant" || o.supplier.internal === "warehouse" ? W[S.enum.submitRequest] : W[S.enum.confirmDraft],
+          W[S.enum.cancelDraft],
+          k[h.Update],
+          k[h.Details],
+          k[h.Print]
+        ];
+      case "RECEIVING":
+        return [
+          W[S.enum.completeReceive],
+          k[h.Update],
+          k[h.Details],
+          k[h.Print]
+        ];
+      case "REQUESTING":
+        return v === "receive/request" ? [
+          k[h.Update],
+          k[h.Details],
+          k[h.Print]
+        ] : [
+          W[S.enum.approveRequest],
+          W[S.enum.rejectRequest],
+          k[h.Details],
+          k[h.Print]
+        ];
+      case "PROCESSING":
+        return [k[h.Details], k[h.Print]];
+      case "COMPLETE":
+        return [
+          k[h.Update],
+          k[h.Details],
+          k[h.Print]
+        ];
+      case "CANCEL":
+      default:
+        return [k[h.Details], k[h.Print]];
+    }
+  }
+  function P(o) {
+    return Object.values(S.enum).includes(o);
+  }
+  async function E(o, i, l) {
+    var j, se;
+    const u = Ee(i);
+    if (o === h.Print) {
+      He(u, y.currentLocation);
+      return;
+    }
+    if (o === h.Details) {
+      C.promptShowTransferDetails(u, l);
+      return;
+    }
+    if (o === h.Update) {
+      (j = C.promptUpdateTransferDialog) == null || j.call(C, u);
+      return;
+    }
+    if (P(o)) {
+      C.submitAction(i, o, (se = l == null ? void 0 : l.to) == null ? void 0 : se.dbName);
+      return;
+    }
+  }
+  function Y() {
+    return [
+      {
+        accessorKey: "seqNumber",
+        header: () => a("inventory.transfer.table.seqNo"),
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "_id",
+        header: () => a("inventory.transfer.table.createdAt"),
+        cell(o) {
+          return ue(`${o.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "supplier.name",
+        header: () => a("inventory.transfer.table.transferFrom"),
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        accessorKey: "items.length",
+        header: () => a("inventory.transfer.table.noOfItems"),
+        enableSorting: !1,
+        meta: {
+          width: "10rem"
+        }
+      },
+      {
+        accessorKey: "ref",
+        header: () => a("inventory.transfer.table.reference"),
+        enableSorting: !1,
+        size: "auto"
+      },
+      {
+        accessorKey: "status",
+        header: () => a("inventory.transfer.table.status"),
+        cell(o) {
+          const i = a(`inventory.transfer.status.${o.getValue() ?? ""}`), l = `${o.getValue() ?? ""}`.toLocaleLowerCase("en-us");
+          return re(
+            "div",
+            {
+              class: "flex"
+            },
+            re(
+              "div",
+              {
+                class: `fm-status-badge fm-status-badge-${l}`
+              },
+              i
+            )
+          );
+        },
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        id: "action",
+        cell(o) {
+          const i = o.row.original, l = I(i);
+          return he(l, (u) => E(u, i));
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+  }
+  function m() {
+    return [
+      {
+        accessorKey: "purchaseOrder.seqNumber",
+        header: () => a("inventory.transfer.table.seqNo"),
+        enableSorting: !0,
+        size: 80,
+        sortUndefined: "last"
+      },
+      {
+        accessorKey: "purchaseOrder._id",
+        header: () => a("inventory.transfer.table.createdAt"),
+        cell(o) {
+          return ue(`${o.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        accessorKey: "to.name",
+        header: () => a("inventory.transfer.table.transferTo"),
+        enableSorting: !1,
+        size: 200
+      },
+      {
+        accessorKey: "purchaseOrder.items.length",
+        header: () => a("inventory.transfer.table.noOfItems"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "purchaseOrder.ref",
+        header: () => a("inventory.transfer.table.reference"),
+        enableSorting: !1,
+        size: "auto"
+      },
+      {
+        accessorKey: "purchaseOrder.status",
+        header: () => a("inventory.transfer.table.status"),
+        cell(o) {
+          const i = a(`inventory.transfer.status.${o.getValue() ?? ""}`), l = `${o.getValue() ?? ""}`.toLocaleLowerCase("en-us");
+          return re(
+            "div",
+            {
+              class: "flex"
+            },
+            re(
+              "div",
+              {
+                class: `fm-status-badge fm-status-badge-${l}`
+              },
+              i
+            )
+          );
+        },
+        enableSorting: !0
+      },
+      {
+        id: "action",
+        cell(o) {
+          const i = o.row.original, l = i.purchaseOrder ? I(i.purchaseOrder) : [];
+          return he(
+            l,
+            (u) => i.purchaseOrder ? E(u, i.purchaseOrder, i) : void 0
+          );
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ];
+  }
+  const U = z(() => v === "receive/request" ? Y() : m());
+  return {
+    get columnDefs() {
+      return U.value;
+    }
+  };
+}
+const ze = { class: "flex flex-col gap-16 w-full h-full" }, Ye = { class: "flex justify-between" }, Qe = { class: "fm-typo-en-body-lg-600" }, Je = { class: "flex flex-col gap-8" }, We = { class: "flex flex-col gap-4" }, Xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ze = { class: "flex gap-1" }, et = { class: "fm-typo-en-body-lg-600" }, tt = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt = { class: "fm-typo-en-body-lg-600" }, at = { class: "flex flex-col gap-4" }, nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ot = { class: "fm-typo-en-body-lg-600" }, lt = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, it = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ut = { class: "fm-typo-en-body-lg-600" }, ct = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, dt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, mt = { class: "fm-typo-en-body-lg-600" }, ft = {
+  key: 3,
+  class: "flex flex-col gap-4"
+}, vt = { class: "fm-typo-en-body-lg-600" }, pt = {
+  key: 4,
+  class: "flex flex-col gap-4"
+}, yt = { class: "fm-typo-en-body-lg-600" }, bt = {
+  key: 5,
+  class: "flex flex-col gap-4"
+}, ht = { class: "fm-typo-en-body-lg-600" }, gt = {
+  key: 6,
+  class: "flex flex-col gap-4"
+}, Rt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _t = { class: "fm-typo-en-body-lg-600" }, Ot = {
+  key: 7,
+  class: "flex flex-col gap-4"
+}, xt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, kt = { class: "fm-typo-en-body-lg-600" }, St = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, qt = { class: "flex flex-col gap-8" }, Dt = { class: "fm-typo-en-body-lg-600" }, wt = { class: "flex w-full gap-4" }, At = { class: "basis-1/2 shrink-0 grow fm-typo-en-body-lg-400 line-clamp-2" }, Ct = { class: "fm-typo-en-body-lg-600 line-clamp-2" }, Et = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, Nt = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-1" }, Tt = {
+  key: 0,
+  class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, Pt = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, Ft = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, $t = ["src"], It = { class: "fm-typo-en-body-lg-600" }, jt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, Mt = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, Lt = { class: "flex gap-12 content-stretch" }, Ut = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Kt = { class: "flex-1 flex flex-col items-center" }, Vt = { class: "flex-1 flex flex-col items-center" }, Bt = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, Gt = { class: "fm-typo-en-body-lg-400" }, Ht = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, zt = { class: "flex gap-12 content-stretch" }, Yt = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Qt = { class: "flex-1 flex flex-col items-center" }, Jt = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, Wt = { class: "flex flex-col gap-8" }, Xt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Zt = { class: "flex flex-col gap-4" }, es = { class: "flex gap-8 xs:flex-col" }, ms = /* @__PURE__ */ Ae({
+  __name: "TransferDetails",
+  props: {
+    poRequest: {},
+    purchaseOrder: {},
+    transferTo: {},
+    transferToDbName: {},
+    show: { type: Boolean },
+    canResubmit: { type: Boolean },
+    canApprove: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(v, { emit: C }) {
+    const y = v, a = C, I = Ue(), P = Ke(), E = Fe(), Y = $e(), { t: m } = xe(), U = z(
+      () => {
+        var t, s, g, f;
+        return ((s = (t = y.purchaseOrder) == null ? void 0 : t.supplier) == null ? void 0 : s.internal) === "restaurant" || ((f = (g = y.purchaseOrder) == null ? void 0 : g.supplier) == null ? void 0 : f.internal) === "warehouse" ? ie.TRANSFER : ie.PURCHASE;
+      }
+    ), o = [
+      {
+        label: m("inventory.transfer.receiveRequest.details.overview"),
+        value: "overview"
+      },
+      {
+        label: m("inventory.transfer.receiveRequest.details.deliveryHistory"),
+        value: "deliveryHistory"
+      }
+    ], i = ae(o[0]), l = ae(!1), u = ae(""), j = ae(!0), se = Me(), ce = Ve(y, "show");
+    async function ke(t, s, g) {
+      u.value = s, l.value = !0, j.value = !1;
+      try {
+        await se.processPurchaseOrder(
+          {
+            operation: s,
+            doc: t,
+            options: (
+              // auto receive for supplier to warehouse
+              (s === S.enum.confirmDraft || // auto receive for warehouse to warehouse
+              s === S.enum.completeReceive) && Y.autoReceiveWarehouse ? {
+                autoReceive: !0
+              } : void 0
+            )
+          },
+          y.transferToDbName
+        ), await new Promise((f) => setTimeout(f, 1e3)), P.open({
+          title: "Success",
+          message: g,
+          type: "success"
+        }), a("update:show", !1), a("submitted");
+      } catch (f) {
+        P.open({
+          title: "Something went wrong",
+          message: "Please try again.",
+          type: "error"
+        }), console.error("Error when submitting PO operation", s, t, f);
+      } finally {
+        u.value = "", l.value = !1, j.value = !0;
+      }
+    }
+    async function K(t) {
+      const s = Le[t];
+      if (!s) {
+        P.open({
+          title: "Something went wrong",
+          message: `Cannot process order: ${Ie(t)}`,
+          type: "error"
+        });
+        return;
+      }
+      const { successMessage: g, ...f } = s;
+      I.open({
+        title: f.title,
+        message: f.message,
+        primaryActions: f.primaryActions
+      }).onPrimary(() => {
+        y.purchaseOrder && ke(y.purchaseOrder, t, g);
+      });
+    }
+    const Se = z(() => {
+      var t, s;
+      return ((t = y.purchaseOrder) == null ? void 0 : t.status) === A.enum.RECEIVING || ((s = y.purchaseOrder) == null ? void 0 : s.status) === A.enum.COMPLETE;
+    }), qe = z(
+      () => {
+        var t, s, g, f;
+        return E.getLocationSubsidiary(
+          ((s = (t = y.purchaseOrder) == null ? void 0 : t.netSuite) == null ? void 0 : s.subsidiary.id) || ((f = (g = y.poRequest) == null ? void 0 : g.netSuite) == null ? void 0 : f.subsidiary.id)
+        ).fullName;
+      }
+    ), De = z(() => {
+      var t, s, g, f, M, N;
+      return (s = (t = y.purchaseOrder) == null ? void 0 : t.deliveryFullfillment) != null && s.length && ((f = (g = y.purchaseOrder) == null ? void 0 : g.deliveryFullfillment) == null ? void 0 : f.length) > 0 ? (N = (M = y.purchaseOrder) == null ? void 0 : M.deliveryFullfillment) == null ? void 0 : N.map((T) => {
+        var n;
+        return (n = T.netSuite) == null ? void 0 : n.refNo;
+      }).join(", ") : "-";
+    }), we = z(() => {
+      var N, T, n;
+      const g = (((N = y.purchaseOrder) == null ? void 0 : N.deliveryOrder) ?? []).flatMap((R) => R.received ?? []).reduce(
+        (R, _) => {
+          const O = R[_.sku._id] ?? [];
+          return R[_.sku._id] = [...O, _], R;
+        },
+        {}
+      ), f = Object.entries(g).reduce(
+        (R, [_, O]) => {
+          const w = O.reduce((p, q) => {
+            const D = Te(
+              p,
+              Math.max(p.precision, q.amount.precision)
+            );
+            return Re(D, q.amount);
+          }, de(0));
+          return R[_] = w, R;
+        },
+        {}
+      ), M = ((T = y.purchaseOrder) == null ? void 0 : T.items) ?? [];
+      for (const R of M)
+        f[n = R.sku._id] ?? (f[n] = de(0));
+      return f;
+    }), Q = z(() => {
+      var N, T;
+      const t = ((N = y.purchaseOrder) == null ? void 0 : N.deliveryOrder) ?? [], s = ((T = y.purchaseOrder) == null ? void 0 : T.deliveryFullfillment) ?? [], g = [
+        ...t.map((n) => ({
+          createdAt: n.createdAt,
+          type: "grn",
+          doc: n
+        })),
+        ...s.map((n) => ({
+          createdAt: n.createdAt,
+          type: "fulfillment",
+          doc: n
+        }))
+      ];
+      g.reverse().sort((n, R) => n.createdAt.localeCompare(R.createdAt));
+      function f(n) {
+        var _;
+        const R = s.findIndex((O) => O.id === n.fullfillmentId);
+        return {
+          header: "Received",
+          date: ge(new Date(n.createdAt)),
+          info: [
+            {
+              label: "Received by",
+              values: [(_ = n.createdBy) == null ? void 0 : _.name]
+            },
+            {
+              label: "Received items",
+              values: n.received.map((O) => {
+                var w;
+                return `(${O.sku.code}) ${O.sku.name}: ${te(O.amount, !1)} ${((w = O.measurement) == null ? void 0 : w.abbrev) ?? O.sku.unit.abbrev}`;
+              })
+            },
+            n.deliveryOrderNumber ? {
+              label: "Delivery order no.",
+              values: [n.deliveryOrderNumber]
+            } : null,
+            n.remark ? {
+              label: "Remark",
+              values: [n.remark]
+            } : null,
+            R > -1 ? {
+              label: "Fulfilment",
+              values: [`${R}`]
+            } : null
+          ].filter((O) => O)
+        };
+      }
+      function M(n) {
+        const R = s.findIndex((_) => _.id === n.id);
+        return {
+          header: "Fulfillment",
+          date: ge(new Date(n.createdAt)),
+          info: [
+            {
+              label: "Sequence",
+              values: [String(R + 1)]
+            },
+            {
+              label: "Receiveable items",
+              values: n.items.map((_) => {
+                var O;
+                return `(${_.sku.code}) ${_.sku.name}: ${te(_.amount, !1)} ${((O = _.measurement) == null ? void 0 : O.abbrev) ?? _.sku.unit.abbrev}`;
+              })
+            }
+          ]
+        };
+      }
+      return g.map((n) => {
+        switch (n.type) {
+          case "grn":
+            return f(n.doc);
+          case "fulfillment":
+            return M(n.doc);
+        }
+      });
+    });
+    return (t, s) => {
+      var _, O;
+      const g = H("FmButtonGroup"), f = H("FmChip"), M = H("FmMenuDivider"), N = H("FmCard"), T = H("FmSpacer"), n = H("FmButton"), R = H("FmSideSheet");
+      return c(), $(R, {
+        header: r(m)("inventory.transfer.receiveRequest.details.title") + ((_ = t.purchaseOrder) != null && _.seqNumber ? ` #${(O = t.purchaseOrder) == null ? void 0 : O.seqNumber}` : ""),
+        modelValue: r(ce),
+        "onUpdate:modelValue": s[9] || (s[9] = (w) => Ce(ce) ? ce.value = w : null),
+        "dismiss-away": j.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: ne(() => {
+          var w;
+          return [
+            e("div", ze, [
+              e("div", null, [
+                L(g, {
+                  items: o,
+                  modelValue: i.value,
+                  "onUpdate:modelValue": s[0] || (s[0] = (p) => i.value = p)
+                }, null, 8, ["modelValue"])
+              ]),
+              i.value.value === "overview" ? (c(), b(J, { key: 0 }, [
+                e("div", null, [
+                  L(N, {
+                    variant: "outlined",
+                    class: "flex flex-col gap-8 px-12 py-16"
+                  }, {
+                    default: ne(() => {
+                      var p, q, D, V, B, G, X, Z, ee, F, me, fe, ve, pe, ye, be;
+                      return [
+                        e("div", Ye, [
+                          e("div", Qe, d(r(m)("inventory.transfer.receiveRequest.details.requestSummary")), 1),
+                          e("div", null, [
+                            L(f, {
+                              label: r(m)(`inventory.transfer.status.${(p = t.purchaseOrder) == null ? void 0 : p.status}`),
+                              class: oe(`fm-status-badge fm-status-badge-${(D = (q = t.purchaseOrder) == null ? void 0 : q.status) == null ? void 0 : D.toLocaleLowerCase("en-us")}`),
+                              compact: ""
+                            }, null, 8, ["label", "class"])
+                          ])
+                        ]),
+                        L(M),
+                        e("div", Je, [
+                          e("div", We, [
+                            e("div", Xe, [
+                              e("div", Ze, d(r(m)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                            ]),
+                            e("div", et, d(r(ue)(((V = t.purchaseOrder) == null ? void 0 : V._id) ?? "")), 1)
+                          ]),
+                          (B = t.purchaseOrder) != null && B.effectiveAt ? (c(), b("div", tt, [
+                            e("div", st, d(r(m)("inventory.transfer.receiveRequest.details.backdatedTo")), 1),
+                            e("div", rt, d(r(_e)(new Date((G = t.purchaseOrder) == null ? void 0 : G.effectiveAt))), 1)
+                          ])) : x("", !0),
+                          e("div", at, [
+                            e("div", nt, d(r(m)("inventory.transfer.receiveRequest.details.type.title")), 1),
+                            e("div", ot, d(r(m)(
+                              `inventory.transfer.receiveRequest.details.type.${U.value.toLocaleLowerCase("en-US")}`
+                            )), 1)
+                          ]),
+                          (Z = (X = t.purchaseOrder) == null ? void 0 : X.supplier) != null && Z.name ? (c(), b("div", lt, [
+                            e("div", it, d(r(m)("inventory.transfer.receiveRequest.details.from")), 1),
+                            e("div", ut, d((F = (ee = t.purchaseOrder) == null ? void 0 : ee.supplier) == null ? void 0 : F.name), 1)
+                          ])) : x("", !0),
+                          t.transferTo ? (c(), b("div", ct, [
+                            e("div", dt, d(r(m)("inventory.transfer.receiveRequest.details.to")), 1),
+                            e("div", mt, d(t.transferTo), 1)
+                          ])) : x("", !0),
+                          r(E).isEnabled ? (c(), b("div", ft, [
+                            s[10] || (s[10] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " NetSuite Subsidiary ", -1)),
+                            e("div", vt, d(qe.value), 1)
+                          ])) : x("", !0),
+                          r(E).isEnabled ? (c(), b("div", pt, [
+                            s[11] || (s[11] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " NetSuite Transfer Order ", -1)),
+                            e("div", yt, d(((fe = (me = t.purchaseOrder) == null ? void 0 : me.netSuite) == null ? void 0 : fe.id) || ((pe = (ve = t.poRequest) == null ? void 0 : ve.netSuite) == null ? void 0 : pe.id) || "-"), 1)
+                          ])) : x("", !0),
+                          r(E).isEnabled ? (c(), b("div", bt, [
+                            s[12] || (s[12] = e("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " NetSuite Fulfilment IDs ", -1)),
+                            e("div", ht, d(De.value), 1)
+                          ])) : x("", !0),
+                          (ye = t.purchaseOrder) != null && ye.ref ? (c(), b("div", gt, [
+                            e("div", Rt, d(r(m)("inventory.transfer.receiveRequest.details.reference")), 1),
+                            e("div", _t, d(t.purchaseOrder.ref), 1)
+                          ])) : x("", !0),
+                          (be = t.purchaseOrder) != null && be.remark ? (c(), b("div", Ot, [
+                            e("div", xt, d(r(m)("inventory.transfer.receiveRequest.details.remark")), 1),
+                            e("div", kt, d(t.purchaseOrder.remark), 1)
+                          ])) : x("", !0)
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                e("div", St, [
+                  e("div", qt, [
+                    e("div", Dt, d(Se.value ? r(m)("inventory.transfer.receiveRequest.details.receivedItems") : r(m)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
+                    (c(!0), b(J, null, le(((w = t.purchaseOrder) == null ? void 0 : w.items) ?? [], (p) => (c(), b("div", {
+                      key: p.code,
+                      class: "flex flex-col"
+                    }, [
+                      e("div", wt, [
+                        e("div", At, d(p.name), 1),
+                        e("div", Ct, d(r(te)(we.value[p.sku._id], !1)) + "/" + d(r(Oe)(p.quantity, p.sku.unit, p.measurement)), 1)
+                      ]),
+                      e("div", Et, [
+                        e("div", Nt, d(p.code), 1),
+                        p.totalCost && r(Y).enableTotalCost ? (c(), b("div", Tt, " (" + d(r(Pe)(p.totalCost)) + ") ", 1)) : x("", !0)
+                      ])
+                    ]))), 128))
+                  ])
+                ])
+              ], 64)) : x("", !0),
+              i.value.value === "deliveryHistory" ? (c(), b("div", Pt, [
+                Q.value.length ? (c(), b("div", Mt, [
+                  (c(!0), b(J, null, le(Q.value, (p, q) => (c(), b(J, { key: q }, [
+                    e("div", Lt, [
+                      e("div", Ut, [
+                        e("div", Kt, [
+                          e("div", {
+                            class: oe([
+                              {
+                                "bg-fm-color-primary": q !== 0,
+                                "bg-white": q === 0
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ]),
+                        s[13] || (s[13] = e("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                        e("div", Vt, [
+                          e("div", {
+                            class: oe([
+                              {
+                                "bg-fm-color-primary": q < Q.value.length - 1,
+                                "bg-white": q >= Q.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      e("div", Bt, [
+                        e("div", Gt, d(p.header), 1),
+                        e("div", Ht, d(p.date), 1)
+                      ])
+                    ]),
+                    e("div", zt, [
+                      e("div", Yt, [
+                        e("div", Qt, [
+                          e("div", {
+                            class: oe([
+                              {
+                                "bg-fm-color-primary": q < Q.value.length - 1,
+                                "bg-white": q >= Q.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      e("div", Jt, [
+                        L(N, {
+                          variant: "outlined",
+                          class: "py-12 px-16"
+                        }, {
+                          default: ne(() => [
+                            e("div", Wt, [
+                              (c(!0), b(J, null, le(p.info, (D, V) => (c(), b("div", {
+                                key: V,
+                                class: "flex flex-col gap-4"
+                              }, [
+                                e("div", Xt, d(D == null ? void 0 : D.label), 1),
+                                e("div", Zt, [
+                                  (c(!0), b(J, null, le(D == null ? void 0 : D.values, (B, G) => (c(), b("div", {
+                                    key: G,
+                                    class: "fm-typo-en-body-lg-600"
+                                  }, d(B), 1))), 128))
+                                ])
+                              ]))), 128))
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])
+                    ])
+                  ], 64))), 128))
+                ])) : (c(), b("div", Ft, [
+                  L(T),
+                  e("div", null, [
+                    e("img", {
+                      src: r(Be),
+                      alt: "List is empty"
+                    }, null, 8, $t)
+                  ]),
+                  e("div", It, d(r(m)("inventory.transfer.receiveRequest.details.noRecordsFound")), 1),
+                  e("div", jt, d(r(m)("inventory.transfer.receiveRequest.details.trackDeliveryMessage")), 1),
+                  L(T),
+                  L(T)
+                ]))
+              ])) : x("", !0)
+            ])
+          ];
+        }),
+        "side-sheet-footer": ne(() => {
+          var w, p, q, D, V, B, G, X, Z, ee;
+          return [
+            e("div", es, [
+              ((w = t.purchaseOrder) == null ? void 0 : w.status) === r(A).enum.DRAFT && U.value === r(ie).PURCHASE ? (c(), $(n, {
+                key: 0,
+                label: r(m)("inventory.transfer.receiveRequest.actions.confirmDraft"),
+                onClick: s[1] || (s[1] = (F) => K("confirmDraft")),
+                loading: u.value === "confirmDraft",
+                disabled: u.value !== "confirmDraft" && l.value
+              }, null, 8, ["label", "loading", "disabled"])) : x("", !0),
+              ((p = t.purchaseOrder) == null ? void 0 : p.status) === r(A).enum.DRAFT && U.value === r(ie).TRANSFER ? (c(), $(n, {
+                key: 1,
+                label: r(m)("inventory.transfer.receiveRequest.actions.submitRequest"),
+                onClick: s[2] || (s[2] = (F) => K("submitRequest")),
+                loading: u.value === "submitRequest",
+                disabled: u.value !== "submitRequest" && l.value
+              }, null, 8, ["label", "loading", "disabled"])) : x("", !0),
+              ((q = t.purchaseOrder) == null ? void 0 : q.status) === r(A).enum.DRAFT ? (c(), $(n, {
+                key: 2,
+                label: r(m)("inventory.transfer.receiveRequest.actions.cancelDraft"),
+                onClick: s[3] || (s[3] = (F) => K("cancelDraft")),
+                loading: u.value === "cancelDraft",
+                disabled: u.value !== "cancelDraft" && l.value,
+                variant: "destructive"
+              }, null, 8, ["label", "loading", "disabled"])) : x("", !0),
+              ((D = t.purchaseOrder) == null ? void 0 : D.status) === r(A).enum.RECEIVING ? (c(), $(n, {
+                key: 3,
+                label: r(m)("inventory.transfer.receiveRequest.actions.completeReceive"),
+                onClick: s[4] || (s[4] = (F) => K("completeReceive")),
+                loading: u.value === "completeReceive",
+                disabled: u.value !== "completeReceive" && l.value
+              }, null, 8, ["label", "loading", "disabled"])) : x("", !0),
+              t.canResubmit ? (c(), $(n, {
+                key: 4,
+                label: r(m)("inventory.transfer.receiveRequest.actions.resubmitRequest"),
+                onClick: s[5] || (s[5] = (F) => K("submitRequest")),
+                loading: u.value === "submitRequest",
+                disabled: u.value !== "submitRequest" && l.value
+              }, null, 8, ["label", "loading", "disabled"])) : x("", !0),
+              (((V = t.purchaseOrder) == null ? void 0 : V.status) === r(A).enum.REQUESTING || ((B = t.purchaseOrder) == null ? void 0 : B.status) === r(A).enum.PROCESSING) && t.canApprove ? (c(), $(n, {
+                key: 5,
+                label: r(m)("inventory.transfer.approval.actions.approveRequest"),
+                onClick: s[6] || (s[6] = (F) => K("approveRequest")),
+                loading: u.value === "approveRequest",
+                disabled: u.value !== "approveRequest" && l.value
+              }, null, 8, ["label", "loading", "disabled"])) : x("", !0),
+              ((G = t.purchaseOrder) == null ? void 0 : G.status) === r(A).enum.REQUESTING && t.canApprove ? (c(), $(n, {
+                key: 6,
+                label: r(m)("inventory.transfer.approval.actions.rejectRequest"),
+                onClick: s[7] || (s[7] = (F) => K("rejectRequest")),
+                loading: u.value === "rejectRequest",
+                disabled: u.value !== "rejectRequest" && l.value,
+                variant: "destructive"
+              }, null, 8, ["label", "loading", "disabled"])) : x("", !0),
+              ((X = t.purchaseOrder) == null ? void 0 : X.status) !== r(A).enum.COMPLETE && ((Z = t.purchaseOrder) == null ? void 0 : Z.status) !== r(A).enum.CANCEL && (((ee = t.purchaseOrder) == null ? void 0 : ee.status) !== r(A).enum.REQUESTING || t.canApprove) ? (c(), $(n, {
+                key: 7,
+                label: r(m)("common.close"),
+                variant: "tertiary",
+                onClick: s[8] || (s[8] = (F) => a("update:show", !1))
+              }, null, 8, ["label"])) : x("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+});
+export {
+  ms as _,
+  Ge as g,
+  ds as u
+};