@feedmepos/mf-inventory-portal 0.0.24-dev.2 → 0.0.24-dev.49

package/dist/ClosingDraftView-MxkQABme.js

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