@feedmepos/mf-inventory-portal 0.0.23-dev.12 → 0.0.23-dev.13

package/dist/ClosingDraftView-BhZA5Sbd.js

@@ -0,0 +1,939 @@
+import { defineComponent as ue, ref as N, resolveComponent as F, openBlock as h, createBlock as Q, withCtx as Y, createElementVNode as a, createTextVNode as me, toDisplayString as T, unref as l, createVNode as p, h as fe, computed as R, onMounted as ke, watch as Se, isRef as be, createCommentVNode as oe, createElementBlock as C, Fragment as q, normalizeClass as J, renderList as ne, normalizeStyle as he, Teleport as je, mergeProps as Be } from "vue";
+import { u as Fe, _ as Re, a as $e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CJHdEwqX.js";
+import { useI18n as _e } from "@feedmepos/mf-common";
+import { useSnackbar as xe, useDialog as Pe, useProxiedModel as Te, useBreakpoints as Me } from "@feedmepos/ui-library";
+import { k as Le, u as de, p as V, s as De, q as le, c as Ue, r as ze, a as Ee } from "./app-DTA5BMBZ.js";
+import { defineStore as Ae, storeToRefs as Ne } from "pinia";
+import { R as Ke, a as P, l as Ve, m as He, b as pe, k as Ie, c as ve, t as Oe } from "./rules-B0Wi_v-Q.js";
+import { D as ge, R as se } from "./row-action.enum-7rGLGZ5v.js";
+import { c as Ye, _ as Ge, F as re } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { f as qe } from "./format-time-from-id-DYzFo1_S.js";
+import { d as O } from "./date2-D7C6TRwa.js";
+import { u as We } from "./stock-ChLGopyy.js";
+import { E as Ze } from "./empty-placeholder-wf6-BWE8.js";
+const we = Le((S, d) => {
+  function t() {
+    return de().currentLocation.dbName;
+  }
+  return {
+    async getDraft(m) {
+      const i = t(), g = `${S.inventoryBackendUrl}/${i}/closing-draft/${m}`;
+      return d.get(g);
+    },
+    async readDrafts() {
+      const m = t(), i = `${S.inventoryBackendUrl}/${m}/closing-draft`;
+      return d.get(i);
+    },
+    async runOperation(m) {
+      const i = t(), g = `${S.inventoryBackendUrl}/${i}/closing-draft/run-operation`;
+      return d.post(g, m);
+    }
+  };
+}), Je = { class: "fm-typo-en-body-lg-400" }, Qe = { class: "fm-typo-en-body-lg-600" }, Xe = { class: "flex gap-12 py-8 justify-end w-full" }, ye = /* @__PURE__ */ ue({
+  __name: "ClosingDraftAction",
+  props: {
+    draft: {},
+    action: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(S) {
+    const d = S, t = N(), m = we(), i = xe(), g = N(!1);
+    async function _() {
+      g.value = !0;
+      try {
+        await m.runOperation({
+          _id: d.draft._id,
+          _rev: d.draft._rev ?? "",
+          action: d.action,
+          data: {
+            remark: t.value
+          }
+        }).delayed(500), i.open({
+          title: "Success",
+          message: "Action submitted",
+          type: "success"
+        }), d.onFinished();
+      } catch (x) {
+        i.open({
+          title: "Something went wrong",
+          message: "Unable to submit actino. Please try again",
+          type: "error"
+        }), console.error("error on submit closing draft aciont", x);
+      } finally {
+        g.value = !1;
+      }
+    }
+    return (x, D) => {
+      const A = F("FmTextField"), y = F("FmButton"), M = F("FmForm");
+      return h(), Q(M, {
+        onValidationSuccess: _,
+        class: "flex flex-col gap-32",
+        disabled: g.value
+      }, {
+        default: Y(() => [
+          a("div", Je, [
+            D[2] || (D[2] = me(" You are about to ")),
+            a("span", Qe, T(x.action == l(V).enum.approveDraft ? "approve" : "reject"), 1),
+            D[3] || (D[3] = me(" this draft. Please provider a remark to justify this action. "))
+          ]),
+          p(A, {
+            modelValue: t.value,
+            "onUpdate:modelValue": D[0] || (D[0] = (r) => t.value = r),
+            label: "Remark",
+            "label-mark": "required",
+            rules: [l(Ke)()]
+          }, null, 8, ["modelValue", "rules"]),
+          a("div", Xe, [
+            p(y, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: D[1] || (D[1] = (r) => x.onCancel())
+            }),
+            p(y, {
+              label: x.action == l(V).enum.approveDraft ? "Approve" : "Reject",
+              type: "submit",
+              variant: x.action == l(V).enum.approveDraft ? "primary" : "destructive",
+              loading: g.value
+            }, null, 8, ["label", "variant", "loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), ie = Ae(
+  "closingDraftActions",
+  function() {
+    const d = Pe(), t = N(!1), m = N();
+    function i(A) {
+      const y = {
+        draft: A
+      };
+      m.value = y, t.value = !0;
+    }
+    function g(A) {
+    }
+    function _(A, y) {
+      d.open({
+        title: "Approve draft",
+        contentComponent: ye,
+        contentComponentProps: {
+          draft: A,
+          action: V.enum.approveDraft,
+          onFinished: () => {
+            d.close(), y == null || y();
+          },
+          onCancel: () => d.close()
+        }
+      });
+    }
+    function x(A, y) {
+      d.open({
+        title: "Reject draft",
+        contentComponent: ye,
+        contentComponentProps: {
+          draft: A,
+          action: V.enum.rejectDraft,
+          onFinished: () => {
+            d.close(), y == null || y();
+          },
+          onCancel: () => d.close()
+        }
+      });
+    }
+    function D() {
+      t.value = !1;
+    }
+    return {
+      viewDraft: i,
+      closeDraftDialog: D,
+      approveDraft: _,
+      rejectDraft: x,
+      exportDraft: g,
+      viewClosingDraftShow: t,
+      viewClosingDraftProps: m
+    };
+  }
+);
+function Ce(S) {
+  switch (S) {
+    case "DRAFT":
+      return "fm-status-badge-draft";
+    case "PROCESSING":
+      return "fm-status-badge-processing";
+    case "FAILED":
+      return "fm-status-badge-cancel";
+    case "COMPLETED":
+      return "fm-status-badge-complete";
+  }
+}
+const et = Ae("closingTable", function() {
+  const { t: d } = _e(), t = ie(), m = N(new Array()), i = N(!1), g = de(), _ = we();
+  async function x() {
+    if (m.value = [], !!g._currentLocation) {
+      i.value = !0;
+      try {
+        const [r] = await Promise.all([_.readDrafts()]).delayed(1e3);
+        m.value = r.reverse();
+      } catch (r) {
+        console.log("Something went wrong when fetching drafts:", r);
+      } finally {
+        i.value = !1;
+      }
+    }
+  }
+  async function D(r) {
+    if (!m.value.find((c) => c._id) && g._currentLocation) {
+      i.value = !0;
+      try {
+        const [c] = await Promise.all([
+          _.getDraft(r),
+          new Promise(($) => setTimeout($, 1e3))
+        ]);
+        m.value = [c];
+      } catch (c) {
+        console.log("Something went wrong when fetching drafts:", c);
+      } finally {
+        i.value = !1;
+      }
+    }
+  }
+  function A() {
+    t.closeDraftDialog(), x();
+  }
+  function y(r, c) {
+    switch (c = Ue(c), r) {
+      case se.Details:
+        return t.viewDraft(c);
+      case se.Export:
+        return t.exportDraft(c);
+      case V.enum.approveDraft:
+        return t.approveDraft(c, A);
+      case V.enum.rejectDraft:
+        return t.rejectDraft(c, A);
+    }
+  }
+  return {
+    columnDefs: [
+      {
+        id: "_id",
+        accessorKey: "_id",
+        header: () => d("inventory.closing.table.createdAt"),
+        cell(r) {
+          return qe(`${r.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        id: "updatedAt",
+        accessorFn: (r) => O(r.updatedAt),
+        header: () => "Updated at",
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        id: "updatedBy",
+        accessorKey: "updatedBy.name",
+        header: () => "Last update by",
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        id: "noOfItems",
+        accessorKey: "items.length",
+        header: () => d("inventory.closing.table.noOfItems"),
+        enableSorting: !1,
+        meta: {
+          width: "10rem",
+          textAlign: "right"
+        }
+      },
+      {
+        id: "recentRemark",
+        accessorFn: (r) => {
+          var c;
+          return (r == null ? void 0 : r.approveRemark) ?? ((c = r == null ? void 0 : r.rejectionHistory) == null ? void 0 : c.computeFirst(($) => $.rejectRemark));
+        },
+        header: () => "Recent remark"
+      },
+      {
+        id: "status",
+        accessorFn: (r) => r.status,
+        header: () => d("inventory.closing.table.status"),
+        enableSorting: !1,
+        cell(r) {
+          const $ = r.row.original.status;
+          return fe(
+            "div",
+            {
+              class: "flex"
+            },
+            fe(
+              "div",
+              {
+                class: ["fm-status-badge", Ce($)]
+              },
+              De($)
+            )
+          );
+        }
+      },
+      {
+        id: "action",
+        cell(r) {
+          const c = r.row.original, $ = [
+            ge[se.Details],
+            ge[se.Export]
+          ], W = [
+            {
+              translationKey: "inventory.closing.draft.approveDraft",
+              color: "text-fm-color-typo-primary",
+              value: V.enum.approveDraft
+            },
+            {
+              translationKey: "inventory.closing.draft.rejectDraft",
+              color: "text-fm-color-typo-error",
+              value: V.enum.rejectDraft
+            }
+          ];
+          return Ye(
+            [...$, ...c.status === le.enum.DRAFT ? W : []],
+            (H) => y(H, c)
+          );
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ],
+    drafts: m,
+    loading: i,
+    fetchDrafts: x,
+    loadDraft: D
+  };
+}), tt = { class: "w-full flex flex-col gap-32" }, at = { class: "flex justify-between" }, ot = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[22px] px-8 bg-fm-color-neutral-gray-100 fm-status-badge fm-status-badge-receiving" }, nt = { 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" }, lt = { class: "flex flex-col gap-16" }, it = {
+  key: 0,
+  class: "w-full flex flex-col items-center"
+}, ct = { class: "flex items-center gap-8" }, ut = {
+  key: 1,
+  class: "overflow-x-auto"
+}, dt = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, mt = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, ft = ["src"], pt = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, vt = { class: "flex gap-12 content-stretch" }, gt = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, yt = { class: "flex-1 flex flex-col items-center" }, bt = { class: "flex-1 flex flex-col items-center" }, ht = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, _t = { class: "fm-typo-en-body-lg-400" }, xt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Dt = { class: "flex gap-12 content-stretch" }, At = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, wt = { class: "flex-1 flex flex-col items-center" }, Ct = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, kt = { class: "flex flex-col gap-8" }, St = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, jt = { class: "flex flex-col gap-4" }, Bt = { class: "flex gap-8" }, Ft = /* @__PURE__ */ ue({
+  __name: "ClosingDraftDialog",
+  props: {
+    show: { type: Boolean },
+    draft: {}
+  },
+  emits: ["submitted"],
+  setup(S, { emit: d }) {
+    const t = S, m = We(), i = ie(), g = Te(t, "show"), _ = N(!1), x = N(new Array()), D = ze(), A = xe(), y = Ee(), M = d, r = R(() => {
+      var e;
+      const o = ((e = t.draft) == null ? void 0 : e.items.map((s) => s.sku)) ?? [];
+      return o.sort((s, n) => s.code.localeCompare(n.code)), o;
+    });
+    ke(W), Se(
+      () => t.show,
+      (o) => {
+        o && (U.value = Z[0], W());
+      }
+    );
+    const c = ve(0), $ = ve(100);
+    async function W() {
+      var e, s, n;
+      _.value = !0;
+      const o = ((e = t.draft) == null ? void 0 : e.status) === le.enum.COMPLETED;
+      try {
+        if (await y.init(), o) {
+          const u = t.draft.closingId;
+          if (!u) {
+            A.open({
+              title: "Something went wrong",
+              message: "Closing draft is completed but closing document cannot be found.",
+              type: "error"
+            }), console.error("Closing draft is completed but closing document cannot be found.", {
+              draftId: (s = t.draft) == null ? void 0 : s._id
+            });
+            return;
+          }
+          const b = await D.getClosingById(u);
+          x.value = (b == null ? void 0 : b.skus) ?? [];
+        } else
+          await m.readStockBalance(), x.value = ((n = m.stockBalance) == null ? void 0 : n.skus) ?? [];
+      } catch (u) {
+        A.open({
+          title: "Something went wrong",
+          message: "Something went wrong when fetching info. Please try again.",
+          type: "error"
+        }), console.error("error on fetch stock balances", u);
+      } finally {
+        _.value = !1;
+      }
+    }
+    const H = R(
+      () => x.value.groupBy(
+        (o) => o.id,
+        (o) => o.balance
+      )
+    ), L = R(() => {
+      var e;
+      return (((e = t.draft) == null ? void 0 : e.items) ?? []).groupBy((s) => s.sku._id);
+    }), X = R(() => {
+      const o = r.value.reduce((s, n) => Math.max(
+        s,
+        n.unit.measurements.filter((u) => !u.name.toLocaleLowerCase().includes("inactive")).length
+      ), 0);
+      return [
+        {
+          id: "code",
+          accessorKey: "code",
+          header: () => "Code",
+          size: 200
+        },
+        {
+          id: "name",
+          accessorKey: "name",
+          header: () => "Name",
+          size: 300
+        },
+        {
+          id: "baseUnit",
+          accessorKey: "baseUnit",
+          header: () => "Base unit",
+          size: 200
+        },
+        {
+          id: "baseUnitAmount",
+          accessorKey: "baseUnitAmount",
+          header: () => "Base unit amount",
+          size: 200
+        },
+        ...Array.from({ length: o }).flatMap((s, n) => {
+          const u = `measurementAbbrev${n}`, b = `measurementAmount${n}`;
+          return [
+            {
+              id: b,
+              accessorKey: b,
+              header: () => `Sub unit amount ${n + 1}`,
+              size: 200,
+              meta: {
+                textAlign: "right"
+              }
+            },
+            {
+              id: u,
+              accessorKey: u,
+              header: () => `Sub unit ${n + 1}`,
+              size: 200
+            }
+          ];
+        }),
+        {
+          id: "systemBalance",
+          accessorKey: "systemBalance",
+          header: () => "System balance",
+          size: 200,
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "physicalBalance",
+          accessorKey: "physicalBalance",
+          header: () => "Physical balance",
+          size: 200,
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "adjustedBalance",
+          accessorKey: "adjustedBalance",
+          header: () => "Adjusted balance",
+          size: 200,
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "adjustedDiffPercentage",
+          accessorKey: "adjustedDiffPercentage",
+          header: () => "Diff (%)",
+          size: 200,
+          cell(s) {
+            var n;
+            return (n = s.row.original.adjustedDiffPercentage) == null ? void 0 : n.toFixed(2);
+          },
+          meta: {
+            textAlign: "right"
+          }
+        }
+      ];
+    }), j = R(() => X.value.map((o) => o.size ?? 0).reduce((o, e) => o + e));
+    function B(o) {
+      const e = o.measurementsAmounts.groupBy((n) => n.measurement.id), s = o.sku.unit.measurements.reduce((n, u) => {
+        var E, k;
+        const b = ((k = (E = e.get(u.id)) == null ? void 0 : E[0]) == null ? void 0 : k.amount) ?? c, z = pe(u.conversion, b);
+        return n + +P(z);
+      }, +P(o.baseAmount));
+      return Oe(s, o.baseAmount.precision);
+    }
+    const ee = R(() => r.value.map((o) => {
+      var k, G;
+      const e = (k = L.value.get(o._id)) == null ? void 0 : k[0], s = ((G = H.value.get(o._id)) == null ? void 0 : G[0]) ?? c;
+      if (!e)
+        return {
+          code: o.code,
+          name: o.name,
+          baseUnit: o.unit.abbrev,
+          baseUnitAmount: 0,
+          systemBalance: +P(s),
+          physicalBalance: 0,
+          adjustedBalance: -+P(s),
+          adjustedDiffPercentage: -100
+        };
+      const n = B(e), u = Ve(n, s), b = s.amount === 0 ? null : He(u, s), z = b ? pe(b, $) : null;
+      return {
+        code: o.code,
+        name: o.name,
+        baseUnit: o.unit.abbrev,
+        baseUnitAmount: +P(e.baseAmount),
+        ...e.measurementsAmounts.reduce((f, v, w) => (v.measurement.name.toLocaleLowerCase().includes("inactive") || (f[`measurementAbbrev${w}`] = `(${v.measurement.abbrev}) × ${P(v.measurement.conversion)}`, f[`measurementAmount${w}`] = +P(v.amount)), f), {}),
+        systemBalance: +P(s),
+        physicalBalance: +P(n),
+        adjustedBalance: +P(u),
+        adjustedDiffPercentage: z ? +P(Ie(z, 2)) : null
+      };
+    })), te = R(() => {
+      var e, s;
+      if (!t.draft) return [];
+      const o = t.draft.approvedAt ? {
+        action: `Approve at ${O(t.draft.approvedAt)}`,
+        // actionAt: props.draft.approvedAt,
+        actionBy: t.draft.approvedBy,
+        remark: t.draft.approveRemark
+      } : (e = t.draft.rejectionHistory) == null ? void 0 : e.computeFirst((n) => ({
+        action: `Reject at ${O(n.rejectedAt)}`,
+        // actionAt: e.rejectedAt,
+        actionBy: n.rejectedBy,
+        remark: n.rejectRemark
+      }));
+      return [
+        {
+          label: "Created at",
+          value: O(t.draft.createdAt)
+        },
+        {
+          label: "Created by",
+          value: t.draft.createdBy.name
+        },
+        {
+          label: "Updated at",
+          value: O(t.draft.updatedAt)
+        },
+        {
+          label: "Updated by",
+          value: t.draft.updatedBy.name
+        },
+        {
+          label: "Effective at",
+          value: O(t.draft.effectiveAt ?? t.draft.updatedAt)
+        },
+        o ? {
+          label: "Last action",
+          value: o.action
+        } : null,
+        o && o.actionBy ? {
+          label: "Last action by",
+          value: (s = o.actionBy) == null ? void 0 : s.name
+        } : null,
+        o && o.remark ? {
+          label: "Action remark",
+          value: o.remark
+        } : null
+      ].filter((n) => n).map((n) => n);
+    }), Z = [
+      {
+        label: "Overview",
+        value: "overview"
+      },
+      {
+        label: "Action history",
+        value: "history"
+      }
+    ], U = N(Z[0]), K = R(() => {
+      var e, s, n, u;
+      return [
+        ...(((e = t.draft) == null ? void 0 : e.rejectionHistory) ?? []).map(
+          (b) => ({
+            header: "Reject",
+            date: O(b.rejectedAt),
+            info: [
+              {
+                label: "Rejected by",
+                values: [b.rejectedBy.name]
+              },
+              {
+                label: "Rejection remark",
+                values: [b.rejectRemark]
+              }
+            ]
+          })
+        ),
+        ...(s = t.draft) != null && s.approvedBy ? [
+          {
+            header: "Approve",
+            date: t.draft.approvedAt ? O(t.draft.approvedAt) : "",
+            info: [
+              {
+                label: "Approved by",
+                values: [(n = t.draft) == null ? void 0 : n.approvedBy.name]
+              },
+              {
+                label: "Approval remark",
+                values: [((u = t.draft) == null ? void 0 : u.approveRemark) ?? ""]
+              }
+            ]
+          }
+        ] : []
+      ];
+    });
+    return (o, e) => {
+      const s = F("FmButtonGroup"), n = F("FmMenuDivider"), u = F("FmCard"), b = F("FmCircularProgress"), z = F("FmTable"), E = F("FmSpacer"), k = F("FmButton"), G = F("FmSideSheet");
+      return h(), Q(G, {
+        "dismiss-away": "",
+        "max-width": 900,
+        "model-value": l(g),
+        "onUpdate:modelValue": e[4] || (e[4] = (f) => be(g) ? g.value = f : null),
+        header: "Closing details"
+      }, {
+        "side-sheet-footer": Y(() => {
+          var f, v;
+          return [
+            a("div", Bt, [
+              ((f = t.draft) == null ? void 0 : f.status) === l(le).enum.DRAFT ? (h(), Q(k, {
+                key: 0,
+                label: "Approve",
+                onClick: e[1] || (e[1] = () => t.draft && l(i).approveDraft(t.draft, () => M("submitted")))
+              })) : oe("", !0),
+              ((v = t.draft) == null ? void 0 : v.status) === l(le).enum.DRAFT ? (h(), Q(k, {
+                key: 1,
+                label: "Reject",
+                variant: "destructive",
+                onClick: e[2] || (e[2] = () => t.draft && l(i).rejectDraft(t.draft, () => M("submitted")))
+              })) : oe("", !0),
+              p(k, {
+                label: "Close",
+                variant: "tertiary",
+                onClick: e[3] || (e[3] = (w) => g.value = !1)
+              })
+            ])
+          ];
+        }),
+        default: Y(() => [
+          a("div", tt, [
+            a("div", null, [
+              p(s, {
+                items: Z,
+                modelValue: U.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (f) => U.value = f)
+              }, null, 8, ["modelValue"])
+            ]),
+            U.value.value === "overview" ? (h(), C(q, { key: 0 }, [
+              p(u, {
+                variant: "outlined",
+                class: "flex flex-col gap-8 px-12 py-16"
+              }, {
+                default: Y(() => {
+                  var f, v;
+                  return [
+                    a("div", at, [
+                      e[5] || (e[5] = a("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
+                      a("div", null, [
+                        a("div", ot, [
+                          a("div", {
+                            class: J(l(Ce)(((f = o.draft) == null ? void 0 : f.status) ?? "DRAFT"))
+                          }, T(l(De)(((v = o.draft) == null ? void 0 : v.status) ?? "")), 3)
+                        ])
+                      ])
+                    ]),
+                    p(n),
+                    (h(!0), C(q, null, ne(te.value, (w, I) => (h(), C("div", {
+                      class: "flex flex-col gap-4",
+                      key: I
+                    }, [
+                      a("div", nt, [
+                        a("div", st, T(w.label), 1)
+                      ]),
+                      a("div", rt, T(w.value), 1)
+                    ]))), 128))
+                  ];
+                }),
+                _: 1
+              }),
+              a("div", lt, [
+                e[9] || (e[9] = a("div", { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, "Closing items", -1)),
+                _.value ? (h(), C("div", it, [
+                  e[7] || (e[7] = a("div", { class: "h-80" }, null, -1)),
+                  a("div", ct, [
+                    a("div", null, [
+                      p(b, { size: "md" })
+                    ]),
+                    e[6] || (e[6] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
+                  ]),
+                  e[8] || (e[8] = a("div", { class: "h-80" }, null, -1))
+                ])) : (h(), C("div", ut, [
+                  a("div", {
+                    style: he({ width: `${j.value}px` })
+                  }, [
+                    p(z, {
+                      "column-defs": X.value,
+                      "row-data": ee.value
+                    }, null, 8, ["column-defs", "row-data"])
+                  ], 4)
+                ]))
+              ])
+            ], 64)) : oe("", !0),
+            U.value.value === "history" ? (h(), C("div", dt, [
+              K.value.length ? (h(), C("div", pt, [
+                (h(!0), C(q, null, ne(K.value, (f, v) => (h(), C(q, { key: v }, [
+                  a("div", vt, [
+                    a("div", gt, [
+                      a("div", yt, [
+                        a("div", {
+                          class: J([
+                            {
+                              "bg-fm-color-primary": v !== 0,
+                              "bg-white": v === 0
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ]),
+                      e[12] || (e[12] = a("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                      a("div", bt, [
+                        a("div", {
+                          class: J([
+                            {
+                              "bg-fm-color-primary": v < K.value.length - 1,
+                              "bg-white": v >= K.value.length - 1
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ])
+                    ]),
+                    a("div", ht, [
+                      a("div", _t, T(f.header), 1),
+                      a("div", xt, T(f.date), 1)
+                    ])
+                  ]),
+                  a("div", Dt, [
+                    a("div", At, [
+                      a("div", wt, [
+                        a("div", {
+                          class: J([
+                            {
+                              "bg-fm-color-primary": v < K.value.length - 1,
+                              "bg-white": v >= K.value.length - 1
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ])
+                    ]),
+                    a("div", Ct, [
+                      p(u, {
+                        variant: "outlined",
+                        class: "py-12 px-16"
+                      }, {
+                        default: Y(() => [
+                          a("div", kt, [
+                            (h(!0), C(q, null, ne(f.info, (w, I) => (h(), C("div", {
+                              key: I,
+                              class: "flex flex-col gap-4"
+                            }, [
+                              a("div", St, T(w == null ? void 0 : w.label), 1),
+                              a("div", jt, [
+                                (h(!0), C(q, null, ne(w == null ? void 0 : w.values, (ae, ce) => (h(), C("div", {
+                                  key: ce,
+                                  class: "fm-typo-en-body-lg-600"
+                                }, T(ae), 1))), 128))
+                              ])
+                            ]))), 128))
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ])
+                ], 64))), 128))
+              ])) : (h(), C("div", mt, [
+                p(E),
+                a("div", null, [
+                  a("img", {
+                    src: l(Ze),
+                    alt: "List is empty"
+                  }, null, 8, ft)
+                ]),
+                e[10] || (e[10] = a("div", { class: "fm-typo-en-body-lg-600" }, T("No records found"), -1)),
+                e[11] || (e[11] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, T("You can track approval and rejection history here"), -1)),
+                p(E),
+                p(E)
+              ]))
+            ])) : oe("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+}), Rt = { class: "flex-1 flex flex-col gap-8" }, $t = { class: "flex flex-col" }, Pt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Tt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Mt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Lt = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Zt = /* @__PURE__ */ ue({
+  __name: "ClosingDraftView",
+  setup(S) {
+    const { t: d } = _e(), { viewDraft: t } = ie(), { viewClosingDraftProps: m, viewClosingDraftShow: i } = Ne(ie()), g = de(), _ = et(), x = Fe(), { breakpoints: D } = Me();
+    g.watchLocation(_.fetchDrafts);
+    const A = R(() => _.loading), y = N(""), M = R(() => D.value.xs || D.value.sm), r = R(() => M.value ? 10 : 20);
+    function c(H) {
+      switch (H) {
+        case "refresh":
+          return _.fetchDrafts();
+      }
+    }
+    function $(H) {
+      return H;
+    }
+    const W = R(() => M.value ? [
+      {
+        label: "Refresh",
+        value: "refresh",
+        isPrimary: !1
+      }
+    ] : [
+      {
+        label: "Refresh",
+        value: "refresh",
+        isPrimary: !1
+      }
+    ]);
+    return (H, L) => {
+      const X = F("FmTable");
+      return h(), C(q, null, [
+        p(Re, {
+          title: l(d)("inventory.closing.draft.title"),
+          actions: W.value,
+          "onClick:action": c
+        }, {
+          default: Y(() => [
+            a("div", {
+              class: J([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": M.value,
+                  "px-24 ": !M.value
+                }
+              ])
+            }, [
+              p($e, {
+                "change-location": "",
+                searchable: "",
+                search: y.value,
+                "onUpdate:search": L[0] || (L[0] = (j) => y.value = j)
+              }, null, 8, ["search"]),
+              p(X, {
+                style: he(l(x).tableHeight),
+                "column-defs": l(_).columnDefs,
+                "row-data": l(_).drafts,
+                "search-value": y.value,
+                loading: A.value,
+                onRowClick: L[1] || (L[1] = (j) => l(t)(j.original)),
+                "page-size": r.value
+              }, {
+                "list-row": Y((j) => [
+                  p(Ge, {
+                    row: j,
+                    onRowClick: (B) => l(t)(B)
+                  }, {
+                    default: Y((B) => {
+                      var ee, te, Z, U, K, o, e, s, n, u, b, z, E, k, G, f, v, w, I, ae;
+                      return [
+                        a("div", Rt, [
+                          a("div", $t, [
+                            a("div", Pt, [
+                              p(l(re), {
+                                render: (Z = (te = (ee = B._id) == null ? void 0 : ee.column) == null ? void 0 : te.columnDef) == null ? void 0 : Z.cell,
+                                props: (K = (U = B._id) == null ? void 0 : U.getContext) == null ? void 0 : K.call(U)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            a("div", Tt, [
+                              p(l(re), {
+                                render: (s = (e = (o = B.name) == null ? void 0 : o.column) == null ? void 0 : e.columnDef) == null ? void 0 : s.cell,
+                                props: (u = (n = B.name) == null ? void 0 : n.getContext) == null ? void 0 : u.call(n)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            a("div", Mt, T([
+                              ...j.original.items.slice(0, 3).map((ce) => ce.sku.name),
+                              ...j.original.items.length >= 3 ? [`and ${j.original.items.length - 3} more items`] : []
+                            ].join(", ")), 1),
+                            a("div", Lt, [
+                              p(l(re), {
+                                render: (E = (z = (b = B.ref) == null ? void 0 : b.column) == null ? void 0 : z.columnDef) == null ? void 0 : E.cell,
+                                props: (G = (k = B.ref) == null ? void 0 : k.getContext) == null ? void 0 : G.call(k)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ]),
+                          a("div", null, [
+                            p(l(re), {
+                              render: (w = (v = (f = B.status) == null ? void 0 : f.column) == null ? void 0 : v.columnDef) == null ? void 0 : w.cell,
+                              props: (ae = (I = B.status) == null ? void 0 : I.getContext) == null ? void 0 : ae.call(I)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        (h(), Q(je, { to: "body" }, [
+          p(Ft, Be(l(m), {
+            show: l(i),
+            "onUpdate:show": L[2] || (L[2] = (j) => be(i) ? i.value = j : null),
+            onSubmitted: L[3] || (L[3] = () => (i.value = !1, l(_).fetchDrafts()))
+          }), null, 16, ["show"])
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  Zt as default
+};