@feedmepos/mf-inventory-portal 0.0.23-dev.15 → 0.0.23-dev.16

package/dist/ClosingDraftView-CgAVONKU.js

@@ -1,939 +0,0 @@
-import { defineComponent as ue, ref as N, resolveComponent as F, openBlock as h, createBlock as Q, withCtx as Y, createElementVNode as a, createTextVNode as me, toDisplayString as T, unref as l, createVNode as p, h as fe, computed as R, onMounted as ke, watch as Se, isRef as be, createCommentVNode as oe, createElementBlock as C, Fragment as q, normalizeClass as J, renderList as ne, normalizeStyle as he, Teleport as je, mergeProps as Be } from "vue";
-import { u as Fe, _ as Re, a as $e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-XoGRRl2X.js";
-import { useI18n as _e } from "@feedmepos/mf-common";
-import { useSnackbar as xe, useDialog as Pe, useProxiedModel as Te, useBreakpoints as Me } from "@feedmepos/ui-library";
-import { k as Le, u as de, p as V, s as De, q as le, c as Ue, r as ze, a as Ee } from "./app-iPB0Kour.js";
-import { defineStore as Ae, storeToRefs as Ne } from "pinia";
-import { R as Ke, a as P, l as Ve, m as He, b as pe, k as Ie, c as ve, t as Oe } from "./rules-V9_CI2u_.js";
-import { D as ge, R as se } from "./row-action.enum-7rGLGZ5v.js";
-import { c as Ye, _ as Ge, F as re } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { f as qe } from "./format-time-from-id-DVB4ONoe.js";
-import { d as O } from "./date2-DbXZUZ9a.js";
-import { u as We } from "./stock-lN4T3vtF.js";
-import { E as Ze } from "./empty-placeholder-wf6-BWE8.js";
-const we = Le((S, d) => {
-  function t() {
-    return de().currentLocation.dbName;
-  }
-  return {
-    async getDraft(m) {
-      const i = t(), g = `${S.inventoryBackendUrl}/${i}/closing-draft/${m}`;
-      return d.get(g);
-    },
-    async readDrafts() {
-      const m = t(), i = `${S.inventoryBackendUrl}/${m}/closing-draft`;
-      return d.get(i);
-    },
-    async runOperation(m) {
-      const i = t(), g = `${S.inventoryBackendUrl}/${i}/closing-draft/run-operation`;
-      return d.post(g, m);
-    }
-  };
-}), Je = { class: "fm-typo-en-body-lg-400" }, Qe = { class: "fm-typo-en-body-lg-600" }, Xe = { class: "flex gap-12 py-8 justify-end w-full" }, ye = /* @__PURE__ */ ue({
-  __name: "ClosingDraftAction",
-  props: {
-    draft: {},
-    action: {},
-    onCancel: { type: Function },
-    onFinished: { type: Function }
-  },
-  setup(S) {
-    const d = S, t = N(), m = we(), i = xe(), g = N(!1);
-    async function _() {
-      g.value = !0;
-      try {
-        await m.runOperation({
-          _id: d.draft._id,
-          _rev: d.draft._rev ?? "",
-          action: d.action,
-          data: {
-            remark: t.value
-          }
-        }).delayed(500), i.open({
-          title: "Success",
-          message: "Action submitted",
-          type: "success"
-        }), d.onFinished();
-      } catch (x) {
-        i.open({
-          title: "Something went wrong",
-          message: "Unable to submit actino. Please try again",
-          type: "error"
-        }), console.error("error on submit closing draft aciont", x);
-      } finally {
-        g.value = !1;
-      }
-    }
-    return (x, D) => {
-      const A = F("FmTextField"), y = F("FmButton"), M = F("FmForm");
-      return h(), Q(M, {
-        onValidationSuccess: _,
-        class: "flex flex-col gap-32",
-        disabled: g.value
-      }, {
-        default: Y(() => [
-          a("div", Je, [
-            D[2] || (D[2] = me(" You are about to ")),
-            a("span", Qe, T(x.action == l(V).enum.approveDraft ? "approve" : "reject"), 1),
-            D[3] || (D[3] = me(" this draft. Please provider a remark to justify this action. "))
-          ]),
-          p(A, {
-            modelValue: t.value,
-            "onUpdate:modelValue": D[0] || (D[0] = (r) => t.value = r),
-            label: "Remark",
-            "label-mark": "required",
-            rules: [l(Ke)()]
-          }, null, 8, ["modelValue", "rules"]),
-          a("div", Xe, [
-            p(y, {
-              label: "Cancel",
-              variant: "tertiary",
-              onClick: D[1] || (D[1] = (r) => x.onCancel())
-            }),
-            p(y, {
-              label: x.action == l(V).enum.approveDraft ? "Approve" : "Reject",
-              type: "submit",
-              variant: x.action == l(V).enum.approveDraft ? "primary" : "destructive",
-              loading: g.value
-            }, null, 8, ["label", "variant", "loading"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-}), ie = Ae(
-  "closingDraftActions",
-  function() {
-    const d = Pe(), t = N(!1), m = N();
-    function i(A) {
-      const y = {
-        draft: A
-      };
-      m.value = y, t.value = !0;
-    }
-    function g(A) {
-    }
-    function _(A, y) {
-      d.open({
-        title: "Approve draft",
-        contentComponent: ye,
-        contentComponentProps: {
-          draft: A,
-          action: V.enum.approveDraft,
-          onFinished: () => {
-            d.close(), y == null || y();
-          },
-          onCancel: () => d.close()
-        }
-      });
-    }
-    function x(A, y) {
-      d.open({
-        title: "Reject draft",
-        contentComponent: ye,
-        contentComponentProps: {
-          draft: A,
-          action: V.enum.rejectDraft,
-          onFinished: () => {
-            d.close(), y == null || y();
-          },
-          onCancel: () => d.close()
-        }
-      });
-    }
-    function D() {
-      t.value = !1;
-    }
-    return {
-      viewDraft: i,
-      closeDraftDialog: D,
-      approveDraft: _,
-      rejectDraft: x,
-      exportDraft: g,
-      viewClosingDraftShow: t,
-      viewClosingDraftProps: m
-    };
-  }
-);
-function Ce(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 et = Ae("closingTable", function() {
-  const { t: d } = _e(), t = ie(), m = N(new Array()), i = N(!1), g = de(), _ = we();
-  async function x() {
-    if (m.value = [], !!g._currentLocation) {
-      i.value = !0;
-      try {
-        const [r] = await Promise.all([_.readDrafts()]).delayed(1e3);
-        m.value = r.reverse();
-      } catch (r) {
-        console.log("Something went wrong when fetching drafts:", r);
-      } finally {
-        i.value = !1;
-      }
-    }
-  }
-  async function D(r) {
-    if (!m.value.find((c) => c._id) && g._currentLocation) {
-      i.value = !0;
-      try {
-        const [c] = await Promise.all([
-          _.getDraft(r),
-          new Promise(($) => setTimeout($, 1e3))
-        ]);
-        m.value = [c];
-      } catch (c) {
-        console.log("Something went wrong when fetching drafts:", c);
-      } finally {
-        i.value = !1;
-      }
-    }
-  }
-  function A() {
-    t.closeDraftDialog(), x();
-  }
-  function y(r, c) {
-    switch (c = Ue(c), r) {
-      case se.Details:
-        return t.viewDraft(c);
-      case se.Export:
-        return t.exportDraft(c);
-      case V.enum.approveDraft:
-        return t.approveDraft(c, A);
-      case V.enum.rejectDraft:
-        return t.rejectDraft(c, A);
-    }
-  }
-  return {
-    columnDefs: [
-      {
-        id: "_id",
-        accessorKey: "_id",
-        header: () => d("inventory.closing.table.createdAt"),
-        cell(r) {
-          return qe(`${r.getValue()}`);
-        },
-        enableSorting: !0
-      },
-      {
-        id: "updatedAt",
-        accessorFn: (r) => O(r.updatedAt),
-        header: () => "Updated at",
-        enableSorting: !0,
-        size: 200
-      },
-      {
-        id: "updatedBy",
-        accessorKey: "updatedBy.name",
-        header: () => "Last update by",
-        enableSorting: !0,
-        size: 200
-      },
-      {
-        id: "noOfItems",
-        accessorKey: "items.length",
-        header: () => d("inventory.closing.table.noOfItems"),
-        enableSorting: !1,
-        meta: {
-          width: "10rem",
-          textAlign: "right"
-        }
-      },
-      {
-        id: "recentRemark",
-        accessorFn: (r) => {
-          var c;
-          return (r == null ? void 0 : r.approveRemark) ?? ((c = r == null ? void 0 : r.rejectionHistory) == null ? void 0 : c.computeFirst(($) => $.rejectRemark));
-        },
-        header: () => "Recent remark"
-      },
-      {
-        id: "status",
-        accessorFn: (r) => r.status,
-        header: () => d("inventory.closing.table.status"),
-        enableSorting: !1,
-        cell(r) {
-          const $ = r.row.original.status;
-          return fe(
-            "div",
-            {
-              class: "flex"
-            },
-            fe(
-              "div",
-              {
-                class: ["fm-status-badge", Ce($)]
-              },
-              De($)
-            )
-          );
-        }
-      },
-      {
-        id: "action",
-        cell(r) {
-          const c = r.row.original, $ = [
-            ge[se.Details],
-            ge[se.Export]
-          ], W = [
-            {
-              translationKey: "inventory.closing.draft.approveDraft",
-              color: "text-fm-color-typo-primary",
-              value: V.enum.approveDraft
-            },
-            {
-              translationKey: "inventory.closing.draft.rejectDraft",
-              color: "text-fm-color-typo-error",
-              value: V.enum.rejectDraft
-            }
-          ];
-          return Ye(
-            [...$, ...c.status === le.enum.DRAFT ? W : []],
-            (H) => y(H, c)
-          );
-        },
-        enableSorting: !1,
-        size: 40,
-        meta: {
-          cellClass: "",
-          headerClass: ""
-        }
-      }
-    ],
-    drafts: m,
-    loading: i,
-    fetchDrafts: x,
-    loadDraft: D
-  };
-}), tt = { class: "w-full flex flex-col gap-32" }, at = { class: "flex justify-between" }, ot = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[22px] px-8 bg-fm-color-neutral-gray-100 fm-status-badge fm-status-badge-receiving" }, nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, st = { class: "flex gap-1" }, rt = { class: "fm-typo-en-body-lg-600" }, lt = { class: "flex flex-col gap-16" }, it = {
-  key: 0,
-  class: "w-full flex flex-col items-center"
-}, ct = { class: "flex items-center gap-8" }, ut = {
-  key: 1,
-  class: "overflow-x-auto"
-}, dt = {
-  key: 1,
-  class: "flex-1 xs:w-screen xs:max-w-full"
-}, mt = {
-  key: 0,
-  class: "flex flex-col items-center gap-8 h-full"
-}, ft = ["src"], pt = {
-  key: 1,
-  class: "px-4 flex flex-col"
-}, vt = { class: "flex gap-12 content-stretch" }, gt = {
-  class: "flex flex-col w-24",
-  name: "circles"
-}, yt = { class: "flex-1 flex flex-col items-center" }, bt = { class: "flex-1 flex flex-col items-center" }, ht = {
-  class: "py-12 flex flex-col gap-4",
-  name: "received-at header"
-}, _t = { class: "fm-typo-en-body-lg-400" }, xt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Dt = { class: "flex gap-12 content-stretch" }, At = {
-  class: "flex flex-col w-24",
-  name: "circles"
-}, wt = { class: "flex-1 flex flex-col items-center" }, Ct = {
-  class: "py-12 flex flex-col gap-4 flex-1",
-  name: "delivery details"
-}, kt = { class: "flex flex-col gap-8" }, St = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, jt = { class: "flex flex-col gap-4" }, Bt = { class: "flex gap-8" }, Ft = /* @__PURE__ */ ue({
-  __name: "ClosingDraftDialog",
-  props: {
-    show: { type: Boolean },
-    draft: {}
-  },
-  emits: ["submitted"],
-  setup(S, { emit: d }) {
-    const t = S, m = We(), i = ie(), g = Te(t, "show"), _ = N(!1), x = N(new Array()), D = ze(), A = xe(), y = Ee(), M = d, r = R(() => {
-      var e;
-      const o = ((e = t.draft) == null ? void 0 : e.items.map((s) => s.sku)) ?? [];
-      return o.sort((s, n) => s.code.localeCompare(n.code)), o;
-    });
-    ke(W), Se(
-      () => t.show,
-      (o) => {
-        o && (U.value = Z[0], W());
-      }
-    );
-    const c = ve(0), $ = ve(100);
-    async function W() {
-      var e, s, n;
-      _.value = !0;
-      const o = ((e = t.draft) == null ? void 0 : e.status) === le.enum.COMPLETED;
-      try {
-        if (await y.init(), o) {
-          const u = t.draft.closingId;
-          if (!u) {
-            A.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: (s = t.draft) == null ? void 0 : s._id
-            });
-            return;
-          }
-          const b = await D.getClosingById(u);
-          x.value = (b == null ? void 0 : b.skus) ?? [];
-        } else
-          await m.readStockBalance(), x.value = ((n = m.stockBalance) == null ? void 0 : n.skus) ?? [];
-      } catch (u) {
-        A.open({
-          title: "Something went wrong",
-          message: "Something went wrong when fetching info. Please try again.",
-          type: "error"
-        }), console.error("error on fetch stock balances", u);
-      } finally {
-        _.value = !1;
-      }
-    }
-    const H = R(
-      () => x.value.groupBy(
-        (o) => o.id,
-        (o) => o.balance
-      )
-    ), L = R(() => {
-      var e;
-      return (((e = t.draft) == null ? void 0 : e.items) ?? []).groupBy((s) => s.sku._id);
-    }), X = R(() => {
-      const o = r.value.reduce((s, n) => Math.max(
-        s,
-        n.unit.measurements.filter((u) => !u.name.toLocaleLowerCase().includes("inactive")).length
-      ), 0);
-      return [
-        {
-          id: "code",
-          accessorKey: "code",
-          header: () => "Code",
-          size: 200
-        },
-        {
-          id: "name",
-          accessorKey: "name",
-          header: () => "Name",
-          size: 300
-        },
-        {
-          id: "baseUnit",
-          accessorKey: "baseUnit",
-          header: () => "Base unit",
-          size: 200
-        },
-        {
-          id: "baseUnitAmount",
-          accessorKey: "baseUnitAmount",
-          header: () => "Base unit amount",
-          size: 200
-        },
-        ...Array.from({ length: o }).flatMap((s, n) => {
-          const u = `measurementAbbrev${n}`, b = `measurementAmount${n}`;
-          return [
-            {
-              id: b,
-              accessorKey: b,
-              header: () => `Sub unit amount ${n + 1}`,
-              size: 200,
-              meta: {
-                textAlign: "right"
-              }
-            },
-            {
-              id: u,
-              accessorKey: u,
-              header: () => `Sub unit ${n + 1}`,
-              size: 200
-            }
-          ];
-        }),
-        {
-          id: "systemBalance",
-          accessorKey: "systemBalance",
-          header: () => "System balance",
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "physicalBalance",
-          accessorKey: "physicalBalance",
-          header: () => "Physical balance",
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedBalance",
-          accessorKey: "adjustedBalance",
-          header: () => "Adjusted balance",
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedDiffPercentage",
-          accessorKey: "adjustedDiffPercentage",
-          header: () => "Diff (%)",
-          size: 200,
-          cell(s) {
-            var n;
-            return (n = s.row.original.adjustedDiffPercentage) == null ? void 0 : n.toFixed(2);
-          },
-          meta: {
-            textAlign: "right"
-          }
-        }
-      ];
-    }), j = R(() => X.value.map((o) => o.size ?? 0).reduce((o, e) => o + e));
-    function B(o) {
-      const e = o.measurementsAmounts.groupBy((n) => n.measurement.id), s = o.sku.unit.measurements.reduce((n, u) => {
-        var E, k;
-        const b = ((k = (E = e.get(u.id)) == null ? void 0 : E[0]) == null ? void 0 : k.amount) ?? c, z = pe(u.conversion, b);
-        return n + +P(z);
-      }, +P(o.baseAmount));
-      return Oe(s, o.baseAmount.precision);
-    }
-    const ee = R(() => r.value.map((o) => {
-      var k, G;
-      const e = (k = L.value.get(o._id)) == null ? void 0 : k[0], s = ((G = H.value.get(o._id)) == null ? void 0 : G[0]) ?? c;
-      if (!e)
-        return {
-          code: o.code,
-          name: o.name,
-          baseUnit: o.unit.abbrev,
-          baseUnitAmount: 0,
-          systemBalance: +P(s),
-          physicalBalance: 0,
-          adjustedBalance: -+P(s),
-          adjustedDiffPercentage: -100
-        };
-      const n = B(e), u = Ve(n, s), b = s.amount === 0 ? null : He(u, s), z = b ? pe(b, $) : null;
-      return {
-        code: o.code,
-        name: o.name,
-        baseUnit: o.unit.abbrev,
-        baseUnitAmount: +P(e.baseAmount),
-        ...e.measurementsAmounts.reduce((f, v, w) => (v.measurement.name.toLocaleLowerCase().includes("inactive") || (f[`measurementAbbrev${w}`] = `(${v.measurement.abbrev}) × ${P(v.measurement.conversion)}`, f[`measurementAmount${w}`] = +P(v.amount)), f), {}),
-        systemBalance: +P(s),
-        physicalBalance: +P(n),
-        adjustedBalance: +P(u),
-        adjustedDiffPercentage: z ? +P(Ie(z, 2)) : null
-      };
-    })), te = R(() => {
-      var e, s;
-      if (!t.draft) return [];
-      const o = t.draft.approvedAt ? {
-        action: `Approve at ${O(t.draft.approvedAt)}`,
-        // actionAt: props.draft.approvedAt,
-        actionBy: t.draft.approvedBy,
-        remark: t.draft.approveRemark
-      } : (e = t.draft.rejectionHistory) == null ? void 0 : e.computeFirst((n) => ({
-        action: `Reject at ${O(n.rejectedAt)}`,
-        // actionAt: e.rejectedAt,
-        actionBy: n.rejectedBy,
-        remark: n.rejectRemark
-      }));
-      return [
-        {
-          label: "Created at",
-          value: O(t.draft.createdAt)
-        },
-        {
-          label: "Created by",
-          value: t.draft.createdBy.name
-        },
-        {
-          label: "Updated at",
-          value: O(t.draft.updatedAt)
-        },
-        {
-          label: "Updated by",
-          value: t.draft.updatedBy.name
-        },
-        {
-          label: "Effective at",
-          value: O(t.draft.effectiveAt ?? t.draft.updatedAt)
-        },
-        o ? {
-          label: "Last action",
-          value: o.action
-        } : null,
-        o && o.actionBy ? {
-          label: "Last action by",
-          value: (s = o.actionBy) == null ? void 0 : s.name
-        } : null,
-        o && o.remark ? {
-          label: "Action remark",
-          value: o.remark
-        } : null
-      ].filter((n) => n).map((n) => n);
-    }), Z = [
-      {
-        label: "Overview",
-        value: "overview"
-      },
-      {
-        label: "Action history",
-        value: "history"
-      }
-    ], U = N(Z[0]), K = R(() => {
-      var e, s, n, u;
-      return [
-        ...(((e = t.draft) == null ? void 0 : e.rejectionHistory) ?? []).map(
-          (b) => ({
-            header: "Reject",
-            date: O(b.rejectedAt),
-            info: [
-              {
-                label: "Rejected by",
-                values: [b.rejectedBy.name]
-              },
-              {
-                label: "Rejection remark",
-                values: [b.rejectRemark]
-              }
-            ]
-          })
-        ),
-        ...(s = t.draft) != null && s.approvedBy ? [
-          {
-            header: "Approve",
-            date: t.draft.approvedAt ? O(t.draft.approvedAt) : "",
-            info: [
-              {
-                label: "Approved by",
-                values: [(n = t.draft) == null ? void 0 : n.approvedBy.name]
-              },
-              {
-                label: "Approval remark",
-                values: [((u = t.draft) == null ? void 0 : u.approveRemark) ?? ""]
-              }
-            ]
-          }
-        ] : []
-      ];
-    });
-    return (o, e) => {
-      const s = F("FmButtonGroup"), n = F("FmMenuDivider"), u = F("FmCard"), b = F("FmCircularProgress"), z = F("FmTable"), E = F("FmSpacer"), k = F("FmButton"), G = F("FmSideSheet");
-      return h(), Q(G, {
-        "dismiss-away": "",
-        "max-width": 900,
-        "model-value": l(g),
-        "onUpdate:modelValue": e[4] || (e[4] = (f) => be(g) ? g.value = f : null),
-        header: "Closing details"
-      }, {
-        "side-sheet-footer": Y(() => {
-          var f, v;
-          return [
-            a("div", Bt, [
-              ((f = t.draft) == null ? void 0 : f.status) === l(le).enum.DRAFT ? (h(), Q(k, {
-                key: 0,
-                label: "Approve",
-                onClick: e[1] || (e[1] = () => t.draft && l(i).approveDraft(t.draft, () => M("submitted")))
-              })) : oe("", !0),
-              ((v = t.draft) == null ? void 0 : v.status) === l(le).enum.DRAFT ? (h(), Q(k, {
-                key: 1,
-                label: "Reject",
-                variant: "destructive",
-                onClick: e[2] || (e[2] = () => t.draft && l(i).rejectDraft(t.draft, () => M("submitted")))
-              })) : oe("", !0),
-              p(k, {
-                label: "Close",
-                variant: "tertiary",
-                onClick: e[3] || (e[3] = (w) => g.value = !1)
-              })
-            ])
-          ];
-        }),
-        default: Y(() => [
-          a("div", tt, [
-            a("div", null, [
-              p(s, {
-                items: Z,
-                modelValue: U.value,
-                "onUpdate:modelValue": e[0] || (e[0] = (f) => U.value = f)
-              }, null, 8, ["modelValue"])
-            ]),
-            U.value.value === "overview" ? (h(), C(q, { key: 0 }, [
-              p(u, {
-                variant: "outlined",
-                class: "flex flex-col gap-8 px-12 py-16"
-              }, {
-                default: Y(() => {
-                  var f, v;
-                  return [
-                    a("div", at, [
-                      e[5] || (e[5] = a("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                      a("div", null, [
-                        a("div", ot, [
-                          a("div", {
-                            class: J(l(Ce)(((f = o.draft) == null ? void 0 : f.status) ?? "DRAFT"))
-                          }, T(l(De)(((v = o.draft) == null ? void 0 : v.status) ?? "")), 3)
-                        ])
-                      ])
-                    ]),
-                    p(n),
-                    (h(!0), C(q, null, ne(te.value, (w, I) => (h(), C("div", {
-                      class: "flex flex-col gap-4",
-                      key: I
-                    }, [
-                      a("div", nt, [
-                        a("div", st, T(w.label), 1)
-                      ]),
-                      a("div", rt, T(w.value), 1)
-                    ]))), 128))
-                  ];
-                }),
-                _: 1
-              }),
-              a("div", lt, [
-                e[9] || (e[9] = a("div", { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, "Closing items", -1)),
-                _.value ? (h(), C("div", it, [
-                  e[7] || (e[7] = a("div", { class: "h-80" }, null, -1)),
-                  a("div", ct, [
-                    a("div", null, [
-                      p(b, { size: "md" })
-                    ]),
-                    e[6] || (e[6] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
-                  ]),
-                  e[8] || (e[8] = a("div", { class: "h-80" }, null, -1))
-                ])) : (h(), C("div", ut, [
-                  a("div", {
-                    style: he({ width: `${j.value}px` })
-                  }, [
-                    p(z, {
-                      "column-defs": X.value,
-                      "row-data": ee.value
-                    }, null, 8, ["column-defs", "row-data"])
-                  ], 4)
-                ]))
-              ])
-            ], 64)) : oe("", !0),
-            U.value.value === "history" ? (h(), C("div", dt, [
-              K.value.length ? (h(), C("div", pt, [
-                (h(!0), C(q, null, ne(K.value, (f, v) => (h(), C(q, { key: v }, [
-                  a("div", vt, [
-                    a("div", gt, [
-                      a("div", yt, [
-                        a("div", {
-                          class: J([
-                            {
-                              "bg-fm-color-primary": v !== 0,
-                              "bg-white": v === 0
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ]),
-                      e[12] || (e[12] = a("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                      a("div", bt, [
-                        a("div", {
-                          class: J([
-                            {
-                              "bg-fm-color-primary": v < K.value.length - 1,
-                              "bg-white": v >= K.value.length - 1
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ])
-                    ]),
-                    a("div", ht, [
-                      a("div", _t, T(f.header), 1),
-                      a("div", xt, T(f.date), 1)
-                    ])
-                  ]),
-                  a("div", Dt, [
-                    a("div", At, [
-                      a("div", wt, [
-                        a("div", {
-                          class: J([
-                            {
-                              "bg-fm-color-primary": v < K.value.length - 1,
-                              "bg-white": v >= K.value.length - 1
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ])
-                    ]),
-                    a("div", Ct, [
-                      p(u, {
-                        variant: "outlined",
-                        class: "py-12 px-16"
-                      }, {
-                        default: Y(() => [
-                          a("div", kt, [
-                            (h(!0), C(q, null, ne(f.info, (w, I) => (h(), C("div", {
-                              key: I,
-                              class: "flex flex-col gap-4"
-                            }, [
-                              a("div", St, T(w == null ? void 0 : w.label), 1),
-                              a("div", jt, [
-                                (h(!0), C(q, null, ne(w == null ? void 0 : w.values, (ae, ce) => (h(), C("div", {
-                                  key: ce,
-                                  class: "fm-typo-en-body-lg-600"
-                                }, T(ae), 1))), 128))
-                              ])
-                            ]))), 128))
-                          ])
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ])
-                  ])
-                ], 64))), 128))
-              ])) : (h(), C("div", mt, [
-                p(E),
-                a("div", null, [
-                  a("img", {
-                    src: l(Ze),
-                    alt: "List is empty"
-                  }, null, 8, ft)
-                ]),
-                e[10] || (e[10] = a("div", { class: "fm-typo-en-body-lg-600" }, T("No records found"), -1)),
-                e[11] || (e[11] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, T("You can track approval and rejection history here"), -1)),
-                p(E),
-                p(E)
-              ]))
-            ])) : oe("", !0)
-          ])
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), Rt = { class: "flex-1 flex flex-col gap-8" }, $t = { class: "flex flex-col" }, Pt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Tt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Mt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Lt = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Zt = /* @__PURE__ */ ue({
-  __name: "ClosingDraftView",
-  setup(S) {
-    const { t: d } = _e(), { viewDraft: t } = ie(), { viewClosingDraftProps: m, viewClosingDraftShow: i } = Ne(ie()), g = de(), _ = et(), x = Fe(), { breakpoints: D } = Me();
-    g.watchLocation(_.fetchDrafts);
-    const A = R(() => _.loading), y = N(""), M = R(() => D.value.xs || D.value.sm), r = R(() => M.value ? 10 : 20);
-    function c(H) {
-      switch (H) {
-        case "refresh":
-          return _.fetchDrafts();
-      }
-    }
-    function $(H) {
-      return H;
-    }
-    const W = R(() => M.value ? [
-      {
-        label: "Refresh",
-        value: "refresh",
-        isPrimary: !1
-      }
-    ] : [
-      {
-        label: "Refresh",
-        value: "refresh",
-        isPrimary: !1
-      }
-    ]);
-    return (H, L) => {
-      const X = F("FmTable");
-      return h(), C(q, null, [
-        p(Re, {
-          title: l(d)("inventory.closing.draft.title"),
-          actions: W.value,
-          "onClick:action": c
-        }, {
-          default: Y(() => [
-            a("div", {
-              class: J([
-                "flex flex-col gap-8 max-h-full",
-                {
-                  "p-0": M.value,
-                  "px-24 ": !M.value
-                }
-              ])
-            }, [
-              p($e, {
-                "change-location": "",
-                searchable: "",
-                search: y.value,
-                "onUpdate:search": L[0] || (L[0] = (j) => y.value = j)
-              }, null, 8, ["search"]),
-              p(X, {
-                style: he(l(x).tableHeight),
-                "column-defs": l(_).columnDefs,
-                "row-data": l(_).drafts,
-                "search-value": y.value,
-                loading: A.value,
-                onRowClick: L[1] || (L[1] = (j) => l(t)(j.original)),
-                "page-size": r.value
-              }, {
-                "list-row": Y((j) => [
-                  p(Ge, {
-                    row: j,
-                    onRowClick: (B) => l(t)(B)
-                  }, {
-                    default: Y((B) => {
-                      var ee, te, Z, U, K, o, e, s, n, u, b, z, E, k, G, f, v, w, I, ae;
-                      return [
-                        a("div", Rt, [
-                          a("div", $t, [
-                            a("div", Pt, [
-                              p(l(re), {
-                                render: (Z = (te = (ee = B._id) == null ? void 0 : ee.column) == null ? void 0 : te.columnDef) == null ? void 0 : Z.cell,
-                                props: (K = (U = B._id) == null ? void 0 : U.getContext) == null ? void 0 : K.call(U)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            a("div", Tt, [
-                              p(l(re), {
-                                render: (s = (e = (o = B.name) == null ? void 0 : o.column) == null ? void 0 : e.columnDef) == null ? void 0 : s.cell,
-                                props: (u = (n = B.name) == null ? void 0 : n.getContext) == null ? void 0 : u.call(n)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            a("div", Mt, T([
-                              ...j.original.items.slice(0, 3).map((ce) => ce.sku.name),
-                              ...j.original.items.length >= 3 ? [`and ${j.original.items.length - 3} more items`] : []
-                            ].join(", ")), 1),
-                            a("div", Lt, [
-                              p(l(re), {
-                                render: (E = (z = (b = B.ref) == null ? void 0 : b.column) == null ? void 0 : z.columnDef) == null ? void 0 : E.cell,
-                                props: (G = (k = B.ref) == null ? void 0 : k.getContext) == null ? void 0 : G.call(k)
-                              }, null, 8, ["render", "props"])
-                            ])
-                          ]),
-                          a("div", null, [
-                            p(l(re), {
-                              render: (w = (v = (f = B.status) == null ? void 0 : f.column) == null ? void 0 : v.columnDef) == null ? void 0 : w.cell,
-                              props: (ae = (I = B.status) == null ? void 0 : I.getContext) == null ? void 0 : ae.call(I)
-                            }, 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"]),
-        (h(), Q(je, { to: "body" }, [
-          p(Ft, Be(l(m), {
-            show: l(i),
-            "onUpdate:show": L[2] || (L[2] = (j) => be(i) ? i.value = j : null),
-            onSubmitted: L[3] || (L[3] = () => (i.value = !1, l(_).fetchDrafts()))
-          }), null, 16, ["show"])
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  Zt as default
-};