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

package/dist/ClosingDraftView-CkdD2cd0.js

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