@feedmepos/mf-inventory-portal 1.2.22-dev.2 → 1.2.22-dev.3

package/dist/ClosingDraftView-B800NjEZ.js

@@ -1,1739 +0,0 @@
-import { defineComponent as Te, ref as V, computed as U, onMounted as Ue, resolveComponent as P, openBlock as w, createElementBlock as L, Fragment as J, createTextVNode as Z, createBlock as Q, withCtx as O, createElementVNode as o, toDisplayString as q, unref as F, createVNode as k, createCommentVNode as ee, h as T, reactive as nt, watch as ot, isRef as Ye, normalizeClass as be, renderList as _e, normalizeStyle as Ke, Teleport as st, mergeProps as rt } from "vue";
-import { aa as lt, u as Ie, ax as E, am as Ge, ay as We, r as ct, Z as Ee, n as N, t as it, a0 as he, W as ut, Y as dt, X as mt, az as qe, aA as Ze, ah as Je, aB as re, an as ft, ac as Me, ab as le, a6 as Le, D as Oe, j as Se, i as pt, f as vt, a as yt, $ as Fe, G as gt, I as bt, J as At, K as Dt, L as je } from "./app-DdrL4md8.js";
-import { useCoreStore as kt, useI18n as Xe } from "@feedmepos/mf-common";
-import { useSnackbar as He, useDialog as _t, useProxiedModel as ht, components as ge, useBreakpoints as xt } from "@feedmepos/ui-library";
-import { defineStore as Qe, storeToRefs as wt } from "pinia";
-import { a as Ve, u as et } from "./stock-DqL6z9wL.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 = V(), u = Re(), p = He(), _ = V(!1), m = V(null), R = V(!1), C = U(() => {
-      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}`);
-    }), x = U(() => {
-      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}`);
-    });
-    Ue(() => {
-      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 = U({
-      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 = U({
-      get() {
-        return m.value === null ? "" : We(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"), b = P("FmButton"), $ = P("FmForm");
-      return R.value ? (w(), Q($, {
-        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, q(C.value), 1),
-            a[5] || (a[5] = Z(" this draft. Please provide a remark to justify this action. "))
-          ]),
-          n.action === F(E).enum.approveDraft ? (w(), L("div", jt, [
-            k(j, { class: "fm-typo-en-body-lg-600" }, {
-              default: O(() => a[6] || (a[6] = [
-                Z("Closing Date")
-              ])),
-              _: 1
-            }),
-            k(M, {
-              modelValue: v.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (H) => v.value = H)
-            }, null, 8, ["modelValue"]),
-            k(j, { class: "fm-typo-en-body-lg-600" }, {
-              default: O(() => a[7] || (a[7] = [
-                Z("Closing Time")
-              ])),
-              _: 1
-            }),
-            k(f, {
-              modelValue: I.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (H) => I.value = H)
-            }, null, 8, ["modelValue"])
-          ])) : ee("", !0),
-          k(g, {
-            modelValue: e.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (H) => e.value = H),
-            label: "Remark",
-            "label-mark": "required",
-            rules: [F(ct)()]
-          }, null, 8, ["modelValue", "rules"]),
-          o("div", Bt, [
-            k(b, {
-              label: "Cancel",
-              variant: "tertiary",
-              onClick: a[3] || (a[3] = (H) => n.onCancel())
-            }),
-            k(b, {
-              label: C.value,
-              type: "submit",
-              variant: x.value,
-              loading: _.value
-            }, null, 8, ["label", "variant", "loading"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"])) : (w(), L(J, { key: 0 }, [
-        Z("Loading")
-      ], 64));
-    };
-  }
-}), $t = he(0);
-function tt(l) {
-  const s = l.measurementsAmounts.groupBy((u) => u.measurement.id), e = l.sku.unit.measurements.reduce((u, p) => {
-    var R, C;
-    const _ = ((C = (R = s.get(p.id)) == null ? void 0 : R[0]) == null ? void 0 : C.amount) ?? $t, m = Ee(p.conversion, _);
-    return u + +N(m);
-  }, +N(l.baseAmount));
-  return it(e, l.baseAmount.precision);
-}
-const Tt = he(0), It = he(100);
-function Rt(l, s, e, u) {
-  const p = tt(l), _ = u ?? p, m = qe(_, s), R = s.amount === 0 ? null : Ze(m, {
-    ...s,
-    amount: Math.abs(s.amount)
-  }), C = 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: C ? +N(Je(C, 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 Lt(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 Ut(l, s, e) {
-  var M, f, g, b, $, H, 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 X = ((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,
-      X,
-      ce,
-      (de = p.get(B.sku._id)) == null ? void 0 : de[0]
-    );
-  }), C = Mt(_), v = kt().currentBusiness.value, I = Lt(C), 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 ? ($ = (b = l.rejectionHistory[0]) == null ? void 0 : b.rejectedBy) == null ? void 0 : $.name : ""
-    ],
-    [
-      "Action at",
-      l.approvedAt ? new Date(l.approvedAt) : l.rejectionHistory ? new Date((H = l.rejectionHistory[0]) == null ? void 0 : H.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((X) => B[X.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" }, Ht = { class: "flex gap-12 py-8 justify-end w-full" }, Vt = /* @__PURE__ */ Te({
-  __name: "RefreshBalanceAction",
-  props: {
-    draft: {},
-    onCancel: { type: Function },
-    onFinished: { type: Function }
-  },
-  setup(l) {
-    const s = l;
-    Ve();
-    const e = V(!1), u = V(null), p = V(!1);
-    Ue(() => {
-      if (s.draft.effectiveAt)
-        u.value = new Date(s.draft.effectiveAt);
-      else {
-        const C = new Date(s.draft.createdAt);
-        C.setHours(23, 59, 59, 999), u.value = C;
-      }
-      p.value = !0;
-    });
-    const _ = U({
-      get() {
-        return u.value === null ? "" : Ge(u.value);
-      },
-      set(C) {
-        if (C) {
-          const x = /* @__PURE__ */ new Date(`${C} ${m.value}`);
-          x.setSeconds(59, 999), u.value = x;
-        } else
-          u.value = null;
-      }
-    }), m = U({
-      get() {
-        return u.value === null ? "" : We(u.value);
-      },
-      set(C) {
-        if (C) {
-          const x = /* @__PURE__ */ new Date(`${_.value} ${C}`);
-          x.setSeconds(59, 999), u.value = x;
-        } else
-          u.value = null;
-      }
-    });
-    async function R() {
-      e.value = !0, s.onFinished(u.value.toISOString());
-    }
-    return (C, x) => {
-      const v = P("FmLabel"), I = P("FmDatePicker"), Y = P("FmTimePicker"), n = P("FmButton"), a = P("FmForm");
-      return p.value ? (w(), Q(a, {
-        key: 1,
-        onValidationSuccess: R,
-        class: "flex flex-col gap-32",
-        disabled: e.value
-      }, {
-        default: O(() => [
-          x[5] || (x[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, [
-            k(v, { class: "fm-typo-en-body-lg-600" }, {
-              default: O(() => x[3] || (x[3] = [
-                Z("Closing Date")
-              ])),
-              _: 1
-            }),
-            k(I, {
-              modelValue: _.value,
-              "onUpdate:modelValue": x[0] || (x[0] = (j) => _.value = j)
-            }, null, 8, ["modelValue"]),
-            k(v, { class: "fm-typo-en-body-lg-600" }, {
-              default: O(() => x[4] || (x[4] = [
-                Z("Closing Time")
-              ])),
-              _: 1
-            }),
-            k(Y, {
-              modelValue: m.value,
-              "onUpdate:modelValue": x[1] || (x[1] = (j) => m.value = j)
-            }, null, 8, ["modelValue"])
-          ]),
-          o("div", Ht, [
-            k(n, {
-              label: "Cancel",
-              variant: "tertiary",
-              onClick: x[2] || (x[2] = (j) => C.onCancel())
-            }),
-            k(n, {
-              label: "Refresh balance",
-              type: "submit",
-              variant: "primary",
-              loading: e.value
-            }, null, 8, ["loading"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"])) : (w(), L(J, { key: 0 }, [
-        Z("Loading")
-      ], 64));
-    };
-  }
-}), $e = Qe(
-  "closingDraftActions",
-  function() {
-    const s = _t(), e = He(), u = Ve(), p = Re(), _ = et(), m = V(!1), R = V();
-    function C(f) {
-      const g = {
-        draft: f
-      };
-      R.value = g, m.value = !0;
-    }
-    async function x(f) {
-      var b;
-      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 H = await u.readAdjustmentById($);
-        return ((H == null ? void 0 : H.skus) ?? []).map((B) => ({
-          id: B.sku._id,
-          balance: B.fromBalance,
-          costs: B.fromCostBalances
-        }));
-      } else
-        return await _.readStockBalance(), ((b = _.stockBalance) == null ? void 0 : b.skus) ?? [];
-    }
-    async function v(f, g, b) {
-      g || (e.open({
-        title: "Exporting",
-        message: "Fetching data..."
-      }), g = await x(f)), Ut(f, g, b ?? []);
-    }
-    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, b) {
-      await s.open({
-        title: "Refresh balance",
-        contentComponent: Vt,
-        contentComponentProps: {
-          draft: f,
-          onFinished: ($) => {
-            s.close(), b == null || b($);
-          },
-          onCancel: async () => {
-            s.close(), g == null || g();
-          }
-        }
-      });
-    }
-    return {
-      viewDraft: C,
-      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 = Qe(
-  "closingDraftTable",
-  function() {
-    const { t: s } = Xe(), e = $e(), u = V(new Array()), p = V(!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 C(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 x(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 b;
-            const a = n.row.original, j = a.status, M = new Date(a.updatedAt), f = (b = a == null ? void 0 : a.rejectionHistory) == null ? void 0 : b.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)]
-                },
-                Le(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: C,
-      updateDraftRef: x
-    };
-  }
-), 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" }, Wt = { class: "flex gap-1" }, qt = { class: "fm-typo-en-body-lg-600" }, Zt = { class: "flex flex-col gap-16" }, Jt = { class: "flex items-center" }, Xt = {
-  key: 0,
-  class: "flex gap-8"
-}, Qt = {
-  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"
-}, Da = { class: "flex flex-col gap-8" }, ka = { 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 = V(!1), R = V(!1), C = V(!1), x = V(new Array()), v = V(new Array()), I = Ve(), Y = Re(), n = He(), a = yt(), j = Ie(), M = nt({}), f = U(() => new Set(
-      a.skus.filter((r) => {
-        var t;
-        return M[(t = r.customAttributes) == null ? void 0 : t.tag];
-      }).map((r) => r._id)
-    )), g = s, b = V({
-      templateItem: !0,
-      nonTemplateItem: !0
-    }), $ = U(() => {
-      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;
-    }), H = U(() => {
-      const r = $.value.map((t) => t.sku);
-      return r.sort((t, y) => t.code.localeCompare(y.code)), r;
-    }), te = U(() => $.value.groupBy(
-      (t) => t.sku._id,
-      (t) => t.measurementsAmounts.filter((y) => !y.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((y) => y.measurement.id)
-    ));
-    Ue(ce), ot(
-      () => e.show,
-      (r) => {
-        r && (se.value = ve[0], ce(), b.value = {
-          templateItem: !0,
-          nonTemplateItem: !0
-        });
-      }
-    );
-    const B = he(0), X = he(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 h of A) {
-            const D = {
-              id: h.sku._id,
-              balance: h.fromBalance,
-              costs: h.fromCostBalances
-            }, W = {
-              id: h.sku._id,
-              balance: h.toBalance,
-              costs: h.toCostBalances
-            };
-            x.value.push(D), v.value.push(W);
-          }
-        } else
-          x.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 h;
-          R.value = !0;
-          const i = (h = e.draft) == null ? void 0 : h._rev, c = 30, A = 2e3;
-          try {
-            await I.recalculation.scheduleCalculateStockSnapshotAtDate(d, e.draft._id);
-            let D = null;
-            for (let W = 0; W < c && (D = await Y.getDraft(e.draft._id).delayed(A), D._rev === i); W++)
-              ;
-            if (!D || D._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", D), x.value = D.stockSnapshot ?? [], n.open({
-              title: "Balance refreshed",
-              message: "Stock balance has been recalculated.",
-              type: "success"
-            });
-          } catch (D) {
-            n.open({
-              title: "Refresh failed",
-              message: "Failed to refresh stock balance. Please try again.",
-              type: "error"
-            }), console.error("error refreshing stock balances", D);
-          } finally {
-            R.value = !1;
-          }
-        }
-      );
-    }
-    const ue = U(
-      () => x.value.groupBy(
-        (r) => r.id,
-        (r) => r.balance
-      )
-    ), de = U(() => $.value.groupBy((r) => r.sku._id));
-    function oe(r) {
-      return T(
-        ge.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 Ae = U(() => {
-      const r = H.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(
-              ge.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 D;
-            const d = y.row.original, i = Fe.fromNumber(d.physicalBalance);
-            let c = !0, A = d.physicalBalance;
-            const h = (D = v.value.find((W) => W.id === d.id)) == null ? void 0 : D.balance;
-            return h && (Fe.equals({
-              a: i,
-              b: h
-            }) || (c = !1, A = Number(Fe.toFormatString({ value: h })))), 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(
-            ge.FmTooltip,
-            { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
-            {
-              default() {
-                return T("div", { class: "flex items-center gap-4" }, [
-                  "Diff (%)",
-                  T(ge.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(ge.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, h) => T(
-              ge.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" }
-                        },
-                        h
-                      )
-                    ]
-                  );
-                },
-                content() {
-                  return `${A} ${h}`;
-                }
-              }
-            );
-            let c = Array.from({ length: r }).map((A, h) => {
-              if (!d[`measurementAmount${h}`])
-                return null;
-              const D = d[`measurementAmount${h}`], W = d[`measurementAbbrev${h}`];
-              return i(D, W);
-            }).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
-            );
-          }
-        }
-      ];
-    }), xe = U(() => Ae.value.map((r) => r.size ?? 0).reduce((r, t) => r + t)), fe = V(""), De = U(() => {
-      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 H.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 h = tt(c), D = (K = (z = v.value) == null ? void 0 : z.find(
-          (G) => G.id === i._id
-        )) == null ? void 0 : K.balance, W = qe(
-          D ?? h,
-          A
-        ), we = A.amount === 0 ? null : Ze(W, {
-          ...A,
-          amount: Math.abs(A.amount)
-        }), ye = we ? Ee(we, X) : 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(h),
-          adjustedAmount: +N(W),
-          adjustedDiffPercentage: ye ? +N(Je(ye, 2)) : null,
-          isTemplateItem: !r[i._id]
-        };
-      }).filter((i) => !!(i.isTemplateItem && b.value.templateItem || !i.isTemplateItem && b.value.nonTemplateItem));
-    }), pe = U(() => {
-      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 = V(ve[0]), ae = U(() => {
-      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(
-          (D) => `${D.action}_${D.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(
-        (h) => {
-          var D;
-          return `${h.action}_${h.performedAt}` == `${E.enum.approveDraft}_${(D = e.draft) == null ? void 0 : D.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, h) => new Date(h.performedAt).getTime() - new Date(A.performedAt).getTime()).map(
-        (A) => ({
-          header: Le(A.action),
-          date: le(A.performedAt),
-          info: [
-            {
-              label: "Performed by",
-              values: [A.performedBy.name]
-            },
-            {
-              label: "Remark",
-              values: [A.remark ?? ""]
-            }
-          ]
-        })
-      );
-    }), ke = U(() => {
-      var i, c, A, h;
-      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((D) => D.physicalBalance < 0), t = ((h = (A = u.stockBalance.skus) == null ? void 0 : A.filter((D) => D.balance.amount < 0)) == null ? void 0 : h.map((D) => D.id)) ?? [], y = new Set(H.value.map((D) => D._id)), d = t.filter((D) => !y.has(D)).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((D) => D).join(" ");
-    });
-    return (r, t) => {
-      const y = P("FmButtonGroup"), d = P("FmMenuDivider"), i = P("FmCard"), c = P("FmButton"), A = P("FmCircularProgress"), h = P("FmChip"), D = P("FmTextField"), W = P("FmIcon"), we = P("FmTable"), ye = P("FmSpacer"), Ne = P("FmTooltip"), Ce = P("FmSideSheet");
-      return w(), Q(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 ? (w(), L(J, { key: 0 }, [
-                ke.value ? (w(), Q(Ne, {
-                  key: 0,
-                  "z-index": 51
-                }, {
-                  content: O(() => [
-                    Z(q(ke.value), 1)
-                  ]),
-                  default: O(() => [
-                    k(c, {
-                      disabled: "",
-                      key: "approve key",
-                      label: "Approve",
-                      onClick: t[5] || (t[5] = () => e.draft && F(p).approveDraft(e.draft, () => g("submitted")))
-                    })
-                  ]),
-                  _: 1
-                })) : (w(), Q(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 ? (w(), Q(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 ? (w(), Q(c, {
-                key: 2,
-                label: "Sync",
-                loading: C.value,
-                onClick: t[8] || (t[8] = () => {
-                  e.draft && (C.value = !0, F(p).syncDraft(e.draft, () => {
-                    C.value = !1, g("submitted");
-                  }));
-                })
-              }, null, 8, ["loading"])) : ee("", !0),
-              k(c, {
-                label: "Close",
-                variant: "tertiary",
-                onClick: t[9] || (t[9] = (ne) => _.value = !1)
-              })
-            ])
-          ];
-        }),
-        default: O(() => [
-          o("div", zt, [
-            o("div", null, [
-              k(y, {
-                items: ve,
-                modelValue: se.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (S) => se.value = S)
-              }, null, 8, ["modelValue"])
-            ]),
-            se.value.value === "overview" ? (w(), L(J, { key: 0 }, [
-              k(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: be(["fm-status-badge", F(Be)(((S = r.draft) == null ? void 0 : S.status) ?? "DRAFT")])
-                        }, q(F(Le)(((z = r.draft) == null ? void 0 : z.status) ?? "")), 3)
-                      ])
-                    ]),
-                    k(d),
-                    o("div", Kt, [
-                      (w(!0), L(J, null, _e(pe.value, (K, G) => (w(), L("div", {
-                        class: "flex flex-col gap-4",
-                        key: G
-                      }, [
-                        o("div", Gt, [
-                          o("div", Wt, q(K.label), 1)
-                        ]),
-                        o("div", qt, q(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) : (w(), L("div", Xt, [
-                    r.draft && r.draft.status !== F(re).enum.COMPLETED ? (w(), Q(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),
-                    k(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,
-                        x.value,
-                        v.value
-                      ) : null)
-                    })
-                  ]))
-                ]),
-                m.value ? (w(), L("div", Qt, [
-                  t[14] || (t[14] = o("div", { class: "h-80" }, null, -1)),
-                  o("div", ea, [
-                    o("div", null, [
-                      k(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))
-                ])) : (w(), L(J, { key: 1 }, [
-                  o("div", ta, [
-                    o("div", aa, [
-                      k(h, {
-                        label: "Template Item(s)",
-                        selected: b.value.templateItem,
-                        onClick: t[2] || (t[2] = (S) => b.value.templateItem = !b.value.templateItem)
-                      }, null, 8, ["selected"]),
-                      k(h, {
-                        label: "Non-template Item(s)",
-                        selected: b.value.nonTemplateItem,
-                        onClick: t[3] || (t[3] = (S) => b.value.nonTemplateItem = !b.value.nonTemplateItem)
-                      }, null, 8, ["selected"])
-                    ]),
-                    k(D, {
-                      modelValue: fe.value,
-                      "onUpdate:modelValue": t[4] || (t[4] = (S) => fe.value = S),
-                      placeholder: "Filter items"
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  F(a).skuTags.size ? (w(), L("div", na, [
-                    (w(!0), L(J, null, _e(F(a).skuTags.keys(), (S) => (w(), Q(h, {
-                      key: `${S}`,
-                      label: `${S}`,
-                      selectable: "",
-                      selected: M[`${S}`],
-                      onClick: (z) => M[`${S}`] = !M[`${S}`]
-                    }, {
-                      default: O(() => [
-                        M[`${S}`] ? (w(), Q(W, {
-                          key: 0,
-                          name: "check",
-                          class: "text-white",
-                          size: "sm"
-                        })) : ee("", !0),
-                        o("span", {
-                          class: be([
-                            "",
-                            {
-                              "text-white fm-typo-en-body-md-600": M[`${S}`],
-                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !M[`${S}`]
-                            }
-                          ])
-                        }, q(S), 3)
-                      ]),
-                      _: 2
-                    }, 1032, ["label", "selected", "onClick"]))), 128))
-                  ])) : ee("", !0),
-                  o("div", oa, [
-                    o("div", {
-                      style: Ke({ minWidth: `${xe.value}px` })
-                    }, [
-                      k(we, {
-                        "column-defs": Ae.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" ? (w(), L("div", sa, [
-              ae.value.length ? (w(), L("div", ca, [
-                (w(!0), L(J, null, _e(ae.value, (S, z) => (w(), L(J, { key: z }, [
-                  o("div", ia, [
-                    o("div", ua, [
-                      o("div", da, [
-                        o("div", {
-                          class: be([
-                            {
-                              "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: be([
-                            {
-                              "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, q(S.header), 1),
-                      o("div", va, q(S.date), 1)
-                    ])
-                  ]),
-                  o("div", ya, [
-                    o("div", ga, [
-                      o("div", ba, [
-                        o("div", {
-                          class: be([
-                            {
-                              "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, [
-                      k(i, {
-                        variant: "outlined",
-                        class: "py-12 px-16"
-                      }, {
-                        default: O(() => [
-                          o("div", Da, [
-                            (w(!0), L(J, null, _e(S.info, (K, G) => (w(), L("div", {
-                              key: G,
-                              class: "flex flex-col gap-4"
-                            }, [
-                              o("div", ka, q(K == null ? void 0 : K.label), 1),
-                              o("div", _a, [
-                                (w(!0), L(J, null, _e(K == null ? void 0 : K.values, (ne, me) => (w(), L("div", {
-                                  key: me,
-                                  class: "fm-typo-en-body-lg-600"
-                                }, q(ne), 1))), 128))
-                              ])
-                            ]))), 128))
-                          ])
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ])
-                  ])
-                ], 64))), 128))
-              ])) : (w(), L("div", ra, [
-                k(ye),
-                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" }, q("No records found"), -1)),
-                t[17] || (t[17] = o("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, q("You can track approval and rejection history here"), -1)),
-                k(ye),
-                k(ye)
-              ]))
-            ])) : 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" }, Ua = /* @__PURE__ */ Te({
-  __name: "ClosingDraftView",
-  setup(l) {
-    const { t: s } = Xe(), { viewDraft: e } = $e(), { viewClosingDraftProps: u, viewClosingDraftShow: p } = wt($e()), _ = Ie(), m = Nt(), R = gt(), { breakpoints: C } = xt();
-    _.watchLocation(m.fetchDrafts);
-    const x = U(() => m.loading), v = V(""), I = U(() => C.value.xs || C.value.sm), Y = U(() => I.value ? 10 : 20);
-    function n(M) {
-      switch (M) {
-        case "refresh":
-          return m.fetchDrafts();
-      }
-    }
-    function a(M) {
-      return M;
-    }
-    const j = U(() => 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 w(), L(J, null, [
-        k(bt, {
-          title: F(s)("inventory.closing.draft.title"),
-          actions: j.value,
-          "onClick:action": n
-        }, {
-          default: O(() => [
-            o("div", {
-              class: be([
-                "flex flex-col gap-8 max-h-full",
-                {
-                  "p-0": I.value,
-                  "px-24 ": !I.value
-                }
-              ])
-            }, [
-              k(At, {
-                "change-location": "",
-                searchable: "",
-                search: v.value,
-                "onUpdate:search": f[0] || (f[0] = (b) => v.value = b)
-              }, null, 8, ["search"]),
-              k(g, {
-                style: Ke(F(R).tableHeight),
-                "column-defs": F(m).columnDefs,
-                "row-data": F(m).drafts,
-                "search-value": v.value,
-                loading: x.value,
-                onRowClick: f[1] || (f[1] = (b) => F(e)(b.original)),
-                "page-size": Y.value
-              }, {
-                "list-row": O((b) => [
-                  k(Dt, {
-                    row: b,
-                    onRowClick: ($) => F(e)($)
-                  }, {
-                    default: O(($) => {
-                      var H, te, B, X, ce, ie, ue, de, oe, Ae, xe, fe, De, pe, ve, se, ae, ke, r, t;
-                      return [
-                        o("div", wa, [
-                          o("div", Ca, [
-                            o("div", Sa, [
-                              k(F(je), {
-                                render: (B = (te = (H = $._id) == null ? void 0 : H.column) == null ? void 0 : te.columnDef) == null ? void 0 : B.cell,
-                                props: (ce = (X = $._id) == null ? void 0 : X.getContext) == null ? void 0 : ce.call(X)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            o("div", Fa, [
-                              k(F(je), {
-                                render: (de = (ue = (ie = $.name) == null ? void 0 : ie.column) == null ? void 0 : ue.columnDef) == null ? void 0 : de.cell,
-                                props: (Ae = (oe = $.name) == null ? void 0 : oe.getContext) == null ? void 0 : Ae.call(oe)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            o("div", ja, q([
-                              ...b.original.items.slice(0, 3).map((y) => y.sku.name),
-                              ...b.original.items.length >= 3 ? [`and ${b.original.items.length - 3} more items`] : []
-                            ].join(", ")), 1),
-                            o("div", Ba, [
-                              k(F(je), {
-                                render: (De = (fe = (xe = $.ref) == null ? void 0 : xe.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, [
-                            k(F(je), {
-                              render: (ke = (ae = (se = $.status) == null ? void 0 : se.column) == null ? void 0 : ae.columnDef) == null ? void 0 : ke.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"]),
-        (w(), Q(st, { to: "body" }, [
-          k(xa, rt(F(u), {
-            show: F(p),
-            "onUpdate:show": f[2] || (f[2] = (b) => Ye(p) ? p.value = b : null),
-            onSubmitted: f[3] || (f[3] = () => (p.value = !1, F(m).fetchDrafts())),
-            onRefresh: f[4] || (f[4] = (b) => F(m).updateDraftRef(b))
-          }), null, 16, ["show"])
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  Ua as default
-};