@feedmepos/mf-inventory-portal 0.0.22-dev.2 → 0.0.22-dev.21

package/dist/TransferDetails.vue_vue_type_script_setup_true_lang-CStnY5Zh.js

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