@feedmepos/mf-inventory-portal 1.2.4 → 1.2.5

package/dist/ClosingDraftView-B-zuhr0m.js

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