@feedmepos/mf-report 5.4.36-beta.0 → 5.5.0-beta.0

package/dist/{Integration-zUec0gpE.js → Integration-bg1bO0u3.js}

@@ -1,4 +1,4 @@
-import { defineComponent as q, mergeModels as ye, useModel as X, computed as Y, resolveComponent as S, createElementBlock as C, openBlock as c, createElementVNode as t, createCommentVNode as N, normalizeClass as Ke, Fragment as L, renderList as H, createBlock as M, createVNode as i, withCtx as ge, toDisplayString as T, unref as v, ref as B, watch as ve, isRef as be, h as I, resolveDynamicComponent as xe, mergeProps as Le, onMounted as Ee } from "vue";
+import { defineComponent as q, mergeModels as ye, useModel as X, computed as Y, resolveComponent as S, createElementBlock as F, openBlock as c, createElementVNode as t, createCommentVNode as N, normalizeClass as Ke, Fragment as L, renderList as H, createBlock as M, createVNode as r, withCtx as ge, toDisplayString as T, unref as p, ref as B, watch as ve, isRef as be, h as I, resolveDynamicComponent as xe, mergeProps as Le, onMounted as Ee } from "vue";
 import { useRouter as de, useRoute as ze } from "vue-router";
 import { u as J, I as ce, d as je, e as _e, f as we, b as pe, q as Ye, m as qe, p as he, r as Ve, s as ke, t as $e, v as Ae, w as He, x as Xe, y as Qe, A as fe, z as Pe, B as Ge, E as Je } from "./global-loader-BqFQzk46.js";
 import { u as Se } from "./message-dialog-UoMWOnil.js";
@@ -33,65 +33,65 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ye(["remove"], ["update:modelValue"]),
-  setup(g, { emit: o }) {
-    const e = X(g, "modelValue"), n = g, k = Y(
-      () => Object.keys(n.options).map((_) => {
-        const F = n.options[_];
+  setup(f, { emit: o }) {
+    const e = X(f, "modelValue"), s = f, V = Y(
+      () => Object.keys(s.options).map((_) => {
+        const C = s.options[_];
         return {
-          placeholder: F.placeholder,
+          placeholder: C.placeholder,
           key: _,
-          editable: F.editable
+          editable: C.editable
         };
       })
-    ), w = o;
-    return (_, F) => {
-      const h = S("FmTextField"), m = S("FmTooltip"), d = S("FmIcon");
-      return c(), C("div", Ze, [
+    ), h = o;
+    return (_, C) => {
+      const b = S("FmTextField"), x = S("FmTooltip"), m = S("FmIcon");
+      return c(), F("div", Ze, [
         t("div", {
-          class: Ke(`${g.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
+          class: Ke(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (c(!0), C(L, null, H(k.value, (V) => {
-            var b;
-            return c(), C(L, {
-              key: V.key
+          (c(!0), F(L, null, H(V.value, (w) => {
+            var k;
+            return c(), F(L, {
+              key: w.key
             }, [
-              V.editable ? (c(), C("div", {
+              w.editable ? (c(), F("div", {
                 key: 0,
-                class: Ke(`${g.removable ? "w-[50%]" : "w-[100%]"}`)
+                class: Ke(`${f.removable ? "w-[50%]" : "w-[100%]"}`)
               }, [
-                i(h, {
-                  "model-value": e.value[V.key],
-                  placeholder: V.placeholder,
-                  type: g.type,
-                  rules: g.rules,
-                  "onUpdate:modelValue": (u) => {
-                    let p = u;
-                    g.type === "number" && (p = Number(u)), e.value = {
+                r(b, {
+                  "model-value": e.value[w.key],
+                  placeholder: w.placeholder,
+                  type: f.type,
+                  rules: f.rules,
+                  "onUpdate:modelValue": (d) => {
+                    let y = d;
+                    f.type === "number" && (y = Number(d)), e.value = {
                       ...e.value,
-                      [V.key]: p
+                      [w.key]: y
                     };
                   }
                 }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])
-              ], 2)) : (c(), M(m, {
+              ], 2)) : (c(), M(x, {
                 key: 1,
-                content: (b = e.value[V.key]) == null ? void 0 : b.toString(),
+                content: (k = e.value[w.key]) == null ? void 0 : k.toString(),
                 class: "w-[50%]"
               }, {
                 default: ge(() => [
-                  t("div", et, T(e.value[V.key]), 1)
+                  t("div", et, T(e.value[w.key]), 1)
                 ]),
                 _: 2
               }, 1032, ["content"]))
             ], 64);
           }), 128))
         ], 2),
-        g.removable ? (c(), C("div", tt, [
-          i(d, {
+        f.removable ? (c(), F("div", tt, [
+          r(m, {
             color: "system-error-300",
             class: "cursor-pointer",
             name: "close",
             size: "md",
-            onClick: F[0] || (F[0] = (V) => w("remove"))
+            onClick: C[0] || (C[0] = (w) => h("remove"))
           })
         ])) : N("", !0)
       ]);
@@ -119,8 +119,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = Y(() => {
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = Y(() => {
       switch (e.value.name) {
         case ce.AutoCount:
         case ce.SQL:
@@ -130,34 +130,34 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return !1;
       }
     });
-    return (k, w) => {
-      var m, d;
-      const _ = S("FmSwitch"), F = S("FmTextField"), h = S("FmTimePicker");
-      return c(), C(L, null, [
+    return (V, h) => {
+      var x, m;
+      const _ = S("FmSwitch"), C = S("FmTextField"), b = S("FmTimePicker");
+      return c(), F(L, null, [
         t("div", ot, [
-          t("div", at, T(v(o)("report.integration.auto", { label: g.label })), 1),
-          g.label == "upload" ? (c(), C("div", lt, T(v(o)("report.integration.lastUploadDate")) + ": " + T(g.lastUploadDate ? v(je)(g.lastUploadDate).format("MMMM D, YYYY h:mm A") : v(o)("report.integration.noData.title")), 1)) : N("", !0)
+          t("div", at, T(p(o)("report.integration.auto", { label: f.label })), 1),
+          f.label == "upload" ? (c(), F("div", lt, T(p(o)("report.integration.lastUploadDate")) + ": " + T(f.lastUploadDate ? p(je)(f.lastUploadDate).format("MMMM D, YYYY h:mm A") : p(o)("report.integration.noData.title")), 1)) : N("", !0)
         ]),
         t("div", nt, [
-          t("div", st, T(v(o)("report.common.enable")), 1),
-          i(_, {
+          t("div", st, T(p(o)("report.common.enable")), 1),
+          r(_, {
             modelValue: e.value.enable,
-            "onUpdate:modelValue": w[0] || (w[0] = (V) => e.value.enable = V),
+            "onUpdate:modelValue": h[0] || (h[0] = (w) => e.value.enable = w),
             style: { gap: "0px" }
           }, null, 8, ["modelValue"])
         ]),
-        n.value ? (c(), C("div", it, [
-          t("div", rt, T(v(o)("report.common.email")), 1),
+        s.value ? (c(), F("div", it, [
+          t("div", rt, T(p(o)("report.common.email")), 1),
           t("div", mt, [
-            i(F, {
+            r(C, {
               "model-value": (e.value.emails || []).join(","),
               placeholder: "Email",
-              "onUpdate:modelValue": w[1] || (w[1] = (V) => {
+              "onUpdate:modelValue": h[1] || (h[1] = (w) => {
                 switch (e.value.name) {
-                  case v(ce).AutoCount:
-                  case v(ce).SQL:
-                  case v(ce).iFlexi_HRMS:
-                    e.value.emails = V.split(",");
+                  case p(ce).AutoCount:
+                  case p(ce).SQL:
+                  case p(ce).iFlexi_HRMS:
+                    e.value.emails = w.split(",");
                     break;
                 }
               })
@@ -166,30 +166,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         ])) : N("", !0),
         t("div", ct, [
           t("div", dt, [
-            t("div", pt, T(v(We)(g.label)) + " time ", 1),
+            t("div", pt, T(p(We)(f.label)) + " time ", 1),
             t("div", ut, [
-              i(h, {
+              r(b, {
                 class: "gap-[0px]",
-                "model-value": v(je)().hour(((m = e.value.triggerTime) == null ? void 0 : m.hour) ?? 0).minute(((d = e.value.triggerTime) == null ? void 0 : d.minute) ?? 0).format("HH:mm"),
-                "onUpdate:modelValue": w[2] || (w[2] = (V) => {
-                  V && (e.value.triggerTime.hour = Number(V.split(":")[0]), e.value.triggerTime.minute = Number(V.split(":")[1]));
+                "model-value": p(je)().hour(((x = e.value.triggerTime) == null ? void 0 : x.hour) ?? 0).minute(((m = e.value.triggerTime) == null ? void 0 : m.minute) ?? 0).format("HH:mm"),
+                "onUpdate:modelValue": h[2] || (h[2] = (w) => {
+                  w && (e.value.triggerTime.hour = Number(w.split(":")[0]), e.value.triggerTime.minute = Number(w.split(":")[1]));
                 })
               }, null, 8, ["model-value"])
             ])
           ]),
-          i(K, {
+          r(K, {
             "model-value": {
-              label: v(o)("report.integration.delayDay"),
+              label: p(o)("report.integration.delayDay"),
               delayDay: e.value.delayDay
             },
             type: "number",
             options: {
-              label: { placeholder: v(o)("report.integration.delayDay"), editable: !1 },
-              delayDay: { placeholder: v(o)("report.integration.delayDay"), editable: !0 }
+              label: { placeholder: p(o)("report.integration.delayDay"), editable: !1 },
+              delayDay: { placeholder: p(o)("report.integration.delayDay"), editable: !0 }
             },
-            rules: [(V) => V > 0 || "Delay days must be greater than 0"],
-            "onUpdate:modelValue": w[3] || (w[3] = (V) => {
-              e.value.delayDay = V.delayDay;
+            rules: [(w) => w > 0 || "Delay days must be greater than 0"],
+            "onUpdate:modelValue": h[3] || (h[3] = (w) => {
+              e.value.delayDay = w.delayDay;
             })
           }, null, 8, ["model-value", "options", "rules"])
         ])
@@ -230,70 +230,70 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ye(["remove"], ["update:modelValue"]),
-  setup(g, { emit: o }) {
-    const e = X(g, "modelValue"), n = g, k = Y(
-      () => Object.keys(n.options).map((m) => {
-        const d = n.options[m];
+  setup(f, { emit: o }) {
+    const e = X(f, "modelValue"), s = f, V = Y(
+      () => Object.keys(s.options).map((x) => {
+        const m = s.options[x];
         return {
-          placeholder: d.placeholder,
-          key: m,
-          editable: d.editable,
-          dropdownOptions: d.dropdownOptions
+          placeholder: m.placeholder,
+          key: x,
+          editable: m.editable,
+          dropdownOptions: m.dropdownOptions
         };
       })
-    ), w = (m, d) => {
-      n.singleValueMode ? e.value = n.type === "number" ? Number(m) : m : d && (e.value = {
+    ), h = (x, m) => {
+      s.singleValueMode ? e.value = s.type === "number" ? Number(x) : x : m && (e.value = {
         ...e.value,
-        [d]: n.type === "number" ? Number(m) : m
+        [m]: s.type === "number" ? Number(x) : x
       });
-    }, _ = (m) => {
-      var d;
-      return n.singleValueMode ? n.options.key.placeholder : (d = e.value[m.key]) == null ? void 0 : d.toString();
-    }, F = (m) => n.singleValueMode ? e.value : e.value[m.key], h = o;
-    return (m, d) => {
-      const V = S("FmSelect"), b = S("FmTextField"), u = S("FmTooltip"), p = S("FmIcon");
-      return c(), C("div", ft, [
+    }, _ = (x) => {
+      var m;
+      return s.singleValueMode ? s.options.key.placeholder : (m = e.value[x.key]) == null ? void 0 : m.toString();
+    }, C = (x) => s.singleValueMode ? e.value : e.value[x.key], b = o;
+    return (x, m) => {
+      const w = S("FmSelect"), k = S("FmTextField"), d = S("FmTooltip"), y = S("FmIcon");
+      return c(), F("div", ft, [
         t("div", {
-          class: Ke(`${g.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
+          class: Ke(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (c(!0), C(L, null, H(k.value, (r) => (c(), C(L, {
-            key: r.key
+          (c(!0), F(L, null, H(V.value, (n) => (c(), F(L, {
+            key: n.key
           }, [
-            r.editable ? (c(), C("div", vt, [
-              r.dropdownOptions ? (c(), M(V, {
+            n.editable ? (c(), F("div", vt, [
+              n.dropdownOptions ? (c(), M(w, {
                 key: 0,
-                "model-value": F(r),
-                placeholder: r.placeholder,
-                items: r.dropdownOptions,
+                "model-value": C(n),
+                placeholder: n.placeholder,
+                items: n.dropdownOptions,
                 "shift-menu": !0,
-                "onUpdate:modelValue": (x) => w(x, r.key)
-              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (c(), M(b, {
+                "onUpdate:modelValue": (v) => h(v, n.key)
+              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (c(), M(k, {
                 key: 1,
-                "model-value": F(r),
-                placeholder: r.placeholder,
-                type: g.type,
-                rules: g.rules,
-                "onUpdate:modelValue": (x) => w(x, r.key)
+                "model-value": C(n),
+                placeholder: n.placeholder,
+                type: f.type,
+                rules: f.rules,
+                "onUpdate:modelValue": (v) => h(v, n.key)
               }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
-            ])) : (c(), M(u, {
+            ])) : (c(), M(d, {
               key: 1,
-              content: _(r),
+              content: _(n),
               class: "w-[50%]"
             }, {
               default: ge(() => [
-                t("div", gt, T(_(r)), 1)
+                t("div", gt, T(_(n)), 1)
               ]),
               _: 2
             }, 1032, ["content"]))
           ], 64))), 128))
         ], 2),
-        g.removable ? (c(), C("div", yt, [
-          i(p, {
+        f.removable ? (c(), F("div", yt, [
+          r(y, {
             color: "system-error-300",
             class: "cursor-pointer",
             name: "close",
             size: "md",
-            onClick: d[0] || (d[0] = (r) => h("remove"))
+            onClick: m[0] || (m[0] = (n) => b("remove"))
           })
         ])) : N("", !0)
       ]);
@@ -340,85 +340,85 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = B(!1), d = Y(
-      () => h.map((f) => ({ label: f.name, value: f.id }))
-    ), V = Y(() => {
-      var f, s;
-      return m.value ? "Connecting" : (s = (f = e.value) == null ? void 0 : f.platform) != null && s.accessToken ? "Disconnect" : "Connect";
-    }), b = B(0);
-    async function u() {
-      var f;
-      if (m.value)
-        n.open({ type: "error", message: "Connecting in progress" });
-      else if ((f = e.value.platform) != null && f.accessToken)
-        await F({
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = we(), { promptMessage: C } = Se(), { restaurants: b } = pe(), x = B(!1), m = Y(
+      () => b.map((u) => ({ label: u.name, value: u.id }))
+    ), w = Y(() => {
+      var u, i;
+      return x.value ? "Connecting" : (i = (u = e.value) == null ? void 0 : u.platform) != null && i.accessToken ? "Disconnect" : "Connect";
+    }), k = B(0);
+    async function d() {
+      var u;
+      if (x.value)
+        s.open({ type: "error", message: "Connecting in progress" });
+      else if ((u = e.value.platform) != null && u.accessToken)
+        await C({
           message: o("report.integration.xero.confirmDisconnect", { name: e.value.name }),
           title: o("report.integration.xero.disconnectTitle")
-        }) && (await Ye(e.value._id), await k.getSettings());
+        }) && (await Ye(e.value._id), await V.getSettings());
       else if (e.value._id)
         try {
-          const s = await qe(e.value._id);
-          m.value = !0;
+          const i = await qe(e.value._id);
+          x.value = !0;
           const A = setInterval(async () => {
             var P;
-            b.value += 1;
+            k.value += 1;
             try {
-              await k.getSettings();
+              await V.getSettings();
             } finally {
-              (b.value === 12 || (P = e.value.platform) != null && P.accessToken) && (m.value = !1, A && clearInterval(A), b.value = 0);
+              (k.value === 12 || (P = e.value.platform) != null && P.accessToken) && (x.value = !1, A && clearInterval(A), k.value = 0);
             }
           }, 5e3);
-          window.open(s.redirect, "_blank");
-        } catch (s) {
-          n.open({ type: "error", message: s.message });
+          window.open(i.redirect, "_blank");
+        } catch (i) {
+          s.open({ type: "error", message: i.message });
         }
       else
-        n.open({ type: "error", message: `invalid accounting ${e.value._id}` });
+        s.open({ type: "error", message: `invalid accounting ${e.value._id}` });
     }
-    async function p() {
-      await F({
+    async function y() {
+      await C({
         message: `Confirm delete ${e.value.name}?`,
         title: "Delete"
       }) && await _(async () => {
         try {
-          await he(e.value._id), await k.getSettings(), w.back();
-        } catch (s) {
-          n.open({ type: "error", message: s.message });
+          await he(e.value._id), await V.getSettings(), h.back();
+        } catch (i) {
+          s.open({ type: "error", message: i.message });
         }
       });
     }
-    async function r() {
+    async function n() {
       await _(async () => {
         try {
-          await Ve(e.value._id, e.value), await k.getSettings();
-        } catch (f) {
-          n.open({ type: "error", message: f.message });
+          await Ve(e.value._id, e.value), await V.getSettings();
+        } catch (u) {
+          s.open({ type: "error", message: u.message });
         }
       });
     }
-    function x(f) {
-      const s = g.tenantOptions.data.find((A) => A.value === f);
-      s && e.value.platform && (e.value.platform.tenant = {
-        id: s.value,
-        name: s.label
+    function v(u) {
+      const i = f.tenantOptions.data.find((A) => A.value === u);
+      i && e.value.platform && (e.value.platform.tenant = {
+        id: i.value,
+        name: i.label
       });
     }
-    function $(f, s) {
+    function $(u, i) {
       var A, P;
-      (P = (A = e.value.platform) == null ? void 0 : A.mappings) != null && P[f] && (e.value.platform.mappings[f] = e.value.platform.mappings[f].filter(
-        (Q, E) => E !== s
+      (P = (A = e.value.platform) == null ? void 0 : A.mappings) != null && P[u] && (e.value.platform.mappings[u] = e.value.platform.mappings[u].filter(
+        (Q, E) => E !== i
       ));
     }
-    function l(f) {
-      var s, A;
-      (A = (s = e.value.platform) == null ? void 0 : s.mappings) != null && A[f] && (e.value.platform.mappings[f] = [
-        ...e.value.platform.mappings[f],
-        f === "items" ? {
+    function l(u) {
+      var i, A;
+      (A = (i = e.value.platform) == null ? void 0 : i.mappings) != null && A[u] && (e.value.platform.mappings[u] = [
+        ...e.value.platform.mappings[u],
+        u === "items" ? {
           feedmeKey: "",
           xeroAccount: "",
           name: ""
-        } : f === "taxes" ? {
+        } : u === "taxes" ? {
           feedmeKey: "",
           xeroAccount: ""
         } : {
@@ -430,145 +430,145 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function a() {
       await _(async () => {
         try {
-          await ke(e.value._id), await k.getSettings();
-        } catch (f) {
-          n.open({ type: "error", message: f.message });
+          await ke(e.value._id), await V.getSettings();
+        } catch (u) {
+          s.open({ type: "error", message: u.message });
         }
       });
     }
-    return (f, s) => {
-      var z, W, Z, ee, te, oe, ae, le, ne, se, D, y, U, O, me, Ue, Te, Ne, Re, Oe, Be;
+    return (u, i) => {
+      var z, W, Z, ee, te, oe, ae, le, ne, se, D, g, U, O, me, Ue, Te, Ne, Re, Oe, Be;
       const A = S("FmIcon"), P = S("FmButton"), Q = S("FmMenuDivider"), E = S("FmCircularProgress"), G = S("FmSelect"), R = S("FmTextField"), j = S("FmSwitch");
-      return (W = (z = e.value) == null ? void 0 : z.platform) != null && W.mappings ? (c(), C("div", xt, [
+      return (W = (z = e.value) == null ? void 0 : z.platform) != null && W.mappings ? (c(), F("div", xt, [
         t("div", _t, [
           t("div", bt, [
-            s[10] || (s[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
+            i[10] || (i[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
             t("div", wt, [
               t("div", ht, [
-                i(A, {
+                r(A, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: a
                 }),
-                s[9] || (s[9] = t("span", { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, " Repopulate the fields based on the dates selected in Preview. ", -1))
+                i[9] || (i[9] = t("span", { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, " Repopulate the fields based on the dates selected in Preview. ", -1))
               ]),
-              i(P, {
+              r(P, {
                 variant: "tertiary",
                 label: "Delete",
-                onClick: p
+                onClick: y
               }),
-              i(P, {
+              r(P, {
                 variant: "primary",
                 label: "Update",
-                onClick: r
+                onClick: n
               })
             ])
           ])
         ]),
-        i(Q, { style: { margin: 0 } }),
+        r(Q, { style: { margin: 0 } }),
         t("div", Vt, [
-          s[21] || (s[21] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Authenticate with your official Xero account to enable FeedMe to securely upload data to Xero. ", -1)),
+          i[21] || (i[21] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Authenticate with your official Xero account to enable FeedMe to securely upload data to Xero. ", -1)),
           t("div", kt, [
             t("div", $t, [
-              i(P, {
-                disabled: m.value,
+              r(P, {
+                disabled: x.value,
                 variant: "primary",
-                label: V.value,
-                onClick: u
+                label: w.value,
+                onClick: d
               }, null, 8, ["disabled", "label"])
             ]),
-            !g.tenantOptions.isLoaded && ((Z = e.value.platform) != null && Z.accessToken) ? (c(), M(E, {
+            !f.tenantOptions.isLoaded && ((Z = e.value.platform) != null && Z.accessToken) ? (c(), M(E, {
               key: 0,
               size: "xl"
             })) : N("", !0),
-            i(G, {
+            r(G, {
               class: "flex-grow",
-              items: g.tenantOptions.data || [],
+              items: f.tenantOptions.data || [],
               "model-value": (ee = e.value.platform.tenant) == null ? void 0 : ee.id,
-              placeholder: g.tenantOptions.data ? "Select tenant " : (te = e.value.platform.tenant) == null ? void 0 : te.name,
-              "onUpdate:modelValue": x
+              placeholder: f.tenantOptions.data ? "Select tenant " : (te = e.value.platform.tenant) == null ? void 0 : te.name,
+              "onUpdate:modelValue": v
             }, null, 8, ["items", "model-value", "placeholder"])
           ]),
           t("div", St, [
-            s[13] || (s[13] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "General", -1)),
+            i[13] || (i[13] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "General", -1)),
             t("div", Ct, [
-              s[11] || (s[11] = t("div", { class: "w-[25%]" }, "Name", -1)),
+              i[11] || (i[11] = t("div", { class: "w-[25%]" }, "Name", -1)),
               t("div", Ft, [
-                i(R, {
+                r(R, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": s[0] || (s[0] = (ie) => e.value.name = ie)
+                  "onUpdate:modelValue": i[0] || (i[0] = (ie) => e.value.name = ie)
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", Dt, [
-              s[12] || (s[12] = t("div", { class: "w-[25%]" }, "Location", -1)),
-              i(G, {
+              i[12] || (i[12] = t("div", { class: "w-[25%]" }, "Location", -1)),
+              r(G, {
                 modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": s[1] || (s[1] = (ie) => e.value.platform.locationIds = ie),
+                "onUpdate:modelValue": i[1] || (i[1] = (ie) => e.value.platform.locationIds = ie),
                 multiselect: !0,
-                items: d.value,
+                items: m.value,
                 placeholder: "Select location",
                 class: "flex-grow"
               }, null, 8, ["modelValue", "items"])
             ])
           ]),
-          i(De, {
+          r(De, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": s[2] || (s[2] = (ie) => e.value.platform = ie),
+            "onUpdate:modelValue": i[2] || (i[2] = (ie) => e.value.platform = ie),
             label: "upload",
             "last-upload-date": (oe = e.value.platform) == null ? void 0 : oe.lastUploadDate
           }, null, 8, ["modelValue", "last-upload-date"]),
           t("div", Ut, [
-            s[20] || (s[20] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "Mapping", -1)),
+            i[20] || (i[20] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "Mapping", -1)),
             t("div", Tt, [
-              s[14] || (s[14] = t("div", { class: "w-[25%]" }, "Contact", -1)),
+              i[14] || (i[14] = t("div", { class: "w-[25%]" }, "Contact", -1)),
               t("div", It, [
-                i(R, {
+                r(R, {
                   modelValue: e.value.platform.mappings.contact.xeroAccount,
-                  "onUpdate:modelValue": s[3] || (s[3] = (ie) => e.value.platform.mappings.contact.xeroAccount = ie),
+                  "onUpdate:modelValue": i[3] || (i[3] = (ie) => e.value.platform.mappings.contact.xeroAccount = ie),
                   placeholder: "Contact account number"
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", Mt, [
-              s[15] || (s[15] = t("div", { class: "w-[25%]" }, "Discount as Item", -1)),
+              i[15] || (i[15] = t("div", { class: "w-[25%]" }, "Discount as Item", -1)),
               t("div", Kt, [
-                i(j, {
+                r(j, {
                   "model-value": e.value.platform.discountItem ?? !1,
                   style: { gap: 0 },
-                  "onUpdate:modelValue": s[4] || (s[4] = (ie) => {
+                  "onUpdate:modelValue": i[4] || (i[4] = (ie) => {
                     e.value.platform.discountItem = ie;
                   })
                 }, null, 8, ["model-value"])
               ])
             ]),
             t("div", At, [
-              s[16] || (s[16] = t("div", { class: "w-[25%]" }, "Combine Refund", -1)),
+              i[16] || (i[16] = t("div", { class: "w-[25%]" }, "Combine Refund", -1)),
               t("div", Pt, [
-                i(j, {
+                r(j, {
                   "model-value": e.value.platform.mappings.isCombineRefund ?? !1,
                   style: { gap: 0 },
-                  "onUpdate:modelValue": s[5] || (s[5] = (ie) => {
+                  "onUpdate:modelValue": i[5] || (i[5] = (ie) => {
                     e.value.platform.mappings.isCombineRefund = ie;
                   })
                 }, null, 8, ["model-value"])
               ])
             ]),
             t("div", Nt, [
-              s[17] || (s[17] = t("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
-              i(P, {
+              i[17] || (i[17] = t("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
+              r(P, {
                 variant: "primary",
                 icon: "add",
-                onClick: s[6] || (s[6] = () => l("taxes"))
+                onClick: i[6] || (i[6] = () => l("taxes"))
               })
             ]),
-            g.taxOptions.isError || e.value.platform.accessToken == null ? (c(), C("div", Rt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
-            !g.taxOptions.isLoaded && ((ae = e.value.platform) != null && ae.accessToken) ? (c(), M(E, {
+            f.taxOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", Rt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
+            !f.taxOptions.isLoaded && ((ae = e.value.platform) != null && ae.accessToken) ? (c(), M(E, {
               key: 1,
               size: "xl"
             })) : N("", !0),
-            ((le = g.taxOptions.data) == null ? void 0 : le.length) > 0 ? (c(), C("div", Ot, [
-              (c(!0), C(L, null, H((D = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.taxes, (ie, re) => (c(), M(Me, {
+            ((le = f.taxOptions.data) == null ? void 0 : le.length) > 0 ? (c(), F("div", Ot, [
+              (c(!0), F(L, null, H((D = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.taxes, (ie, re) => (c(), M(Me, {
                 key: `tax-${re}`,
                 modelValue: e.value.platform.mappings.taxes[re],
                 "onUpdate:modelValue": (Ie) => e.value.platform.mappings.taxes[re] = Ie,
@@ -577,7 +577,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   xeroAccount: {
                     placeholder: "Select Tax",
                     editable: !0,
-                    dropdownOptions: g.taxOptions.data ?? []
+                    dropdownOptions: f.taxOptions.data ?? []
                   }
                 },
                 removable: !0,
@@ -585,20 +585,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : N("", !0),
             t("div", Bt, [
-              s[18] || (s[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
-              i(P, {
+              i[18] || (i[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
+              r(P, {
                 variant: "primary",
                 icon: "add",
-                onClick: s[7] || (s[7] = () => l("items"))
+                onClick: i[7] || (i[7] = () => l("items"))
               })
             ]),
-            g.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), C("div", jt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
-            !g.accountCodeOptions.isLoaded && ((y = e.value.platform) != null && y.accessToken) ? (c(), M(E, {
+            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", jt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
+            !f.accountCodeOptions.isLoaded && ((g = e.value.platform) != null && g.accessToken) ? (c(), M(E, {
               key: 4,
               size: "xl"
             })) : N("", !0),
-            ((U = g.accountCodeOptions.data) == null ? void 0 : U.length) > 0 ? (c(), C("div", Lt, [
-              (c(!0), C(L, null, H((Ue = (me = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : me.mappings) == null ? void 0 : Ue.items, (ie, re) => (c(), M(Me, {
+            ((U = f.accountCodeOptions.data) == null ? void 0 : U.length) > 0 ? (c(), F("div", Lt, [
+              (c(!0), F(L, null, H((Ue = (me = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : me.mappings) == null ? void 0 : Ue.items, (ie, re) => (c(), M(Me, {
                 key: `item-${re}`,
                 modelValue: e.value.platform.mappings.items[re],
                 "onUpdate:modelValue": (Ie) => e.value.platform.mappings.items[re] = Ie,
@@ -607,7 +607,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   xeroAccount: {
                     placeholder: "Select Item Code",
                     editable: !0,
-                    dropdownOptions: g.accountCodeOptions.data ?? []
+                    dropdownOptions: f.accountCodeOptions.data ?? []
                   }
                 },
                 removable: !0,
@@ -615,20 +615,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : N("", !0),
             t("div", Et, [
-              s[19] || (s[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
-              i(P, {
+              i[19] || (i[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
+              r(P, {
                 variant: "primary",
                 icon: "add",
-                onClick: s[8] || (s[8] = () => l("payments"))
+                onClick: i[8] || (i[8] = () => l("payments"))
               })
             ]),
-            g.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), C("div", zt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
-            !g.accountCodeOptions.isLoaded && ((Te = e.value.platform) != null && Te.accessToken) ? (c(), M(E, {
+            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", zt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
+            !f.accountCodeOptions.isLoaded && ((Te = e.value.platform) != null && Te.accessToken) ? (c(), M(E, {
               key: 7,
               size: "xl"
             })) : N("", !0),
-            ((Ne = g.accountCodeOptions.data) == null ? void 0 : Ne.length) > 0 ? (c(), C("div", Yt, [
-              (c(!0), C(L, null, H((Be = (Oe = (Re = e.value) == null ? void 0 : Re.platform) == null ? void 0 : Oe.mappings) == null ? void 0 : Be.payments, (ie, re) => (c(), M(Me, {
+            ((Ne = f.accountCodeOptions.data) == null ? void 0 : Ne.length) > 0 ? (c(), F("div", Yt, [
+              (c(!0), F(L, null, H((Be = (Oe = (Re = e.value) == null ? void 0 : Re.platform) == null ? void 0 : Oe.mappings) == null ? void 0 : Be.payments, (ie, re) => (c(), M(Me, {
                 key: `payment-${re}`,
                 modelValue: e.value.platform.mappings.payments[re],
                 "onUpdate:modelValue": (Ie) => e.value.platform.mappings.payments[re] = Ie,
@@ -637,7 +637,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   xeroAccount: {
                     placeholder: "Select Payment Code",
                     editable: !0,
-                    dropdownOptions: g.accountCodeOptions.data ?? []
+                    dropdownOptions: f.accountCodeOptions.data ?? []
                   }
                 },
                 removable: !0,
@@ -652,46 +652,46 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), Ht = { class: "h-full flex flex-col gap-16" }, Xt = { class: "flex flex-row gap-2 justify-between items-center" }, Qt = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Gt = /* @__PURE__ */ q({
+}, Gt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Jt = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const o = B([]), e = Y(
-      () => o.value.reduce((m, d) => {
-        const V = m.length, { invoice: b, payments: u } = d;
-        m[V] = {
-          date: b.Date,
-          contact: b.Contact.ContactID,
-          status: b.Status,
-          ref: b.Reference
+  setup(f) {
+    const o = B([]), { t: e } = J(), s = Y(
+      () => o.value.reduce((m, w) => {
+        const k = m.length, { invoice: d, payments: y } = w;
+        m[k] = {
+          date: d.Date,
+          contact: d.Contact.ContactID,
+          status: d.Status,
+          ref: d.Reference
         };
-        for (let p = 0; p < Math.max(b.LineItems.length, u.length); p++) {
-          const r = V + p;
-          m[r] || (m[r] = {}), b.LineItems[p] && (m[r] = {
-            ...m[r],
-            itemDescription: b.LineItems[p].Description,
-            itemQuantity: b.LineItems[p].Quantity,
-            itemUnitAmount: b.LineItems[p].UnitAmount,
+        for (let n = 0; n < Math.max(d.LineItems.length, y.length); n++) {
+          const v = k + n;
+          m[v] || (m[v] = {}), d.LineItems[n] && (m[v] = {
+            ...m[v],
+            itemDescription: d.LineItems[n].Description,
+            itemQuantity: d.LineItems[n].Quantity,
+            itemUnitAmount: d.LineItems[n].UnitAmount,
             // itemCode: invoice.LineItems[i].ItemCode,
-            itemAccount: b.LineItems[p].AccountCode,
-            itemTax: b.LineItems[p].TaxAmount,
-            itemTaxType: b.LineItems[p].TaxType,
-            itemAmount: b.LineItems[p].LineAmount,
-            itemDiscount: b.LineItems[p].DiscountAmount
-          }), u[p] && (m[r] = {
-            ...m[r],
-            paymentAccount: u[p].Account.Code,
-            paymentReference: u[p].Reference,
-            paymentAmount: u[p].Amount
+            itemAccount: d.LineItems[n].AccountCode,
+            itemTax: d.LineItems[n].TaxAmount,
+            itemTaxType: d.LineItems[n].TaxType,
+            itemAmount: d.LineItems[n].LineAmount,
+            itemDiscount: d.LineItems[n].DiscountAmount
+          }), y[n] && (m[v] = {
+            ...m[v],
+            paymentAccount: y[n].Account.Code,
+            paymentReference: y[n].Reference,
+            paymentAmount: y[n].Amount
           });
         }
         return m;
       }, [])
-    ), n = [
+    ), V = [
       {
         accessorKey: "date",
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -767,69 +767,69 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], k = X(g, "modelValue"), w = B(!1), _ = ue(), { dateRange: F } = Ce(pe());
+    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Ce(pe());
     ve(
-      () => F.value,
+      () => b.value,
       async () => {
-        if (k.value._id)
+        if (h.value._id)
           try {
-            w.value = !0, o.value = await $e(k.value._id);
+            _.value = !0, o.value = await $e(h.value._id);
           } catch (m) {
-            _.open({ message: m.message, type: "error" });
+            C.open({ message: m.message, type: "error" });
           } finally {
-            w.value = !1;
+            _.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    async function h() {
+    async function x() {
       try {
-        k.value._id ? (w.value = !0, await Ae(k.value._id), _.open({ message: "Upload successful", type: "success" })) : _.open({ message: "Invalid accounting setting", type: "error" });
+        h.value._id ? (_.value = !0, await Ae(h.value._id), C.open({ message: "Upload successful", type: "success" })) : C.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
-        m.message && _.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((d) => _.open({ message: d.Message, type: "error" }));
+        m.message && C.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((w) => C.open({ message: w.Message, type: "error" }));
       } finally {
-        w.value = !1;
+        _.value = !1;
       }
     }
-    return (m, d) => {
-      const V = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
-      return c(), C("div", Ht, [
+    return (m, w) => {
+      const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
+      return c(), F("div", Ht, [
         t("div", Xt, [
-          i(Fe, {
-            "date-range": v(F),
-            "onUpdate:dateRange": d[0] || (d[0] = (p) => be(F) ? F.value = p : null),
+          r(Fe, {
+            "date-range": p(b),
+            "onUpdate:dateRange": w[0] || (w[0] = (n) => be(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(V, {
-            loading: w.value,
+          r(k, {
+            loading: _.value,
             variant: "primary",
             label: "Upload",
-            onClick: h
+            onClick: x
           }, null, 8, ["loading"])
         ]),
-        w.value ? (c(), C("div", Qt, [
-          i(b, { size: "xl" }),
-          d[1] || (d[1] = t("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
-        ])) : e.value.length > 0 ? (c(), M(u, {
+        _.value ? (c(), F("div", Qt, [
+          r(d, { size: "xl" }),
+          t("span", Gt, T(p(e)("report.common.isLoading")), 1)
+        ])) : s.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
-          "row-data": e.value,
-          "column-defs": n
+          "row-data": s.value,
+          "column-defs": V
         }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
   }
-}), Jt = { class: "h-full relative flex flex-col" }, Wt = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Zt = /* @__PURE__ */ q({
+}), Wt = { class: "h-full relative flex flex-col" }, Zt = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, eo = /* @__PURE__ */ q({
   __name: "Xero",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = B({}), w = B({}), _ = B({}), F = [
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = B({}), h = B({}), _ = B({}), C = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -840,16 +840,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], h = de(), m = Y(() => {
-      switch (n.value) {
+    ], b = de(), x = Y(() => {
+      switch (s.value) {
         case "preview":
-          return { component: Gt };
+          return { component: Jt };
         case "setting":
           return {
             component: qt,
             props: {
-              tenantOptions: k.value,
-              taxOptions: w.value,
+              tenantOptions: V.value,
+              taxOptions: h.value,
               accountCodeOptions: _.value
             }
           };
@@ -857,141 +857,141 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return null;
       }
     });
-    async function d() {
+    async function m() {
       if (e.value._id)
         try {
-          const u = await He(e.value._id);
-          k.value.data = u.map((p) => ({
-            value: p.id,
-            label: p.name
+          const d = await He(e.value._id);
+          V.value.data = d.map((y) => ({
+            value: y.id,
+            label: y.name
           }));
-        } catch (u) {
-          console.error("Failed to fetch tenants:", u), k.value.isError = !0;
+        } catch (d) {
+          console.error("Failed to fetch tenants:", d), V.value.isError = !0;
         } finally {
-          k.value.isLoaded = !0;
+          V.value.isLoaded = !0;
         }
     }
-    async function V() {
+    async function w() {
       if (e.value._id)
         try {
-          const u = await Xe(e.value._id);
-          w.value.data = u.map((p) => ({
-            value: p.Name,
-            label: `${p.Name} - (${p.EffectiveRate}%)`
+          const d = await Xe(e.value._id);
+          h.value.data = d.map((y) => ({
+            value: y.Name,
+            label: `${y.Name} - (${y.EffectiveRate}%)`
           }));
-        } catch (u) {
-          console.error("Failed to fetch taxes:", u), w.value.isError = !0;
+        } catch (d) {
+          console.error("Failed to fetch taxes:", d), h.value.isError = !0;
         } finally {
-          w.value.isLoaded = !0;
+          h.value.isLoaded = !0;
         }
     }
-    async function b() {
+    async function k() {
       if (e.value._id)
         try {
-          const u = await Qe(e.value._id);
-          _.value.data = u.map((p) => ({
-            value: p.Code,
-            label: `${p.Code} ${p.Name} - [${p.Class}_${p.Type}]`
+          const d = await Qe(e.value._id);
+          _.value.data = d.map((y) => ({
+            value: y.Code,
+            label: `${y.Code} ${y.Name} - [${y.Class}_${y.Type}]`
           }));
-        } catch (u) {
-          console.error("Failed to fetch accounts:", u), _.value.isError = !0;
+        } catch (d) {
+          console.error("Failed to fetch accounts:", d), _.value.isError = !0;
         } finally {
           _.value.isLoaded = !0;
         }
     }
     return ve(
       () => {
-        var u;
-        return (u = e.value.platform) == null ? void 0 : u.accessToken;
+        var d;
+        return (d = e.value.platform) == null ? void 0 : d.accessToken;
       },
-      (u) => {
-        u && (d(), V(), b());
+      (d) => {
+        d && (m(), w(), k());
       },
       { immediate: !0 }
-    ), (u, p) => {
+    ), (d, y) => {
       var $, l, a;
-      const r = S("FmPageHead"), x = S("FmTabs");
-      return c(), C("div", Jt, [
-        i(r, {
+      const n = S("FmPageHead"), v = S("FmTabs");
+      return c(), F("div", Wt, [
+        r(n, {
           title: (($ = e.value) == null ? void 0 : $.name) || "Xero",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": v(h).back
+          "onClick:back": p(b).back
         }, {
-          description: ge(() => p[2] || (p[2] = [
+          description: ge(() => y[2] || (y[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(x, {
-          "model-value": n.value,
-          "onUpdate:modelValue": p[0] || (p[0] = (f) => n.value = f),
-          items: F
+        r(v, {
+          "model-value": s.value,
+          "onUpdate:modelValue": y[0] || (y[0] = (u) => s.value = u),
+          items: C
         }, null, 8, ["model-value"]),
-        t("div", Wt, [
-          (c(), M(xe((l = m.value) == null ? void 0 : l.component), Le({
+        t("div", Zt, [
+          (c(), M(xe((l = x.value) == null ? void 0 : l.component), Le({
             modelValue: e.value,
-            "onUpdate:modelValue": p[1] || (p[1] = (f) => e.value = f)
-          }, (a = m.value) == null ? void 0 : a.props), null, 16, ["modelValue"]))
+            "onUpdate:modelValue": y[1] || (y[1] = (u) => e.value = u)
+          }, (a = x.value) == null ? void 0 : a.props), null, 16, ["modelValue"]))
         ])
       ]);
     };
   }
-}), eo = {
+}), to = {
   key: 0,
   class: "flex flex-col h-full"
-}, to = { class: "flex flex-col gap-16 pb-[24px]" }, oo = { class: "flex flex-row justify-between items-center gap-2" }, ao = { class: "fm-typo-en-title-sm-800" }, lo = { class: "flex flex-row gap-2 items-center" }, no = { class: "relative group cursor-pointer" }, so = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, io = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, mo = { class: "flex flex-row items-center justify-between" }, co = { class: "w-[25%]" }, po = { class: "flex-grow" }, uo = { class: "flex flex-row items-center justify-between" }, fo = { class: "w-[25%]" }, vo = { class: "flex-grow" }, go = { class: "flex flex-col gap-16" }, yo = { class: "fm-typo-en-title-sm-800" }, xo = { class: "flex flex-row items-center max-w-[100%]" }, _o = { class: "w-[25%]" }, bo = { class: "flex-grow" }, wo = { class: "flex flex-row items-center max-w-[100%]" }, ho = { class: "w-[25%]" }, Vo = { class: "flex flex-row items-center max-w-[100%]" }, ko = { class: "w-[25%]" }, $o = { class: "flex flex-col gap-16" }, So = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Co = { class: "flex flex-row items-center gap-x-16" }, Fo = { class: "fm-typo-en-title-sm-800" }, Do = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Uo = { class: "flex flex-row items-center gap-x-16" }, To = { class: "fm-typo-en-title-sm-800" }, Io = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Mo = { class: "flex flex-row items-center gap-x-16" }, Ko = { class: "fm-typo-en-title-sm-800" }, Ao = /* @__PURE__ */ q({
+}, oo = { class: "flex flex-col gap-16 pb-[24px]" }, ao = { class: "flex flex-row justify-between items-center gap-2" }, lo = { class: "fm-typo-en-title-sm-800" }, no = { class: "flex flex-row gap-2 items-center" }, so = { class: "relative group cursor-pointer" }, io = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, ro = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, mo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, co = { class: "flex flex-row items-center justify-between" }, po = { class: "w-[25%]" }, uo = { class: "flex-grow" }, fo = { class: "flex flex-row items-center justify-between" }, vo = { class: "w-[25%]" }, go = { class: "flex-grow" }, yo = { class: "flex flex-col gap-16" }, xo = { class: "fm-typo-en-title-sm-800" }, _o = { class: "flex flex-row items-center max-w-[100%]" }, bo = { class: "w-[25%]" }, wo = { class: "flex-grow" }, ho = { class: "flex flex-row items-center max-w-[100%]" }, Vo = { class: "w-[25%]" }, ko = { class: "flex flex-row items-center max-w-[100%]" }, $o = { class: "w-[25%]" }, So = { class: "flex flex-col gap-16" }, Co = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Fo = { class: "flex flex-row items-center gap-x-16" }, Do = { class: "fm-typo-en-title-sm-800" }, Uo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, To = { class: "flex flex-row items-center gap-x-16" }, Io = { class: "fm-typo-en-title-sm-800" }, Mo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ko = { class: "flex flex-row items-center gap-x-16" }, Ao = { class: "fm-typo-en-title-sm-800" }, Po = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const o = X(g, "modelValue"), e = ue(), n = _e(), k = de(), { promptLoader: w } = we(), { promptMessage: _ } = Se(), { restaurants: F } = pe(), h = Y(
-      () => F.map((l) => ({ label: l.name, value: l.id }))
-    ), { t: m } = J();
-    async function d() {
+  setup(f) {
+    const o = X(f, "modelValue"), e = ue(), s = _e(), V = de(), { promptLoader: h } = we(), { promptMessage: _ } = Se(), { restaurants: C } = pe(), b = Y(
+      () => C.map((l) => ({ label: l.name, value: l.id }))
+    ), { t: x } = J();
+    async function m() {
       await _({
-        message: m("report.messages.confirmDelete", { name: o.value.name }),
-        title: m("report.common.delete")
-      }) && await w(async () => {
+        message: x("report.messages.confirmDelete", { name: o.value.name }),
+        title: x("report.common.delete")
+      }) && await h(async () => {
         try {
-          await he(o.value._id), await n.getSettings(), k.back();
+          await he(o.value._id), await s.getSettings(), V.back();
         } catch (a) {
           e.open({ type: "error", message: a.message });
         }
       });
     }
-    async function V() {
-      await w(async () => {
+    async function w() {
+      await h(async () => {
         try {
-          await Ve(o.value._id, o.value), await n.getSettings();
+          await Ve(o.value._id, o.value), await s.getSettings();
         } catch (l) {
           e.open({ type: "error", message: l.message });
         }
       });
     }
-    function b(l, a) {
-      var f, s;
-      (s = (f = o.value.platform) == null ? void 0 : f.mappings) != null && s[l] && (o.value.platform.mappings[l] = o.value.platform.mappings[l].filter(
+    function k(l, a) {
+      var u, i;
+      (i = (u = o.value.platform) == null ? void 0 : u.mappings) != null && i[l] && (o.value.platform.mappings[l] = o.value.platform.mappings[l].filter(
         (A, P) => P !== a
       ));
     }
-    function u(l) {
-      var a, f;
-      if ((f = (a = o.value.platform) == null ? void 0 : a.mappings) != null && f[l]) {
-        let s;
+    function d(l) {
+      var a, u;
+      if ((u = (a = o.value.platform) == null ? void 0 : a.mappings) != null && u[l]) {
+        let i;
         switch (l) {
           case "items":
-            s = {
+            i = {
               key: "",
               account: "",
               accountName: ""
             };
             break;
           case "payments":
-            s = {
+            i = {
               key: "",
               account: "",
               accountName: "",
@@ -999,7 +999,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             };
             break;
           default:
-            s = {
+            i = {
               key: "",
               account: ""
             };
@@ -1007,45 +1007,45 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
         o.value.platform.mappings[l] = [
           ...o.value.platform.mappings[l],
-          s
+          i
         ];
       }
     }
-    const p = [
+    const y = [
       {
-        label: m("report.integration.grouping.byDay"),
+        label: x("report.integration.grouping.byDay"),
         value: fe.BY_DAY
       },
       {
-        label: m("report.integration.grouping.byDayItem"),
+        label: x("report.integration.grouping.byDayItem"),
         value: fe.BY_DAY_ITEM
       },
       {
-        label: m("report.integration.grouping.byInvoice"),
+        label: x("report.integration.grouping.byInvoice"),
         value: fe.BY_INVOICE
       },
       {
-        label: m("report.integration.grouping.byDaySeparatePayment"),
+        label: x("report.integration.grouping.byDaySeparatePayment"),
         value: fe.BY_DAY_SEPARATE_PAYMENT
       }
     ];
-    function r({
+    function n({
       key: l,
       value: a
     }) {
-      var f, s;
-      (s = (f = o.value) == null ? void 0 : f.platform) != null && s.mappings && (o.value.platform.mappings[l] = a);
+      var u, i;
+      (i = (u = o.value) == null ? void 0 : u.platform) != null && i.mappings && (o.value.platform.mappings[l] = a);
     }
-    function x(l) {
+    function v(l) {
       return {
         key: { placeholder: l, editable: !1 },
         account: { placeholder: l, editable: !0 }
       };
     }
     async function $() {
-      await w(async () => {
+      await h(async () => {
         try {
-          await ke(o.value._id), await n.getSettings();
+          await ke(o.value._id), await s.getSettings();
         } catch (l) {
           e.open({ type: "error", message: l.message });
         }
@@ -1053,93 +1053,93 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (l, a) => {
       var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, D;
-      const f = S("FmIcon"), s = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = o.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), C("div", eo, [
-        t("div", to, [
-          t("div", oo, [
-            t("div", ao, T(v(m)("report.integration.bukku.connect")), 1),
-            t("div", lo, [
-              t("div", no, [
-                i(f, {
+      const u = S("FmIcon"), i = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
+      return (G = (E = o.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", to, [
+        t("div", oo, [
+          t("div", ao, [
+            t("div", lo, T(p(x)("report.integration.bukku.connect")), 1),
+            t("div", no, [
+              t("div", so, [
+                r(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", so, T(v(m)("report.integration.refreshSetting")), 1)
+                t("span", io, T(p(x)("report.integration.refreshSetting")), 1)
               ]),
-              i(s, {
+              r(i, {
                 variant: "tertiary",
-                label: v(m)("report.common.delete"),
-                onClick: d
+                label: p(x)("report.common.delete"),
+                onClick: m
               }, null, 8, ["label"]),
-              i(s, {
+              r(i, {
                 variant: "primary",
-                label: v(m)("report.common.update"),
-                onClick: V
+                label: p(x)("report.common.update"),
+                onClick: w
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        i(A, { style: { margin: 0 } }),
-        t("div", io, [
-          t("div", ro, T(v(m)("report.integration.bukku.authentication")), 1),
-          t("div", mo, [
-            t("div", co, T(v(m)("report.integration.subdomain")), 1),
-            t("div", po, [
-              i(P, {
+        r(A, { style: { margin: 0 } }),
+        t("div", ro, [
+          t("div", mo, T(p(x)("report.integration.bukku.authentication")), 1),
+          t("div", co, [
+            t("div", po, T(p(x)("report.integration.subdomain")), 1),
+            t("div", uo, [
+              r(P, {
                 modelValue: o.value.platform.subdomain,
-                "onUpdate:modelValue": a[0] || (a[0] = (y) => o.value.platform.subdomain = y),
-                placeholder: v(m)("report.integration.subdomain")
+                "onUpdate:modelValue": a[0] || (a[0] = (g) => o.value.platform.subdomain = g),
+                placeholder: p(x)("report.integration.subdomain")
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
-          t("div", uo, [
-            t("div", fo, T(v(m)("report.integration.token")), 1),
-            t("div", vo, [
-              i(P, {
+          t("div", fo, [
+            t("div", vo, T(p(x)("report.integration.token")), 1),
+            t("div", go, [
+              r(P, {
                 modelValue: o.value.platform.token,
-                "onUpdate:modelValue": a[1] || (a[1] = (y) => o.value.platform.token = y),
-                placeholder: v(m)("report.integration.token")
+                "onUpdate:modelValue": a[1] || (a[1] = (g) => o.value.platform.token = g),
+                placeholder: p(x)("report.integration.token")
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
-          t("div", go, [
-            t("div", yo, T(v(m)("report.integration.general")), 1),
-            t("div", xo, [
-              t("div", _o, T(v(m)("report.common.name")), 1),
-              t("div", bo, [
-                i(P, {
+          t("div", yo, [
+            t("div", xo, T(p(x)("report.integration.general")), 1),
+            t("div", _o, [
+              t("div", bo, T(p(x)("report.common.name")), 1),
+              t("div", wo, [
+                r(P, {
                   modelValue: o.value.name,
-                  "onUpdate:modelValue": a[2] || (a[2] = (y) => o.value.name = y)
+                  "onUpdate:modelValue": a[2] || (a[2] = (g) => o.value.name = g)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", wo, [
-              t("div", ho, T(v(m)("report.common.location")), 1),
-              i(Q, {
+            t("div", ho, [
+              t("div", Vo, T(p(x)("report.common.location")), 1),
+              r(Q, {
                 modelValue: o.value.platform.locationIds,
-                "onUpdate:modelValue": a[3] || (a[3] = (y) => o.value.platform.locationIds = y),
+                "onUpdate:modelValue": a[3] || (a[3] = (g) => o.value.platform.locationIds = g),
                 multiselect: !0,
-                items: h.value,
+                items: b.value,
                 placeholder: "Select location",
                 class: "flex-grow"
               }, null, 8, ["modelValue", "items"])
             ]),
-            t("div", Vo, [
-              t("div", ko, T(v(m)("report.integration.grouping.title")), 1),
-              i(Q, {
+            t("div", ko, [
+              t("div", $o, T(p(x)("report.integration.grouping.title")), 1),
+              r(Q, {
                 modelValue: o.value.platform.grouping,
-                "onUpdate:modelValue": a[4] || (a[4] = (y) => o.value.platform.grouping = y),
+                "onUpdate:modelValue": a[4] || (a[4] = (g) => o.value.platform.grouping = g),
                 multiselect: !1,
-                items: p,
+                items: y,
                 placeholder: "Select grouping",
                 class: "flex-grow"
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", $o, [
-            t("div", So, [
-              i(K, {
+          t("div", So, [
+            t("div", Co, [
+              r(K, {
                 "model-value": {
                   key: "Contact",
                   account: o.value.platform.mappings.contact.account
@@ -1154,55 +1154,55 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     editable: !0
                   }
                 },
-                "onUpdate:modelValue": a[5] || (a[5] = (y) => {
+                "onUpdate:modelValue": a[5] || (a[5] = (g) => {
                   var U, O, me;
-                  (me = (O = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : O.mappings) != null && me.contact && (o.value.platform.mappings.contact.account = y.account);
+                  (me = (O = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : O.mappings) != null && me.contact && (o.value.platform.mappings.contact.account = g.account);
                 })
               }, null, 8, ["model-value"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Invoice no",
                   account: o.value.platform.mappings.invoiceDocNo
                 },
-                options: x("Invoice no"),
-                "onUpdate:modelValue": a[6] || (a[6] = (y) => r({ key: "invoiceDocNo", value: y.account }))
+                options: v("Invoice no"),
+                "onUpdate:modelValue": a[6] || (a[6] = (g) => n({ key: "invoiceDocNo", value: g.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: o.value.platform.mappings.creditNoteDocNo
                 },
-                options: x("Credit note no"),
-                "onUpdate:modelValue": a[7] || (a[7] = (y) => r({ key: "creditNoteDocNo", value: y.account }))
+                options: v("Credit note no"),
+                "onUpdate:modelValue": a[7] || (a[7] = (g) => n({ key: "creditNoteDocNo", value: g.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Payment no",
                   account: o.value.platform.mappings.paymentDocNo
                 },
-                options: x("Payment no"),
-                "onUpdate:modelValue": a[8] || (a[8] = (y) => r({ key: "paymentDocNo", value: y.account }))
+                options: v("Payment no"),
+                "onUpdate:modelValue": a[8] || (a[8] = (g) => n({ key: "paymentDocNo", value: g.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Refund no",
                   account: o.value.platform.mappings.refundDocNo
                 },
-                options: x("Refund no"),
-                "onUpdate:modelValue": a[9] || (a[9] = (y) => r({ key: "refundDocNo", value: y.account }))
+                options: v("Refund no"),
+                "onUpdate:modelValue": a[9] || (a[9] = (g) => n({ key: "refundDocNo", value: g.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Rounding",
                   account: o.value.platform.mappings.rounding.account
                 },
-                options: x("Rounding"),
-                "onUpdate:modelValue": a[10] || (a[10] = (y) => {
+                options: v("Rounding"),
+                "onUpdate:modelValue": a[10] || (a[10] = (g) => {
                   var U, O, me;
-                  (me = (O = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : O.mappings) != null && me.rounding && (o.value.platform.mappings.rounding.account = y.account);
+                  (me = (O = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : O.mappings) != null && me.rounding && (o.value.platform.mappings.rounding.account = g.account);
                 })
               }, null, 8, ["model-value", "options"]),
-              (c(!0), C(L, null, H((z = (j = (R = o.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (y, U) => (c(), M(K, {
+              (c(!0), F(L, null, H((z = (j = (R = o.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (g, U) => (c(), M(K, {
                 key: `charge-${U}`,
                 modelValue: o.value.platform.mappings.charges[U],
                 "onUpdate:modelValue": (O) => o.value.platform.mappings.charges[U] = O,
@@ -1219,22 +1219,22 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
             ])
           ]),
-          i(De, {
+          r(De, {
             modelValue: o.value.platform,
-            "onUpdate:modelValue": a[11] || (a[11] = (y) => o.value.platform = y),
+            "onUpdate:modelValue": a[11] || (a[11] = (g) => o.value.platform = g),
             label: "upload",
             "last-upload-date": (W = o.value.platform) == null ? void 0 : W.lastUploadDate
           }, null, 8, ["modelValue", "last-upload-date"]),
-          t("div", Co, [
-            t("div", Fo, T(v(m)("report.integration.items")), 1),
-            i(s, {
+          t("div", Fo, [
+            t("div", Do, T(p(x)("report.integration.items")), 1),
+            r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => u("items"))
+              onClick: a[12] || (a[12] = () => d("items"))
             })
           ]),
-          t("div", Do, [
-            (c(!0), C(L, null, H((te = (ee = (Z = o.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (y, U) => (c(), M(K, {
+          t("div", Uo, [
+            (c(!0), F(L, null, H((te = (ee = (Z = o.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (g, U) => (c(), M(K, {
               key: `item-${U}`,
               modelValue: o.value.platform.mappings.items[U],
               "onUpdate:modelValue": (O) => o.value.platform.mappings.items[U] = O,
@@ -1243,19 +1243,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => b("items", U)
+              onRemove: () => k("items", U)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Uo, [
-            t("div", To, T(v(m)("report.integration.taxes")), 1),
-            i(s, {
+          t("div", To, [
+            t("div", Io, T(p(x)("report.integration.taxes")), 1),
+            r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => u("taxes"))
+              onClick: a[13] || (a[13] = () => d("taxes"))
             })
           ]),
-          t("div", Io, [
-            (c(!0), C(L, null, H((le = (ae = (oe = o.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (y, U) => (c(), M(K, {
+          t("div", Mo, [
+            (c(!0), F(L, null, H((le = (ae = (oe = o.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (g, U) => (c(), M(K, {
               key: `tax-${U}`,
               modelValue: o.value.platform.mappings.taxes[U],
               "onUpdate:modelValue": (O) => o.value.platform.mappings.taxes[U] = O,
@@ -1264,22 +1264,22 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => b("taxes", U)
+              onRemove: () => k("taxes", U)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Mo, [
-            t("div", Ko, T(v(m)("report.integration.payments")), 1),
-            i(s, {
+          t("div", Ko, [
+            t("div", Ao, T(p(x)("report.integration.payments")), 1),
+            r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[14] || (a[14] = () => u("payments"))
+              onClick: a[14] || (a[14] = () => d("payments"))
             })
           ]),
-          (c(!0), C(L, null, H((D = (se = (ne = o.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.payments, (y, U) => (c(), C("div", {
+          (c(!0), F(L, null, H((D = (se = (ne = o.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.payments, (g, U) => (c(), F("div", {
             key: `payment-${U}`,
             class: "grid-cols-1 grid gap-x-16"
           }, [
-            i(K, {
+            r(K, {
               modelValue: o.value.platform.mappings.payments[U],
               "onUpdate:modelValue": (O) => o.value.platform.mappings.payments[U] = O,
               options: {
@@ -1288,40 +1288,40 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => b("payments", U)
+              onRemove: () => k("payments", U)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"])
           ]))), 128))
         ])
       ])) : N("", !0);
     };
   }
-}), Po = { class: "h-full flex flex-col gap-16" }, No = { class: "flex flex-row gap-2 justify-between items-center" }, Ro = {
+}), No = { class: "h-full flex flex-col gap-16" }, Ro = { class: "flex flex-row gap-2 justify-between items-center" }, Oo = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Oo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bo = /* @__PURE__ */ q({
+}, Bo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, jo = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
+  setup(f) {
     const o = B([]), e = Y(
-      () => o.value.reduce((d, V) => {
-        const b = d.length, { invoice: u, payments: p } = V;
-        d[b] = {
-          no: u.number,
-          date: u.date,
-          contact: u._contact_name,
-          status: u.status,
-          title: u.title
+      () => o.value.reduce((m, w) => {
+        const k = m.length, { invoice: d, payments: y } = w;
+        m[k] = {
+          no: d.number,
+          date: d.date,
+          contact: d._contact_name,
+          status: d.status,
+          title: d.title
         };
-        for (let r = 0; r < Math.max(u.form_items.length, p.length); r++) {
-          const x = b + r;
-          d[x] || (d[x] = {});
-          const $ = u.form_items[r];
-          $ && (d[x] = {
-            ...d[x],
+        for (let n = 0; n < Math.max(d.form_items.length, y.length); n++) {
+          const v = k + n;
+          m[v] || (m[v] = {});
+          const $ = d.form_items[n];
+          $ && (m[v] = {
+            ...m[v],
             itemDescription: $.description,
             itemQuantity: $.quantity,
             itemUnitPrice: $.unit_price,
@@ -1329,9 +1329,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             itemTaxCode: $._tax_code_name,
             itemDiscount: $.discount
           });
-          const l = p[r];
-          l && (d[x] = {
-            ...d[x],
+          const l = y[n];
+          l && (m[v] = {
+            ...m[v],
             paymentNo: l.number,
             paymentMethod: l.deposit_items[0]._payment_method_name,
             paymentAccount: l.deposit_items[0]._account_name,
@@ -1340,21 +1340,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             paymentSkip: l.skip
           });
         }
-        return d;
+        return m;
       }, [])
-    ), { t: n } = J(), k = [
+    ), { t: s } = J(), V = [
       {
         accessorKey: "date",
         header: () => I(
           "p",
           { class: "min-w-[90px] text-nowrap text-ellipsis" },
-          n("report.integration.table.date")
+          s("report.integration.table.date")
         ),
         enableSorting: !1
       },
       {
         accessorKey: "no",
-        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, n("report.integration.table.no")),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, s("report.integration.table.no")),
         enableSorting: !1
       },
       {
@@ -1432,15 +1432,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Skip",
         enableSorting: !1
       }
-    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
+    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Ce(pe());
     ve(
-      () => h.value,
+      () => b.value,
       async () => {
-        if (w.value._id)
+        if (h.value._id)
           try {
-            _.value = !0, o.value = await $e(w.value._id);
-          } catch (d) {
-            F.open({ message: d.message, type: "error" });
+            _.value = !0, o.value = await $e(h.value._id);
+          } catch (m) {
+            C.open({ message: m.message, type: "error" });
           } finally {
             _.value = !1;
           }
@@ -1449,52 +1449,52 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         immediate: !0
       }
     );
-    async function m() {
+    async function x() {
       try {
-        w.value._id ? (_.value = !0, await Ae(w.value._id), F.open({ message: n("report.integration.uploadSuccess"), type: "success" })) : F.open({ message: n("report.integration.error.invalid"), type: "error" });
-      } catch (d) {
-        F.open({ message: d.message, type: "error" });
+        h.value._id ? (_.value = !0, await Ae(h.value._id), C.open({ message: s("report.integration.uploadSuccess"), type: "success" })) : C.open({ message: s("report.integration.error.invalid"), type: "error" });
+      } catch (m) {
+        C.open({ message: m.message, type: "error" });
       } finally {
         _.value = !1;
       }
     }
-    return (d, V) => {
-      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
-      return c(), C("div", Po, [
-        t("div", No, [
-          i(Fe, {
-            "date-range": v(h),
-            "onUpdate:dateRange": V[0] || (V[0] = (r) => be(h) ? h.value = r : null),
+    return (m, w) => {
+      const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
+      return c(), F("div", No, [
+        t("div", Ro, [
+          r(Fe, {
+            "date-range": p(b),
+            "onUpdate:dateRange": w[0] || (w[0] = (n) => be(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(b, {
+          r(k, {
             loading: _.value,
             variant: "primary",
-            label: v(n)("report.common.upload"),
-            onClick: m
+            label: p(s)("report.common.upload"),
+            onClick: x
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), C("div", Ro, [
-          i(u, { size: "xl" }),
-          t("span", Oo, T(v(n)("report.integration.table.loading")), 1)
-        ])) : e.value.length > 0 ? (c(), M(p, {
+        _.value ? (c(), F("div", Oo, [
+          r(d, { size: "xl" }),
+          t("span", Bo, T(p(s)("report.integration.table.loading")), 1)
+        ])) : e.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
-          "column-defs": k
+          "column-defs": V
         }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
   }
-}), jo = { class: "h-full relative flex flex-col" }, Lo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Eo = /* @__PURE__ */ q({
+}), Lo = { class: "h-full relative flex flex-col" }, Eo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, zo = /* @__PURE__ */ q({
   __name: "Bukku",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = [
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -1505,89 +1505,89 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], w = de(), _ = Y(() => {
-      switch (n.value) {
+    ], h = de(), _ = Y(() => {
+      switch (s.value) {
         case "preview":
-          return Bo;
+          return jo;
         case "setting":
-          return Ao;
+          return Po;
         default:
           return null;
       }
     });
-    return (F, h) => {
-      var V;
-      const m = S("FmPageHead"), d = S("FmTabs");
-      return c(), C("div", jo, [
-        i(m, {
-          title: ((V = e.value) == null ? void 0 : V.name) || "Bukku",
+    return (C, b) => {
+      var w;
+      const x = S("FmPageHead"), m = S("FmTabs");
+      return c(), F("div", Lo, [
+        r(x, {
+          title: ((w = e.value) == null ? void 0 : w.name) || "Bukku",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": v(w).back
+          "onClick:back": p(h).back
         }, {
-          description: ge(() => h[2] || (h[2] = [
+          description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(d, {
-          "model-value": n.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
-          items: k
+        r(m, {
+          "model-value": s.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
+          items: V
         }, null, 8, ["model-value"]),
-        t("div", Lo, [
+        t("div", Eo, [
           (c(), M(xe(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (b) => e.value = b)
+            "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), zo = {
+}), Yo = {
   key: 0,
   class: "flex flex-col h-full"
-}, Yo = { class: "flex flex-col gap-16 pb-[24px]" }, qo = { class: "flex flex-row justify-between items-center gap-2" }, Ho = { class: "flex flex-row gap-2 items-center" }, Xo = { class: "relative group cursor-pointer" }, Qo = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Go = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Jo = { class: "flex flex-col gap-16" }, Wo = { class: "fm-typo-en-title-sm-800" }, Zo = { class: "flex flex-row items-center max-w-[100%]" }, ea = { class: "w-[25%]" }, ta = { class: "flex-grow" }, oa = { class: "flex flex-row items-center max-w-[100%]" }, aa = { class: "w-[25%]" }, la = { class: "flex flex-row items-center max-w-[100%]" }, na = { class: "w-[25%]" }, sa = { class: "flex flex-col gap-16" }, ia = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ra = { class: "flex flex-row items-center gap-x-16" }, ma = { class: "fm-typo-en-title-sm-800" }, ca = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, da = { class: "flex flex-row items-center gap-x-16" }, pa = { class: "fm-typo-en-title-sm-800" }, ua = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, fa = { class: "flex flex-row items-center gap-x-16" }, va = { class: "fm-typo-en-title-sm-800" }, ga = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ya = /* @__PURE__ */ q({
+}, qo = { class: "flex flex-col gap-16 pb-[24px]" }, Ho = { class: "flex flex-row justify-between items-center gap-2" }, Xo = { class: "flex flex-row gap-2 items-center" }, Qo = { class: "relative group cursor-pointer" }, Go = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Jo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Wo = { class: "flex flex-col gap-16" }, Zo = { class: "fm-typo-en-title-sm-800" }, ea = { class: "flex flex-row items-center max-w-[100%]" }, ta = { class: "w-[25%]" }, oa = { class: "flex-grow" }, aa = { class: "flex flex-row items-center max-w-[100%]" }, la = { class: "w-[25%]" }, na = { class: "flex flex-row items-center max-w-[100%]" }, sa = { class: "w-[25%]" }, ia = { class: "flex flex-col gap-16" }, ra = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ma = { class: "flex flex-row items-center gap-x-16" }, ca = { class: "fm-typo-en-title-sm-800" }, da = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, pa = { class: "flex flex-row items-center gap-x-16" }, ua = { class: "fm-typo-en-title-sm-800" }, fa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, va = { class: "flex flex-row items-center gap-x-16" }, ga = { class: "fm-typo-en-title-sm-800" }, ya = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, xa = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
-      () => h.map((l) => ({ label: l.name, value: l.id }))
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = we(), { promptMessage: C } = Se(), { restaurants: b } = pe(), x = Y(
+      () => b.map((l) => ({ label: l.name, value: l.id }))
     );
-    async function d() {
-      await F({
+    async function m() {
+      await C({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await k.getSettings(), w.back();
+          await he(e.value._id), await V.getSettings(), h.back();
         } catch (a) {
-          n.open({ type: "error", message: a.message });
+          s.open({ type: "error", message: a.message });
         }
       });
     }
-    async function V() {
+    async function w() {
       await _(async () => {
         try {
-          await Ve(e.value._id, e.value), await k.getSettings();
+          await Ve(e.value._id, e.value), await V.getSettings();
         } catch (l) {
-          n.open({ type: "error", message: l.message });
+          s.open({ type: "error", message: l.message });
         }
       });
     }
-    function b(l, a) {
-      var f, s;
-      (s = (f = e.value.platform) == null ? void 0 : f.mappings) != null && s[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
+    function k(l, a) {
+      var u, i;
+      (i = (u = e.value.platform) == null ? void 0 : u.mappings) != null && i[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
         (A, P) => P !== a
       ));
     }
-    function u(l) {
-      var a, f;
-      (f = (a = e.value.platform) == null ? void 0 : a.mappings) != null && f[l] && (e.value.platform.mappings[l] = [
+    function d(l) {
+      var a, u;
+      (u = (a = e.value.platform) == null ? void 0 : a.mappings) != null && u[l] && (e.value.platform.mappings[l] = [
         ...e.value.platform.mappings[l],
         l === "items" ? {
           key: "",
@@ -1599,7 +1599,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       ]);
     }
-    const p = [
+    const y = [
       {
         label: "By day",
         value: fe.BY_DAY
@@ -1613,14 +1613,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: fe.BY_DAY_CATEGORY
       }
     ];
-    function r({
+    function n({
       key: l,
       value: a
     }) {
-      var f, s;
-      (s = (f = e.value) == null ? void 0 : f.platform) != null && s.mappings && (e.value.platform.mappings[l] = a);
+      var u, i;
+      (i = (u = e.value) == null ? void 0 : u.platform) != null && i.mappings && (e.value.platform.mappings[l] = a);
     }
-    function x(l) {
+    function v(l) {
       return {
         key: { placeholder: l, editable: !1 },
         account: { placeholder: l, editable: !0 }
@@ -1629,137 +1629,137 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function $() {
       await _(async () => {
         try {
-          await ke(e.value._id), await k.getSettings();
+          await ke(e.value._id), await V.getSettings();
         } catch (l) {
-          n.open({ type: "error", message: l.message });
+          s.open({ type: "error", message: l.message });
         }
       });
     }
     return (l, a) => {
       var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
-      const f = S("FmIcon"), s = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), C("div", zo, [
-        t("div", Yo, [
-          t("div", qo, [
+      const u = S("FmIcon"), i = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
+      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", Yo, [
+        t("div", qo, [
+          t("div", Ho, [
             a[14] || (a[14] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Ho, [
-              t("div", Xo, [
-                i(f, {
+            t("div", Xo, [
+              t("div", Qo, [
+                r(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", Qo, T(v(o)("report.integration.refreshSetting")), 1)
+                t("span", Go, T(p(o)("report.integration.refreshSetting")), 1)
               ]),
-              i(s, {
+              r(i, {
                 variant: "tertiary",
-                label: v(o)("report.common.remove"),
-                onClick: d
+                label: p(o)("report.common.remove"),
+                onClick: m
               }, null, 8, ["label"]),
-              i(s, {
+              r(i, {
                 variant: "primary",
-                label: v(o)("report.common.update"),
-                onClick: V
+                label: p(o)("report.common.update"),
+                onClick: w
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        i(A, { style: { margin: 0 } }),
-        t("div", Go, [
-          t("div", Jo, [
-            t("div", Wo, T(v(o)("report.integration.general")), 1),
-            t("div", Zo, [
-              t("div", ea, T(v(o)("report.common.name")), 1),
-              t("div", ta, [
-                i(P, {
+        r(A, { style: { margin: 0 } }),
+        t("div", Jo, [
+          t("div", Wo, [
+            t("div", Zo, T(p(o)("report.integration.general")), 1),
+            t("div", ea, [
+              t("div", ta, T(p(o)("report.common.name")), 1),
+              t("div", oa, [
+                r(P, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": a[0] || (a[0] = (D) => e.value.name = D)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", oa, [
-              t("div", aa, T(v(o)("report.integration.location")), 1),
-              i(Q, {
+            t("div", aa, [
+              t("div", la, T(p(o)("report.integration.location")), 1),
+              r(Q, {
                 modelValue: e.value.platform.locationIds,
                 "onUpdate:modelValue": a[1] || (a[1] = (D) => e.value.platform.locationIds = D),
                 multiselect: !0,
-                items: m.value,
+                items: x.value,
                 placeholder: "Select location",
                 class: "flex-grow",
                 rules: [(D) => D.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
-            t("div", la, [
-              t("div", na, T(v(o)("report.integration.grouping.title")), 1),
-              i(Q, {
+            t("div", na, [
+              t("div", sa, T(p(o)("report.integration.grouping.title")), 1),
+              r(Q, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
                 multiselect: !1,
-                items: p,
+                items: y,
                 placeholder: "Select grouping",
                 class: "flex-grow"
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", sa, [
-            t("div", ia, [
-              i(K, {
+          t("div", ia, [
+            t("div", ra, [
+              r(K, {
                 "model-value": { key: "Project", account: e.value.platform.mappings.project },
-                options: x("Project"),
-                "onUpdate:modelValue": a[3] || (a[3] = (D) => r({ key: "project", value: D.account }))
+                options: v("Project"),
+                "onUpdate:modelValue": a[3] || (a[3] = (D) => n({ key: "project", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
-                options: x("Debtor"),
-                "onUpdate:modelValue": a[4] || (a[4] = (D) => r({ key: "debtor", value: D.account }))
+                options: v("Debtor"),
+                "onUpdate:modelValue": a[4] || (a[4] = (D) => n({ key: "debtor", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Invoice no",
                   account: e.value.platform.mappings.invoiceDocNo
                 },
-                options: x("Invoice no"),
-                "onUpdate:modelValue": a[5] || (a[5] = (D) => r({ key: "invoiceDocNo", value: D.account }))
+                options: v("Invoice no"),
+                "onUpdate:modelValue": a[5] || (a[5] = (D) => n({ key: "invoiceDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: e.value.platform.mappings.creditNoteDocNo
                 },
-                options: x("Credit note no"),
-                "onUpdate:modelValue": a[6] || (a[6] = (D) => r({ key: "creditNoteDocNo", value: D.account }))
+                options: v("Credit note no"),
+                "onUpdate:modelValue": a[6] || (a[6] = (D) => n({ key: "creditNoteDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Payment no",
                   account: e.value.platform.mappings.paymentDocNo
                 },
-                options: x("Payment no"),
-                "onUpdate:modelValue": a[7] || (a[7] = (D) => r({ key: "paymentDocNo", value: D.account }))
+                options: v("Payment no"),
+                "onUpdate:modelValue": a[7] || (a[7] = (D) => n({ key: "paymentDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Refund no",
                   account: e.value.platform.mappings.refundDocNo
                 },
-                options: x("Refund no"),
-                "onUpdate:modelValue": a[8] || (a[8] = (D) => r({ key: "refundDocNo", value: D.account }))
+                options: v("Refund no"),
+                "onUpdate:modelValue": a[8] || (a[8] = (D) => n({ key: "refundDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Rounding",
                   account: e.value.platform.mappings.rounding.account
                 },
-                options: x("Rounding"),
+                options: v("Rounding"),
                 "onUpdate:modelValue": a[9] || (a[9] = (D) => {
-                  var y, U, O;
-                  (O = (U = (y = e.value) == null ? void 0 : y.platform) == null ? void 0 : U.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = D.account);
+                  var g, U, O;
+                  (O = (U = (g = e.value) == null ? void 0 : g.platform) == null ? void 0 : U.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = D.account);
                 })
               }, null, 8, ["model-value", "options"]),
-              (c(!0), C(L, null, H((z = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (D, y) => (c(), M(K, {
-                key: `charge-${y}`,
-                modelValue: e.value.platform.mappings.charges[y],
-                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[y] = U,
+              (c(!0), F(L, null, H((z = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (D, g) => (c(), M(K, {
+                key: `charge-${g}`,
+                modelValue: e.value.platform.mappings.charges[g],
+                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[g] = U,
                 options: {
                   key: { placeholder: "Key", editable: !1 },
                   account: { placeholder: "Account code", editable: !0 }
@@ -1767,119 +1767,119 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
             ])
           ]),
-          i(De, {
+          r(De, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": a[10] || (a[10] = (D) => e.value.platform = D),
-            label: v(o)("report.input.email")
+            label: p(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
-          t("div", ra, [
-            t("div", ma, T(v(o)("report.integration.items")), 1),
-            i(s, {
+          t("div", ma, [
+            t("div", ca, T(p(o)("report.integration.items")), 1),
+            r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[11] || (a[11] = () => u("items"))
+              onClick: a[11] || (a[11] = () => d("items"))
             })
           ]),
-          t("div", ca, [
-            (c(!0), C(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (D, y) => (c(), M(K, {
-              key: `item-${y}`,
-              modelValue: e.value.platform.mappings.items[y],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[y] = U,
+          t("div", da, [
+            (c(!0), F(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (D, g) => (c(), M(K, {
+              key: `item-${g}`,
+              modelValue: e.value.platform.mappings.items[g],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[g] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => b("items", y)
+              onRemove: () => k("items", g)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", da, [
-            t("div", pa, T(v(o)("report.integration.taxes")), 1),
-            i(s, {
+          t("div", pa, [
+            t("div", ua, T(p(o)("report.integration.taxes")), 1),
+            r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => u("taxes"))
+              onClick: a[12] || (a[12] = () => d("taxes"))
             })
           ]),
-          t("div", ua, [
-            (c(!0), C(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (D, y) => (c(), M(K, {
-              key: `tax-${y}`,
-              modelValue: e.value.platform.mappings.taxes[y],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[y] = U,
+          t("div", fa, [
+            (c(!0), F(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (D, g) => (c(), M(K, {
+              key: `tax-${g}`,
+              modelValue: e.value.platform.mappings.taxes[g],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[g] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => b("taxes", y)
+              onRemove: () => k("taxes", g)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", fa, [
-            t("div", va, T(v(o)("report.integration.payments")), 1),
-            i(s, {
+          t("div", va, [
+            t("div", ga, T(p(o)("report.integration.payments")), 1),
+            r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => u("payments"))
+              onClick: a[13] || (a[13] = () => d("payments"))
             })
           ]),
-          t("div", ga, [
-            (c(!0), C(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (D, y) => (c(), M(K, {
-              key: `payment-${y}`,
-              modelValue: e.value.platform.mappings.payments[y],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[y] = U,
+          t("div", ya, [
+            (c(!0), F(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (D, g) => (c(), M(K, {
+              key: `payment-${g}`,
+              modelValue: e.value.platform.mappings.payments[g],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[g] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Payment name", editable: !0 }
               },
               removable: !0,
-              onRemove: () => b("payments", y)
+              onRemove: () => k("payments", g)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
       ])) : N("", !0);
     };
   }
-}), xa = { class: "h-full flex flex-col gap-16" }, _a = { class: "flex flex-row gap-2 justify-between items-center" }, ba = {
+}), _a = { class: "h-full flex flex-col gap-16" }, ba = { class: "flex flex-row gap-2 justify-between items-center" }, wa = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ha = /* @__PURE__ */ q({
+}, ha = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Va = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = B([]), n = Y(
-      () => e.value.reduce((d, V) => {
-        const b = d.length, { invoice: u, payments: p } = V;
-        d[b] = {
-          date: u.DocDate,
-          docNo: u.DocNo,
-          projNo: u.ProjNo,
-          debtor: u.DebtorCode,
-          description: u.Description
+  setup(f) {
+    const { t: o } = J(), e = B([]), s = Y(
+      () => e.value.reduce((m, w) => {
+        const k = m.length, { invoice: d, payments: y } = w;
+        m[k] = {
+          date: d.DocDate,
+          docNo: d.DocNo,
+          projNo: d.ProjNo,
+          debtor: d.DebtorCode,
+          description: d.Description
         };
-        for (let r = 0; r < Math.max(u._items.length, p.length); r++) {
-          const x = b + r;
-          d[x] || (d[x] = {}), u._items[r] && (d[x] = {
-            ...d[x],
-            itemDescription: u._items[r].DetailDescription,
-            itemUnitPrice: u._items[r].Amount,
-            itemAccount: u._items[r].AccNo,
-            itemTaxCode: u._items[r].TaxType,
-            itemTax: u._items[r].Tax
-          }), p[r] && (d[x] = {
-            ...d[x],
-            paymentDocNo: p[r].DocNo,
-            paymentMethod: p[r].paymentMethod,
-            paymentDescription: p[r].Description,
-            paymentAmount: p[r].PaymentAmt
+        for (let n = 0; n < Math.max(d._items.length, y.length); n++) {
+          const v = k + n;
+          m[v] || (m[v] = {}), d._items[n] && (m[v] = {
+            ...m[v],
+            itemDescription: d._items[n].DetailDescription,
+            itemUnitPrice: d._items[n].Amount,
+            itemAccount: d._items[n].AccNo,
+            itemTaxCode: d._items[n].TaxType,
+            itemTax: d._items[n].Tax
+          }), y[n] && (m[v] = {
+            ...m[v],
+            paymentDocNo: y[n].DocNo,
+            paymentMethod: y[n].paymentMethod,
+            paymentDescription: y[n].Description,
+            paymentAmount: y[n].PaymentAmt
           });
         }
-        return d;
+        return m;
       }, [])
-    ), k = [
+    ), V = [
       {
         accessorKey: "date",
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -1950,15 +1950,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
+    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Ce(pe());
     ve(
-      () => h.value,
+      () => b.value,
       async () => {
-        if (w.value._id)
+        if (h.value._id)
           try {
-            _.value = !0, e.value = await $e(w.value._id);
-          } catch (d) {
-            F.open({ message: d.message, type: "error" });
+            _.value = !0, e.value = await $e(h.value._id);
+          } catch (m) {
+            C.open({ message: m.message, type: "error" });
           } finally {
             _.value = !1;
           }
@@ -1967,52 +1967,52 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         immediate: !0
       }
     );
-    async function m() {
+    async function x() {
       try {
-        w.value._id ? (_.value = !0, await Pe(w.value._id)) : F.open({ message: "Invalid accounting setting", type: "error" });
-      } catch (d) {
-        F.open({ message: d.message, type: "error" });
+        h.value._id ? (_.value = !0, await Pe(h.value._id)) : C.open({ message: "Invalid accounting setting", type: "error" });
+      } catch (m) {
+        C.open({ message: m.message, type: "error" });
       } finally {
         _.value = !1;
       }
     }
-    return (d, V) => {
-      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
-      return c(), C("div", xa, [
-        t("div", _a, [
-          i(Fe, {
-            "date-range": v(h),
-            "onUpdate:dateRange": V[0] || (V[0] = (r) => be(h) ? h.value = r : null),
+    return (m, w) => {
+      const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
+      return c(), F("div", _a, [
+        t("div", ba, [
+          r(Fe, {
+            "date-range": p(b),
+            "onUpdate:dateRange": w[0] || (w[0] = (n) => be(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(b, {
+          r(k, {
             loading: _.value,
             variant: "primary",
-            label: v(o)("report.common.download"),
-            onClick: m
+            label: p(o)("report.common.download"),
+            onClick: x
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), C("div", ba, [
-          i(u, { size: "xl" }),
-          t("span", wa, T(v(o)("report.common.isLoading")), 1)
-        ])) : n.value.length > 0 ? (c(), M(p, {
+        _.value ? (c(), F("div", wa, [
+          r(d, { size: "xl" }),
+          t("span", ha, T(p(o)("report.common.isLoading")), 1)
+        ])) : s.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
-          "row-data": n.value,
-          "column-defs": k
+          "row-data": s.value,
+          "column-defs": V
         }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
   }
-}), Va = { class: "h-full relative flex flex-col" }, ka = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, $a = /* @__PURE__ */ q({
+}), ka = { class: "h-full relative flex flex-col" }, $a = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Sa = /* @__PURE__ */ q({
   __name: "AutoCount",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = [
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2023,89 +2023,89 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], w = de(), _ = Y(() => {
-      switch (n.value) {
+    ], h = de(), _ = Y(() => {
+      switch (s.value) {
         case "preview":
-          return ha;
+          return Va;
         case "setting":
-          return ya;
+          return xa;
         default:
           return null;
       }
     });
-    return (F, h) => {
-      var V;
-      const m = S("FmPageHead"), d = S("FmTabs");
-      return c(), C("div", Va, [
-        i(m, {
-          title: ((V = e.value) == null ? void 0 : V.name) || "AutoCount",
+    return (C, b) => {
+      var w;
+      const x = S("FmPageHead"), m = S("FmTabs");
+      return c(), F("div", ka, [
+        r(x, {
+          title: ((w = e.value) == null ? void 0 : w.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": v(w).back
+          "onClick:back": p(h).back
         }, {
-          description: ge(() => h[2] || (h[2] = [
+          description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(d, {
-          "model-value": n.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
-          items: k
+        r(m, {
+          "model-value": s.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
+          items: V
         }, null, 8, ["model-value"]),
-        t("div", ka, [
+        t("div", $a, [
           (c(), M(xe(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (b) => e.value = b)
+            "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), Sa = {
+}), Ca = {
   key: 0,
   class: "flex flex-col h-full"
-}, Ca = { class: "flex flex-col gap-16 pb-[24px]" }, Fa = { class: "flex flex-row justify-between items-center gap-2" }, Da = { class: "flex flex-row gap-2 items-center" }, Ua = { class: "relative group cursor-pointer" }, Ta = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Ia = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ma = { class: "flex flex-col gap-16" }, Ka = { class: "fm-typo-en-title-sm-800" }, Aa = { class: "flex flex-row items-center max-w-[100%]" }, Pa = { class: "w-[25%]" }, Na = { class: "flex-grow" }, Ra = { class: "flex flex-row items-center max-w-[100%]" }, Oa = { class: "w-[25%]" }, Ba = { class: "flex flex-row items-center max-w-[100%]" }, ja = { class: "w-[25%]" }, La = { class: "flex flex-col gap-16" }, Ea = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, za = { class: "grid-cols-1 grid gap-16" }, Ya = { class: "flex flex-row items-center gap-x-16" }, qa = { class: "fm-typo-en-title-sm-800" }, Ha = { class: "grid-cols-1 grid gap-16" }, Xa = { class: "flex flex-row items-center gap-x-16" }, Qa = { class: "fm-typo-en-title-sm-800" }, Ga = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ja = { class: "flex flex-row items-center gap-x-16" }, Wa = { class: "fm-typo-en-title-sm-800" }, Za = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, el = /* @__PURE__ */ q({
+}, Fa = { class: "flex flex-col gap-16 pb-[24px]" }, Da = { class: "flex flex-row justify-between items-center gap-2" }, Ua = { class: "flex flex-row gap-2 items-center" }, Ta = { class: "relative group cursor-pointer" }, Ia = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Ma = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ka = { class: "flex flex-col gap-16" }, Aa = { class: "fm-typo-en-title-sm-800" }, Pa = { class: "flex flex-row items-center max-w-[100%]" }, Na = { class: "w-[25%]" }, Ra = { class: "flex-grow" }, Oa = { class: "flex flex-row items-center max-w-[100%]" }, Ba = { class: "w-[25%]" }, ja = { class: "flex flex-row items-center max-w-[100%]" }, La = { class: "w-[25%]" }, Ea = { class: "flex flex-col gap-16" }, za = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ya = { class: "grid-cols-1 grid gap-16" }, qa = { class: "flex flex-row items-center gap-x-16" }, Ha = { class: "fm-typo-en-title-sm-800" }, Xa = { class: "grid-cols-1 grid gap-16" }, Qa = { class: "flex flex-row items-center gap-x-16" }, Ga = { class: "fm-typo-en-title-sm-800" }, Ja = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Wa = { class: "flex flex-row items-center gap-x-16" }, Za = { class: "fm-typo-en-title-sm-800" }, el = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, tl = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
-      () => h.map((l) => ({ label: l.name, value: l.id }))
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = we(), { promptMessage: C } = Se(), { restaurants: b } = pe(), x = Y(
+      () => b.map((l) => ({ label: l.name, value: l.id }))
     );
-    async function d() {
-      await F({
+    async function m() {
+      await C({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await k.getSettings(), w.back();
+          await he(e.value._id), await V.getSettings(), h.back();
         } catch (a) {
-          n.open({ type: "error", message: a.message });
+          s.open({ type: "error", message: a.message });
         }
       });
     }
-    async function V() {
+    async function w() {
       await _(async () => {
         try {
-          await Ve(e.value._id, e.value), await k.getSettings();
+          await Ve(e.value._id, e.value), await V.getSettings();
         } catch (l) {
-          n.open({ type: "error", message: l.message });
+          s.open({ type: "error", message: l.message });
         }
       });
     }
-    function b(l, a) {
-      var f, s;
-      (s = (f = e.value.platform) == null ? void 0 : f.mappings) != null && s[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
+    function k(l, a) {
+      var u, i;
+      (i = (u = e.value.platform) == null ? void 0 : u.mappings) != null && i[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
         (A, P) => P !== a
       ));
     }
-    function u(l) {
-      var a, f;
-      (f = (a = e.value.platform) == null ? void 0 : a.mappings) != null && f[l] && (e.value.platform.mappings[l] = [
+    function d(l) {
+      var a, u;
+      (u = (a = e.value.platform) == null ? void 0 : a.mappings) != null && u[l] && (e.value.platform.mappings[l] = [
         ...e.value.platform.mappings[l],
         l === "items" ? {
           key: "",
@@ -2118,7 +2118,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       ]);
     }
-    const p = [
+    const y = [
       {
         label: "By day",
         value: fe.BY_DAY
@@ -2132,14 +2132,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: fe.BY_DAY_CATEGORY
       }
     ];
-    function r({
+    function n({
       key: l,
       value: a
     }) {
-      var f, s;
-      (s = (f = e.value) == null ? void 0 : f.platform) != null && s.mappings && (e.value.platform.mappings[l] = a);
+      var u, i;
+      (i = (u = e.value) == null ? void 0 : u.platform) != null && i.mappings && (e.value.platform.mappings[l] = a);
     }
-    function x(l) {
+    function v(l) {
       return {
         key: { placeholder: l, editable: !1 },
         account: { placeholder: l, editable: !0 }
@@ -2148,136 +2148,136 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function $() {
       await _(async () => {
         try {
-          await ke(e.value._id), await k.getSettings();
+          await ke(e.value._id), await V.getSettings();
         } catch (l) {
-          n.open({ type: "error", message: l.message });
+          s.open({ type: "error", message: l.message });
         }
       });
     }
     return (l, a) => {
       var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
-      const f = S("FmIcon"), s = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), C("div", Sa, [
-        t("div", Ca, [
-          t("div", Fa, [
+      const u = S("FmIcon"), i = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
+      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", Ca, [
+        t("div", Fa, [
+          t("div", Da, [
             a[15] || (a[15] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Da, [
-              t("div", Ua, [
-                i(f, {
+            t("div", Ua, [
+              t("div", Ta, [
+                r(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", Ta, T(v(o)("report.integration.refreshSetting")), 1)
+                t("span", Ia, T(p(o)("report.integration.refreshSetting")), 1)
               ]),
-              i(s, {
+              r(i, {
                 variant: "tertiary",
-                label: v(o)("report.common.delete"),
-                onClick: d
+                label: p(o)("report.common.delete"),
+                onClick: m
               }, null, 8, ["label"]),
-              i(s, {
+              r(i, {
                 variant: "primary",
-                label: v(o)("report.common.update"),
-                onClick: V
+                label: p(o)("report.common.update"),
+                onClick: w
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        i(A, { style: { margin: 0 } }),
-        t("div", Ia, [
-          t("div", Ma, [
-            t("div", Ka, T(v(o)("report.integration.general")), 1),
-            t("div", Aa, [
-              t("div", Pa, T(v(o)("report.common.name")), 1),
-              t("div", Na, [
-                i(P, {
+        r(A, { style: { margin: 0 } }),
+        t("div", Ma, [
+          t("div", Ka, [
+            t("div", Aa, T(p(o)("report.integration.general")), 1),
+            t("div", Pa, [
+              t("div", Na, T(p(o)("report.common.name")), 1),
+              t("div", Ra, [
+                r(P, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": a[0] || (a[0] = (D) => e.value.name = D)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Ra, [
-              t("div", Oa, T(v(o)("report.integration.location")), 1),
-              i(Q, {
+            t("div", Oa, [
+              t("div", Ba, T(p(o)("report.integration.location")), 1),
+              r(Q, {
                 modelValue: e.value.platform.locationIds,
                 "onUpdate:modelValue": a[1] || (a[1] = (D) => e.value.platform.locationIds = D),
                 multiselect: !0,
-                items: m.value,
+                items: x.value,
                 placeholder: "Select location",
                 class: "flex-grow",
                 rules: [(D) => D.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
-            t("div", Ba, [
-              t("div", ja, T(v(o)("report.integration.grouping.title")), 1),
-              i(Q, {
+            t("div", ja, [
+              t("div", La, T(p(o)("report.integration.grouping.title")), 1),
+              r(Q, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
                 multiselect: !1,
-                items: p,
+                items: y,
                 placeholder: "Select grouping",
                 class: "flex-grow"
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", La, [
-            t("div", Ea, [
-              i(K, {
+          t("div", Ea, [
+            t("div", za, [
+              r(K, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
-                options: x("Debtor"),
-                "onUpdate:modelValue": a[3] || (a[3] = (D) => r({ key: "debtor", value: D.account }))
+                options: v("Debtor"),
+                "onUpdate:modelValue": a[3] || (a[3] = (D) => n({ key: "debtor", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Invoice no",
                   account: e.value.platform.mappings.invoiceDocNo
                 },
-                options: x("Invoice no"),
-                "onUpdate:modelValue": a[4] || (a[4] = (D) => r({ key: "invoiceDocNo", value: D.account }))
+                options: v("Invoice no"),
+                "onUpdate:modelValue": a[4] || (a[4] = (D) => n({ key: "invoiceDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: e.value.platform.mappings.creditNoteDocNo
                 },
-                options: x("Credit note no"),
-                "onUpdate:modelValue": a[5] || (a[5] = (D) => r({ key: "creditNoteDocNo", value: D.account }))
+                options: v("Credit note no"),
+                "onUpdate:modelValue": a[5] || (a[5] = (D) => n({ key: "creditNoteDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Payment no",
                   account: e.value.platform.mappings.paymentDocNo
                 },
-                options: x("Payment no"),
-                "onUpdate:modelValue": a[6] || (a[6] = (D) => r({ key: "paymentDocNo", value: D.account }))
+                options: v("Payment no"),
+                "onUpdate:modelValue": a[6] || (a[6] = (D) => n({ key: "paymentDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Refund no",
                   account: e.value.platform.mappings.refundDocNo
                 },
-                options: x("Refund no"),
-                "onUpdate:modelValue": a[7] || (a[7] = (D) => r({ key: "refundDocNo", value: D.account }))
+                options: v("Refund no"),
+                "onUpdate:modelValue": a[7] || (a[7] = (D) => n({ key: "refundDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Project header",
                   account: e.value.platform.mappings.projectHeader
                 },
-                options: x("Project header"),
-                "onUpdate:modelValue": a[8] || (a[8] = (D) => r({ key: "projectHeader", value: D.account }))
+                options: v("Project header"),
+                "onUpdate:modelValue": a[8] || (a[8] = (D) => n({ key: "projectHeader", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(K, {
+              r(K, {
                 "model-value": {
                   key: "Project detail",
                   account: e.value.platform.mappings.projectDetail
                 },
-                options: x("Project detail"),
-                "onUpdate:modelValue": a[9] || (a[9] = (D) => r({ key: "projectDetail", value: D.account }))
+                options: v("Project detail"),
+                "onUpdate:modelValue": a[9] || (a[9] = (D) => n({ key: "projectDetail", value: D.account }))
               }, null, 8, ["model-value", "options"])
             ]),
-            t("div", za, [
-              i(K, {
+            t("div", Ya, [
+              r(K, {
                 "model-value": {
                   key: "Rounding",
                   account: e.value.platform.mappings.rounding.account,
@@ -2289,14 +2289,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   code: { placeholder: "Item code", editable: !0 }
                 },
                 "onUpdate:modelValue": a[10] || (a[10] = (D) => {
-                  var y, U, O;
-                  (O = (U = (y = e.value) == null ? void 0 : y.platform) == null ? void 0 : U.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = D.account, e.value.platform.mappings.rounding.code = D.code);
+                  var g, U, O;
+                  (O = (U = (g = e.value) == null ? void 0 : g.platform) == null ? void 0 : U.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = D.account, e.value.platform.mappings.rounding.code = D.code);
                 })
               }, null, 8, ["model-value"]),
-              (c(!0), C(L, null, H((z = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (D, y) => (c(), M(K, {
-                key: `charge-${y}`,
-                modelValue: e.value.platform.mappings.charges[y],
-                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[y] = U,
+              (c(!0), F(L, null, H((z = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (D, g) => (c(), M(K, {
+                key: `charge-${g}`,
+                modelValue: e.value.platform.mappings.charges[g],
+                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[g] = U,
                 options: {
                   key: { placeholder: "Key", editable: !1 },
                   account: { placeholder: "Account code", editable: !0 },
@@ -2305,120 +2305,120 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
             ])
           ]),
-          i(De, {
+          r(De, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": a[11] || (a[11] = (D) => e.value.platform = D),
             label: "email"
           }, null, 8, ["modelValue"]),
-          t("div", Ya, [
-            t("div", qa, T(v(o)("report.integration.items")), 1),
-            i(s, {
+          t("div", qa, [
+            t("div", Ha, T(p(o)("report.integration.items")), 1),
+            r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => u("items"))
+              onClick: a[12] || (a[12] = () => d("items"))
             })
           ]),
-          t("div", Ha, [
-            (c(!0), C(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (D, y) => (c(), M(K, {
-              key: `item-${y}`,
-              modelValue: e.value.platform.mappings.items[y],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[y] = U,
+          t("div", Xa, [
+            (c(!0), F(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (D, g) => (c(), M(K, {
+              key: `item-${g}`,
+              modelValue: e.value.platform.mappings.items[g],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[g] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 },
                 code: { placeholder: "Item code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => b("items", y)
+              onRemove: () => k("items", g)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Xa, [
-            t("div", Qa, T(v(o)("report.integration.taxes")), 1),
-            i(s, {
+          t("div", Qa, [
+            t("div", Ga, T(p(o)("report.integration.taxes")), 1),
+            r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => u("taxes"))
+              onClick: a[13] || (a[13] = () => d("taxes"))
             })
           ]),
-          t("div", Ga, [
-            (c(!0), C(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (D, y) => (c(), M(K, {
-              key: `tax-${y}`,
-              modelValue: e.value.platform.mappings.taxes[y],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[y] = U,
+          t("div", Ja, [
+            (c(!0), F(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (D, g) => (c(), M(K, {
+              key: `tax-${g}`,
+              modelValue: e.value.platform.mappings.taxes[g],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[g] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => b("taxes", y)
+              onRemove: () => k("taxes", g)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Ja, [
-            t("div", Wa, T(v(o)("report.integration.payments")), 1),
-            i(s, {
+          t("div", Wa, [
+            t("div", Za, T(p(o)("report.integration.payments")), 1),
+            r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[14] || (a[14] = () => u("payments"))
+              onClick: a[14] || (a[14] = () => d("payments"))
             })
           ]),
-          t("div", Za, [
-            (c(!0), C(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (D, y) => (c(), M(K, {
-              key: `payment-${y}`,
-              modelValue: e.value.platform.mappings.payments[y],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[y] = U,
+          t("div", el, [
+            (c(!0), F(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (D, g) => (c(), M(K, {
+              key: `payment-${g}`,
+              modelValue: e.value.platform.mappings.payments[g],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[g] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Method", editable: !0 }
               },
               removable: !0,
-              onRemove: () => b("payments", y)
+              onRemove: () => k("payments", g)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
       ])) : N("", !0);
     };
   }
-}), tl = { class: "h-full flex flex-col gap-16" }, ol = { class: "flex flex-row gap-2 justify-between items-center" }, al = {
+}), ol = { class: "h-full flex flex-col gap-16" }, al = { class: "flex flex-row gap-2 justify-between items-center" }, ll = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, ll = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, nl = /* @__PURE__ */ q({
+}, nl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, sl = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = B([]), n = Y(
-      () => e.value.reduce((d, V) => {
-        const b = d.length, { invoice: u, payments: p } = V;
-        d[b] = {
-          date: u.DocDate,
-          docNo: u.DocNo,
-          debtor: u.Code,
-          description: u.Description_HDR
+  setup(f) {
+    const { t: o } = J(), e = B([]), s = Y(
+      () => e.value.reduce((m, w) => {
+        const k = m.length, { invoice: d, payments: y } = w;
+        m[k] = {
+          date: d.DocDate,
+          docNo: d.DocNo,
+          debtor: d.Code,
+          description: d.Description_HDR
         };
-        for (let r = 0; r < Math.max(u._items.length, p.length); r++) {
-          const x = b + r;
-          d[x] || (d[x] = {}), u._items[r] && (d[x] = {
-            ...d[x],
-            itemDescription: u._items[r].Description_DTL,
-            itemUnitPrice: u._items[r].UnitPrice,
-            itemAccount: u._items[r].ACCOUNT,
-            itemTaxCode: u._items[r].Tax,
-            itemTax: u._items[r].TaxAmt
-          }), p[r] && (d[x] = {
-            ...d[x],
-            paymentDocNo: p[r].DOCNO_Header,
-            paymentMethod: p[r].PAYMENTMETHOD,
-            paymentAccount: p[r].CODE,
-            paymentDescription: p[r].DESCRIPTION,
-            paymentAmount: p[r].KOAMT
+        for (let n = 0; n < Math.max(d._items.length, y.length); n++) {
+          const v = k + n;
+          m[v] || (m[v] = {}), d._items[n] && (m[v] = {
+            ...m[v],
+            itemDescription: d._items[n].Description_DTL,
+            itemUnitPrice: d._items[n].UnitPrice,
+            itemAccount: d._items[n].ACCOUNT,
+            itemTaxCode: d._items[n].Tax,
+            itemTax: d._items[n].TaxAmt
+          }), y[n] && (m[v] = {
+            ...m[v],
+            paymentDocNo: y[n].DOCNO_Header,
+            paymentMethod: y[n].PAYMENTMETHOD,
+            paymentAccount: y[n].CODE,
+            paymentDescription: y[n].DESCRIPTION,
+            paymentAmount: y[n].KOAMT
           });
         }
-        return d;
+        return m;
       }, [])
-    ), k = [
+    ), V = [
       {
         accessorKey: "date",
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -2484,15 +2484,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
+    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Ce(pe());
     ve(
-      () => h.value,
+      () => b.value,
       async () => {
-        if (w.value._id)
+        if (h.value._id)
           try {
-            _.value = !0, e.value = await $e(w.value._id);
-          } catch (d) {
-            F.open({ message: d.message, type: "error" });
+            _.value = !0, e.value = await $e(h.value._id);
+          } catch (m) {
+            C.open({ message: m.message, type: "error" });
           } finally {
             _.value = !1;
           }
@@ -2501,52 +2501,52 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         immediate: !0
       }
     );
-    async function m() {
+    async function x() {
       try {
-        w.value._id ? (_.value = !0, await Pe(w.value._id)) : F.open({ message: "Invalid accounting setting", type: "error" });
-      } catch (d) {
-        F.open({ message: d.message, type: "error" });
+        h.value._id ? (_.value = !0, await Pe(h.value._id)) : C.open({ message: "Invalid accounting setting", type: "error" });
+      } catch (m) {
+        C.open({ message: m.message, type: "error" });
       } finally {
         _.value = !1;
       }
     }
-    return (d, V) => {
-      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
-      return c(), C("div", tl, [
-        t("div", ol, [
-          i(Fe, {
-            "date-range": v(h),
-            "onUpdate:dateRange": V[0] || (V[0] = (r) => be(h) ? h.value = r : null),
+    return (m, w) => {
+      const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
+      return c(), F("div", ol, [
+        t("div", al, [
+          r(Fe, {
+            "date-range": p(b),
+            "onUpdate:dateRange": w[0] || (w[0] = (n) => be(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(b, {
+          r(k, {
             loading: _.value,
             variant: "primary",
-            label: v(o)("report.common.download"),
-            onClick: m
+            label: p(o)("report.common.download"),
+            onClick: x
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), C("div", al, [
-          i(u, { size: "xl" }),
-          t("span", ll, T(v(o)("report.common.isLoading")), 1)
-        ])) : n.value.length > 0 ? (c(), M(p, {
+        _.value ? (c(), F("div", ll, [
+          r(d, { size: "xl" }),
+          t("span", nl, T(p(o)("report.common.isLoading")), 1)
+        ])) : s.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
-          "row-data": n.value,
-          "column-defs": k
+          "row-data": s.value,
+          "column-defs": V
         }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
   }
-}), sl = { class: "h-full relative flex flex-col" }, il = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, rl = /* @__PURE__ */ q({
+}), il = { class: "h-full relative flex flex-col" }, rl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ml = /* @__PURE__ */ q({
   __name: "SQL",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = [
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2557,64 +2557,64 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], w = de(), _ = Y(() => {
-      switch (n.value) {
+    ], h = de(), _ = Y(() => {
+      switch (s.value) {
         case "preview":
-          return nl;
+          return sl;
         case "setting":
-          return el;
+          return tl;
         default:
           return null;
       }
     });
-    return (F, h) => {
-      var V;
-      const m = S("FmPageHead"), d = S("FmTabs");
-      return c(), C("div", sl, [
-        i(m, {
-          title: ((V = e.value) == null ? void 0 : V.name) || "SQL",
+    return (C, b) => {
+      var w;
+      const x = S("FmPageHead"), m = S("FmTabs");
+      return c(), F("div", il, [
+        r(x, {
+          title: ((w = e.value) == null ? void 0 : w.name) || "SQL",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": v(w).back
+          "onClick:back": p(h).back
         }, {
-          description: ge(() => h[2] || (h[2] = [
+          description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(d, {
-          "model-value": n.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
-          items: k
+        r(m, {
+          "model-value": s.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
+          items: V
         }, null, 8, ["model-value"]),
-        t("div", il, [
+        t("div", rl, [
           (c(), M(xe(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (b) => e.value = b)
+            "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), ml = {
+}), cl = {
   key: 0,
   class: "flex flex-col h-full"
-}, cl = { class: "flex flex-col gap-16 pb-[24px]" }, dl = { class: "flex flex-row justify-between items-center gap-2" }, pl = { class: "fm-typo-en-title-sm-800" }, ul = { class: "flex flex-row gap-2 items-center" }, fl = { class: "flex flex-row gap-2 items-center" }, vl = { class: "relative group cursor-pointer" }, gl = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, yl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, xl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _l = { class: "flex flex-row items-center max-w-[100%]" }, bl = { class: "w-[25%]" }, wl = { class: "flex-grow" }, hl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Vl = { class: "flex flex-row items-center justify-between" }, kl = { class: "w-[25%]" }, $l = { class: "flex-grow" }, Sl = { class: "flex flex-row items-center justify-between" }, Cl = { class: "w-[25%]" }, Fl = { class: "flex-grow" }, Dl = { class: "flex flex-col gap-16" }, Ul = { class: "fm-typo-en-title-sm-800" }, Tl = { class: "flex flex-row items-center max-w-[100%]" }, Il = { class: "w-[25%]" }, Ml = { class: "flex-grow" }, Kl = { class: "flex flex-row items-center max-w-[100%]" }, Al = { class: "w-[25%]" }, Pl = { class: "flex flex-row items-center max-w-[100%]" }, Nl = { class: "w-[25%]" }, Rl = {
+}, dl = { class: "flex flex-col gap-16 pb-[24px]" }, pl = { class: "flex flex-row justify-between items-center gap-2" }, ul = { class: "fm-typo-en-title-sm-800" }, fl = { class: "flex flex-row gap-2 items-center" }, vl = { class: "flex flex-row gap-2 items-center" }, gl = { class: "relative group cursor-pointer" }, yl = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, xl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, _l = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, bl = { class: "flex flex-row items-center max-w-[100%]" }, wl = { class: "w-[25%]" }, hl = { class: "flex-grow" }, Vl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, kl = { class: "flex flex-row items-center justify-between" }, $l = { class: "w-[25%]" }, Sl = { class: "flex-grow" }, Cl = { class: "flex flex-row items-center justify-between" }, Fl = { class: "w-[25%]" }, Dl = { class: "flex-grow" }, Ul = { class: "flex flex-col gap-16" }, Tl = { class: "fm-typo-en-title-sm-800" }, Il = { class: "flex flex-row items-center max-w-[100%]" }, Ml = { class: "w-[25%]" }, Kl = { class: "flex-grow" }, Al = { class: "flex flex-row items-center max-w-[100%]" }, Pl = { class: "w-[25%]" }, Nl = { class: "flex flex-row items-center max-w-[100%]" }, Rl = { class: "w-[25%]" }, Ol = {
   key: 0,
   class: "flex flex-row items-center max-w-[100%]"
-}, Ol = { class: "flex flex-col gap-16" }, Bl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, jl = { key: 1 }, Ll = { class: "flex flex-row items-center gap-x-16" }, El = { class: "fm-typo-en-title-sm-800" }, zl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Yl = { class: "flex flex-row items-center gap-x-16" }, ql = { class: "fm-typo-en-title-sm-800" }, Hl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Xl = { class: "flex flex-row items-center gap-x-16" }, Ql = { class: "fm-typo-en-title-sm-800" }, Gl = { class: "flex flex-row items-center justify-between" }, Jl = { class: "flex-grow" }, Wl = {
+}, Bl = { class: "flex flex-col gap-16" }, jl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ll = { key: 1 }, El = { class: "flex flex-row items-center gap-x-16" }, zl = { class: "fm-typo-en-title-sm-800" }, Yl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ql = { class: "flex flex-row items-center gap-x-16" }, Hl = { class: "fm-typo-en-title-sm-800" }, Xl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ql = { class: "flex flex-row items-center gap-x-16" }, Gl = { class: "fm-typo-en-title-sm-800" }, Jl = { class: "flex flex-row items-center justify-between" }, Wl = { class: "flex-grow" }, Zl = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Zl = {
+}, en = {
   key: 1,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, en = {
+}, tn = {
   key: 3,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, tn = {
+}, on = {
   key: 0,
   class: "flex flex-row items-center"
-}, on = /* @__PURE__ */ q({
+}, an = /* @__PURE__ */ q({
   __name: "Setting",
   props: /* @__PURE__ */ ye({
     retrievedMethods: {
@@ -2630,46 +2630,46 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
-      () => h.map(($) => ({ label: $.name, value: $.id }))
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = we(), { promptMessage: C } = Se(), { restaurants: b } = pe(), x = Y(
+      () => b.map(($) => ({ label: $.name, value: $.id }))
     );
-    function d($) {
+    function m($) {
       var l;
-      !((l = g.retrievedMethods) != null && l.data) || !Array.isArray(g.retrievedMethods.data) || $.forEach((a) => {
-        const f = g.retrievedMethods.data.find((s) => s.value == a.id);
-        f && (a.cnId = f.cnId);
+      !((l = f.retrievedMethods) != null && l.data) || !Array.isArray(f.retrievedMethods.data) || $.forEach((a) => {
+        const u = f.retrievedMethods.data.find((i) => i.value == a.id);
+        u && (a.cnId = u.cnId);
       });
     }
-    async function V() {
-      await F({
+    async function w() {
+      await C({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await k.getSettings(), w.back();
+          await he(e.value._id), await V.getSettings(), h.back();
         } catch (l) {
-          n.open({ type: "error", message: l.message });
+          s.open({ type: "error", message: l.message });
         }
       });
     }
-    async function b() {
+    async function k() {
       await _(async () => {
         var $, l, a;
         try {
-          (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) != null && a.paymentMethods && d(e.value.platform.mappings.paymentMethods), await Ve(e.value._id, e.value), await k.getSettings();
-        } catch (f) {
-          n.open({ type: "error", message: f.message });
+          (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) != null && a.paymentMethods && m(e.value.platform.mappings.paymentMethods), await Ve(e.value._id, e.value), await V.getSettings();
+        } catch (u) {
+          s.open({ type: "error", message: u.message });
         }
       });
     }
-    function u($, l) {
-      var a, f;
-      (f = (a = e.value.platform) == null ? void 0 : a.mappings) != null && f[$] && (e.value.platform.mappings[$] = e.value.platform.mappings[$].filter(
-        (s, A) => A !== l
+    function d($, l) {
+      var a, u;
+      (u = (a = e.value.platform) == null ? void 0 : a.mappings) != null && u[$] && (e.value.platform.mappings[$] = e.value.platform.mappings[$].filter(
+        (i, A) => A !== l
       ));
     }
-    function p($) {
+    function y($) {
       var l, a;
       (a = (l = e.value.platform) == null ? void 0 : l.mappings) != null && a[$] && (e.value.platform.mappings[$] = [
         ...e.value.platform.mappings[$],
@@ -2686,7 +2686,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       ]);
     }
-    const r = [
+    const n = [
       {
         label: "By day",
         value: fe.BY_DAY
@@ -2700,23 +2700,23 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ($) => {
         $ && $.forEach((l, a) => {
           var A;
-          const f = l.key || "";
-          let s = l.account;
-          if (!s && f) {
-            switch (f) {
+          const u = l.key || "";
+          let i = l.account;
+          if (!i && u) {
+            switch (u) {
               case "SST_SV":
-                s = "SST-6";
+                i = "SST-6";
                 break;
               case "SST_SV8":
-                s = "SST-8";
+                i = "SST-8";
                 break;
               case "SST_EX":
-                s = "SST-0";
+                i = "SST-0";
                 break;
             }
             (A = e.value.platform) != null && A.mappings && (e.value.platform.mappings.taxes[a] = {
               ...l,
-              account: s
+              account: i
             });
           }
         });
@@ -2728,62 +2728,62 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         return (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.version;
       },
       ($) => {
-        var l, a, f, s, A;
-        $ === "v1" && !((f = (a = (l = e.value) == null ? void 0 : l.platform) == null ? void 0 : a.mappings) != null && f.payee) && (A = (s = e.value) == null ? void 0 : s.platform) != null && A.mappings && (e.value.platform.mappings.payee = {
+        var l, a, u, i, A;
+        $ === "v1" && !((u = (a = (l = e.value) == null ? void 0 : l.platform) == null ? void 0 : a.mappings) != null && u.payee) && (A = (i = e.value) == null ? void 0 : i.platform) != null && A.mappings && (e.value.platform.mappings.payee = {
           id: 1,
           name: ""
         });
       },
       { immediate: !0 }
     );
-    async function x() {
+    async function v() {
       await _(async () => {
         try {
-          await ke(e.value._id), await k.getSettings();
+          await ke(e.value._id), await V.getSettings();
         } catch ($) {
-          n.open({ type: "error", message: $.message });
+          s.open({ type: "error", message: $.message });
         }
       });
     }
     return ($, l) => {
       var G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, D;
-      const a = S("FmIcon"), f = S("FmButton"), s = S("FmSelect"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmCircularProgress"), E = S("FmCheckbox");
-      return (R = (G = e.value) == null ? void 0 : G.platform) != null && R.mappings ? (c(), C("div", ml, [
-        t("div", cl, [
-          t("div", dl, [
-            t("div", pl, T(v(o)("report.integration.connect")), 1),
-            t("div", ul, [
-              t("div", fl, [
-                t("div", vl, [
-                  i(a, {
+      const a = S("FmIcon"), u = S("FmButton"), i = S("FmSelect"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmCircularProgress"), E = S("FmCheckbox");
+      return (R = (G = e.value) == null ? void 0 : G.platform) != null && R.mappings ? (c(), F("div", cl, [
+        t("div", dl, [
+          t("div", pl, [
+            t("div", ul, T(p(o)("report.integration.connect")), 1),
+            t("div", fl, [
+              t("div", vl, [
+                t("div", gl, [
+                  r(a, {
                     name: "refresh",
                     class: "p-2 bg-gray-100 rounded-full",
-                    onClick: x
+                    onClick: v
                   }),
-                  t("span", gl, T(v(o)("report.integration.refreshSetting")), 1)
+                  t("span", yl, T(p(o)("report.integration.refreshSetting")), 1)
                 ]),
-                i(f, {
+                r(u, {
                   variant: "tertiary",
-                  label: v(o)("report.common.delete"),
-                  onClick: V
+                  label: p(o)("report.common.delete"),
+                  onClick: w
                 }, null, 8, ["label"]),
-                i(f, {
+                r(u, {
                   variant: "primary",
-                  label: v(o)("report.common.update"),
-                  onClick: b
+                  label: p(o)("report.common.update"),
+                  onClick: k
                 }, null, 8, ["label"])
               ])
             ])
           ])
         ]),
-        t("div", yl, [
-          t("div", xl, T(v(o)("report.integration.biztory.authenticate")), 1),
-          t("div", _l, [
-            t("div", bl, "Biztory " + T(v(o)("report.integration.biztory.version")), 1),
-            t("div", wl, [
-              i(s, {
+        t("div", xl, [
+          t("div", _l, T(p(o)("report.integration.biztory.authenticate")), 1),
+          t("div", bl, [
+            t("div", wl, "Biztory " + T(p(o)("report.integration.biztory.version")), 1),
+            t("div", hl, [
+              r(i, {
                 modelValue: e.value.platform.mappings.version,
-                "onUpdate:modelValue": l[0] || (l[0] = (y) => e.value.platform.mappings.version = y),
+                "onUpdate:modelValue": l[0] || (l[0] = (g) => e.value.platform.mappings.version = g),
                 items: [
                   { label: "v1", value: "v1" },
                   { label: "v2", value: "v2" }
@@ -2792,68 +2792,68 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          i(A, { style: { margin: 0 } }),
-          t("div", hl, [
-            t("div", Vl, [
-              t("div", kl, T(v(o)("report.integration.biztory.subdomain")), 1),
-              t("div", $l, [
-                i(P, {
+          r(A, { style: { margin: 0 } }),
+          t("div", Vl, [
+            t("div", kl, [
+              t("div", $l, T(p(o)("report.integration.biztory.subdomain")), 1),
+              t("div", Sl, [
+                r(P, {
                   modelValue: e.value.platform.subdomain,
-                  "onUpdate:modelValue": l[1] || (l[1] = (y) => e.value.platform.subdomain = y),
+                  "onUpdate:modelValue": l[1] || (l[1] = (g) => e.value.platform.subdomain = g),
                   placeholder: "Subdomain"
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Sl, [
-              t("div", Cl, T(v(o)("report.integration.biztory.apiKey")), 1),
-              t("div", Fl, [
-                i(P, {
+            t("div", Cl, [
+              t("div", Fl, T(p(o)("report.integration.biztory.apiKey")), 1),
+              t("div", Dl, [
+                r(P, {
                   modelValue: e.value.platform.api_key,
-                  "onUpdate:modelValue": l[2] || (l[2] = (y) => e.value.platform.api_key = y),
+                  "onUpdate:modelValue": l[2] || (l[2] = (g) => e.value.platform.api_key = g),
                   placeholder: "API Key"
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Dl, [
-              t("div", Ul, T(v(o)("report.integration.general")), 1),
-              t("div", Tl, [
-                t("div", Il, T(v(o)("report.common.name")), 1),
-                t("div", Ml, [
-                  i(P, {
+            t("div", Ul, [
+              t("div", Tl, T(p(o)("report.integration.general")), 1),
+              t("div", Il, [
+                t("div", Ml, T(p(o)("report.common.name")), 1),
+                t("div", Kl, [
+                  r(P, {
                     modelValue: e.value.name,
-                    "onUpdate:modelValue": l[3] || (l[3] = (y) => e.value.name = y)
+                    "onUpdate:modelValue": l[3] || (l[3] = (g) => e.value.name = g)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
-              t("div", Kl, [
-                t("div", Al, T(v(o)("report.common.location")), 1),
-                i(s, {
+              t("div", Al, [
+                t("div", Pl, T(p(o)("report.common.location")), 1),
+                r(i, {
                   modelValue: e.value.platform.locationIds,
-                  "onUpdate:modelValue": l[4] || (l[4] = (y) => e.value.platform.locationIds = y),
+                  "onUpdate:modelValue": l[4] || (l[4] = (g) => e.value.platform.locationIds = g),
                   multiselect: !0,
-                  items: m.value,
-                  placeholder: v(o)("report.common.location"),
+                  items: x.value,
+                  placeholder: p(o)("report.common.location"),
                   class: "flex-grow"
                 }, null, 8, ["modelValue", "items", "placeholder"])
               ]),
-              t("div", Pl, [
-                t("div", Nl, T(v(o)("report.integration.grouping.title")), 1),
-                i(s, {
+              t("div", Nl, [
+                t("div", Rl, T(p(o)("report.integration.grouping.title")), 1),
+                r(i, {
                   modelValue: e.value.platform.grouping,
-                  "onUpdate:modelValue": l[5] || (l[5] = (y) => e.value.platform.grouping = y),
+                  "onUpdate:modelValue": l[5] || (l[5] = (g) => e.value.platform.grouping = g),
                   multiselect: !1,
-                  items: r,
-                  placeholder: v(o)("report.integration.grouping.title"),
+                  items: n,
+                  placeholder: p(o)("report.integration.grouping.title"),
                   class: "flex-grow",
                   disabled: ""
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
-              e.value.platform.mappings.version == "v1" ? (c(), C("div", Rl, [
+              e.value.platform.mappings.version == "v1" ? (c(), F("div", Ol, [
                 l[13] || (l[13] = t("div", { class: "w-[33%]" }, "Payee ID", -1)),
                 e.value.platform.mappings.version == "v1" ? (c(), M(K, {
                   key: 0,
                   modelValue: e.value.platform.mappings.payee,
-                  "onUpdate:modelValue": l[6] || (l[6] = (y) => e.value.platform.mappings.payee = y),
+                  "onUpdate:modelValue": l[6] || (l[6] = (g) => e.value.platform.mappings.payee = g),
                   options: {
                     id: { placeholder: "ID", editable: !0 }
                   },
@@ -2861,23 +2861,23 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])) : N("", !0)
               ])) : N("", !0)
             ]),
-            t("div", Ol, [
-              t("div", Bl, [
-                !g.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (c(), M(Q, {
+            t("div", Bl, [
+              t("div", jl, [
+                !f.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (c(), M(Q, {
                   key: 0,
                   size: "xl"
                 })) : N("", !0),
-                g.retrievedCustomers.isLoaded && g.retrievedCustomers.data && ((j = g.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (c(), C("div", jl, [
+                f.retrievedCustomers.isLoaded && f.retrievedCustomers.data && ((j = f.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (c(), F("div", Ll, [
                   e.value.platform.mappings.version == "v2" ? (c(), M(Me, {
                     key: 0,
                     modelValue: e.value.platform.mappings.payeeId,
-                    "onUpdate:modelValue": l[7] || (l[7] = (y) => e.value.platform.mappings.payeeId = y),
+                    "onUpdate:modelValue": l[7] || (l[7] = (g) => e.value.platform.mappings.payeeId = g),
                     options: {
                       key: { placeholder: "Payee", editable: !1 },
                       customer: {
                         placeholder: "Select payee",
                         editable: !0,
-                        dropdownOptions: ((z = g.retrievedCustomers) == null ? void 0 : z.data) ?? []
+                        dropdownOptions: ((z = f.retrievedCustomers) == null ? void 0 : z.data) ?? []
                       }
                     },
                     removable: !1,
@@ -2886,22 +2886,22 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 ])) : N("", !0)
               ])
             ]),
-            i(De, {
+            r(De, {
               modelValue: e.value.platform,
-              "onUpdate:modelValue": l[8] || (l[8] = (y) => e.value.platform = y),
+              "onUpdate:modelValue": l[8] || (l[8] = (g) => e.value.platform = g),
               label: "upload",
               "last-upload-date": (W = e.value.platform) == null ? void 0 : W.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
-            t("div", Ll, [
-              t("div", El, T(v(o)("report.integration.biztory.items")), 1),
-              i(f, {
+            t("div", El, [
+              t("div", zl, T(p(o)("report.integration.biztory.items")), 1),
+              r(u, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[9] || (l[9] = () => p("items"))
+                onClick: l[9] || (l[9] = () => y("items"))
               })
             ]),
-            t("div", zl, [
-              (c(!0), C(L, null, H((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (y, U) => (c(), M(K, {
+            t("div", Yl, [
+              (c(!0), F(L, null, H((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (g, U) => (c(), M(K, {
                 key: `item-${U}`,
                 modelValue: e.value.platform.mappings.items[U],
                 "onUpdate:modelValue": (O) => e.value.platform.mappings.items[U] = O,
@@ -2910,19 +2910,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   code: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => u("items", U)
+                onRemove: () => d("items", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", Yl, [
-              t("div", ql, T(v(o)("report.integration.biztory.taxes")), 1),
-              i(f, {
+            t("div", ql, [
+              t("div", Hl, T(p(o)("report.integration.biztory.taxes")), 1),
+              r(u, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[10] || (l[10] = () => p("taxes"))
+                onClick: l[10] || (l[10] = () => y("taxes"))
               })
             ]),
-            t("div", Hl, [
-              (c(!0), C(L, null, H((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (y, U) => (c(), M(K, {
+            t("div", Xl, [
+              (c(!0), F(L, null, H((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (g, U) => (c(), M(K, {
                 key: `tax-${U}`,
                 modelValue: e.value.platform.mappings.taxes[U],
                 "onUpdate:modelValue": (O) => e.value.platform.mappings.taxes[U] = O,
@@ -2931,23 +2931,23 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   account: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => u("taxes", U)
+                onRemove: () => d("taxes", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", Xl, [
-              t("div", Ql, T(v(o)("report.integration.biztory.payments")), 1),
-              i(f, {
+            t("div", Ql, [
+              t("div", Gl, T(p(o)("report.integration.biztory.payments")), 1),
+              r(u, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[11] || (l[11] = () => p("paymentMethods"))
+                onClick: l[11] || (l[11] = () => y("paymentMethods"))
               })
             ]),
-            t("div", Gl, [
+            t("div", Jl, [
               l[14] || (l[14] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
-              t("div", Jl, [
-                i(K, {
+              t("div", Wl, [
+                r(K, {
                   modelValue: e.value.platform.mappings.paymentTerm,
-                  "onUpdate:modelValue": l[12] || (l[12] = (y) => e.value.platform.mappings.paymentTerm = y),
+                  "onUpdate:modelValue": l[12] || (l[12] = (g) => e.value.platform.mappings.paymentTerm = g),
                   options: {
                     id: { placeholder: "ID", editable: !0 },
                     name: { placeholder: "Name", editable: !0 }
@@ -2956,21 +2956,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            g.retrievedMethods.isError ? N("", !0) : (c(), C("div", Wl, T(v(o)("report.integration.biztory.paymentTerm")), 1)),
-            g.retrievedMethods.isLoaded && g.retrievedMethods.data && g.retrievedMethods.data.length == 0 && !g.retrievedMethods.isError ? (c(), C("span", Zl, T(v(o)("report.integration.biztory.noPaymentMethods")), 1)) : N("", !0),
-            g.retrievedMethods.isLoaded ? N("", !0) : (c(), M(Q, {
+            f.retrievedMethods.isError ? N("", !0) : (c(), F("div", Zl, T(p(o)("report.integration.biztory.paymentTerm")), 1)),
+            f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length == 0 && !f.retrievedMethods.isError ? (c(), F("span", en, T(p(o)("report.integration.biztory.noPaymentMethods")), 1)) : N("", !0),
+            f.retrievedMethods.isLoaded ? N("", !0) : (c(), M(Q, {
               key: 2,
               size: "xl"
             })),
-            g.retrievedMethods.isError ? (c(), C("span", en, T(v(o)("report.integration.biztory.error")), 1)) : N("", !0),
-            (c(!0), C(L, null, H((D = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.paymentMethods, (y, U) => {
+            f.retrievedMethods.isError ? (c(), F("span", tn, T(p(o)("report.integration.biztory.error")), 1)) : N("", !0),
+            (c(!0), F(L, null, H((D = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.paymentMethods, (g, U) => {
               var O;
-              return c(), C("div", {
+              return c(), F("div", {
                 key: `payment-${U}`,
                 class: "grid-cols-1 grid gap-x-16"
               }, [
-                g.retrievedMethods.isLoaded && g.retrievedMethods.data && ((O = g.retrievedMethods.data) == null ? void 0 : O.length) != 0 ? (c(), C("div", tn, [
-                  i(E, {
+                f.retrievedMethods.isLoaded && f.retrievedMethods.data && ((O = f.retrievedMethods.data) == null ? void 0 : O.length) != 0 ? (c(), F("div", on, [
+                  r(E, {
                     "model-value": !e.value.platform.mappings.paymentMethods[U].skip,
                     value: "",
                     "onUpdate:modelValue": (me) => {
@@ -2978,7 +2978,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       (Te = (Ue = e.value.platform) == null ? void 0 : Ue.mappings) != null && Te.paymentMethods[U] && (e.value.platform.mappings.paymentMethods[U].skip = !me);
                     }
                   }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                  i(Me, {
+                  r(Me, {
                     modelValue: e.value.platform.mappings.paymentMethods[U],
                     "onUpdate:modelValue": (me) => e.value.platform.mappings.paymentMethods[U] = me,
                     options: {
@@ -2989,11 +2989,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       id: {
                         placeholder: "Select mapping",
                         editable: !0,
-                        dropdownOptions: g.retrievedMethods.data
+                        dropdownOptions: f.retrievedMethods.data
                       }
                     },
                     removable: !0,
-                    onRemove: () => u("paymentMethods", U)
+                    onRemove: () => d("paymentMethods", U)
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"])
                 ])) : N("", !0)
               ]);
@@ -3004,30 +3004,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     };
   }
 });
-function an(g) {
-  return g.reduce((o, e) => {
-    var w, _, F, h, m, d, V, b, u, p, r, x, $, l, a, f, s, A, P, Q, E, G;
-    const { invoice: n } = e, k = o.length;
-    o[k] = {
-      invoice_date: n.invoice_date,
-      ref_num: n.ref_num,
-      grandTotal: n.grandTotal,
+function ln(f) {
+  return f.reduce((o, e) => {
+    var h, _, C, b, x, m, w, k, d, y, n, v, $, l, a, u, i, A, P, Q, E, G;
+    const { invoice: s } = e, V = o.length;
+    o[V] = {
+      invoice_date: s.invoice_date,
+      ref_num: s.ref_num,
+      grandTotal: s.grandTotal,
       // tax_code: invoice.tax[0].tax_code,
       // tax: invoice.tax.reduce((sum, tax) => sum + tax.tax, 0),
       // service_charge: invoice.service_charge.total,
-      item_code: (w = n.items[0]) == null ? void 0 : w.code,
-      item_desc: (_ = n.items[0]) == null ? void 0 : _.description,
-      item_price: (F = n.items[0]) == null ? void 0 : F.price,
-      item_tax: (h = n.items[0]) == null ? void 0 : h.total_tax,
-      item_tax_label: ((m = n.items[0]) == null ? void 0 : m.tax_label) || "-",
-      payment_amount: ((V = (d = n.transactions) == null ? void 0 : d[0]) == null ? void 0 : V.amount) || void 0,
-      payment_method: ((u = (b = n.transactions) == null ? void 0 : b[0]) == null ? void 0 : u.payment_method) || "-",
-      payment_term: ((p = n == null ? void 0 : n.payment_term) == null ? void 0 : p.name) || ""
+      item_code: (h = s.items[0]) == null ? void 0 : h.code,
+      item_desc: (_ = s.items[0]) == null ? void 0 : _.description,
+      item_price: (C = s.items[0]) == null ? void 0 : C.price,
+      item_tax: (b = s.items[0]) == null ? void 0 : b.total_tax,
+      item_tax_label: ((x = s.items[0]) == null ? void 0 : x.tax_label) || "-",
+      payment_amount: ((w = (m = s.transactions) == null ? void 0 : m[0]) == null ? void 0 : w.amount) || void 0,
+      payment_method: ((d = (k = s.transactions) == null ? void 0 : k[0]) == null ? void 0 : d.payment_method) || "-",
+      payment_term: ((y = s == null ? void 0 : s.payment_term) == null ? void 0 : y.name) || ""
     };
-    for (let R = 1; R < Math.max(((r = n.items) == null ? void 0 : r.length) || 0, ((x = n.transactions) == null ? void 0 : x.length) || 0); R++) {
-      const j = k + R;
+    for (let R = 1; R < Math.max(((n = s.items) == null ? void 0 : n.length) || 0, ((v = s.transactions) == null ? void 0 : v.length) || 0); R++) {
+      const j = V + R;
       o[j] || (o[j] = {});
-      const z = n.items[R];
+      const z = s.items[R];
       z ? o[j] = {
         ...o[j],
         item_code: z.code,
@@ -3035,19 +3035,19 @@ function an(g) {
         item_price: z.price,
         item_tax: z.total_tax,
         item_tax_label: z.tax_label || "-",
-        payment_amount: ((l = ($ = n.transactions) == null ? void 0 : $[R]) == null ? void 0 : l.amount) || void 0,
-        payment_method: ((f = (a = n.transactions) == null ? void 0 : a[R]) == null ? void 0 : f.payment_method) || "-",
-        payment_term: ((s = n == null ? void 0 : n.payment_term) == null ? void 0 : s.name) || ""
+        payment_amount: ((l = ($ = s.transactions) == null ? void 0 : $[R]) == null ? void 0 : l.amount) || void 0,
+        payment_method: ((u = (a = s.transactions) == null ? void 0 : a[R]) == null ? void 0 : u.payment_method) || "-",
+        payment_term: ((i = s == null ? void 0 : s.payment_term) == null ? void 0 : i.name) || ""
       } : o[j] = {
-        payment_amount: ((P = (A = n.transactions) == null ? void 0 : A[R]) == null ? void 0 : P.amount) || void 0,
-        payment_method: ((E = (Q = n.transactions) == null ? void 0 : Q[R]) == null ? void 0 : E.payment_method) || "-",
-        payment_term: ((G = n == null ? void 0 : n.payment_term) == null ? void 0 : G.name) || ""
+        payment_amount: ((P = (A = s.transactions) == null ? void 0 : A[R]) == null ? void 0 : P.amount) || void 0,
+        payment_method: ((E = (Q = s.transactions) == null ? void 0 : Q[R]) == null ? void 0 : E.payment_method) || "-",
+        payment_term: ((G = s == null ? void 0 : s.payment_term) == null ? void 0 : G.name) || ""
       };
     }
     return o;
   }, []);
 }
-const ln = [
+const nn = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3119,34 +3119,34 @@ const ln = [
     enableSorting: !1
   }
 ];
-function nn(g) {
-  return g.reduce((o, e) => {
-    var F, h, m, d, V, b, u, p, r, x;
-    const { invoice: n, payments: k } = e, w = o.length;
-    o[w] = {
-      invoice_date: n.invoice_date,
-      ref_num: n.ref_num,
-      total: n.total,
-      item_code: (F = n.items[0]) == null ? void 0 : F.code,
-      item_description: (h = n.items[0]) == null ? void 0 : h.description,
-      item_price: (m = n.items[0]) == null ? void 0 : m.price,
-      item_tax_label: ((d = n.items[0]) == null ? void 0 : d.tax_label) ?? "",
-      item_tax_amount: ((V = n.items[0]) == null ? void 0 : V.total_tax) ?? "",
-      service_charge_amount: ((b = n.service_charges[0]) == null ? void 0 : b.total) ?? "",
-      rounding: n.rounding ?? 0,
-      payment_term_id: n.payment_term.name ?? "",
-      payment_term_amount: ((u = n.terms[w]) == null ? void 0 : u.amount) ?? "",
-      payment_method: ((p = k[0]) == null ? void 0 : p.payment_method_name) || ""
+function sn(f) {
+  return f.reduce((o, e) => {
+    var C, b, x, m, w, k, d, y, n, v;
+    const { invoice: s, payments: V } = e, h = o.length;
+    o[h] = {
+      invoice_date: s.invoice_date,
+      ref_num: s.ref_num,
+      total: s.total,
+      item_code: (C = s.items[0]) == null ? void 0 : C.code,
+      item_description: (b = s.items[0]) == null ? void 0 : b.description,
+      item_price: (x = s.items[0]) == null ? void 0 : x.price,
+      item_tax_label: ((m = s.items[0]) == null ? void 0 : m.tax_label) ?? "",
+      item_tax_amount: ((w = s.items[0]) == null ? void 0 : w.total_tax) ?? "",
+      service_charge_amount: ((k = s.service_charges[0]) == null ? void 0 : k.total) ?? "",
+      rounding: s.rounding ?? 0,
+      payment_term_id: s.payment_term.name ?? "",
+      payment_term_amount: ((d = s.terms[h]) == null ? void 0 : d.amount) ?? "",
+      payment_method: ((y = V[0]) == null ? void 0 : y.payment_method_name) || ""
     };
     const _ = Math.max(
-      ((r = n.items) == null ? void 0 : r.length) || 0,
-      ((x = n.terms) == null ? void 0 : x.length) || 0,
-      (k == null ? void 0 : k.length) || 0
+      ((n = s.items) == null ? void 0 : n.length) || 0,
+      ((v = s.terms) == null ? void 0 : v.length) || 0,
+      (V == null ? void 0 : V.length) || 0
     );
     for (let $ = 1; $ < _; $++) {
-      const l = w + $;
+      const l = h + $;
       o[l] || (o[l] = {});
-      const a = n.items[$], f = n.terms[$], s = k[$];
+      const a = s.items[$], u = s.terms[$], i = V[$];
       a ? o[l] = {
         ...o[l],
         item_code: a.code,
@@ -3154,19 +3154,19 @@ function nn(g) {
         item_price: a.total,
         item_tax_label: a.tax_label == "?" ? "" : a.tax_label ?? "",
         item_tax_amount: a.total_tax ?? "",
-        payment_term_id: n.payment_term.name ?? "",
-        payment_term_amount: (f == null ? void 0 : f.amount) ?? "",
-        payment_method: (s == null ? void 0 : s.payment_method_name) || ""
+        payment_term_id: s.payment_term.name ?? "",
+        payment_term_amount: (u == null ? void 0 : u.amount) ?? "",
+        payment_method: (i == null ? void 0 : i.payment_method_name) || ""
       } : o[l] = {
-        payment_term_id: n.payment_term.name ?? "",
-        payment_term_amount: (f == null ? void 0 : f.amount) ?? "",
-        payment_method: (s == null ? void 0 : s.payment_method_name) || ""
+        payment_term_id: s.payment_term.name ?? "",
+        payment_term_amount: (u == null ? void 0 : u.amount) ?? "",
+        payment_method: (i == null ? void 0 : i.payment_method_name) || ""
       };
     }
     return o;
   }, []);
 }
-const sn = [
+const rn = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3232,97 +3232,97 @@ const sn = [
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method (ID)"),
     enableSorting: !1
   }
-], rn = { class: "h-full flex flex-col gap-16" }, mn = { class: "flex flex-row gap-2 justify-between items-center" }, cn = {
+], mn = { class: "h-full flex flex-col gap-16" }, cn = { class: "flex flex-row gap-2 justify-between items-center" }, dn = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, dn = /* @__PURE__ */ q({
+}, pn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, un = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const o = X(g, "modelValue"), e = B(!1), n = ue(), { dateRange: k } = Ce(pe()), w = B([]);
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = B(!1), V = ue(), { dateRange: h } = Ce(pe()), _ = B([]);
     ve(
-      () => k.value,
+      () => h.value,
       async () => {
-        if (o.value._id)
+        if (e.value._id)
           try {
-            e.value = !0, w.value = await $e(o.value._id);
+            s.value = !0, _.value = await $e(e.value._id);
           } catch (m) {
-            n.open({ message: m.message, type: "error" });
+            V.open({ message: m.message, type: "error" });
           } finally {
-            e.value = !1;
+            s.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    const _ = Y(() => {
-      switch (o.value.platform.mappings.version) {
+    const C = Y(() => {
+      switch (e.value.platform.mappings.version) {
         case "v1":
-          return an(w.value);
+          return ln(_.value);
         case "v2":
-          return nn(w.value);
+          return sn(_.value);
       }
       return [];
-    }), F = Y(() => {
-      switch (o.value.platform.mappings.version) {
+    }), b = Y(() => {
+      switch (e.value.platform.mappings.version) {
         case "v1":
-          return ln;
+          return nn;
         case "v2":
-          return sn;
+          return rn;
       }
       return [];
     });
-    async function h() {
+    async function x() {
       try {
-        o.value._id && o.value.platform.subdomain && o.value.platform.api_key ? (e.value = !0, await Ae(o.value._id), n.open({ message: "Upload successful", type: "success" })) : n.open({ message: "Invalid accounting setting", type: "error" });
+        e.value._id && e.value.platform.subdomain && e.value.platform.api_key ? (s.value = !0, await Ae(e.value._id), V.open({ message: "Upload successful", type: "success" })) : V.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
-        m.message && n.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((d) => n.open({ message: d, type: "error" }));
+        m.message && V.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((w) => V.open({ message: w, type: "error" }));
       } finally {
-        e.value = !1;
+        s.value = !1;
       }
     }
-    return (m, d) => {
-      const V = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
-      return c(), C("div", rn, [
-        t("div", mn, [
-          i(Fe, {
-            "date-range": v(k),
-            "onUpdate:dateRange": d[0] || (d[0] = (p) => be(k) ? k.value = p : null),
+    return (m, w) => {
+      const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
+      return c(), F("div", mn, [
+        t("div", cn, [
+          r(Fe, {
+            "date-range": p(h),
+            "onUpdate:dateRange": w[0] || (w[0] = (n) => be(h) ? h.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(V, {
-            loading: e.value,
+          r(k, {
+            loading: s.value,
             variant: "primary",
             label: "Upload",
-            onClick: h
+            onClick: x
           }, null, 8, ["loading"])
         ]),
-        e.value ? (c(), C("div", cn, [
-          i(b, { size: "xl" }),
-          d[1] || (d[1] = t("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
-        ])) : (c(), M(u, {
+        s.value ? (c(), F("div", dn, [
+          r(d, { size: "xl" }),
+          t("span", pn, T(p(o)("report.common.isLoading")), 1)
+        ])) : (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
-          "row-data": _.value,
-          "column-defs": F.value
+          "row-data": C.value,
+          "column-defs": b.value
         }, null, 8, ["row-data", "column-defs"]))
       ]);
     };
   }
-}), pn = { class: "h-full relative flex flex-col" }, un = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, fn = /* @__PURE__ */ q({
+}), fn = { class: "h-full relative flex flex-col" }, vn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, gn = /* @__PURE__ */ q({
   __name: "Biztory",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = [
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3333,127 +3333,127 @@ const sn = [
         value: "preview",
         icon: "table"
       }
-    ], w = de(), _ = Y(() => {
-      switch (n.value) {
+    ], h = de(), _ = Y(() => {
+      switch (s.value) {
         case "preview":
           return {
-            component: dn
+            component: un
           };
         case "setting":
           return {
-            component: on,
+            component: an,
             props: {
-              retrievedMethods: F.value,
-              retrievedCustomers: h.value
+              retrievedMethods: C.value,
+              retrievedCustomers: b.value
             }
           };
         default:
           return null;
       }
-    }), F = B({}), h = B({}), m = (p, r) => p.map((x) => ({
-      label: r.length > 2 ? `ID:${x[r[2]]} [${x[r[0]]}] ${x[r[1]]}` : `[${x[r[0]]}] ${x[r[1]]}`,
-      value: x.id,
-      cnId: x.cnId ? x.cnId : null
-    })), d = (p) => m(p, ["wallet", "name"]), V = (p) => m(p, ["id", "name"]), b = async (p, r, x, $) => {
+    }), C = B({}), b = B({}), x = (y, n) => y.map((v) => ({
+      label: n.length > 2 ? `ID:${v[n[2]]} [${v[n[0]]}] ${v[n[1]]}` : `[${v[n[0]]}] ${v[n[1]]}`,
+      value: v.id,
+      cnId: v.cnId ? v.cnId : null
+    })), m = (y) => x(y, ["wallet", "name"]), w = (y) => x(y, ["id", "name"]), k = async (y, n, v, $) => {
       try {
-        const l = await p(e.value._id);
-        x.value.data = r(l);
+        const l = await y(e.value._id);
+        v.value.data = n(l);
       } catch (l) {
-        console.error($, l), x.value.isError = !0;
+        console.error($, l), v.value.isError = !0;
       } finally {
-        x.value.isLoaded = !0;
+        v.value.isLoaded = !0;
       }
-    }, u = async () => {
-      var p, r;
-      (p = e.value.platform.mappings) != null && p.version && await b(
+    }, d = async () => {
+      var y, n;
+      (y = e.value.platform.mappings) != null && y.version && await k(
         Ge,
-        d,
-        F,
+        m,
+        C,
         "Failed to fetch payment methods:"
-      ), ((r = e.value.platform.mappings) == null ? void 0 : r.version) == "v2" && await b(
+      ), ((n = e.value.platform.mappings) == null ? void 0 : n.version) == "v2" && await k(
         Je,
-        V,
-        h,
+        w,
+        b,
         "Failed to fetch customers:"
-      ), F.value.isLoaded = !0, h.value.isLoaded = !0;
+      ), C.value.isLoaded = !0, b.value.isLoaded = !0;
     };
-    return Ee(u), ve(() => {
-      var p;
-      return (p = e.value.platform.mappings) == null ? void 0 : p.version;
-    }, u), (p, r) => {
-      var l, a, f;
-      const x = S("FmPageHead"), $ = S("FmTabs");
-      return c(), C("div", pn, [
-        i(x, {
+    return Ee(d), ve(() => {
+      var y;
+      return (y = e.value.platform.mappings) == null ? void 0 : y.version;
+    }, d), (y, n) => {
+      var l, a, u;
+      const v = S("FmPageHead"), $ = S("FmTabs");
+      return c(), F("div", fn, [
+        r(v, {
           title: ((l = e.value) == null ? void 0 : l.name) || "Biztory",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": v(w).back
+          "onClick:back": p(h).back
         }, {
-          description: ge(() => r[2] || (r[2] = [
+          description: ge(() => n[2] || (n[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i($, {
-          "model-value": n.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
-          items: k
+        r($, {
+          "model-value": s.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (i) => s.value = i),
+          items: V
         }, null, 8, ["model-value"]),
-        t("div", un, [
+        t("div", vn, [
           (c(), M(xe((a = _.value) == null ? void 0 : a.component), Le({
             modelValue: e.value,
-            "onUpdate:modelValue": r[1] || (r[1] = (s) => e.value = s)
-          }, (f = _.value) == null ? void 0 : f.props), null, 16, ["modelValue"]))
+            "onUpdate:modelValue": n[1] || (n[1] = (i) => e.value = i)
+          }, (u = _.value) == null ? void 0 : u.props), null, 16, ["modelValue"]))
         ])
       ]);
     };
   }
-}), vn = {
+}), yn = {
   key: 0,
   class: "flex flex-col h-full"
-}, gn = { class: "flex flex-col gap-16 pb-[24px]" }, yn = { class: "flex flex-row justify-between items-center gap-2" }, xn = { class: "flex flex-row gap-2 items-center" }, _n = { class: "relative group cursor-pointer" }, bn = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, wn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, hn = { class: "flex flex-col gap-16" }, Vn = { class: "fm-typo-en-title-sm-800" }, kn = { class: "flex flex-row items-center max-w-[100%]" }, $n = { class: "w-[25%]" }, Sn = { class: "flex-grow" }, Cn = { class: "flex flex-row items-center max-w-[100%]" }, Fn = { class: "w-[25%]" }, Dn = { class: "flex flex-row items-center gap-x-16" }, Un = { class: "fm-typo-en-title-sm-800" }, Tn = { class: "grid-cols-1 grid gap-16" }, In = /* @__PURE__ */ q({
+}, xn = { class: "flex flex-col gap-16 pb-[24px]" }, _n = { class: "flex flex-row justify-between items-center gap-2" }, bn = { class: "flex flex-row gap-2 items-center" }, wn = { class: "relative group cursor-pointer" }, hn = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Vn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, kn = { class: "flex flex-col gap-16" }, $n = { class: "fm-typo-en-title-sm-800" }, Sn = { class: "flex flex-row items-center max-w-[100%]" }, Cn = { class: "w-[25%]" }, Fn = { class: "flex-grow" }, Dn = { class: "flex flex-row items-center max-w-[100%]" }, Un = { class: "w-[25%]" }, Tn = { class: "flex flex-row items-center gap-x-16" }, In = { class: "fm-typo-en-title-sm-800" }, Mn = { class: "grid-cols-1 grid gap-16" }, Kn = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
-      () => h.map((r) => ({ label: r.name, value: r.id }))
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = we(), { promptMessage: C } = Se(), { restaurants: b } = pe(), x = Y(
+      () => b.map((n) => ({ label: n.name, value: n.id }))
     );
-    async function d() {
-      await F({
+    async function m() {
+      await C({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await k.getSettings(), w.back();
-        } catch (x) {
-          n.open({ type: "error", message: x.message });
+          await he(e.value._id), await V.getSettings(), h.back();
+        } catch (v) {
+          s.open({ type: "error", message: v.message });
         }
       });
     }
-    async function V() {
+    async function w() {
       await _(async () => {
         try {
-          await Ve(e.value._id, e.value), await k.getSettings();
-        } catch (r) {
-          n.open({ type: "error", message: r.message });
+          await Ve(e.value._id, e.value), await V.getSettings();
+        } catch (n) {
+          s.open({ type: "error", message: n.message });
         }
       });
     }
-    function b(r, x) {
+    function k(n, v) {
       var $, l;
-      (l = ($ = e.value.platform) == null ? void 0 : $.mappings) != null && l[r] && (e.value.platform.mappings[r] = e.value.platform.mappings[r].filter(
-        (a, f) => f !== x
+      (l = ($ = e.value.platform) == null ? void 0 : $.mappings) != null && l[n] && (e.value.platform.mappings[n] = e.value.platform.mappings[n].filter(
+        (a, u) => u !== v
       ));
     }
-    function u(r) {
-      var x, $;
-      ($ = (x = e.value.platform) == null ? void 0 : x.mappings) != null && $[r] && (e.value.platform.mappings[r] = [
-        ...e.value.platform.mappings[r],
+    function d(n) {
+      var v, $;
+      ($ = (v = e.value.platform) == null ? void 0 : v.mappings) != null && $[n] && (e.value.platform.mappings[n] = [
+        ...e.value.platform.mappings[n],
         {
           key: "",
           name: "",
@@ -3462,84 +3462,84 @@ const sn = [
         }
       ]);
     }
-    async function p() {
+    async function y() {
       await _(async () => {
         try {
-          await ke(e.value._id), await k.getSettings();
-        } catch (r) {
-          n.open({ type: "error", message: r.message });
+          await ke(e.value._id), await V.getSettings();
+        } catch (n) {
+          s.open({ type: "error", message: n.message });
         }
       });
     }
-    return (r, x) => {
+    return (n, v) => {
       var A, P, Q, E, G;
-      const $ = S("FmIcon"), l = S("FmButton"), a = S("FmMenuDivider"), f = S("FmTextField"), s = S("FmSelect");
-      return (P = (A = e.value) == null ? void 0 : A.platform) != null && P.mappings ? (c(), C("div", vn, [
-        t("div", gn, [
-          t("div", yn, [
-            x[4] || (x[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", xn, [
-              t("div", _n, [
-                i($, {
+      const $ = S("FmIcon"), l = S("FmButton"), a = S("FmMenuDivider"), u = S("FmTextField"), i = S("FmSelect");
+      return (P = (A = e.value) == null ? void 0 : A.platform) != null && P.mappings ? (c(), F("div", yn, [
+        t("div", xn, [
+          t("div", _n, [
+            v[4] || (v[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
+            t("div", bn, [
+              t("div", wn, [
+                r($, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: p
+                  onClick: y
                 }),
-                t("span", bn, T(v(o)("report.integration.refreshSetting")), 1)
+                t("span", hn, T(p(o)("report.integration.refreshSetting")), 1)
               ]),
-              i(l, {
+              r(l, {
                 variant: "tertiary",
-                label: v(o)("report.common.delete"),
-                onClick: d
+                label: p(o)("report.common.delete"),
+                onClick: m
               }, null, 8, ["label"]),
-              i(l, {
+              r(l, {
                 variant: "primary",
-                label: v(o)("report.common.update"),
-                onClick: V
+                label: p(o)("report.common.update"),
+                onClick: w
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        i(a, { style: { margin: 0 } }),
-        t("div", wn, [
-          t("div", hn, [
-            t("div", Vn, T(v(o)("report.integration.general")), 1),
-            t("div", kn, [
-              t("div", $n, T(v(o)("report.common.name")), 1),
-              t("div", Sn, [
-                i(f, {
+        r(a, { style: { margin: 0 } }),
+        t("div", Vn, [
+          t("div", kn, [
+            t("div", $n, T(p(o)("report.integration.general")), 1),
+            t("div", Sn, [
+              t("div", Cn, T(p(o)("report.common.name")), 1),
+              t("div", Fn, [
+                r(u, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": x[0] || (x[0] = (R) => e.value.name = R)
+                  "onUpdate:modelValue": v[0] || (v[0] = (R) => e.value.name = R)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Cn, [
-              t("div", Fn, T(v(o)("report.integration.location")), 1),
-              i(s, {
+            t("div", Dn, [
+              t("div", Un, T(p(o)("report.integration.location")), 1),
+              r(i, {
                 "model-value": e.value.platform.locationIds[0],
                 multiselect: !1,
-                items: m.value,
+                items: x.value,
                 placeholder: "Select location",
                 class: "flex-grow",
-                "onUpdate:modelValue": x[1] || (x[1] = (R) => e.value.platform.locationIds[0] = R)
+                "onUpdate:modelValue": v[1] || (v[1] = (R) => e.value.platform.locationIds[0] = R)
               }, null, 8, ["model-value", "items"])
             ])
           ]),
-          i(De, {
+          r(De, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": x[2] || (x[2] = (R) => e.value.platform = R),
-            label: v(o)("report.input.email")
+            "onUpdate:modelValue": v[2] || (v[2] = (R) => e.value.platform = R),
+            label: p(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
-          t("div", Dn, [
-            t("div", Un, T(v(o)("report.integration.iflexiHrms.employee")), 1),
-            i(l, {
+          t("div", Tn, [
+            t("div", In, T(p(o)("report.integration.iflexiHrms.employee")), 1),
+            r(l, {
               variant: "primary",
               icon: "add",
-              onClick: x[3] || (x[3] = () => u("employees"))
+              onClick: v[3] || (v[3] = () => d("employees"))
             })
           ]),
-          t("div", Tn, [
-            (c(!0), C(L, null, H((G = (E = (Q = e.value) == null ? void 0 : Q.platform) == null ? void 0 : E.mappings) == null ? void 0 : G.employees, (R, j) => (c(), M(K, {
+          t("div", Mn, [
+            (c(!0), F(L, null, H((G = (E = (Q = e.value) == null ? void 0 : Q.platform) == null ? void 0 : E.mappings) == null ? void 0 : G.employees, (R, j) => (c(), M(K, {
               key: `employee-${j}`,
               modelValue: e.value.platform.mappings.employees[j],
               "onUpdate:modelValue": (z) => e.value.platform.mappings.employees[j] = z,
@@ -3549,25 +3549,25 @@ const sn = [
                 employeeNo: { placeholder: "Employee No", editable: !0 }
               },
               removable: !0,
-              onRemove: () => b("employees", j)
+              onRemove: () => k("employees", j)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
       ])) : N("", !0);
     };
   }
-}), Mn = { class: "h-full flex flex-col gap-16" }, Kn = { class: "flex flex-row gap-2 justify-between items-center" }, An = {
+}), An = { class: "h-full flex flex-col gap-16" }, Pn = { class: "flex flex-row gap-2 justify-between items-center" }, Nn = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Pn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Nn = /* @__PURE__ */ q({
+}, Rn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, On = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = B([]), n = [
+  setup(f) {
+    const { t: o } = J(), e = B([]), s = [
       {
         accessorKey: "name",
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Name"),
@@ -3593,69 +3593,69 @@ const sn = [
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
         enableSorting: !1
       }
-    ], k = X(g, "modelValue"), w = B(!1), _ = ue(), { dateRange: F } = Ce(pe());
+    ], V = X(f, "modelValue"), h = B(!1), _ = ue(), { dateRange: C } = Ce(pe());
     ve(
-      () => F.value,
+      () => C.value,
       async () => {
-        if (k.value._id)
+        if (V.value._id)
           try {
-            w.value = !0, e.value = await $e(k.value._id);
-          } catch (m) {
-            _.open({ message: m.message, type: "error" });
+            h.value = !0, e.value = await $e(V.value._id);
+          } catch (x) {
+            _.open({ message: x.message, type: "error" });
           } finally {
-            w.value = !1;
+            h.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    async function h() {
+    async function b() {
       try {
-        k.value._id ? (w.value = !0, await Pe(k.value._id)) : _.open({ message: "Invalid setting", type: "error" });
-      } catch (m) {
-        _.open({ message: m.message, type: "error" });
+        V.value._id ? (h.value = !0, await Pe(V.value._id)) : _.open({ message: "Invalid setting", type: "error" });
+      } catch (x) {
+        _.open({ message: x.message, type: "error" });
       } finally {
-        w.value = !1;
+        h.value = !1;
       }
     }
-    return (m, d) => {
-      const V = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
-      return c(), C("div", Mn, [
-        t("div", Kn, [
-          i(Fe, {
-            "date-range": v(F),
-            "onUpdate:dateRange": d[0] || (d[0] = (p) => be(F) ? F.value = p : null),
+    return (x, m) => {
+      const w = S("FmButton"), k = S("FmCircularProgress"), d = S("FmTable");
+      return c(), F("div", An, [
+        t("div", Pn, [
+          r(Fe, {
+            "date-range": p(C),
+            "onUpdate:dateRange": m[0] || (m[0] = (y) => be(C) ? C.value = y : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(V, {
-            loading: w.value,
+          r(w, {
+            loading: h.value,
             variant: "primary",
-            label: v(o)("report.common.download"),
-            onClick: h
+            label: p(o)("report.common.download"),
+            onClick: b
           }, null, 8, ["loading", "label"])
         ]),
-        w.value ? (c(), C("div", An, [
-          i(b, { size: "xl" }),
-          t("span", Pn, T(v(o)("report.common.isLoading")), 1)
-        ])) : e.value.length > 0 ? (c(), M(u, {
+        h.value ? (c(), F("div", Nn, [
+          r(k, { size: "xl" }),
+          t("span", Rn, T(p(o)("report.common.isLoading")), 1)
+        ])) : e.value.length > 0 ? (c(), M(d, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
-          "column-defs": n
+          "column-defs": s
         }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
   }
-}), Rn = { class: "h-full relative flex flex-col" }, On = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Bn = /* @__PURE__ */ q({
+}), Bn = { class: "h-full relative flex flex-col" }, jn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ln = /* @__PURE__ */ q({
   __name: "IFlexiHRMS",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = [
+  setup(f) {
+    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3666,86 +3666,86 @@ const sn = [
         value: "preview",
         icon: "table"
       }
-    ], w = de(), _ = Y(() => {
-      switch (n.value) {
+    ], h = de(), _ = Y(() => {
+      switch (s.value) {
         case "preview":
-          return Nn;
+          return On;
         case "setting":
-          return In;
+          return Kn;
         default:
           return null;
       }
     });
-    return (F, h) => {
-      var V;
-      const m = S("FmPageHead"), d = S("FmTabs");
-      return c(), C("div", Rn, [
-        i(m, {
-          title: ((V = e.value) == null ? void 0 : V.name) || "AutoCount",
+    return (C, b) => {
+      var w;
+      const x = S("FmPageHead"), m = S("FmTabs");
+      return c(), F("div", Bn, [
+        r(x, {
+          title: ((w = e.value) == null ? void 0 : w.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": v(w).back
+          "onClick:back": p(h).back
         }, {
-          description: ge(() => h[2] || (h[2] = [
+          description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(d, {
-          "model-value": n.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
-          items: k
+        r(m, {
+          "model-value": s.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
+          items: V
         }, null, 8, ["model-value"]),
-        t("div", On, [
+        t("div", jn, [
           (c(), M(xe(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (b) => e.value = b)
+            "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), jn = { class: "px-24 h-full relative" }, Gn = /* @__PURE__ */ q({
+}), En = { class: "px-24 h-full relative" }, Wn = /* @__PURE__ */ q({
   __name: "Integration",
-  setup(g) {
-    const o = B(void 0), { params: e } = ze(), n = _e(), k = B();
+  setup(f) {
+    const o = B(void 0), { params: e } = ze(), s = _e(), V = B();
     Ee(async () => {
-      n.settings.length === 0 && await n.getSettings();
+      s.settings.length === 0 && await s.getSettings();
     }), ve(
-      () => n.settings,
+      () => s.settings,
       (_) => {
-        var h;
-        const F = _.find((m) => m._id === e.id);
-        F && (k.value = F, o.value = (h = k.value.platform) == null ? void 0 : h.name);
+        var b;
+        const C = _.find((x) => x._id === e.id);
+        C && (V.value = C, o.value = (b = V.value.platform) == null ? void 0 : b.name);
       },
       { immediate: !0 }
     );
-    const w = Y(() => {
+    const h = Y(() => {
       switch (o.value) {
         case ce.Xero:
-          return Zt;
+          return eo;
         case ce.Bukku:
-          return Eo;
+          return zo;
         case ce.AutoCount:
-          return $a;
+          return Sa;
         case ce.SQL:
-          return rl;
+          return ml;
         case ce.iFlexi_HRMS:
-          return Bn;
+          return Ln;
         case ce.Biztory:
-          return fn;
+          return gn;
         default:
           return null;
       }
     });
-    return (_, F) => (c(), C("div", jn, [
-      (c(), M(xe(w.value), {
-        modelValue: k.value,
-        "onUpdate:modelValue": F[0] || (F[0] = (h) => k.value = h)
+    return (_, C) => (c(), F("div", En, [
+      (c(), M(xe(h.value), {
+        modelValue: V.value,
+        "onUpdate:modelValue": C[0] || (C[0] = (b) => V.value = b)
       }, null, 8, ["modelValue"]))
     ]));
   }
 });
 export {
-  Gn as default
+  Wn as default
 };