@feedmepos/mf-inventory-portal 1.2.42-dev.2 → 1.2.42

package/dist/ClosingDraftView-SgUfLfsI.js

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