@feedmepos/mf-inventory-portal 1.1.1-dev.1 → 1.1.1-dev.2

package/dist/ClosingDraftView-Bo4R2ioL.js

@@ -1,1547 +0,0 @@
-import { defineComponent as Ie, ref as V, computed as U, onMounted as Le, resolveComponent as E, openBlock as k, createElementBlock as M, Fragment as q, createTextVNode as de, createBlock as J, withCtx as K, createElementVNode as s, toDisplayString as Y, unref as D, createVNode as x, createCommentVNode as Z, h as F, reactive as Je, watch as Qe, isRef as Ee, normalizeClass as me, renderList as ve, normalizeStyle as He, Teleport as Xe, mergeProps as et } from "vue";
-import { a3 as tt, u as $e, am as P, ae as at, an as nt, m as ot, P as Re, j as N, t as st, T as ye, r as rt, s as lt, v as ct, ao as Ne, ap as ze, a9 as Ve, aq as ae, af as it, al as re, a0 as Te, D as Ue, i as we, h as ut, f as dt, a as mt, B as ft, _ as pt, C as vt, E as yt, G as Ce } from "./app-D_RfmLzZ.js";
-import { useCoreStore as gt, useI18n as Oe } from "@feedmepos/mf-common";
-import { useSnackbar as Me, useDialog as bt, useProxiedModel as At, components as ue, useBreakpoints as ht } from "@feedmepos/ui-library";
-import { defineStore as Ye, storeToRefs as kt } from "pinia";
-import { a as Ke, u as Ge } from "./stock-DQbop6iM.js";
-import { E as Dt } from "./empty-placeholder-wf6-BWE8.js";
-const Fe = tt((r, c) => {
-  function e() {
-    return $e().currentLocation.dbName;
-  }
-  return {
-    async getDraft(d) {
-      const m = e(), _ = `${r.inventoryBackendUrl}/${m}/closing-draft/${d}`;
-      return c.get(_);
-    },
-    async readDrafts() {
-      const d = e(), m = `${r.inventoryBackendUrl}/${d}/closing-draft`;
-      return c.get(m);
-    },
-    async runOperation(d) {
-      const m = e(), _ = `${r.inventoryBackendUrl}/${m}/closing-draft/run-operation`;
-      return c.post(_, d);
-    },
-    async sync(d) {
-      const m = e(), _ = `${r.inventoryBackendUrl}/${m}/closing-draft/sync`;
-      return c.post(_, d);
-    }
-  };
-}), xt = { class: "fm-typo-en-body-lg-400" }, _t = { class: "fm-typo-en-body-lg-600" }, wt = {
-  key: 0,
-  class: "flex flex-col"
-}, Ct = { class: "flex gap-12 py-8 justify-end w-full" }, Be = /* @__PURE__ */ Ie({
-  __name: "ClosingDraftAction",
-  props: {
-    draft: {},
-    action: {},
-    onCancel: { type: Function },
-    onFinished: { type: Function }
-  },
-  setup(r) {
-    const c = r, e = V(), d = Fe(), m = Me(), _ = V(!1), p = V(null), L = V(!1), g = U(() => {
-      switch (c.action) {
-        case P.enum.approveDraft:
-          return "Approve";
-        case P.enum.rejectDraft:
-          return "Reject";
-        case P.enum.markAsFailed:
-          return "Mark as Failed";
-      }
-      throw new Error(`Unknown action: ${c.action}`);
-    }), T = U(() => {
-      switch (c.action) {
-        case P.enum.approveDraft:
-          return "primary";
-        case P.enum.rejectDraft:
-          return "destructive";
-        case P.enum.markAsFailed:
-          return "destructive";
-      }
-      throw new Error(`Unknown action: ${c.action}`);
-    });
-    Le(() => {
-      if (c.draft.effectiveAt)
-        p.value = new Date(c.draft.effectiveAt);
-      else {
-        const o = new Date(c.draft.createdAt);
-        o.setHours(23, 59, 59, 999), p.value = o;
-      }
-      L.value = !0;
-    });
-    const I = U({
-      get() {
-        return p.value === null ? "" : at(p.value);
-      },
-      set(o) {
-        if (o) {
-          const a = /* @__PURE__ */ new Date(`${o} ${z.value}`);
-          a.setSeconds(59, 999), p.value = a;
-        } else
-          p.value = null;
-      }
-    }), z = U({
-      get() {
-        return p.value === null ? "" : nt(p.value);
-      },
-      set(o) {
-        if (o) {
-          const a = /* @__PURE__ */ new Date(`${I.value} ${o}`);
-          a.setSeconds(59, 999), p.value = a;
-        } else
-          p.value = null;
-      }
-    });
-    async function O() {
-      _.value = !0;
-      try {
-        await d.runOperation({
-          _id: c.draft._id,
-          _rev: c.draft._rev ?? "",
-          action: c.action,
-          data: {
-            effectiveAt: p.value ? p.value.toISOString() : null,
-            remark: e.value
-          }
-        }).delayed(500), m.open({
-          title: "Success",
-          message: "Action submitted",
-          type: "success"
-        }), c.onFinished();
-      } catch (o) {
-        m.open({
-          title: "Something went wrong",
-          message: "Unable to submit action. Please try again",
-          type: "error"
-        }), console.error("error on submit closing draft action", o);
-      } finally {
-        _.value = !1;
-      }
-    }
-    return (o, a) => {
-      const j = E("FmLabel"), b = E("FmDatePicker"), i = E("FmTimePicker"), B = E("FmTextField"), w = E("FmButton"), $ = E("FmForm");
-      return L.value ? (k(), J($, {
-        key: 1,
-        onValidationSuccess: O,
-        class: "flex flex-col gap-32",
-        disabled: _.value
-      }, {
-        default: K(() => [
-          s("div", xt, [
-            a[4] || (a[4] = de(" You are about to ")),
-            s("span", _t, Y(g.value), 1),
-            a[5] || (a[5] = de(" this draft. Please provide a remark to justify this action. "))
-          ]),
-          o.action === D(P).enum.approveDraft ? (k(), M("div", wt, [
-            x(j, { class: "fm-typo-en-body-lg-600" }, {
-              default: K(() => a[6] || (a[6] = [
-                de("Closing Date")
-              ])),
-              _: 1
-            }),
-            x(b, {
-              modelValue: I.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (S) => I.value = S)
-            }, null, 8, ["modelValue"]),
-            x(j, { class: "fm-typo-en-body-lg-600" }, {
-              default: K(() => a[7] || (a[7] = [
-                de("Closing Time")
-              ])),
-              _: 1
-            }),
-            x(i, {
-              modelValue: z.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (S) => z.value = S)
-            }, null, 8, ["modelValue"])
-          ])) : Z("", !0),
-          x(B, {
-            modelValue: e.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (S) => e.value = S),
-            label: "Remark",
-            "label-mark": "required",
-            rules: [D(ot)()]
-          }, null, 8, ["modelValue", "rules"]),
-          s("div", Ct, [
-            x(w, {
-              label: "Cancel",
-              variant: "tertiary",
-              onClick: a[3] || (a[3] = (S) => o.onCancel())
-            }),
-            x(w, {
-              label: g.value,
-              type: "submit",
-              variant: T.value,
-              loading: _.value
-            }, null, 8, ["label", "variant", "loading"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"])) : (k(), M(q, { key: 0 }, [
-        de("Loading")
-      ], 64));
-    };
-  }
-}), jt = ye(0);
-function qe(r) {
-  const c = r.measurementsAmounts.groupBy((d) => d.measurement.id), e = r.sku.unit.measurements.reduce((d, m) => {
-    var L, g;
-    const _ = ((g = (L = c.get(m.id)) == null ? void 0 : L[0]) == null ? void 0 : g.amount) ?? jt, p = Re(m.conversion, _);
-    return d + +N(p);
-  }, +N(r.baseAmount));
-  return st(e, r.baseAmount.precision);
-}
-const St = ye(0), $t = ye(100);
-function Ft(r, c, e) {
-  const d = qe(r), m = Ne(d, c), _ = c.amount === 0 ? null : ze(m, {
-    ...c,
-    amount: Math.abs(c.amount)
-  }), p = _ ? Re(_, $t) : null;
-  return {
-    code: r.sku.code,
-    name: r.sku.name,
-    baseUnit: r.sku.unit.abbrev,
-    baseUnitAmount: +N(r.baseAmount),
-    ...r.measurementsAmounts.filter(
-      (g) => Bt(g.measurement) && e.includes(g.measurement.id)
-    ).reduce(
-      (g, T, I) => (g[`measurementAbbrev${I}`] = `(${T.measurement.abbrev}) × ${N(T.measurement.conversion)}`, g[`measurementAmount${I}`] = +N(T.amount), g),
-      {}
-    ),
-    systemBalance: +N(c),
-    physicalBalance: +N(d),
-    adjustedAmount: +N(m),
-    adjustedDiffPercentage: p ? +N(Ve(p, 2)) : null
-  };
-}
-function Bt(r) {
-  return !r.abbrev.toLocaleLowerCase().includes("inactive");
-}
-function Tt(r) {
-  const c = We(r);
-  return r.reduce(
-    (e, d) => {
-      var m;
-      return Math.max(e, ((m = c == null ? void 0 : c.get(d.sku._id)) == null ? void 0 : m[0].length) ?? 0);
-    },
-    0
-  );
-}
-function We(r) {
-  return r.groupBy(
-    (c) => c.sku._id,
-    (c) => c.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
-  );
-}
-function It(r) {
-  return [
-    {
-      id: "code",
-      name: "Code"
-    },
-    {
-      id: "name",
-      name: "Name"
-    },
-    {
-      id: "systemBalance",
-      name: "Balance"
-    },
-    {
-      id: "physicalBalance",
-      name: "Actual balance"
-    },
-    {
-      id: "adjustedAmount",
-      name: "Adjusted balance"
-    },
-    {
-      id: "adjustedDiffPercentage",
-      name: "Diff (%)"
-    },
-    {
-      id: "baseUnitAmount",
-      name: "Base unit amount"
-    },
-    {
-      id: "baseUnit",
-      name: "Base unit"
-    },
-    ...Array.from({ length: r }).flatMap((e, d) => [
-      {
-        id: `measurementAmount${d}`,
-        name: `UOM amount ${d + 1}`
-      },
-      {
-        id: `measurementAbbrev${d}`,
-        name: `UOM ${d + 1}`
-      }
-    ])
-  ];
-}
-function Rt(r, c) {
-  var a, j, b, i, B, w, $;
-  const e = c.groupBy(
-    (S) => S.id,
-    (S) => S.balance
-  ), d = [...r.items, ...r.negativeStockItems ?? []], m = We(d), _ = d.map((S) => {
-    var W, oe;
-    const G = ((W = e.get(S.sku._id)) == null ? void 0 : W[0]) ?? St, ne = ((oe = m == null ? void 0 : m.get(S.sku._id)) == null ? void 0 : oe[0]) ?? [];
-    return Ft(S, G, ne);
-  }), p = Tt(d), g = gt().currentBusiness.value, T = It(p), I = [
-    ["Business name:", g == null ? void 0 : g.name],
-    ["Business ID:", g == null ? void 0 : g._id],
-    ["Menu version", g == null ? void 0 : g.menuVersion],
-    ["Created at", new Date(r.createdAt)],
-    ["Created by", (a = r.createdBy) == null ? void 0 : a.name],
-    ["Updated at", new Date(r.updatedAt)],
-    ["Updated by", (j = r.updatedBy) == null ? void 0 : j.name],
-    ["Recent action", r.approvedAt ? "Approve" : r.rejectionHistory ? "Reject" : ""],
-    [
-      "Action by",
-      r.approvedAt ? (b = r.approvedBy) == null ? void 0 : b.name : r.rejectionHistory ? (B = (i = r.rejectionHistory[0]) == null ? void 0 : i.rejectedBy) == null ? void 0 : B.name : ""
-    ],
-    [
-      "Action at",
-      r.approvedAt ? new Date(r.approvedAt) : r.rejectionHistory ? new Date((w = r.rejectionHistory[0]) == null ? void 0 : w.rejectedAt) : ""
-    ],
-    [
-      "Action remark",
-      r.approvedAt ? r.approveRemark : r.rejectionHistory ? new Date(($ = r.rejectionHistory[0]) == null ? void 0 : $.rejectRemark) : ""
-    ],
-    [],
-    T.map((S) => S.name),
-    ..._.map((S) => T.map((G) => S[G.id]))
-  ], z = T.map((S) => `system:${S.id}`), O = rt(I, z), o = `[${g == null ? void 0 : g.name}] closing draft (${lt(new Date(r.updatedAt))}).xlsx`;
-  return ct(O, o), o;
-}
-const Se = Ye(
-  "closingDraftActions",
-  function() {
-    const c = bt(), e = Me(), d = Ke(), m = Fe(), _ = Ge(), p = V(!1), L = V();
-    function g(b) {
-      const i = {
-        draft: b
-      };
-      L.value = i, p.value = !0;
-    }
-    async function T(b) {
-      var B;
-      if (b.status === ae.enum.COMPLETED) {
-        const w = b.closingAdjustmentId;
-        if (!w)
-          return e.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: b._id
-          }), [];
-        const $ = await d.readAdjustmentById(w);
-        return (($ == null ? void 0 : $.skus) ?? []).map((G) => ({
-          id: G.sku._id,
-          balance: G.fromBalance,
-          costs: G.fromCostBalances
-        }));
-      } else
-        return await _.readStockBalance(), ((B = _.stockBalance) == null ? void 0 : B.skus) ?? [];
-    }
-    async function I(b, i) {
-      i || (e.open({
-        title: "Exporting",
-        message: "Fetching data..."
-      }), i = await T(b)), Rt(b, i);
-    }
-    function z(b, i) {
-      c.open({
-        title: "Approve draft",
-        contentComponent: Be,
-        contentComponentProps: {
-          draft: b,
-          action: P.enum.approveDraft,
-          onFinished: () => {
-            c.close(), i == null || i();
-          },
-          onCancel: () => c.close()
-        }
-      });
-    }
-    function O(b, i) {
-      c.open({
-        title: "Reject draft",
-        contentComponent: Be,
-        contentComponentProps: {
-          draft: b,
-          action: P.enum.rejectDraft,
-          onFinished: () => {
-            c.close(), i == null || i();
-          },
-          onCancel: () => c.close()
-        }
-      });
-    }
-    function o(b, i) {
-      c.open({
-        title: "Mark draft as failed",
-        contentComponent: Be,
-        contentComponentProps: {
-          draft: b,
-          action: P.enum.markAsFailed,
-          onFinished: () => {
-            c.close(), i == null || i();
-          },
-          onCancel: () => c.close()
-        }
-      });
-    }
-    async function a(b, i) {
-      await m.sync({
-        _id: b._id,
-        _rev: b._rev ?? "",
-        action: P.enum.approveDraft,
-        data: {
-          remark: b.remark ?? ""
-        }
-      }).delayed(500), e.open({
-        title: "Success",
-        message: "Sync requested",
-        type: "success"
-      }), i == null || i();
-    }
-    function j() {
-      p.value = !1;
-    }
-    return {
-      viewDraft: g,
-      closeDraftDialog: j,
-      approveDraft: z,
-      rejectDraft: O,
-      markAsFailed: o,
-      syncDraft: a,
-      exportDraft: I,
-      viewClosingDraftShow: p,
-      viewClosingDraftProps: L
-    };
-  }
-);
-function je(r) {
-  switch (r) {
-    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 Mt = Ye(
-  "closingDraftTable",
-  function() {
-    const { t: c } = Oe(), e = Se(), d = V(new Array()), m = V(!1), _ = $e(), p = Fe();
-    async function L() {
-      if (d.value = [], !!_._currentLocation) {
-        m.value = !0;
-        try {
-          const [o] = await Promise.all([p.readDrafts()]).delayed(1e3);
-          d.value = o.reverse();
-        } catch (o) {
-          console.log("Something went wrong when fetching drafts:", o);
-        } finally {
-          m.value = !1;
-        }
-      }
-    }
-    async function g(o) {
-      if (!d.value.find((a) => a._id) && _._currentLocation) {
-        m.value = !0;
-        try {
-          const [a] = await Promise.all([
-            p.getDraft(o),
-            new Promise((j) => setTimeout(j, 1e3))
-          ]);
-          d.value = [a];
-        } catch (a) {
-          console.log("Something went wrong when fetching drafts:", a);
-        } finally {
-          m.value = !1;
-        }
-      }
-    }
-    function T(o) {
-      d.value = d.value.map((a) => a._id === o._id ? {
-        ...o,
-        _rev: a._rev
-      } : a);
-    }
-    function I() {
-      e.closeDraftDialog(), L();
-    }
-    function z(o, a) {
-      switch (a = dt(a), o) {
-        case we.Details:
-          return e.viewDraft(a);
-        case we.Export:
-          return e.exportDraft(a);
-        case P.enum.approveDraft:
-          return e.approveDraft(a, I);
-        case P.enum.rejectDraft:
-          return e.rejectDraft(a, I);
-        case P.enum.markAsFailed:
-          return e.markAsFailed(a, I);
-      }
-    }
-    return {
-      columnDefs: [
-        {
-          id: "_id",
-          accessorKey: "_id",
-          header: () => c("inventory.closing.table.createdAt"),
-          cell(o) {
-            return it(`${o.getValue()}`);
-          },
-          enableSorting: !0
-        },
-        {
-          id: "updatedAt",
-          accessorFn: (o) => re(o.updatedAt),
-          header: () => "Updated at",
-          enableSorting: !0,
-          size: 200
-        },
-        {
-          id: "updatedBy",
-          accessorKey: "updatedBy.name",
-          header: () => "Last update by",
-          enableSorting: !0,
-          size: 200
-        },
-        {
-          id: "noOfItems",
-          accessorFn: (o) => {
-            var a;
-            return o.items.length + (((a = o.negativeStockItems) == null ? void 0 : a.length) ?? 0);
-          },
-          header: () => c("inventory.closing.table.noOfItems"),
-          enableSorting: !1,
-          meta: {
-            width: "10rem",
-            textAlign: "right"
-          }
-        },
-        {
-          id: "recentRemark",
-          accessorFn: (o) => {
-            var a;
-            return (o == null ? void 0 : o.approveRemark) ?? ((a = o == null ? void 0 : o.rejectionHistory) == null ? void 0 : a.computeFirst((j) => j.rejectRemark)) ?? o.remark;
-          },
-          header: () => "Recent remark"
-        },
-        {
-          id: "status",
-          accessorFn: (o) => o.status,
-          header: () => c("inventory.closing.table.status"),
-          enableSorting: !1,
-          cell(o) {
-            var w;
-            const a = o.row.original, j = a.status, b = new Date(a.updatedAt), i = (w = a == null ? void 0 : a.rejectionHistory) == null ? void 0 : w.computeFirst(($) => $.rejectedAt), B = i ? new Date(i) : null;
-            return j === "DRAFT" && B ? B.getTime() > b.getTime() ? F(
-              "div",
-              {
-                class: "flex"
-              },
-              F(
-                "div",
-                {
-                  class: ["fm-status-badge", je("FAILED")]
-                },
-                "Rejected"
-              )
-            ) : F(
-              "div",
-              {
-                class: "flex"
-              },
-              F(
-                "div",
-                {
-                  class: ["fm-status-badge", je("PROCESSING")]
-                },
-                "Updated"
-              )
-            ) : F(
-              "div",
-              {
-                class: "flex"
-              },
-              F(
-                "div",
-                {
-                  class: ["fm-status-badge", je(j)]
-                },
-                Te(j)
-              )
-            );
-          }
-        },
-        {
-          id: "action",
-          cell(o) {
-            const a = o.row.original, j = [
-              Ue[we.Details],
-              Ue[we.Export]
-            ], b = [
-              {
-                translationKey: "inventory.closing.draft.approveDraft",
-                color: "text-fm-color-typo-primary",
-                value: P.enum.approveDraft
-              },
-              {
-                translationKey: "inventory.closing.draft.rejectDraft",
-                color: "text-fm-color-typo-error",
-                value: P.enum.rejectDraft
-              },
-              {
-                translationKey: "inventory.closing.draft.markAsFailed",
-                color: "text-fm-color-typo-error",
-                value: P.enum.markAsFailed
-              }
-            ];
-            return ut(
-              [
-                ...j,
-                ...a.status === ae.enum.DRAFT ? b : []
-              ],
-              (i) => z(i, a)
-            );
-          },
-          enableSorting: !1,
-          size: 40,
-          meta: {
-            cellClass: "",
-            headerClass: ""
-          }
-        }
-      ],
-      drafts: d,
-      loading: m,
-      fetchDrafts: L,
-      loadDraft: g,
-      updateDraftRef: T
-    };
-  }
-), Pt = { class: "w-full flex flex-col gap-32" }, Ut = { class: "flex justify-between" }, Lt = { class: "flex" }, Et = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Ht = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Nt = { class: "flex gap-1" }, zt = { class: "fm-typo-en-body-lg-600" }, Vt = { class: "flex flex-col gap-16" }, Ot = { class: "flex items-center" }, Yt = {
-  key: 0,
-  class: "flex gap-8"
-}, Kt = {
-  key: 0,
-  class: "w-full flex flex-col items-center"
-}, Gt = { class: "flex items-center gap-8" }, qt = { class: "flex flex-col gap-8" }, Wt = { class: "flex gap-8" }, Zt = {
-  key: 0,
-  class: "flex gap-8"
-}, Jt = { class: "overflow-x-auto" }, Qt = {
-  key: 1,
-  class: "flex-1 xs:w-screen xs:max-w-full"
-}, Xt = {
-  key: 0,
-  class: "flex flex-col items-center gap-8 h-full"
-}, ea = ["src"], ta = {
-  key: 1,
-  class: "px-4 flex flex-col"
-}, aa = { class: "flex gap-12 content-stretch" }, na = {
-  class: "flex flex-col w-24",
-  name: "circles"
-}, oa = { class: "flex-1 flex flex-col items-center" }, sa = { class: "flex-1 flex flex-col items-center" }, ra = {
-  class: "py-12 flex flex-col gap-4",
-  name: "received-at header"
-}, la = { class: "fm-typo-en-body-lg-400" }, ca = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ia = { class: "flex gap-12 content-stretch" }, ua = {
-  class: "flex flex-col w-24",
-  name: "circles"
-}, da = { class: "flex-1 flex flex-col items-center" }, ma = {
-  class: "py-12 flex flex-col gap-4 flex-1",
-  name: "delivery details"
-}, fa = { class: "flex flex-col gap-8" }, pa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, va = { class: "flex flex-col gap-4" }, ya = { class: "flex gap-8" }, ga = /* @__PURE__ */ Ie({
-  __name: "ClosingDraftDialog",
-  props: {
-    show: { type: Boolean },
-    draft: {}
-  },
-  emits: ["submitted", "refresh"],
-  setup(r, { emit: c }) {
-    const e = r, d = Ge(), m = Se(), _ = At(e, "show"), p = V(!1), L = V(!1), g = V(!1), T = V(new Array()), I = Ke(), z = Fe(), O = Me(), o = mt(), a = $e(), j = Je({}), b = U(() => new Set(
-      o.skus.filter((n) => {
-        var t;
-        return j[(t = n.customAttributes) == null ? void 0 : t.tag];
-      }).map((n) => n._id)
-    )), i = c, B = V({
-      templateItem: !0,
-      nonTemplateItem: !0
-    }), w = U(() => {
-      var t, v;
-      const n = [...((t = e.draft) == null ? void 0 : t.items) ?? [], ...((v = e.draft) == null ? void 0 : v.negativeStockItems) ?? []];
-      return b.value.size ? n.filter((f) => b.value.has(f.sku._id)) : n;
-    }), $ = U(() => {
-      const n = w.value.map((t) => t.sku);
-      return n.sort((t, v) => t.code.localeCompare(v.code)), n;
-    }), S = U(() => w.value.groupBy(
-      (t) => t.sku._id,
-      (t) => t.measurementsAmounts.filter((v) => !v.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((v) => v.measurement.id)
-    ));
-    Le(W), Qe(
-      () => e.show,
-      (n) => {
-        n && (te.value = ee[0], W(), B.value = {
-          templateItem: !0,
-          nonTemplateItem: !0
-        });
-      }
-    );
-    const G = ye(0), ne = ye(100);
-    async function W() {
-      var t, v, f;
-      if (!a._currentLocation) return;
-      p.value = !0;
-      const n = ((t = e.draft) == null ? void 0 : t.status) === ae.enum.COMPLETED;
-      try {
-        if (await o.init(), n) {
-          const l = e.draft.closingAdjustmentId;
-          if (!l) {
-            O.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: (v = e.draft) == null ? void 0 : v._id
-            });
-            return;
-          }
-          const u = await I.readAdjustmentById(l), y = (u == null ? void 0 : u.skus) ?? [];
-          T.value = y.map((A) => ({
-            id: A.sku._id,
-            balance: A.fromBalance,
-            costs: A.fromCostBalances
-          }));
-        } else
-          T.value = ((f = e.draft) == null ? void 0 : f.stockSnapshot) ?? [];
-      } catch (l) {
-        O.open({
-          title: "Something went wrong",
-          message: "Something went wrong when fetching info. Please try again.",
-          type: "error"
-        }), console.error("error on fetch stock balances", l);
-      } finally {
-        p.value = !1;
-      }
-    }
-    async function oe() {
-      var l, u, y;
-      const n = ((l = e.draft) == null ? void 0 : l.effectiveAt) ?? ((u = e.draft) == null ? void 0 : u.updatedAt);
-      if (!n) {
-        O.open({
-          title: "Cannot refresh",
-          message: "Effective date is not available for this draft.",
-          type: "error"
-        });
-        return;
-      }
-      L.value = !0;
-      const t = (y = e.draft) == null ? void 0 : y._rev, v = 30, f = 2e3;
-      try {
-        await I.recalculation.scheduleCalculateStockSnapshotAtDate(
-          n,
-          e.draft._id
-        );
-        let A = null;
-        for (let C = 0; C < v && (A = await z.getDraft(e.draft._id).delayed(f), A._rev === t); C++)
-          ;
-        if (!A || A._rev === t) {
-          O.open({
-            title: "Refresh failed",
-            message: "Failed to refresh stock balance. Please try again.",
-            type: "error"
-          }), console.error("error refreshing stock balances: there is no change in _rev");
-          return;
-        }
-        i("refresh", A), T.value = A.stockSnapshot ?? [], O.open({
-          title: "Balance refreshed",
-          message: "Stock balance has been recalculated.",
-          type: "success"
-        });
-      } catch (A) {
-        O.open({
-          title: "Refresh failed",
-          message: "Failed to refresh stock balance. Please try again.",
-          type: "error"
-        }), console.error("error refreshing stock balances", A);
-      } finally {
-        L.value = !1;
-      }
-    }
-    const ge = U(
-      () => T.value.groupBy(
-        (n) => n.id,
-        (n) => n.balance
-      )
-    ), be = U(() => w.value.groupBy((n) => n.sku._id));
-    function le(n) {
-      return F(
-        ue.FmTooltip,
-        { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
-        {
-          default() {
-            return n;
-          },
-          content() {
-            return "Differences are calculated using this formula: (Adjusted / System) × 100%";
-          }
-        }
-      );
-    }
-    const se = U(() => {
-      const n = $.value.reduce((v, f) => {
-        var l, u;
-        return Math.max(v, ((u = (l = S.value) == null ? void 0 : l.get(f._id)) == null ? void 0 : u[0].length) ?? 0);
-      }, 0);
-      return [
-        {
-          id: "sku",
-          accessorFn: (v) => `${v.code} ${v.name}`,
-          header: () => "Name",
-          size: 350,
-          cell(v) {
-            const f = v.row.original, l = f.adjustedDiffPercentage, u = typeof l == "number" && Math.abs(l) > 10, y = F("div", { class: "flex flex-col gap-4" }, [
-              F(
-                "div",
-                {
-                  class: [
-                    "line-clamp-1 fm-typo-en-body-lg-400",
-                    u ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
-                  ]
-                },
-                f.name
-              ),
-              F(
-                "div",
-                {
-                  class: [
-                    "line-clamp-1 fm-typo-en-body-md-400",
-                    u ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
-                  ]
-                },
-                f.code
-              )
-            ]);
-            return F(
-              ue.FmTooltip,
-              {
-                zIndex: 51
-              },
-              {
-                content() {
-                  return u ? "Adjustment difference is more than 10%." : `${f.code} - ${f.name}`;
-                },
-                default() {
-                  return F("div", { class: "flex items-center gap-4 justify-start w-full" }, [
-                    y
-                  ]);
-                }
-              }
-            );
-          }
-        },
-        {
-          id: "baseUnit",
-          header: () => "Base unit",
-          accessorKey: "baseUnit"
-        },
-        {
-          id: "physicalBalance",
-          accessorKey: "physicalBalance",
-          header: () => le("Actual balance"),
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "systemBalance",
-          accessorKey: "systemBalance",
-          header: () => le("Balance"),
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedAmount",
-          accessorKey: "adjustedAmount",
-          header: () => le("Adjusted balance"),
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedDiffPercentage",
-          accessorKey: "adjustedDiffPercentage",
-          header: () => F(
-            ue.FmTooltip,
-            { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
-            {
-              default() {
-                return F("div", { class: "flex items-center gap-4" }, [
-                  "Diff (%)",
-                  F(ue.FmIcon, { name: "info", color: "neutral-gray-400", size: "sm" })
-                ]);
-              },
-              content() {
-                return "Differences are calculated using this formula: (Adjusted / System) × 100%";
-              }
-            }
-          ),
-          size: 200,
-          cell(v) {
-            const f = v.row.original.adjustedDiffPercentage;
-            if (!f) return "N/A";
-            const l = f.toFixed(2);
-            if (l === "0.00")
-              return F("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
-            const u = f > 0;
-            return F("div", { class: "flex items-center gap-4 justify-end" }, [
-              F(ue.FmIcon, {
-                name: u ? "arrow_drop_up" : "arrow_drop_down",
-                color: u ? "system-success-300" : "system-error-300",
-                size: "md"
-              }),
-              l
-            ]);
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "physicalBalances",
-          header: () => "Amounts",
-          enableSorting: !1,
-          cell(v) {
-            const f = v.row.original, l = (y, A) => F(
-              ue.FmTooltip,
-              { zIndex: 50 },
-              {
-                default() {
-                  return F(
-                    "div",
-                    {
-                      class: "fm-typo-en-body-md-400 py-4 px-8 border-1 border-fm-color-typo-secondary fm-corner-radius-md line-clamp-1"
-                    },
-                    [
-                      F("span", { class: "text-fm-color-typo-primary" }, `${y} `),
-                      F(
-                        "span",
-                        {
-                          class: "text-fm-color-typo-secondary",
-                          style: { maxWidth: "80px" }
-                        },
-                        A
-                      )
-                    ]
-                  );
-                },
-                content() {
-                  return `${y} ${A}`;
-                }
-              }
-            );
-            let u = Array.from({ length: n }).map((y, A) => {
-              if (!f[`measurementAmount${A}`])
-                return null;
-              const C = f[`measurementAmount${A}`], ie = f[`measurementAbbrev${A}`];
-              return l(C, ie);
-            }).filter((y) => y);
-            return (f.baseUnitAmount || !u.length) && (u = [l(f.baseUnitAmount, f.baseUnit), ...u]), F(
-              "div",
-              {
-                class: "flex gap-8 flex-nowrap",
-                style: {
-                  minWidth: `${120 * u.length}px`
-                }
-              },
-              u
-            );
-          }
-        }
-      ];
-    }), Ae = U(() => se.value.map((n) => n.size ?? 0).reduce((n, t) => n + t)), ce = V(""), fe = U(() => {
-      var v, f;
-      const n = ((f = (v = e.draft) == null ? void 0 : v.negativeStockItems) == null ? void 0 : f.reduce(
-        (l, u) => (l[u.sku._id] = u, l),
-        {}
-      )) ?? {};
-      return $.value.map((l) => {
-        var xe, _e;
-        const u = (xe = be.value.get(l._id)) == null ? void 0 : xe[0], y = ((_e = ge.value.get(l._id)) == null ? void 0 : _e[0]) ?? G;
-        if (!u)
-          return {
-            code: l.code,
-            name: l.name,
-            baseUnit: l.unit.abbrev,
-            baseUnitAmount: 0,
-            systemBalance: +N(y),
-            physicalBalance: 0,
-            adjustedAmount: -+N(y),
-            adjustedDiffPercentage: -100,
-            isTemplateItem: !n[l._id]
-          };
-        const A = qe(u), C = Ne(A, y), ie = y.amount === 0 ? null : ze(C, {
-          ...y,
-          amount: Math.abs(y.amount)
-        }), ke = ie ? Re(ie, ne) : null;
-        return {
-          code: l.code,
-          name: l.name,
-          baseUnit: l.unit.abbrev,
-          baseUnitAmount: +N(u.baseAmount),
-          ...u.measurementsAmounts.filter((h) => {
-            var R, H, X;
-            return (X = (H = (R = S.value) == null ? void 0 : R.get(l._id)) == null ? void 0 : H[0]) == null ? void 0 : X.includes(h.measurement.id);
-          }).reduce((h, R, H) => (h[`measurementAbbrev${H}`] = `(${R.measurement.abbrev}) × ${N(R.measurement.conversion)}`, h[`measurementAmount${H}`] = +N(R.amount), h), {}),
-          systemBalance: +N(y),
-          physicalBalance: +N(A),
-          adjustedAmount: +N(C),
-          adjustedDiffPercentage: ke ? +N(Ve(ke, 2)) : null,
-          isTemplateItem: !n[l._id]
-        };
-      }).filter((l) => !!(l.isTemplateItem && B.value.templateItem || !l.isTemplateItem && B.value.nonTemplateItem));
-    }), he = U(() => {
-      var t, v, f;
-      if (!e.draft) return [];
-      const n = e.draft.approvedAt ? {
-        action: `Approve at ${re(e.draft.approvedAt)}`,
-        // actionAt: props.draft.approvedAt,
-        actionBy: e.draft.approvedBy,
-        remark: e.draft.approveRemark
-      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((l) => ({
-        action: `Reject at ${re(l.rejectedAt)}`,
-        // actionAt: e.rejectedAt,
-        actionBy: l.rejectedBy,
-        remark: l.rejectRemark
-      }));
-      return [
-        {
-          label: "Created at",
-          value: re(e.draft.createdAt)
-        },
-        {
-          label: "Created by",
-          value: e.draft.createdBy.name
-        },
-        {
-          label: "Updated at",
-          value: re(e.draft.updatedAt)
-        },
-        {
-          label: "Updated by",
-          value: e.draft.updatedBy.name
-        },
-        {
-          label: "Effective at",
-          value: re(e.draft.effectiveAt ?? e.draft.updatedAt)
-        },
-        {
-          label: "Using template",
-          value: ((v = e.draft.usingTemplates.find((l) => l)) == null ? void 0 : v.name) ?? "None"
-        },
-        e.draft.remark ? {
-          label: "Remark",
-          value: e.draft.remark
-        } : null,
-        n ? {
-          label: "Last action",
-          value: n.action
-        } : null,
-        n && n.actionBy ? {
-          label: "Last action by",
-          value: (f = n.actionBy) == null ? void 0 : f.name
-        } : null,
-        n && n.remark ? {
-          label: "Action remark",
-          value: n.remark
-        } : null
-      ].filter((l) => l).map((l) => l);
-    }), ee = [
-      {
-        label: "Overview",
-        value: "overview"
-      },
-      {
-        label: "Action history",
-        value: "history"
-      }
-    ], te = V(ee[0]), Q = U(() => {
-      var f, l, u;
-      const n = ((f = e.draft) == null ? void 0 : f.activityLogs) ?? [], t = ((l = e.draft) == null ? void 0 : l.rejectionHistory) ?? [];
-      for (const y of t)
-        n.find(
-          (C) => `${C.action}_${C.performedAt}` == `${P.enum.rejectDraft}_${y.rejectedAt}`
-        ) || n.push({
-          action: P.enum.rejectDraft,
-          performedAt: y.rejectedAt,
-          performedBy: y.rejectedBy,
-          remark: y.rejectRemark
-        });
-      return (u = e.draft) != null && u.approvedAt && (n.find(
-        (A) => {
-          var C;
-          return `${A.action}_${A.performedAt}` == `${P.enum.approveDraft}_${(C = e.draft) == null ? void 0 : C.approvedAt}`;
-        }
-      ) || n.push({
-        action: P.enum.approveDraft,
-        performedAt: e.draft.approvedAt,
-        performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
-        remark: e.draft.approveRemark
-      })), n.sort((y, A) => new Date(A.performedAt).getTime() - new Date(y.performedAt).getTime()).map(
-        (y) => ({
-          header: Te(y.action),
-          date: re(y.performedAt),
-          info: [
-            {
-              label: "Performed by",
-              values: [y.performedBy.name]
-            },
-            {
-              label: "Remark",
-              values: [y.remark ?? ""]
-            }
-          ]
-        })
-      );
-    }), pe = U(() => {
-      var l, u, y, A;
-      if ((l = e == null ? void 0 : e.draft) != null && l.approvedAt) return "Draft is already approved.";
-      if (((u = e.draft) == null ? void 0 : u.status) !== ae.enum.DRAFT) return "Status is not draft.";
-      const n = fe.value.some((C) => C.physicalBalance < 0), t = ((A = (y = d.stockBalance.skus) == null ? void 0 : y.filter((C) => C.balance.amount < 0)) == null ? void 0 : A.map((C) => C.id)) ?? [], v = new Set($.value.map((C) => C._id)), f = t.filter((C) => !v.has(C)).length;
-      return [
-        n ? "Negative total exist." : null,
-        f ? "Negative stock is not included in this draft. Reopen draft in POS and apply changes." : null
-      ].filter((C) => C).join(" ");
-    });
-    return (n, t) => {
-      const v = E("FmButtonGroup"), f = E("FmMenuDivider"), l = E("FmCard"), u = E("FmButton"), y = E("FmCircularProgress"), A = E("FmChip"), C = E("FmTextField"), ie = E("FmIcon"), ke = E("FmTable"), De = E("FmSpacer"), xe = E("FmTooltip"), _e = E("FmSideSheet");
-      return k(), J(_e, {
-        "dismiss-away": "",
-        "max-width": 9999,
-        "model-value": D(_),
-        "onUpdate:modelValue": t[10] || (t[10] = (h) => Ee(_) ? _.value = h : null),
-        header: "Closing details"
-      }, {
-        "side-sheet-footer": K(() => {
-          var h, R, H, X;
-          return [
-            s("div", ya, [
-              ((h = e.draft) == null ? void 0 : h.status) === D(ae).enum.DRAFT ? (k(), M(q, { key: 0 }, [
-                pe.value ? (k(), J(xe, {
-                  key: 0,
-                  "z-index": 51
-                }, {
-                  content: K(() => [
-                    de(Y(pe.value), 1)
-                  ]),
-                  default: K(() => [
-                    x(u, {
-                      disabled: "",
-                      key: "approve key",
-                      label: "Approve",
-                      onClick: t[5] || (t[5] = () => e.draft && D(m).approveDraft(e.draft, () => i("submitted")))
-                    })
-                  ]),
-                  _: 1
-                })) : (k(), J(u, {
-                  key: "approve key",
-                  label: "Approve",
-                  onClick: t[6] || (t[6] = () => e.draft && D(m).approveDraft(e.draft, () => i("submitted")))
-                }))
-              ], 64)) : Z("", !0),
-              ((R = e.draft) == null ? void 0 : R.status) === D(ae).enum.DRAFT ? (k(), J(u, {
-                key: 1,
-                label: "Reject",
-                variant: "destructive",
-                onClick: t[7] || (t[7] = () => e.draft && D(m).rejectDraft(e.draft, () => i("submitted")))
-              })) : Z("", !0),
-              (H = e.draft) != null && H.approvedAt && ((X = e.draft) == null ? void 0 : X.status) !== D(ae).enum.COMPLETED ? (k(), J(u, {
-                key: 2,
-                label: "Sync",
-                loading: g.value,
-                onClick: t[8] || (t[8] = () => {
-                  e.draft && (g.value = !0, D(m).syncDraft(e.draft, () => {
-                    g.value = !1, i("submitted");
-                  }));
-                })
-              }, null, 8, ["loading"])) : Z("", !0),
-              x(u, {
-                label: "Close",
-                variant: "tertiary",
-                onClick: t[9] || (t[9] = (Pe) => _.value = !1)
-              })
-            ])
-          ];
-        }),
-        default: K(() => [
-          s("div", Pt, [
-            s("div", null, [
-              x(v, {
-                items: ee,
-                modelValue: te.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (h) => te.value = h)
-              }, null, 8, ["modelValue"])
-            ]),
-            te.value.value === "overview" ? (k(), M(q, { key: 0 }, [
-              x(l, {
-                variant: "outlined",
-                class: "flex flex-col gap-8 px-12 py-16"
-              }, {
-                default: K(() => {
-                  var h, R;
-                  return [
-                    s("div", Ut, [
-                      t[11] || (t[11] = s("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                      s("div", Lt, [
-                        s("div", {
-                          class: me(["fm-status-badge", D(je)(((h = n.draft) == null ? void 0 : h.status) ?? "DRAFT")])
-                        }, Y(D(Te)(((R = n.draft) == null ? void 0 : R.status) ?? "")), 3)
-                      ])
-                    ]),
-                    x(f),
-                    s("div", Et, [
-                      (k(!0), M(q, null, ve(he.value, (H, X) => (k(), M("div", {
-                        class: "flex flex-col gap-4",
-                        key: X
-                      }, [
-                        s("div", Ht, [
-                          s("div", Nt, Y(H.label), 1)
-                        ]),
-                        s("div", zt, Y(H.value), 1)
-                      ]))), 128))
-                    ])
-                  ];
-                }),
-                _: 1
-              }),
-              s("div", Vt, [
-                s("div", Ot, [
-                  t[12] || (t[12] = s("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  p.value ? Z("", !0) : (k(), M("div", Yt, [
-                    n.draft && n.draft.status !== D(ae).enum.COMPLETED ? (k(), J(u, {
-                      key: 0,
-                      label: "Refresh balance",
-                      "prepend-icon": "refresh",
-                      variant: "secondary",
-                      "text-color": "primary",
-                      "bg-color": "transparent",
-                      "border-color": "primary",
-                      loading: L.value,
-                      onClick: oe
-                    }, null, 8, ["loading"])) : Z("", !0),
-                    x(u, {
-                      label: "Export data",
-                      "prepend-icon": "download",
-                      variant: "secondary",
-                      "text-color": "primary",
-                      "bg-color": "transparent",
-                      "border-color": "primary",
-                      onClick: t[1] || (t[1] = (h) => n.draft ? D(m).exportDraft(n.draft, T.value) : null)
-                    })
-                  ]))
-                ]),
-                p.value ? (k(), M("div", Kt, [
-                  t[14] || (t[14] = s("div", { class: "h-80" }, null, -1)),
-                  s("div", Gt, [
-                    s("div", null, [
-                      x(y, { size: "md" })
-                    ]),
-                    t[13] || (t[13] = s("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
-                  ]),
-                  t[15] || (t[15] = s("div", { class: "h-80" }, null, -1))
-                ])) : (k(), M(q, { key: 1 }, [
-                  s("div", qt, [
-                    s("div", Wt, [
-                      x(A, {
-                        label: "Template Item(s)",
-                        selected: B.value.templateItem,
-                        onClick: t[2] || (t[2] = (h) => B.value.templateItem = !B.value.templateItem)
-                      }, null, 8, ["selected"]),
-                      x(A, {
-                        label: "Non-template Item(s)",
-                        selected: B.value.nonTemplateItem,
-                        onClick: t[3] || (t[3] = (h) => B.value.nonTemplateItem = !B.value.nonTemplateItem)
-                      }, null, 8, ["selected"])
-                    ]),
-                    x(C, {
-                      modelValue: ce.value,
-                      "onUpdate:modelValue": t[4] || (t[4] = (h) => ce.value = h),
-                      placeholder: "Filter items"
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  D(o).skuTags.size ? (k(), M("div", Zt, [
-                    (k(!0), M(q, null, ve(D(o).skuTags.keys(), (h) => (k(), J(A, {
-                      key: `${h}`,
-                      label: `${h}`,
-                      selectable: "",
-                      selected: j[`${h}`],
-                      onClick: (R) => j[`${h}`] = !j[`${h}`]
-                    }, {
-                      default: K(() => [
-                        j[`${h}`] ? (k(), J(ie, {
-                          key: 0,
-                          name: "check",
-                          class: "text-white",
-                          size: "sm"
-                        })) : Z("", !0),
-                        s("span", {
-                          class: me([
-                            "",
-                            {
-                              "text-white fm-typo-en-body-md-600": j[`${h}`],
-                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !j[`${h}`]
-                            }
-                          ])
-                        }, Y(h), 3)
-                      ]),
-                      _: 2
-                    }, 1032, ["label", "selected", "onClick"]))), 128))
-                  ])) : Z("", !0),
-                  s("div", Jt, [
-                    s("div", {
-                      style: He({ minWidth: `${Ae.value}px` })
-                    }, [
-                      x(ke, {
-                        "column-defs": se.value,
-                        "row-data": fe.value,
-                        "search-value": ce.value
-                      }, null, 8, ["column-defs", "row-data", "search-value"])
-                    ], 4)
-                  ])
-                ], 64))
-              ])
-            ], 64)) : Z("", !0),
-            te.value.value === "history" ? (k(), M("div", Qt, [
-              Q.value.length ? (k(), M("div", ta, [
-                (k(!0), M(q, null, ve(Q.value, (h, R) => (k(), M(q, { key: R }, [
-                  s("div", aa, [
-                    s("div", na, [
-                      s("div", oa, [
-                        s("div", {
-                          class: me([
-                            {
-                              "bg-fm-color-primary": R !== 0,
-                              "bg-white": R === 0
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ]),
-                      t[18] || (t[18] = s("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                      s("div", sa, [
-                        s("div", {
-                          class: me([
-                            {
-                              "bg-fm-color-primary": R < Q.value.length - 1,
-                              "bg-white": R >= Q.value.length - 1
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ])
-                    ]),
-                    s("div", ra, [
-                      s("div", la, Y(h.header), 1),
-                      s("div", ca, Y(h.date), 1)
-                    ])
-                  ]),
-                  s("div", ia, [
-                    s("div", ua, [
-                      s("div", da, [
-                        s("div", {
-                          class: me([
-                            {
-                              "bg-fm-color-primary": R < Q.value.length - 1,
-                              "bg-white": R >= Q.value.length - 1
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ])
-                    ]),
-                    s("div", ma, [
-                      x(l, {
-                        variant: "outlined",
-                        class: "py-12 px-16"
-                      }, {
-                        default: K(() => [
-                          s("div", fa, [
-                            (k(!0), M(q, null, ve(h.info, (H, X) => (k(), M("div", {
-                              key: X,
-                              class: "flex flex-col gap-4"
-                            }, [
-                              s("div", pa, Y(H == null ? void 0 : H.label), 1),
-                              s("div", va, [
-                                (k(!0), M(q, null, ve(H == null ? void 0 : H.values, (Pe, Ze) => (k(), M("div", {
-                                  key: Ze,
-                                  class: "fm-typo-en-body-lg-600"
-                                }, Y(Pe), 1))), 128))
-                              ])
-                            ]))), 128))
-                          ])
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ])
-                  ])
-                ], 64))), 128))
-              ])) : (k(), M("div", Xt, [
-                x(De),
-                s("div", null, [
-                  s("img", {
-                    src: D(Dt),
-                    alt: "List is empty"
-                  }, null, 8, ea)
-                ]),
-                t[16] || (t[16] = s("div", { class: "fm-typo-en-body-lg-600" }, Y("No records found"), -1)),
-                t[17] || (t[17] = s("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, Y("You can track approval and rejection history here"), -1)),
-                x(De),
-                x(De)
-              ]))
-            ])) : Z("", !0)
-          ])
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), ba = { class: "flex-1 flex flex-col gap-8" }, Aa = { class: "flex flex-col" }, ha = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ka = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Da = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, xa = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Ba = /* @__PURE__ */ Ie({
-  __name: "ClosingDraftView",
-  setup(r) {
-    const { t: c } = Oe(), { viewDraft: e } = Se(), { viewClosingDraftProps: d, viewClosingDraftShow: m } = kt(Se()), _ = $e(), p = Mt(), L = ft(), { breakpoints: g } = ht();
-    _.watchLocation(p.fetchDrafts);
-    const T = U(() => p.loading), I = V(""), z = U(() => g.value.xs || g.value.sm), O = U(() => z.value ? 10 : 20);
-    function o(b) {
-      switch (b) {
-        case "refresh":
-          return p.fetchDrafts();
-      }
-    }
-    function a(b) {
-      return b;
-    }
-    const j = U(() => z.value ? [
-      {
-        label: c("inventory.common.refresh"),
-        value: "refresh",
-        isPrimary: !1
-      }
-    ] : [
-      {
-        label: c("inventory.common.refresh"),
-        value: "refresh",
-        isPrimary: !1
-      }
-    ]);
-    return (b, i) => {
-      const B = E("FmTable");
-      return k(), M(q, null, [
-        x(pt, {
-          title: D(c)("inventory.closing.draft.title"),
-          actions: j.value,
-          "onClick:action": o
-        }, {
-          default: K(() => [
-            s("div", {
-              class: me([
-                "flex flex-col gap-8 max-h-full",
-                {
-                  "p-0": z.value,
-                  "px-24 ": !z.value
-                }
-              ])
-            }, [
-              x(vt, {
-                "change-location": "",
-                searchable: "",
-                search: I.value,
-                "onUpdate:search": i[0] || (i[0] = (w) => I.value = w)
-              }, null, 8, ["search"]),
-              x(B, {
-                style: He(D(L).tableHeight),
-                "column-defs": D(p).columnDefs,
-                "row-data": D(p).drafts,
-                "search-value": I.value,
-                loading: T.value,
-                onRowClick: i[1] || (i[1] = (w) => D(e)(w.original)),
-                "page-size": O.value
-              }, {
-                "list-row": K((w) => [
-                  x(yt, {
-                    row: w,
-                    onRowClick: ($) => D(e)($)
-                  }, {
-                    default: K(($) => {
-                      var S, G, ne, W, oe, ge, be, le, se, Ae, ce, fe, he, ee, te, Q, pe, n, t, v;
-                      return [
-                        s("div", ba, [
-                          s("div", Aa, [
-                            s("div", ha, [
-                              x(D(Ce), {
-                                render: (ne = (G = (S = $._id) == null ? void 0 : S.column) == null ? void 0 : G.columnDef) == null ? void 0 : ne.cell,
-                                props: (oe = (W = $._id) == null ? void 0 : W.getContext) == null ? void 0 : oe.call(W)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            s("div", ka, [
-                              x(D(Ce), {
-                                render: (le = (be = (ge = $.name) == null ? void 0 : ge.column) == null ? void 0 : be.columnDef) == null ? void 0 : le.cell,
-                                props: (Ae = (se = $.name) == null ? void 0 : se.getContext) == null ? void 0 : Ae.call(se)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            s("div", Da, Y([
-                              ...w.original.items.slice(0, 3).map((f) => f.sku.name),
-                              ...w.original.items.length >= 3 ? [`and ${w.original.items.length - 3} more items`] : []
-                            ].join(", ")), 1),
-                            s("div", xa, [
-                              x(D(Ce), {
-                                render: (he = (fe = (ce = $.ref) == null ? void 0 : ce.column) == null ? void 0 : fe.columnDef) == null ? void 0 : he.cell,
-                                props: (te = (ee = $.ref) == null ? void 0 : ee.getContext) == null ? void 0 : te.call(ee)
-                              }, null, 8, ["render", "props"])
-                            ])
-                          ]),
-                          s("div", null, [
-                            x(D(Ce), {
-                              render: (n = (pe = (Q = $.status) == null ? void 0 : Q.column) == null ? void 0 : pe.columnDef) == null ? void 0 : n.cell,
-                              props: (v = (t = $.status) == null ? void 0 : t.getContext) == null ? void 0 : v.call(t)
-                            }, 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"]),
-        (k(), J(Xe, { to: "body" }, [
-          x(ga, et(D(d), {
-            show: D(m),
-            "onUpdate:show": i[2] || (i[2] = (w) => Ee(m) ? m.value = w : null),
-            onSubmitted: i[3] || (i[3] = () => (m.value = !1, D(p).fetchDrafts())),
-            onRefresh: i[4] || (i[4] = (w) => D(p).updateDraftRef(w))
-          }), null, 16, ["show"])
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  Ba as default
-};