@feedmepos/mf-report 5.4.32 → 5.4.33-beta.0

package/dist/{Integration-B7CQ-7rL.js → Integration-tBzSH2YL.js}

@@ -1,17 +1,17 @@
-import { defineComponent as H, mergeModels as _e, useModel as Q, computed as z, resolveComponent as $, createElementBlock as F, openBlock as c, createElementVNode as t, createCommentVNode as R, normalizeClass as Ke, Fragment as L, renderList as X, createBlock as K, createVNode as i, withCtx as xe, toDisplayString as T, unref as f, ref as B, watch as ge, isRef as he, h as I, resolveDynamicComponent as be, mergeProps as Le, onMounted as Ee } from "vue";
-import { useRouter as pe, useRoute as ze } from "vue-router";
-import { u as W, I as de, d as je, e as we, f as ke, b as ue, q as Ye, m as qe, p as Ve, r as $e, s as Se, t as Ce, v as Ae, w as He, x as Xe, y as Qe, A as ve, z as Pe, B as Ge, E as Je } from "./global-loader-D9UMph7l.js";
-import { u as Fe } from "./message-dialog-UoMWOnil.js";
-import { useSnackbar as fe } from "@feedmepos/ui-library";
-import { s as We } from "./index-CxVnRxOJ.js";
-import { storeToRefs as De } from "pinia";
-import { _ as Ue } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CIDrrVrf.js";
+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 f, 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 ke, s as Ve, 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";
+import { useSnackbar as ue } from "@feedmepos/ui-library";
+import { s as We } from "./index-Cmh079Bh.js";
+import { storeToRefs as Ce } from "pinia";
+import { _ as Fe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-Xex8S8XX.js";
 const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, et = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, tt = {
   key: 0,
   class: "w-[24px] flex items-center"
-}, A = /* @__PURE__ */ H({
+}, K = /* @__PURE__ */ q({
   __name: "MappingField",
-  props: /* @__PURE__ */ _e({
+  props: /* @__PURE__ */ ye({
     removable: {
       type: Boolean,
       default: !1
@@ -32,68 +32,68 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _e(["remove"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ye(["remove"], ["update:modelValue"]),
   setup(g, { emit: o }) {
-    const e = Q(g, "modelValue"), n = g, k = z(
-      () => Object.keys(n.options).map((x) => {
-        const D = n.options[x];
+    const e = X(g, "modelValue"), n = g, V = Y(
+      () => Object.keys(n.options).map((_) => {
+        const F = n.options[_];
         return {
-          placeholder: D.placeholder,
-          key: x,
-          editable: D.editable
+          placeholder: F.placeholder,
+          key: _,
+          editable: F.editable
         };
       })
-    ), b = o;
-    return (x, D) => {
-      const w = $("FmTextField"), m = $("FmTooltip"), d = $("FmIcon");
-      return c(), F("div", Ze, [
+    ), w = o;
+    return (_, F) => {
+      const h = S("FmTextField"), m = S("FmTooltip"), d = S("FmIcon");
+      return c(), C("div", Ze, [
         t("div", {
           class: Ke(`${g.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (c(!0), F(L, null, X(k.value, (h) => {
-            var _;
-            return c(), F(L, {
-              key: h.key
+          (c(!0), C(L, null, H(V.value, (k) => {
+            var b;
+            return c(), C(L, {
+              key: k.key
             }, [
-              h.editable ? (c(), F("div", {
+              k.editable ? (c(), C("div", {
                 key: 0,
                 class: Ke(`${g.removable ? "w-[50%]" : "w-[100%]"}`)
               }, [
-                i(w, {
-                  "model-value": e.value[h.key],
-                  placeholder: h.placeholder,
+                i(h, {
+                  "model-value": e.value[k.key],
+                  placeholder: k.placeholder,
                   type: g.type,
                   rules: g.rules,
                   "onUpdate:modelValue": (u) => {
                     let p = u;
                     g.type === "number" && (p = Number(u)), e.value = {
                       ...e.value,
-                      [h.key]: p
+                      [k.key]: p
                     };
                   }
                 }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])
-              ], 2)) : (c(), K(m, {
+              ], 2)) : (c(), M(m, {
                 key: 1,
-                content: (_ = e.value[h.key]) == null ? void 0 : _.toString(),
+                content: (b = e.value[k.key]) == null ? void 0 : b.toString(),
                 class: "w-[50%]"
               }, {
-                default: xe(() => [
-                  t("div", et, T(e.value[h.key]), 1)
+                default: ge(() => [
+                  t("div", et, T(e.value[k.key]), 1)
                 ]),
                 _: 2
               }, 1032, ["content"]))
             ], 64);
           }), 128))
         ], 2),
-        g.removable ? (c(), F("div", tt, [
+        g.removable ? (c(), C("div", tt, [
           i(d, {
             color: "system-error-300",
             class: "cursor-pointer",
             name: "close",
             size: "md",
-            onClick: D[0] || (D[0] = (h) => b("remove"))
+            onClick: F[0] || (F[0] = (k) => w("remove"))
           })
-        ])) : R("", !0)
+        ])) : N("", !0)
       ]);
     };
   }
@@ -103,9 +103,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, nt = { class: "flex flex-row items-center w-[100%] justify-start" }, st = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, it = {
   key: 0,
   class: "flex flex-row items-center w-[100%] justify-start"
-}, rt = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, mt = { class: "w-[calc(75%+4px)]" }, ct = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, dt = { class: "flex flex-row items-center w-[100%] justify-between" }, pt = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis" }, ut = { class: "w-[50%]" }, Te = /* @__PURE__ */ H({
+}, rt = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, mt = { class: "w-[calc(75%+4px)]" }, ct = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, dt = { class: "flex flex-row items-center w-[100%] justify-between" }, pt = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis" }, ut = { class: "w-[50%]" }, De = /* @__PURE__ */ q({
   __name: "UploadSection",
-  props: /* @__PURE__ */ _e({
+  props: /* @__PURE__ */ ye({
     label: {
       type: String,
       default: "upload"
@@ -120,64 +120,64 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = z(() => {
+    const { t: o } = J(), e = X(g, "modelValue"), n = Y(() => {
       switch (e.value.name) {
-        case de.AutoCount:
-        case de.SQL:
-        case de.iFlexi_HRMS:
+        case ce.AutoCount:
+        case ce.SQL:
+        case ce.iFlexi_HRMS:
           return !0;
         default:
           return !1;
       }
     });
-    return (k, b) => {
+    return (V, w) => {
       var m, d;
-      const x = $("FmSwitch"), D = $("FmTextField"), w = $("FmTimePicker");
-      return c(), F(L, null, [
+      const _ = S("FmSwitch"), F = S("FmTextField"), h = S("FmTimePicker");
+      return c(), C(L, null, [
         t("div", ot, [
           t("div", at, T(f(o)("report.integration.auto", { label: g.label })), 1),
-          g.label == "upload" ? (c(), F("div", lt, T(f(o)("report.integration.lastUploadDate")) + ": " + T(g.lastUploadDate ? f(je)(g.lastUploadDate).format("MMMM D, YYYY h:mm A") : f(o)("report.integration.noData.title")), 1)) : R("", !0)
+          g.label == "upload" ? (c(), C("div", lt, T(f(o)("report.integration.lastUploadDate")) + ": " + T(g.lastUploadDate ? f(je)(g.lastUploadDate).format("MMMM D, YYYY h:mm A") : f(o)("report.integration.noData.title")), 1)) : N("", !0)
         ]),
         t("div", nt, [
           t("div", st, T(f(o)("report.common.enable")), 1),
-          i(x, {
+          i(_, {
             modelValue: e.value.enable,
-            "onUpdate:modelValue": b[0] || (b[0] = (h) => e.value.enable = h),
+            "onUpdate:modelValue": w[0] || (w[0] = (k) => e.value.enable = k),
             style: { gap: "0px" }
           }, null, 8, ["modelValue"])
         ]),
-        n.value ? (c(), F("div", it, [
+        n.value ? (c(), C("div", it, [
           t("div", rt, T(f(o)("report.common.email")), 1),
           t("div", mt, [
-            i(D, {
+            i(F, {
               "model-value": (e.value.emails || []).join(","),
               placeholder: "Email",
-              "onUpdate:modelValue": b[1] || (b[1] = (h) => {
+              "onUpdate:modelValue": w[1] || (w[1] = (k) => {
                 switch (e.value.name) {
-                  case f(de).AutoCount:
-                  case f(de).SQL:
-                  case f(de).iFlexi_HRMS:
-                    e.value.emails = h.split(",");
+                  case f(ce).AutoCount:
+                  case f(ce).SQL:
+                  case f(ce).iFlexi_HRMS:
+                    e.value.emails = k.split(",");
                     break;
                 }
               })
             }, null, 8, ["model-value"])
           ])
-        ])) : R("", !0),
+        ])) : N("", !0),
         t("div", ct, [
           t("div", dt, [
             t("div", pt, T(f(We)(g.label)) + " time ", 1),
             t("div", ut, [
-              i(w, {
+              i(h, {
                 class: "gap-[0px]",
                 "model-value": f(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": b[2] || (b[2] = (h) => {
-                  h && (e.value.triggerTime.hour = Number(h.split(":")[0]), e.value.triggerTime.minute = Number(h.split(":")[1]));
+                "onUpdate:modelValue": w[2] || (w[2] = (k) => {
+                  k && (e.value.triggerTime.hour = Number(k.split(":")[0]), e.value.triggerTime.minute = Number(k.split(":")[1]));
                 })
               }, null, 8, ["model-value"])
             ])
           ]),
-          i(A, {
+          i(K, {
             "model-value": {
               label: f(o)("report.integration.delayDay"),
               delayDay: e.value.delayDay
@@ -187,9 +187,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               label: { placeholder: f(o)("report.integration.delayDay"), editable: !1 },
               delayDay: { placeholder: f(o)("report.integration.delayDay"), editable: !0 }
             },
-            rules: [(h) => h > 0 || "Delay days must be greater than 0"],
-            "onUpdate:modelValue": b[3] || (b[3] = (h) => {
-              e.value.delayDay = h.delayDay;
+            rules: [(k) => k > 0 || "Delay days must be greater than 0"],
+            "onUpdate:modelValue": w[3] || (w[3] = (k) => {
+              e.value.delayDay = k.delayDay;
             })
           }, null, 8, ["model-value", "options", "rules"])
         ])
@@ -202,9 +202,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, gt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, yt = {
   key: 0,
   class: "w-[24px] flex items-center"
-}, Me = /* @__PURE__ */ H({
+}, Me = /* @__PURE__ */ q({
   __name: "MappingDropdown",
-  props: /* @__PURE__ */ _e({
+  props: /* @__PURE__ */ ye({
     removable: {
       type: Boolean,
       default: !1
@@ -229,9 +229,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _e(["remove"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ye(["remove"], ["update:modelValue"]),
   setup(g, { emit: o }) {
-    const e = Q(g, "modelValue"), n = g, k = z(
+    const e = X(g, "modelValue"), n = g, V = Y(
       () => Object.keys(n.options).map((m) => {
         const d = n.options[m];
         return {
@@ -241,61 +241,61 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           dropdownOptions: d.dropdownOptions
         };
       })
-    ), b = (m, d) => {
+    ), w = (m, d) => {
       n.singleValueMode ? e.value = n.type === "number" ? Number(m) : m : d && (e.value = {
         ...e.value,
         [d]: n.type === "number" ? Number(m) : m
       });
-    }, x = (m) => {
+    }, _ = (m) => {
       var d;
       return n.singleValueMode ? n.options.key.placeholder : (d = e.value[m.key]) == null ? void 0 : d.toString();
-    }, D = (m) => n.singleValueMode ? e.value : e.value[m.key], w = o;
+    }, F = (m) => n.singleValueMode ? e.value : e.value[m.key], h = o;
     return (m, d) => {
-      const h = $("FmSelect"), _ = $("FmTextField"), u = $("FmTooltip"), p = $("FmIcon");
-      return c(), F("div", ft, [
+      const k = S("FmSelect"), b = S("FmTextField"), u = S("FmTooltip"), p = S("FmIcon");
+      return c(), C("div", ft, [
         t("div", {
           class: Ke(`${g.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (c(!0), F(L, null, X(k.value, (r) => (c(), F(L, {
+          (c(!0), C(L, null, H(V.value, (r) => (c(), C(L, {
             key: r.key
           }, [
-            r.editable ? (c(), F("div", vt, [
-              r.dropdownOptions ? (c(), K(h, {
+            r.editable ? (c(), C("div", vt, [
+              r.dropdownOptions ? (c(), M(k, {
                 key: 0,
-                "model-value": D(r),
+                "model-value": F(r),
                 placeholder: r.placeholder,
                 items: r.dropdownOptions,
                 "shift-menu": !0,
-                "onUpdate:modelValue": (y) => b(y, r.key)
-              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (c(), K(_, {
+                "onUpdate:modelValue": (x) => w(x, r.key)
+              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (c(), M(b, {
                 key: 1,
-                "model-value": D(r),
+                "model-value": F(r),
                 placeholder: r.placeholder,
                 type: g.type,
                 rules: g.rules,
-                "onUpdate:modelValue": (y) => b(y, r.key)
+                "onUpdate:modelValue": (x) => w(x, r.key)
               }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
-            ])) : (c(), K(u, {
+            ])) : (c(), M(u, {
               key: 1,
-              content: x(r),
+              content: _(r),
               class: "w-[50%]"
             }, {
-              default: xe(() => [
-                t("div", gt, T(x(r)), 1)
+              default: ge(() => [
+                t("div", gt, T(_(r)), 1)
               ]),
               _: 2
             }, 1032, ["content"]))
           ], 64))), 128))
         ], 2),
-        g.removable ? (c(), F("div", yt, [
+        g.removable ? (c(), C("div", yt, [
           i(p, {
             color: "system-error-300",
             class: "cursor-pointer",
             name: "close",
             size: "md",
-            onClick: d[0] || (d[0] = (r) => w("remove"))
+            onClick: d[0] || (d[0] = (r) => h("remove"))
           })
-        ])) : R("", !0)
+        ])) : N("", !0)
       ]);
     };
   }
@@ -320,9 +320,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, Yt = {
   key: 8,
   class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, qt = /* @__PURE__ */ H({
+}, qt = /* @__PURE__ */ q({
   __name: "Setting",
-  props: /* @__PURE__ */ _e({
+  props: /* @__PURE__ */ ye({
     tenantOptions: {
       type: Object,
       required: !0
@@ -341,32 +341,32 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = fe(), k = we(), b = pe(), { promptLoader: x } = ke(), { promptMessage: D } = Fe(), { restaurants: w } = ue(), m = B(!1), d = z(
-      () => w.map((v) => ({ label: v.name, value: v.id }))
-    ), h = z(() => {
+    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), V = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = B(!1), d = Y(
+      () => h.map((v) => ({ label: v.name, value: v.id }))
+    ), k = Y(() => {
       var v, s;
       return m.value ? "Connecting" : (s = (v = e.value) == null ? void 0 : v.platform) != null && s.accessToken ? "Disconnect" : "Connect";
-    }), _ = B(0);
+    }), b = B(0);
     async function u() {
       var v;
       if (m.value)
         n.open({ type: "error", message: "Connecting in progress" });
       else if ((v = e.value.platform) != null && v.accessToken)
-        await D({
+        await F({
           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 P = setInterval(async () => {
-            var N;
-            _.value += 1;
+          const A = setInterval(async () => {
+            var P;
+            b.value += 1;
             try {
-              await k.getSettings();
+              await V.getSettings();
             } finally {
-              (_.value === 12 || (N = e.value.platform) != null && N.accessToken) && (m.value = !1, P && clearInterval(P), _.value = 0);
+              (b.value === 12 || (P = e.value.platform) != null && P.accessToken) && (m.value = !1, A && clearInterval(A), b.value = 0);
             }
           }, 5e3);
           window.open(s.redirect, "_blank");
@@ -377,42 +377,42 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         n.open({ type: "error", message: `invalid accounting ${e.value._id}` });
     }
     async function p() {
-      await D({
+      await F({
         message: `Confirm delete ${e.value.name}?`,
         title: "Delete"
-      }) && await x(async () => {
+      }) && await _(async () => {
         try {
-          await Ve(e.value._id), await k.getSettings(), b.back();
+          await he(e.value._id), await V.getSettings(), w.back();
         } catch (s) {
           n.open({ type: "error", message: s.message });
         }
       });
     }
     async function r() {
-      await x(async () => {
+      await _(async () => {
         try {
-          await $e(e.value._id, e.value), await k.getSettings();
+          await ke(e.value._id, e.value), await V.getSettings();
         } catch (v) {
           n.open({ type: "error", message: v.message });
         }
       });
     }
-    function y(v) {
-      const s = g.tenantOptions.data.find((P) => P.value === v);
+    function x(v) {
+      const s = g.tenantOptions.data.find((A) => A.value === v);
       s && e.value.platform && (e.value.platform.tenant = {
         id: s.value,
         name: s.label
       });
     }
-    function V(v, s) {
-      var P, N;
-      (N = (P = e.value.platform) == null ? void 0 : P.mappings) != null && N[v] && (e.value.platform.mappings[v] = e.value.platform.mappings[v].filter(
-        (G, Y) => Y !== s
+    function $(v, s) {
+      var A, P;
+      (P = (A = e.value.platform) == null ? void 0 : A.mappings) != null && P[v] && (e.value.platform.mappings[v] = e.value.platform.mappings[v].filter(
+        (Q, E) => E !== s
       ));
     }
     function l(v) {
-      var s, P;
-      (P = (s = e.value.platform) == null ? void 0 : s.mappings) != null && P[v] && (e.value.platform.mappings[v] = [
+      var s, A;
+      (A = (s = e.value.platform) == null ? void 0 : s.mappings) != null && A[v] && (e.value.platform.mappings[v] = [
         ...e.value.platform.mappings[v],
         v === "items" ? {
           feedmeKey: "",
@@ -428,36 +428,36 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     }
     async function a() {
-      await x(async () => {
+      await _(async () => {
         try {
-          await Se(e.value._id), await k.getSettings();
+          await Ve(e.value._id), await V.getSettings();
         } catch (v) {
           n.open({ type: "error", message: v.message });
         }
       });
     }
     return (v, s) => {
-      var E, Z, ee, te, oe, ae, le, ne, se, ie, U, S, C, M, q, re, ye, Ne, Re, Oe, Be;
-      const P = $("FmIcon"), N = $("FmButton"), G = $("FmMenuDivider"), Y = $("FmCircularProgress"), J = $("FmSelect"), O = $("FmTextField"), j = $("FmSwitch");
-      return (Z = (E = e.value) == null ? void 0 : E.platform) != null && Z.mappings ? (c(), F("div", xt, [
+      var z, W, Z, ee, te, oe, ae, le, ne, se, D, y, 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, [
         t("div", _t, [
           t("div", bt, [
             s[10] || (s[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
             t("div", wt, [
               t("div", ht, [
-                i(P, {
+                i(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(N, {
+              i(P, {
                 variant: "tertiary",
                 label: "Delete",
                 onClick: p
               }),
-              i(N, {
+              i(P, {
                 variant: "primary",
                 label: "Update",
                 onClick: r
@@ -465,28 +465,28 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ])
         ]),
-        i(G, { style: { margin: 0 } }),
+        i(Q, { style: { margin: 0 } }),
         t("div", kt, [
           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)),
           t("div", Vt, [
             t("div", $t, [
-              i(N, {
+              i(P, {
                 disabled: m.value,
                 variant: "primary",
-                label: h.value,
+                label: k.value,
                 onClick: u
               }, null, 8, ["disabled", "label"])
             ]),
-            !g.tenantOptions.isLoaded && ((ee = e.value.platform) != null && ee.accessToken) ? (c(), K(Y, {
+            !g.tenantOptions.isLoaded && ((Z = e.value.platform) != null && Z.accessToken) ? (c(), M(E, {
               key: 0,
               size: "xl"
-            })) : R("", !0),
-            i(J, {
+            })) : N("", !0),
+            i(G, {
               class: "flex-grow",
               items: g.tenantOptions.data || [],
-              "model-value": (te = e.value.platform.tenant) == null ? void 0 : te.id,
-              placeholder: g.tenantOptions.data ? "Select tenant " : (oe = e.value.platform.tenant) == null ? void 0 : oe.name,
-              "onUpdate:modelValue": y
+              "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
             }, null, 8, ["items", "model-value", "placeholder"])
           ]),
           t("div", St, [
@@ -494,17 +494,17 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", Ct, [
               s[11] || (s[11] = t("div", { class: "w-[25%]" }, "Name", -1)),
               t("div", Ft, [
-                i(O, {
+                i(R, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": s[0] || (s[0] = (me) => e.value.name = me)
+                  "onUpdate:modelValue": s[0] || (s[0] = (ie) => e.value.name = ie)
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", Dt, [
               s[12] || (s[12] = t("div", { class: "w-[25%]" }, "Location", -1)),
-              i(J, {
+              i(G, {
                 modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": s[1] || (s[1] = (me) => e.value.platform.locationIds = me),
+                "onUpdate:modelValue": s[1] || (s[1] = (ie) => e.value.platform.locationIds = ie),
                 multiselect: !0,
                 items: d.value,
                 placeholder: "Select location",
@@ -512,20 +512,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items"])
             ])
           ]),
-          i(Te, {
+          i(De, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": s[2] || (s[2] = (me) => e.value.platform = me),
+            "onUpdate:modelValue": s[2] || (s[2] = (ie) => e.value.platform = ie),
             label: "upload",
-            "last-upload-date": (ae = e.value.platform) == null ? void 0 : ae.lastUploadDate
+            "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)),
             t("div", Tt, [
               s[14] || (s[14] = t("div", { class: "w-[25%]" }, "Contact", -1)),
               t("div", It, [
-                i(O, {
+                i(R, {
                   modelValue: e.value.platform.mappings.contact.xeroAccount,
-                  "onUpdate:modelValue": s[3] || (s[3] = (me) => e.value.platform.mappings.contact.xeroAccount = me),
+                  "onUpdate:modelValue": s[3] || (s[3] = (ie) => e.value.platform.mappings.contact.xeroAccount = ie),
                   placeholder: "Contact account number"
                 }, null, 8, ["modelValue"])
               ])
@@ -536,8 +536,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 i(j, {
                   "model-value": e.value.platform.discountItem ?? !1,
                   style: { gap: 0 },
-                  "onUpdate:modelValue": s[4] || (s[4] = (me) => {
-                    e.value.platform.discountItem = me;
+                  "onUpdate:modelValue": s[4] || (s[4] = (ie) => {
+                    e.value.platform.discountItem = ie;
                   })
                 }, null, 8, ["model-value"])
               ])
@@ -548,30 +548,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 i(j, {
                   "model-value": e.value.platform.mappings.isCombineRefund ?? !1,
                   style: { gap: 0 },
-                  "onUpdate:modelValue": s[5] || (s[5] = (me) => {
-                    e.value.platform.mappings.isCombineRefund = me;
+                  "onUpdate:modelValue": s[5] || (s[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(N, {
+              i(P, {
                 variant: "primary",
                 icon: "add",
                 onClick: s[6] || (s[6] = () => l("taxes"))
               })
             ]),
-            g.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. ")) : R("", !0),
-            !g.taxOptions.isLoaded && ((le = e.value.platform) != null && le.accessToken) ? (c(), K(Y, {
+            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, {
               key: 1,
               size: "xl"
-            })) : R("", !0),
-            ((ne = g.taxOptions.data) == null ? void 0 : ne.length) > 0 ? (c(), F("div", Ot, [
-              (c(!0), F(L, null, X((U = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : U.taxes, (me, ce) => (c(), K(Me, {
-                key: `tax-${ce}`,
-                modelValue: e.value.platform.mappings.taxes[ce],
-                "onUpdate:modelValue": (Ie) => e.value.platform.mappings.taxes[ce] = Ie,
+            })) : 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, {
+                key: `tax-${re}`,
+                modelValue: e.value.platform.mappings.taxes[re],
+                "onUpdate:modelValue": (Ie) => e.value.platform.mappings.taxes[re] = Ie,
                 options: {
                   feedmeKey: { placeholder: "Feedme Key", editable: !0 },
                   xeroAccount: {
@@ -581,27 +581,27 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => V("taxes", ce)
+                onRemove: () => $("taxes", re)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
-            ])) : R("", !0),
+            ])) : N("", !0),
             t("div", Bt, [
               s[18] || (s[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
-              i(N, {
+              i(P, {
                 variant: "primary",
                 icon: "add",
                 onClick: s[7] || (s[7] = () => l("items"))
               })
             ]),
-            g.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. ")) : R("", !0),
-            !g.accountCodeOptions.isLoaded && ((S = e.value.platform) != null && S.accessToken) ? (c(), K(Y, {
+            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, {
               key: 4,
               size: "xl"
-            })) : R("", !0),
-            ((C = g.accountCodeOptions.data) == null ? void 0 : C.length) > 0 ? (c(), F("div", Lt, [
-              (c(!0), F(L, null, X((re = (q = (M = e.value) == null ? void 0 : M.platform) == null ? void 0 : q.mappings) == null ? void 0 : re.items, (me, ce) => (c(), K(Me, {
-                key: `item-${ce}`,
-                modelValue: e.value.platform.mappings.items[ce],
-                "onUpdate:modelValue": (Ie) => e.value.platform.mappings.items[ce] = Ie,
+            })) : 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, {
+                key: `item-${re}`,
+                modelValue: e.value.platform.mappings.items[re],
+                "onUpdate:modelValue": (Ie) => e.value.platform.mappings.items[re] = Ie,
                 options: {
                   feedmeKey: { placeholder: "Feedme Key", editable: !0 },
                   xeroAccount: {
@@ -611,27 +611,27 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => V("items", ce)
+                onRemove: () => $("items", re)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
-            ])) : R("", !0),
+            ])) : N("", !0),
             t("div", Et, [
               s[19] || (s[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
-              i(N, {
+              i(P, {
                 variant: "primary",
                 icon: "add",
                 onClick: s[8] || (s[8] = () => l("payments"))
               })
             ]),
-            g.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. ")) : R("", !0),
-            !g.accountCodeOptions.isLoaded && ((ye = e.value.platform) != null && ye.accessToken) ? (c(), K(Y, {
+            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, {
               key: 7,
               size: "xl"
-            })) : R("", !0),
-            ((Ne = g.accountCodeOptions.data) == null ? void 0 : Ne.length) > 0 ? (c(), F("div", Yt, [
-              (c(!0), F(L, null, X((Be = (Oe = (Re = e.value) == null ? void 0 : Re.platform) == null ? void 0 : Oe.mappings) == null ? void 0 : Be.payments, (me, ce) => (c(), K(Me, {
-                key: `payment-${ce}`,
-                modelValue: e.value.platform.mappings.payments[ce],
-                "onUpdate:modelValue": (Ie) => e.value.platform.mappings.payments[ce] = Ie,
+            })) : 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, {
+                key: `payment-${re}`,
+                modelValue: e.value.platform.mappings.payments[re],
+                "onUpdate:modelValue": (Ie) => e.value.platform.mappings.payments[re] = Ie,
                 options: {
                   feedmeKey: { placeholder: "Feedme Key", editable: !0 },
                   xeroAccount: {
@@ -641,18 +641,18 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => V("payments", ce)
+                onRemove: () => $("payments", re)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
-            ])) : R("", !0)
+            ])) : N("", !0)
           ])
         ])
-      ])) : R("", !0);
+      ])) : N("", !0);
     };
   }
 }), 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__ */ H({
+}, Gt = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -660,28 +660,28 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const o = B([]), e = z(
+    const o = B([]), e = Y(
       () => o.value.reduce((m, d) => {
-        const h = m.length, { invoice: _, payments: u } = d;
-        m[h] = {
-          date: _.Date,
-          contact: _.Contact.ContactID,
-          status: _.Status,
-          ref: _.Reference
+        const k = m.length, { invoice: b, payments: u } = d;
+        m[k] = {
+          date: b.Date,
+          contact: b.Contact.ContactID,
+          status: b.Status,
+          ref: b.Reference
         };
-        for (let p = 0; p < Math.max(_.LineItems.length, u.length); p++) {
-          const r = h + p;
-          m[r] || (m[r] = {}), _.LineItems[p] && (m[r] = {
+        for (let p = 0; p < Math.max(b.LineItems.length, u.length); p++) {
+          const r = k + p;
+          m[r] || (m[r] = {}), b.LineItems[p] && (m[r] = {
             ...m[r],
-            itemDescription: _.LineItems[p].Description,
-            itemQuantity: _.LineItems[p].Quantity,
-            itemUnitAmount: _.LineItems[p].UnitAmount,
+            itemDescription: b.LineItems[p].Description,
+            itemQuantity: b.LineItems[p].Quantity,
+            itemUnitAmount: b.LineItems[p].UnitAmount,
             // itemCode: invoice.LineItems[i].ItemCode,
-            itemAccount: _.LineItems[p].AccountCode,
-            itemTax: _.LineItems[p].TaxAmount,
-            itemTaxType: _.LineItems[p].TaxType,
-            itemAmount: _.LineItems[p].LineAmount,
-            itemDiscount: _.LineItems[p].DiscountAmount
+            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,
@@ -767,61 +767,61 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], k = Q(g, "modelValue"), b = B(!1), x = fe(), { dateRange: D } = De(ue());
-    ge(
-      () => D.value,
+    ], V = X(g, "modelValue"), w = B(!1), _ = ue(), { dateRange: F } = Ce(pe());
+    ve(
+      () => F.value,
       async () => {
-        if (k.value._id)
+        if (V.value._id)
           try {
-            b.value = !0, o.value = await Ce(k.value._id);
+            w.value = !0, o.value = await $e(V.value._id);
           } catch (m) {
-            x.open({ message: m.message, type: "error" });
+            _.open({ message: m.message, type: "error" });
           } finally {
-            b.value = !1;
+            w.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    async function w() {
+    async function h() {
       try {
-        k.value._id ? (b.value = !0, await Ae(k.value._id), x.open({ message: "Upload successful", type: "success" })) : x.open({ message: "Invalid accounting setting", type: "error" });
+        V.value._id ? (w.value = !0, await Ae(V.value._id), _.open({ message: "Upload successful", type: "success" })) : _.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
-        m.message && x.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((d) => x.open({ message: d.Message, type: "error" }));
+        m.message && _.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((d) => _.open({ message: d.Message, type: "error" }));
       } finally {
-        b.value = !1;
+        w.value = !1;
       }
     }
     return (m, d) => {
-      const h = $("FmButton"), _ = $("FmCircularProgress"), u = $("FmTable");
-      return c(), F("div", Ht, [
+      const k = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
+      return c(), C("div", Ht, [
         t("div", Xt, [
-          i(Ue, {
-            "date-range": f(D),
-            "onUpdate:dateRange": d[0] || (d[0] = (p) => he(D) ? D.value = p : null),
+          i(Fe, {
+            "date-range": f(F),
+            "onUpdate:dateRange": d[0] || (d[0] = (p) => be(F) ? F.value = p : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(h, {
-            loading: b.value,
+          i(k, {
+            loading: w.value,
             variant: "primary",
             label: "Upload",
-            onClick: w
+            onClick: h
           }, null, 8, ["loading"])
         ]),
-        b.value ? (c(), F("div", Qt, [
-          i(_, { size: "xl" }),
+        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(), K(u, {
+        ])) : e.value.length > 0 ? (c(), M(u, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
           "column-defs": n
-        }, null, 8, ["row-data"])) : R("", !0)
+        }, 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__ */ H({
+}), Jt = { class: "h-full relative flex flex-col" }, Wt = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Zt = /* @__PURE__ */ q({
   __name: "Xero",
   props: {
     modelValue: { required: !0 },
@@ -829,7 +829,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = B("setting"), k = B({}), b = B({}), x = B({}), D = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), V = B({}), w = B({}), _ = B({}), F = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -840,7 +840,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], w = pe(), m = z(() => {
+    ], h = de(), m = Y(() => {
       switch (n.value) {
         case "preview":
           return { component: Gt };
@@ -848,9 +848,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return {
             component: qt,
             props: {
-              tenantOptions: k.value,
-              taxOptions: b.value,
-              accountCodeOptions: x.value
+              tenantOptions: V.value,
+              taxOptions: w.value,
+              accountCodeOptions: _.value
             }
           };
         default:
@@ -861,75 +861,75 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       if (e.value._id)
         try {
           const u = await He(e.value._id);
-          k.value.data = u.map((p) => ({
+          V.value.data = u.map((p) => ({
             value: p.id,
             label: p.name
           }));
         } catch (u) {
-          console.error("Failed to fetch tenants:", u), k.value.isError = !0;
+          console.error("Failed to fetch tenants:", u), V.value.isError = !0;
         } finally {
-          k.value.isLoaded = !0;
+          V.value.isLoaded = !0;
         }
     }
-    async function h() {
+    async function k() {
       if (e.value._id)
         try {
           const u = await Xe(e.value._id);
-          b.value.data = u.map((p) => ({
+          w.value.data = u.map((p) => ({
             value: p.Name,
             label: `${p.Name} - (${p.EffectiveRate}%)`
           }));
         } catch (u) {
-          console.error("Failed to fetch taxes:", u), b.value.isError = !0;
+          console.error("Failed to fetch taxes:", u), w.value.isError = !0;
         } finally {
-          b.value.isLoaded = !0;
+          w.value.isLoaded = !0;
         }
     }
-    async function _() {
+    async function b() {
       if (e.value._id)
         try {
           const u = await Qe(e.value._id);
-          x.value.data = u.map((p) => ({
+          _.value.data = u.map((p) => ({
             value: p.Code,
             label: `${p.Code} ${p.Name} - [${p.Class}_${p.Type}]`
           }));
         } catch (u) {
-          console.error("Failed to fetch accounts:", u), x.value.isError = !0;
+          console.error("Failed to fetch accounts:", u), _.value.isError = !0;
         } finally {
-          x.value.isLoaded = !0;
+          _.value.isLoaded = !0;
         }
     }
-    return ge(
+    return ve(
       () => {
         var u;
         return (u = e.value.platform) == null ? void 0 : u.accessToken;
       },
       (u) => {
-        u && (d(), h(), _());
+        u && (d(), k(), b());
       },
       { immediate: !0 }
     ), (u, p) => {
-      var V, l, a;
-      const r = $("FmPageHead"), y = $("FmTabs");
-      return c(), F("div", Jt, [
+      var $, l, a;
+      const r = S("FmPageHead"), x = S("FmTabs");
+      return c(), C("div", Jt, [
         i(r, {
-          title: ((V = e.value) == null ? void 0 : V.name) || "Xero",
+          title: (($ = e.value) == null ? void 0 : $.name) || "Xero",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(w).back
+          "onClick:back": f(h).back
         }, {
-          description: xe(() => p[2] || (p[2] = [
+          description: ge(() => p[2] || (p[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(y, {
+        i(x, {
           "model-value": n.value,
           "onUpdate:modelValue": p[0] || (p[0] = (v) => n.value = v),
-          items: D
+          items: F
         }, null, 8, ["model-value"]),
         t("div", Wt, [
-          (c(), K(be((l = m.value) == null ? void 0 : l.component), Le({
+          (c(), M(xe((l = m.value) == null ? void 0 : l.component), Le({
             modelValue: e.value,
             "onUpdate:modelValue": p[1] || (p[1] = (v) => e.value = v)
           }, (a = m.value) == null ? void 0 : a.props), null, 16, ["modelValue"]))
@@ -940,7 +940,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), eo = {
   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%]" }, ko = { class: "flex flex-row items-center max-w-[100%]" }, Vo = { 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 = { class: "flex flex-row items-center" }, Po = /* @__PURE__ */ H({
+}, 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%]" }, ko = { class: "flex flex-row items-center max-w-[100%]" }, Vo = { 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({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -948,34 +948,34 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const o = Q(g, "modelValue"), e = fe(), n = we(), k = pe(), { promptLoader: b } = ke(), { promptMessage: x } = Fe(), { restaurants: D } = ue(), w = z(
-      () => D.map((l) => ({ label: l.name, value: l.id }))
-    ), { t: m } = W();
+    const o = X(g, "modelValue"), e = ue(), n = _e(), V = 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() {
-      await x({
+      await _({
         message: m("report.messages.confirmDelete", { name: o.value.name }),
         title: m("report.common.delete")
-      }) && await b(async () => {
+      }) && await w(async () => {
         try {
-          await Ve(o.value._id), await n.getSettings(), k.back();
+          await he(o.value._id), await n.getSettings(), V.back();
         } catch (a) {
           e.open({ type: "error", message: a.message });
         }
       });
     }
-    async function h() {
-      await b(async () => {
+    async function k() {
+      await w(async () => {
         try {
-          await $e(o.value._id, o.value), await n.getSettings();
+          await ke(o.value._id, o.value), await n.getSettings();
         } catch (l) {
           e.open({ type: "error", message: l.message });
         }
       });
     }
-    function _(l, a) {
+    function b(l, a) {
       var v, s;
       (s = (v = o.value.platform) == null ? void 0 : v.mappings) != null && s[l] && (o.value.platform.mappings[l] = o.value.platform.mappings[l].filter(
-        (P, N) => N !== a
+        (A, P) => P !== a
       ));
     }
     function u(l) {
@@ -1014,19 +1014,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     const p = [
       {
         label: m("report.integration.setting.grouping.byDay"),
-        value: ve.BY_DAY
+        value: fe.BY_DAY
       },
       {
         label: m("report.integration.setting.grouping.byDayItem"),
-        value: ve.BY_DAY_ITEM
+        value: fe.BY_DAY_ITEM
       },
       {
         label: m("report.integration.setting.grouping.byInvoice"),
-        value: ve.BY_INVOICE
+        value: fe.BY_INVOICE
       },
       {
         label: m("report.integration.setting.grouping.byDaySeparatePayment"),
-        value: ve.BY_DAY_SEPARATE_PAYMENT
+        value: fe.BY_DAY_SEPARATE_PAYMENT
       }
     ];
     function r({
@@ -1036,25 +1036,25 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       var v, s;
       (s = (v = o.value) == null ? void 0 : v.platform) != null && s.mappings && (o.value.platform.mappings[l] = a);
     }
-    function y(l) {
+    function x(l) {
       return {
         key: { placeholder: l, editable: !1 },
         account: { placeholder: l, editable: !0 }
       };
     }
-    async function V() {
-      await b(async () => {
+    async function $() {
+      await w(async () => {
         try {
-          await Se(o.value._id), await n.getSettings();
+          await Ve(o.value._id), await n.getSettings();
         } catch (l) {
           e.open({ type: "error", message: l.message });
         }
       });
     }
     return (l, a) => {
-      var J, O, j, E, Z, ee, te, oe, ae, le, ne, se, ie, U, S;
-      const v = $("FmIcon"), s = $("FmButton"), P = $("FmMenuDivider"), N = $("FmTextField"), G = $("FmSelect"), Y = $("FmCheckbox");
-      return (O = (J = o.value) == null ? void 0 : J.platform) != null && O.mappings ? (c(), F("div", eo, [
+      var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, D;
+      const v = 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(f(m)("report.integration.bukku.connect")), 1),
@@ -1063,7 +1063,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 i(v, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: V
+                  onClick: $
                 }),
                 t("span", so, T(f(m)("report.integration.setting.refreshTooltip")), 1)
               ]),
@@ -1075,20 +1075,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               i(s, {
                 variant: "primary",
                 label: f(m)("report.common.update"),
-                onClick: h
+                onClick: k
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        i(P, { style: { margin: 0 } }),
+        i(A, { style: { margin: 0 } }),
         t("div", io, [
           t("div", ro, T(f(m)("report.integration.bukku.authentication")), 1),
           t("div", mo, [
             t("div", co, T(f(m)("report.integration.subdomain")), 1),
             t("div", po, [
-              i(N, {
+              i(P, {
                 modelValue: o.value.platform.subdomain,
-                "onUpdate:modelValue": a[0] || (a[0] = (C) => o.value.platform.subdomain = C),
+                "onUpdate:modelValue": a[0] || (a[0] = (y) => o.value.platform.subdomain = y),
                 placeholder: f(m)("report.integration.subdomain")
               }, null, 8, ["modelValue", "placeholder"])
             ])
@@ -1096,9 +1096,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           t("div", uo, [
             t("div", fo, T(f(m)("report.integration.token")), 1),
             t("div", vo, [
-              i(N, {
+              i(P, {
                 modelValue: o.value.platform.token,
-                "onUpdate:modelValue": a[1] || (a[1] = (C) => o.value.platform.token = C),
+                "onUpdate:modelValue": a[1] || (a[1] = (y) => o.value.platform.token = y),
                 placeholder: f(m)("report.integration.token")
               }, null, 8, ["modelValue", "placeholder"])
             ])
@@ -1108,28 +1108,28 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", xo, [
               t("div", _o, T(f(m)("report.common.name")), 1),
               t("div", bo, [
-                i(N, {
+                i(P, {
                   modelValue: o.value.name,
-                  "onUpdate:modelValue": a[2] || (a[2] = (C) => o.value.name = C)
+                  "onUpdate:modelValue": a[2] || (a[2] = (y) => o.value.name = y)
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", wo, [
               t("div", ho, T(f(m)("report.common.location")), 1),
-              i(G, {
+              i(Q, {
                 modelValue: o.value.platform.locationIds,
-                "onUpdate:modelValue": a[3] || (a[3] = (C) => o.value.platform.locationIds = C),
+                "onUpdate:modelValue": a[3] || (a[3] = (y) => o.value.platform.locationIds = y),
                 multiselect: !0,
-                items: w.value,
+                items: h.value,
                 placeholder: "Select location",
                 class: "flex-grow"
               }, null, 8, ["modelValue", "items"])
             ]),
             t("div", ko, [
               t("div", Vo, T(f(m)("report.integration.bukku.grouping.title")), 1),
-              i(G, {
+              i(Q, {
                 modelValue: o.value.platform.grouping,
-                "onUpdate:modelValue": a[4] || (a[4] = (C) => o.value.platform.grouping = C),
+                "onUpdate:modelValue": a[4] || (a[4] = (y) => o.value.platform.grouping = y),
                 multiselect: !1,
                 items: p,
                 placeholder: "Select grouping",
@@ -1139,7 +1139,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           t("div", $o, [
             t("div", So, [
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Contact",
                   account: o.value.platform.mappings.contact.account
@@ -1154,61 +1154,61 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     editable: !0
                   }
                 },
-                "onUpdate:modelValue": a[5] || (a[5] = (C) => {
-                  var M, q, re;
-                  (re = (q = (M = o.value) == null ? void 0 : M.platform) == null ? void 0 : q.mappings) != null && re.contact && (o.value.platform.mappings.contact.account = C.account);
+                "onUpdate:modelValue": a[5] || (a[5] = (y) => {
+                  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);
                 })
               }, null, 8, ["model-value"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Invoice no",
                   account: o.value.platform.mappings.invoiceDocNo
                 },
-                options: y("Invoice no"),
-                "onUpdate:modelValue": a[6] || (a[6] = (C) => r({ key: "invoiceDocNo", value: C.account }))
+                options: x("Invoice no"),
+                "onUpdate:modelValue": a[6] || (a[6] = (y) => r({ key: "invoiceDocNo", value: y.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: o.value.platform.mappings.creditNoteDocNo
                 },
-                options: y("Credit note no"),
-                "onUpdate:modelValue": a[7] || (a[7] = (C) => r({ key: "creditNoteDocNo", value: C.account }))
+                options: x("Credit note no"),
+                "onUpdate:modelValue": a[7] || (a[7] = (y) => r({ key: "creditNoteDocNo", value: y.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Payment no",
                   account: o.value.platform.mappings.paymentDocNo
                 },
-                options: y("Payment no"),
-                "onUpdate:modelValue": a[8] || (a[8] = (C) => r({ key: "paymentDocNo", value: C.account }))
+                options: x("Payment no"),
+                "onUpdate:modelValue": a[8] || (a[8] = (y) => r({ key: "paymentDocNo", value: y.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Refund no",
                   account: o.value.platform.mappings.refundDocNo
                 },
-                options: y("Refund no"),
-                "onUpdate:modelValue": a[9] || (a[9] = (C) => r({ key: "refundDocNo", value: C.account }))
+                options: x("Refund no"),
+                "onUpdate:modelValue": a[9] || (a[9] = (y) => r({ key: "refundDocNo", value: y.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Rounding",
                   account: o.value.platform.mappings.rounding.account
                 },
-                options: y("Rounding"),
-                "onUpdate:modelValue": a[10] || (a[10] = (C) => {
-                  var M, q, re;
-                  (re = (q = (M = o.value) == null ? void 0 : M.platform) == null ? void 0 : q.mappings) != null && re.rounding && (o.value.platform.mappings.rounding.account = C.account);
+                options: x("Rounding"),
+                "onUpdate:modelValue": a[10] || (a[10] = (y) => {
+                  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);
                 })
               }, null, 8, ["model-value", "options"]),
-              (c(!0), F(L, null, X((Z = (E = (j = o.value) == null ? void 0 : j.platform) == null ? void 0 : E.mappings) == null ? void 0 : Z.charges, (C, M) => (c(), K(A, {
-                key: `charge-${M}`,
-                modelValue: o.value.platform.mappings.charges[M],
-                "onUpdate:modelValue": (q) => o.value.platform.mappings.charges[M] = q,
+              (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, {
+                key: `charge-${U}`,
+                modelValue: o.value.platform.mappings.charges[U],
+                "onUpdate:modelValue": (O) => o.value.platform.mappings.charges[U] = O,
                 options: {
                   key: {
-                    placeholder: f(m)(`report.integration.bukku.mapping.charge.${C.key}`),
+                    placeholder: f(m)(`report.integration.bukku.mapping.charge.${y.key}`),
                     editable: !1
                   },
                   account: {
@@ -1219,11 +1219,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options"]))), 128))
             ])
           ]),
-          i(Te, {
+          i(De, {
             modelValue: o.value.platform,
-            "onUpdate:modelValue": a[11] || (a[11] = (C) => o.value.platform = C),
+            "onUpdate:modelValue": a[11] || (a[11] = (y) => o.value.platform = y),
             label: "upload",
-            "last-upload-date": (ee = o.value.platform) == null ? void 0 : ee.lastUploadDate
+            "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(f(m)("report.integration.items")), 1),
@@ -1234,16 +1234,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             })
           ]),
           t("div", Do, [
-            (c(!0), F(L, null, X((ae = (oe = (te = o.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.items, (C, M) => (c(), K(A, {
-              key: `item-${M}`,
-              modelValue: o.value.platform.mappings.items[M],
-              "onUpdate:modelValue": (q) => o.value.platform.mappings.items[M] = q,
+            (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, {
+              key: `item-${U}`,
+              modelValue: o.value.platform.mappings.items[U],
+              "onUpdate:modelValue": (O) => o.value.platform.mappings.items[U] = O,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => _("items", M)
+              onRemove: () => b("items", U)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Uo, [
@@ -1255,16 +1255,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             })
           ]),
           t("div", Io, [
-            (c(!0), F(L, null, X((se = (ne = (le = o.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.taxes, (C, M) => (c(), K(A, {
-              key: `tax-${M}`,
-              modelValue: o.value.platform.mappings.taxes[M],
-              "onUpdate:modelValue": (q) => o.value.platform.mappings.taxes[M] = q,
+            (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, {
+              key: `tax-${U}`,
+              modelValue: o.value.platform.mappings.taxes[U],
+              "onUpdate:modelValue": (O) => o.value.platform.mappings.taxes[U] = O,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => _("taxes", M)
+              onRemove: () => b("taxes", U)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Mo, [
@@ -1275,40 +1275,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               onClick: a[14] || (a[14] = () => u("payments"))
             })
           ]),
-          (c(!0), F(L, null, X((S = (U = (ie = o.value) == null ? void 0 : ie.platform) == null ? void 0 : U.mappings) == null ? void 0 : S.payments, (C, M) => (c(), F("div", {
-            key: `payment-${M}`,
+          (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", {
+            key: `payment-${U}`,
             class: "grid-cols-1 grid gap-x-16"
           }, [
-            t("div", Ao, [
-              i(Y, {
-                "model-value": !o.value.platform.mappings.payments[M].skip,
-                value: "",
-                "onUpdate:modelValue": (q) => {
-                  var re, ye;
-                  (ye = (re = o.value.platform) == null ? void 0 : re.mappings) != null && ye.payments[M] && (o.value.platform.mappings.payments[M].skip = !q);
-                }
-              }, null, 8, ["model-value", "onUpdate:modelValue"]),
-              i(A, {
-                modelValue: o.value.platform.mappings.payments[M],
-                "onUpdate:modelValue": (q) => o.value.platform.mappings.payments[M] = q,
-                options: {
-                  key: { placeholder: "Key", editable: !0 },
-                  method: { placeholder: "Method", editable: !0 },
-                  account: { placeholder: "Account code", editable: !0 }
-                },
-                removable: !0,
-                onRemove: () => _("payments", M)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"])
-            ])
+            i(K, {
+              modelValue: o.value.platform.mappings.payments[U],
+              "onUpdate:modelValue": (O) => o.value.platform.mappings.payments[U] = O,
+              options: {
+                key: { placeholder: "Key", editable: !0 },
+                method: { placeholder: "Method", editable: !0 },
+                account: { placeholder: "Account code", editable: !0 }
+              },
+              removable: !0,
+              onRemove: () => b("payments", U)
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"])
           ]))), 128))
         ])
-      ])) : R("", !0);
+      ])) : N("", !0);
     };
   }
-}), No = { class: "h-full flex flex-col gap-16" }, Ro = { class: "flex flex-row gap-2 justify-between items-center" }, Oo = {
+}), Po = { class: "h-full flex flex-col gap-16" }, No = { class: "flex flex-row gap-2 justify-between items-center" }, Ro = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Bo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, jo = /* @__PURE__ */ H({
+}, Oo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bo = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -1316,10 +1306,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const o = B([]), e = z(
-      () => o.value.reduce((d, h) => {
-        const _ = d.length, { invoice: u, payments: p } = h;
-        d[_] = {
+    const o = B([]), e = Y(
+      () => o.value.reduce((d, k) => {
+        const b = d.length, { invoice: u, payments: p } = k;
+        d[b] = {
           no: u.number,
           date: u.date,
           contact: u._contact_name,
@@ -1327,21 +1317,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           title: u.title
         };
         for (let r = 0; r < Math.max(u.form_items.length, p.length); r++) {
-          const y = _ + r;
-          d[y] || (d[y] = {});
-          const V = u.form_items[r];
-          V && (d[y] = {
-            ...d[y],
-            itemDescription: V.description,
-            itemQuantity: V.quantity,
-            itemUnitPrice: V.unit_price,
-            itemAccount: V._account_name,
-            itemTaxCode: V._tax_code_name,
-            itemDiscount: V.discount
+          const x = b + r;
+          d[x] || (d[x] = {});
+          const $ = u.form_items[r];
+          $ && (d[x] = {
+            ...d[x],
+            itemDescription: $.description,
+            itemQuantity: $.quantity,
+            itemUnitPrice: $.unit_price,
+            itemAccount: $._account_name,
+            itemTaxCode: $._tax_code_name,
+            itemDiscount: $.discount
           });
           const l = p[r];
-          l && (d[y] = {
-            ...d[y],
+          l && (d[x] = {
+            ...d[x],
             paymentNo: l.number,
             paymentMethod: l.deposit_items[0]._payment_method_name,
             paymentAccount: l.deposit_items[0]._account_name,
@@ -1352,7 +1342,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
         return d;
       }, [])
-    ), { t: n } = W(), k = [
+    ), { t: n } = J(), V = [
       {
         accessorKey: "date",
         header: () => I(
@@ -1446,17 +1436,17 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Skip",
         enableSorting: !1
       }
-    ], b = Q(g, "modelValue"), x = B(!1), D = fe(), { dateRange: w } = De(ue());
-    ge(
-      () => w.value,
+    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
+    ve(
+      () => h.value,
       async () => {
-        if (b.value._id)
+        if (w.value._id)
           try {
-            x.value = !0, o.value = await Ce(b.value._id);
+            _.value = !0, o.value = await $e(w.value._id);
           } catch (d) {
-            D.open({ message: d.message, type: "error" });
+            F.open({ message: d.message, type: "error" });
           } finally {
-            x.value = !1;
+            _.value = !1;
           }
       },
       {
@@ -1465,42 +1455,42 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function m() {
       try {
-        b.value._id ? (x.value = !0, await Ae(b.value._id), D.open({ message: n("report.integration.preview.uploadSuccess"), type: "success" })) : D.open({ message: n("report.integration.error.invalid"), type: "error" });
+        w.value._id ? (_.value = !0, await Ae(w.value._id), F.open({ message: n("report.integration.preview.uploadSuccess"), type: "success" })) : F.open({ message: n("report.integration.error.invalid"), type: "error" });
       } catch (d) {
-        D.open({ message: d.message, type: "error" });
+        F.open({ message: d.message, type: "error" });
       } finally {
-        x.value = !1;
+        _.value = !1;
       }
     }
-    return (d, h) => {
-      const _ = $("FmButton"), u = $("FmCircularProgress"), p = $("FmTable");
-      return c(), F("div", No, [
-        t("div", Ro, [
-          i(Ue, {
-            "date-range": f(w),
-            "onUpdate:dateRange": h[0] || (h[0] = (r) => he(w) ? w.value = r : null),
+    return (d, k) => {
+      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
+      return c(), C("div", Po, [
+        t("div", No, [
+          i(Fe, {
+            "date-range": f(h),
+            "onUpdate:dateRange": k[0] || (k[0] = (r) => be(h) ? h.value = r : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(_, {
-            loading: x.value,
+          i(b, {
+            loading: _.value,
             variant: "primary",
             label: f(n)("report.common.upload"),
             onClick: m
           }, null, 8, ["loading", "label"])
         ]),
-        x.value ? (c(), F("div", Oo, [
+        _.value ? (c(), C("div", Ro, [
           i(u, { size: "xl" }),
-          t("span", Bo, T(f(n)("report.integration.preview.loading")), 1)
-        ])) : e.value.length > 0 ? (c(), K(p, {
+          t("span", Oo, T(f(n)("report.integration.preview.loading")), 1)
+        ])) : e.value.length > 0 ? (c(), M(p, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
-          "column-defs": k
-        }, null, 8, ["row-data"])) : R("", !0)
+          "column-defs": V
+        }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
   }
-}), Lo = { class: "h-full relative flex flex-col" }, Eo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, zo = /* @__PURE__ */ H({
+}), jo = { class: "h-full relative flex flex-col" }, Lo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Eo = /* @__PURE__ */ q({
   __name: "Bukku",
   props: {
     modelValue: {},
@@ -1508,7 +1498,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = B("setting"), k = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -1519,49 +1509,49 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], b = pe(), x = z(() => {
+    ], w = de(), _ = Y(() => {
       switch (n.value) {
         case "preview":
-          return jo;
+          return Bo;
         case "setting":
-          return Po;
+          return Ao;
         default:
           return null;
       }
     });
-    return (D, w) => {
-      var h;
-      const m = $("FmPageHead"), d = $("FmTabs");
-      return c(), F("div", Lo, [
+    return (F, h) => {
+      var k;
+      const m = S("FmPageHead"), d = S("FmTabs");
+      return c(), C("div", jo, [
         i(m, {
-          title: ((h = e.value) == null ? void 0 : h.name) || "Bukku",
+          title: ((k = e.value) == null ? void 0 : k.name) || "Bukku",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(b).back
+          "onClick:back": f(w).back
         }, {
-          description: xe(() => w[2] || (w[2] = [
+          description: ge(() => h[2] || (h[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         i(d, {
           "model-value": n.value,
-          "onUpdate:modelValue": w[0] || (w[0] = (_) => n.value = _),
-          items: k
+          "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
+          items: V
         }, null, 8, ["model-value"]),
-        t("div", Eo, [
-          (c(), K(be(x.value), {
+        t("div", Lo, [
+          (c(), M(xe(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": w[1] || (w[1] = (_) => e.value = _)
+            "onUpdate:modelValue": h[1] || (h[1] = (b) => e.value = b)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), Yo = {
+}), zo = {
   key: 0,
   class: "flex flex-col h-full"
-}, 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__ */ H({
+}, 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({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -1569,34 +1559,34 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = fe(), k = we(), b = pe(), { promptLoader: x } = ke(), { promptMessage: D } = Fe(), { restaurants: w } = ue(), m = z(
-      () => w.map((l) => ({ label: l.name, value: l.id }))
+    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), V = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
+      () => h.map((l) => ({ label: l.name, value: l.id }))
     );
     async function d() {
-      await D({
+      await F({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
-      }) && await x(async () => {
+      }) && await _(async () => {
         try {
-          await Ve(e.value._id), await k.getSettings(), b.back();
+          await he(e.value._id), await V.getSettings(), w.back();
         } catch (a) {
           n.open({ type: "error", message: a.message });
         }
       });
     }
-    async function h() {
-      await x(async () => {
+    async function k() {
+      await _(async () => {
         try {
-          await $e(e.value._id, e.value), await k.getSettings();
+          await ke(e.value._id, e.value), await V.getSettings();
         } catch (l) {
           n.open({ type: "error", message: l.message });
         }
       });
     }
-    function _(l, a) {
+    function b(l, a) {
       var v, s;
       (s = (v = e.value.platform) == null ? void 0 : v.mappings) != null && s[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
-        (P, N) => N !== a
+        (A, P) => P !== a
       ));
     }
     function u(l) {
@@ -1616,15 +1606,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     const p = [
       {
         label: "By day",
-        value: ve.BY_DAY
+        value: fe.BY_DAY
       },
       {
         label: "By invoice",
-        value: ve.BY_INVOICE
+        value: fe.BY_INVOICE
       },
       {
         label: "By day and category",
-        value: ve.BY_DAY_CATEGORY
+        value: fe.BY_DAY_CATEGORY
       }
     ];
     function r({
@@ -1634,36 +1624,36 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       var v, s;
       (s = (v = e.value) == null ? void 0 : v.platform) != null && s.mappings && (e.value.platform.mappings[l] = a);
     }
-    function y(l) {
+    function x(l) {
       return {
         key: { placeholder: l, editable: !1 },
         account: { placeholder: l, editable: !0 }
       };
     }
-    async function V() {
-      await x(async () => {
+    async function $() {
+      await _(async () => {
         try {
-          await Se(e.value._id), await k.getSettings();
+          await Ve(e.value._id), await V.getSettings();
         } catch (l) {
           n.open({ type: "error", message: l.message });
         }
       });
     }
     return (l, a) => {
-      var Y, J, O, j, E, Z, ee, te, oe, ae, le, ne, se, ie;
-      const v = $("FmIcon"), s = $("FmButton"), P = $("FmMenuDivider"), N = $("FmTextField"), G = $("FmSelect");
-      return (J = (Y = e.value) == null ? void 0 : Y.platform) != null && J.mappings ? (c(), F("div", Yo, [
-        t("div", qo, [
-          t("div", Ho, [
+      var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
+      const v = 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, [
             a[14] || (a[14] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Xo, [
-              t("div", Qo, [
+            t("div", Ho, [
+              t("div", Xo, [
                 i(v, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: V
+                  onClick: $
                 }),
-                t("span", Go, T(f(o)("report.integration.autoCount.repopulate")), 1)
+                t("span", Qo, T(f(o)("report.integration.autoCount.repopulate")), 1)
               ]),
               i(s, {
                 variant: "tertiary",
@@ -1673,41 +1663,41 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               i(s, {
                 variant: "primary",
                 label: f(o)("report.common.update"),
-                onClick: h
+                onClick: k
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        i(P, { style: { margin: 0 } }),
-        t("div", Jo, [
-          t("div", Wo, [
-            t("div", Zo, T(f(o)("report.integration.autocount.general")), 1),
-            t("div", ea, [
-              t("div", ta, T(f(o)("report.common.name")), 1),
-              t("div", oa, [
-                i(N, {
+        i(A, { style: { margin: 0 } }),
+        t("div", Go, [
+          t("div", Jo, [
+            t("div", Wo, T(f(o)("report.integration.autocount.general")), 1),
+            t("div", Zo, [
+              t("div", ea, T(f(o)("report.common.name")), 1),
+              t("div", ta, [
+                i(P, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": a[0] || (a[0] = (U) => e.value.name = U)
+                  "onUpdate:modelValue": a[0] || (a[0] = (D) => e.value.name = D)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", aa, [
-              t("div", la, T(f(o)("report.integration.location")), 1),
-              i(G, {
+            t("div", oa, [
+              t("div", aa, T(f(o)("report.integration.location")), 1),
+              i(Q, {
                 modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": a[1] || (a[1] = (U) => e.value.platform.locationIds = U),
+                "onUpdate:modelValue": a[1] || (a[1] = (D) => e.value.platform.locationIds = D),
                 multiselect: !0,
                 items: m.value,
                 placeholder: "Select location",
                 class: "flex-grow",
-                rules: [(U) => U.length !== 0 || "Please select at least 1 location"]
+                rules: [(D) => D.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
-            t("div", na, [
-              t("div", sa, T(f(o)("report.integration.autoCount.grouping.title")), 1),
-              i(G, {
+            t("div", la, [
+              t("div", na, T(f(o)("report.integration.autoCount.grouping.title")), 1),
+              i(Q, {
                 modelValue: e.value.platform.grouping,
-                "onUpdate:modelValue": a[2] || (a[2] = (U) => e.value.platform.grouping = U),
+                "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
                 multiselect: !1,
                 items: p,
                 placeholder: "Select grouping",
@@ -1715,65 +1705,65 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", ia, [
-            t("div", ra, [
-              i(A, {
+          t("div", sa, [
+            t("div", ia, [
+              i(K, {
                 "model-value": { key: "Project", account: e.value.platform.mappings.project },
-                options: y("Project"),
-                "onUpdate:modelValue": a[3] || (a[3] = (U) => r({ key: "project", value: U.account }))
+                options: x("Project"),
+                "onUpdate:modelValue": a[3] || (a[3] = (D) => r({ key: "project", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
-                options: y("Debtor"),
-                "onUpdate:modelValue": a[4] || (a[4] = (U) => r({ key: "debtor", value: U.account }))
+                options: x("Debtor"),
+                "onUpdate:modelValue": a[4] || (a[4] = (D) => r({ key: "debtor", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Invoice no",
                   account: e.value.platform.mappings.invoiceDocNo
                 },
-                options: y("Invoice no"),
-                "onUpdate:modelValue": a[5] || (a[5] = (U) => r({ key: "invoiceDocNo", value: U.account }))
+                options: x("Invoice no"),
+                "onUpdate:modelValue": a[5] || (a[5] = (D) => r({ key: "invoiceDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: e.value.platform.mappings.creditNoteDocNo
                 },
-                options: y("Credit note no"),
-                "onUpdate:modelValue": a[6] || (a[6] = (U) => r({ key: "creditNoteDocNo", value: U.account }))
+                options: x("Credit note no"),
+                "onUpdate:modelValue": a[6] || (a[6] = (D) => r({ key: "creditNoteDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Payment no",
                   account: e.value.platform.mappings.paymentDocNo
                 },
-                options: y("Payment no"),
-                "onUpdate:modelValue": a[7] || (a[7] = (U) => r({ key: "paymentDocNo", value: U.account }))
+                options: x("Payment no"),
+                "onUpdate:modelValue": a[7] || (a[7] = (D) => r({ key: "paymentDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Refund no",
                   account: e.value.platform.mappings.refundDocNo
                 },
-                options: y("Refund no"),
-                "onUpdate:modelValue": a[8] || (a[8] = (U) => r({ key: "refundDocNo", value: U.account }))
+                options: x("Refund no"),
+                "onUpdate:modelValue": a[8] || (a[8] = (D) => r({ key: "refundDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Rounding",
                   account: e.value.platform.mappings.rounding.account
                 },
-                options: y("Rounding"),
-                "onUpdate:modelValue": a[9] || (a[9] = (U) => {
-                  var S, C, M;
-                  (M = (C = (S = e.value) == null ? void 0 : S.platform) == null ? void 0 : C.mappings) != null && M.rounding && (e.value.platform.mappings.rounding.account = U.account);
+                options: x("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);
                 })
               }, null, 8, ["model-value", "options"]),
-              (c(!0), F(L, null, X((E = (j = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : j.mappings) == null ? void 0 : E.charges, (U, S) => (c(), K(A, {
-                key: `charge-${S}`,
-                modelValue: e.value.platform.mappings.charges[S],
-                "onUpdate:modelValue": (C) => e.value.platform.mappings.charges[S] = C,
+              (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,
                 options: {
                   key: { placeholder: "Key", editable: !1 },
                   account: { placeholder: "Account code", editable: !0 }
@@ -1781,82 +1771,82 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
             ])
           ]),
-          i(Te, {
+          i(De, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": a[10] || (a[10] = (U) => e.value.platform = U),
+            "onUpdate:modelValue": a[10] || (a[10] = (D) => e.value.platform = D),
             label: f(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
-          t("div", ma, [
-            t("div", ca, T(f(o)("report.integration.items")), 1),
+          t("div", ra, [
+            t("div", ma, T(f(o)("report.integration.items")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
               onClick: a[11] || (a[11] = () => u("items"))
             })
           ]),
-          t("div", da, [
-            (c(!0), F(L, null, X((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (U, S) => (c(), K(A, {
-              key: `item-${S}`,
-              modelValue: e.value.platform.mappings.items[S],
-              "onUpdate:modelValue": (C) => e.value.platform.mappings.items[S] = C,
+          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,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => _("items", S)
+              onRemove: () => b("items", y)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", pa, [
-            t("div", ua, T(f(o)("report.integration.taxes")), 1),
+          t("div", da, [
+            t("div", pa, T(f(o)("report.integration.taxes")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
               onClick: a[12] || (a[12] = () => u("taxes"))
             })
           ]),
-          t("div", fa, [
-            (c(!0), F(L, null, X((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (U, S) => (c(), K(A, {
-              key: `tax-${S}`,
-              modelValue: e.value.platform.mappings.taxes[S],
-              "onUpdate:modelValue": (C) => e.value.platform.mappings.taxes[S] = C,
+          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,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => _("taxes", S)
+              onRemove: () => b("taxes", y)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", va, [
-            t("div", ga, T(f(o)("report.integration.payments")), 1),
+          t("div", fa, [
+            t("div", va, T(f(o)("report.integration.payments")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
               onClick: a[13] || (a[13] = () => u("payments"))
             })
           ]),
-          t("div", ya, [
-            (c(!0), F(L, null, X((ie = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : ie.payments, (U, S) => (c(), K(A, {
-              key: `payment-${S}`,
-              modelValue: e.value.platform.mappings.payments[S],
-              "onUpdate:modelValue": (C) => e.value.platform.mappings.payments[S] = C,
+          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,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Payment name", editable: !0 }
               },
               removable: !0,
-              onRemove: () => _("payments", S)
+              onRemove: () => b("payments", y)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
-      ])) : R("", !0);
+      ])) : N("", !0);
     };
   }
-}), _a = { class: "h-full flex flex-col gap-16" }, ba = { class: "flex flex-row gap-2 justify-between items-center" }, wa = {
+}), xa = { class: "h-full flex flex-col gap-16" }, _a = { class: "flex flex-row gap-2 justify-between items-center" }, ba = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, ha = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ka = /* @__PURE__ */ H({
+}, wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ha = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -1864,10 +1854,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = B([]), n = z(
-      () => e.value.reduce((d, h) => {
-        const _ = d.length, { invoice: u, payments: p } = h;
-        d[_] = {
+    const { t: o } = J(), e = B([]), n = Y(
+      () => e.value.reduce((d, k) => {
+        const b = d.length, { invoice: u, payments: p } = k;
+        d[b] = {
           date: u.DocDate,
           docNo: u.DocNo,
           projNo: u.ProjNo,
@@ -1875,16 +1865,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           description: u.Description
         };
         for (let r = 0; r < Math.max(u._items.length, p.length); r++) {
-          const y = _ + r;
-          d[y] || (d[y] = {}), u._items[r] && (d[y] = {
-            ...d[y],
+          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[y] = {
-            ...d[y],
+          }), p[r] && (d[x] = {
+            ...d[x],
             paymentDocNo: p[r].DocNo,
             paymentMethod: p[r].paymentMethod,
             paymentDescription: p[r].Description,
@@ -1893,7 +1883,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
         return d;
       }, [])
-    ), k = [
+    ), V = [
       {
         accessorKey: "date",
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -1964,17 +1954,17 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], b = Q(g, "modelValue"), x = B(!1), D = fe(), { dateRange: w } = De(ue());
-    ge(
-      () => w.value,
+    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
+    ve(
+      () => h.value,
       async () => {
-        if (b.value._id)
+        if (w.value._id)
           try {
-            x.value = !0, e.value = await Ce(b.value._id);
+            _.value = !0, e.value = await $e(w.value._id);
           } catch (d) {
-            D.open({ message: d.message, type: "error" });
+            F.open({ message: d.message, type: "error" });
           } finally {
-            x.value = !1;
+            _.value = !1;
           }
       },
       {
@@ -1983,42 +1973,42 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function m() {
       try {
-        b.value._id ? (x.value = !0, await Pe(b.value._id)) : D.open({ message: "Invalid accounting setting", type: "error" });
+        w.value._id ? (_.value = !0, await Pe(w.value._id)) : F.open({ message: "Invalid accounting setting", type: "error" });
       } catch (d) {
-        D.open({ message: d.message, type: "error" });
+        F.open({ message: d.message, type: "error" });
       } finally {
-        x.value = !1;
+        _.value = !1;
       }
     }
-    return (d, h) => {
-      const _ = $("FmButton"), u = $("FmCircularProgress"), p = $("FmTable");
-      return c(), F("div", _a, [
-        t("div", ba, [
-          i(Ue, {
-            "date-range": f(w),
-            "onUpdate:dateRange": h[0] || (h[0] = (r) => he(w) ? w.value = r : null),
+    return (d, k) => {
+      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
+      return c(), C("div", xa, [
+        t("div", _a, [
+          i(Fe, {
+            "date-range": f(h),
+            "onUpdate:dateRange": k[0] || (k[0] = (r) => be(h) ? h.value = r : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(_, {
-            loading: x.value,
+          i(b, {
+            loading: _.value,
             variant: "primary",
             label: f(o)("report.common.download"),
             onClick: m
           }, null, 8, ["loading", "label"])
         ]),
-        x.value ? (c(), F("div", wa, [
+        _.value ? (c(), C("div", ba, [
           i(u, { size: "xl" }),
-          t("span", ha, T(f(o)("report.common.isLoading")), 1)
-        ])) : n.value.length > 0 ? (c(), K(p, {
+          t("span", wa, T(f(o)("report.common.isLoading")), 1)
+        ])) : n.value.length > 0 ? (c(), M(p, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": n.value,
-          "column-defs": k
-        }, null, 8, ["row-data"])) : R("", !0)
+          "column-defs": V
+        }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
   }
-}), Va = { class: "h-full relative flex flex-col" }, $a = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Sa = /* @__PURE__ */ H({
+}), ka = { class: "h-full relative flex flex-col" }, Va = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, $a = /* @__PURE__ */ q({
   __name: "AutoCount",
   props: {
     modelValue: {},
@@ -2026,7 +2016,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = B("setting"), k = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2037,49 +2027,49 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], b = pe(), x = z(() => {
+    ], w = de(), _ = Y(() => {
       switch (n.value) {
         case "preview":
-          return ka;
+          return ha;
         case "setting":
-          return xa;
+          return ya;
         default:
           return null;
       }
     });
-    return (D, w) => {
-      var h;
-      const m = $("FmPageHead"), d = $("FmTabs");
-      return c(), F("div", Va, [
+    return (F, h) => {
+      var k;
+      const m = S("FmPageHead"), d = S("FmTabs");
+      return c(), C("div", ka, [
         i(m, {
-          title: ((h = e.value) == null ? void 0 : h.name) || "AutoCount",
+          title: ((k = e.value) == null ? void 0 : k.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(b).back
+          "onClick:back": f(w).back
         }, {
-          description: xe(() => w[2] || (w[2] = [
+          description: ge(() => h[2] || (h[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         i(d, {
           "model-value": n.value,
-          "onUpdate:modelValue": w[0] || (w[0] = (_) => n.value = _),
-          items: k
+          "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
+          items: V
         }, null, 8, ["model-value"]),
-        t("div", $a, [
-          (c(), K(be(x.value), {
+        t("div", Va, [
+          (c(), M(xe(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": w[1] || (w[1] = (_) => e.value = _)
+            "onUpdate:modelValue": h[1] || (h[1] = (b) => e.value = b)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), Ca = {
+}), Sa = {
   key: 0,
   class: "flex flex-col h-full"
-}, 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__ */ H({
+}, 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({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -2087,34 +2077,34 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = fe(), k = we(), b = pe(), { promptLoader: x } = ke(), { promptMessage: D } = Fe(), { restaurants: w } = ue(), m = z(
-      () => w.map((l) => ({ label: l.name, value: l.id }))
+    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), V = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
+      () => h.map((l) => ({ label: l.name, value: l.id }))
     );
     async function d() {
-      await D({
+      await F({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
-      }) && await x(async () => {
+      }) && await _(async () => {
         try {
-          await Ve(e.value._id), await k.getSettings(), b.back();
+          await he(e.value._id), await V.getSettings(), w.back();
         } catch (a) {
           n.open({ type: "error", message: a.message });
         }
       });
     }
-    async function h() {
-      await x(async () => {
+    async function k() {
+      await _(async () => {
         try {
-          await $e(e.value._id, e.value), await k.getSettings();
+          await ke(e.value._id, e.value), await V.getSettings();
         } catch (l) {
           n.open({ type: "error", message: l.message });
         }
       });
     }
-    function _(l, a) {
+    function b(l, a) {
       var v, s;
       (s = (v = e.value.platform) == null ? void 0 : v.mappings) != null && s[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
-        (P, N) => N !== a
+        (A, P) => P !== a
       ));
     }
     function u(l) {
@@ -2135,15 +2125,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     const p = [
       {
         label: "By day",
-        value: ve.BY_DAY
+        value: fe.BY_DAY
       },
       {
         label: "By invoice",
-        value: ve.BY_INVOICE
+        value: fe.BY_INVOICE
       },
       {
         label: "By day and category",
-        value: ve.BY_DAY_CATEGORY
+        value: fe.BY_DAY_CATEGORY
       }
     ];
     function r({
@@ -2153,36 +2143,36 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       var v, s;
       (s = (v = e.value) == null ? void 0 : v.platform) != null && s.mappings && (e.value.platform.mappings[l] = a);
     }
-    function y(l) {
+    function x(l) {
       return {
         key: { placeholder: l, editable: !1 },
         account: { placeholder: l, editable: !0 }
       };
     }
-    async function V() {
-      await x(async () => {
+    async function $() {
+      await _(async () => {
         try {
-          await Se(e.value._id), await k.getSettings();
+          await Ve(e.value._id), await V.getSettings();
         } catch (l) {
           n.open({ type: "error", message: l.message });
         }
       });
     }
     return (l, a) => {
-      var Y, J, O, j, E, Z, ee, te, oe, ae, le, ne, se, ie;
-      const v = $("FmIcon"), s = $("FmButton"), P = $("FmMenuDivider"), N = $("FmTextField"), G = $("FmSelect");
-      return (J = (Y = e.value) == null ? void 0 : Y.platform) != null && J.mappings ? (c(), F("div", Ca, [
-        t("div", Fa, [
-          t("div", Da, [
+      var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
+      const v = 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, [
             a[15] || (a[15] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Ua, [
-              t("div", Ta, [
+            t("div", Da, [
+              t("div", Ua, [
                 i(v, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: V
+                  onClick: $
                 }),
-                t("span", Ia, T(f(o)("report.integration.sql.refreshTooltip")), 1)
+                t("span", Ta, T(f(o)("report.integration.sql.refreshTooltip")), 1)
               ]),
               i(s, {
                 variant: "tertiary",
@@ -2192,41 +2182,41 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               i(s, {
                 variant: "primary",
                 label: f(o)("report.common.update"),
-                onClick: h
+                onClick: k
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        i(P, { style: { margin: 0 } }),
-        t("div", Ma, [
-          t("div", Ka, [
-            t("div", Aa, T(f(o)("report.integration.sql.general")), 1),
-            t("div", Pa, [
-              t("div", Na, T(f(o)("report.common.name")), 1),
-              t("div", Ra, [
-                i(N, {
+        i(A, { style: { margin: 0 } }),
+        t("div", Ia, [
+          t("div", Ma, [
+            t("div", Ka, T(f(o)("report.integration.sql.general")), 1),
+            t("div", Aa, [
+              t("div", Pa, T(f(o)("report.common.name")), 1),
+              t("div", Na, [
+                i(P, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": a[0] || (a[0] = (U) => e.value.name = U)
+                  "onUpdate:modelValue": a[0] || (a[0] = (D) => e.value.name = D)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Oa, [
-              t("div", Ba, T(f(o)("report.integration.location")), 1),
-              i(G, {
+            t("div", Ra, [
+              t("div", Oa, T(f(o)("report.integration.location")), 1),
+              i(Q, {
                 modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": a[1] || (a[1] = (U) => e.value.platform.locationIds = U),
+                "onUpdate:modelValue": a[1] || (a[1] = (D) => e.value.platform.locationIds = D),
                 multiselect: !0,
                 items: m.value,
                 placeholder: "Select location",
                 class: "flex-grow",
-                rules: [(U) => U.length !== 0 || "Please select at least 1 location"]
+                rules: [(D) => D.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
-            t("div", ja, [
-              t("div", La, T(f(o)("report.integration.grouping")), 1),
-              i(G, {
+            t("div", Ba, [
+              t("div", ja, T(f(o)("report.integration.grouping")), 1),
+              i(Q, {
                 modelValue: e.value.platform.grouping,
-                "onUpdate:modelValue": a[2] || (a[2] = (U) => e.value.platform.grouping = U),
+                "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
                 multiselect: !1,
                 items: p,
                 placeholder: "Select grouping",
@@ -2234,64 +2224,64 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", Ea, [
-            t("div", za, [
-              i(A, {
+          t("div", La, [
+            t("div", Ea, [
+              i(K, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
-                options: y("Debtor"),
-                "onUpdate:modelValue": a[3] || (a[3] = (U) => r({ key: "debtor", value: U.account }))
+                options: x("Debtor"),
+                "onUpdate:modelValue": a[3] || (a[3] = (D) => r({ key: "debtor", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Invoice no",
                   account: e.value.platform.mappings.invoiceDocNo
                 },
-                options: y("Invoice no"),
-                "onUpdate:modelValue": a[4] || (a[4] = (U) => r({ key: "invoiceDocNo", value: U.account }))
+                options: x("Invoice no"),
+                "onUpdate:modelValue": a[4] || (a[4] = (D) => r({ key: "invoiceDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: e.value.platform.mappings.creditNoteDocNo
                 },
-                options: y("Credit note no"),
-                "onUpdate:modelValue": a[5] || (a[5] = (U) => r({ key: "creditNoteDocNo", value: U.account }))
+                options: x("Credit note no"),
+                "onUpdate:modelValue": a[5] || (a[5] = (D) => r({ key: "creditNoteDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Payment no",
                   account: e.value.platform.mappings.paymentDocNo
                 },
-                options: y("Payment no"),
-                "onUpdate:modelValue": a[6] || (a[6] = (U) => r({ key: "paymentDocNo", value: U.account }))
+                options: x("Payment no"),
+                "onUpdate:modelValue": a[6] || (a[6] = (D) => r({ key: "paymentDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Refund no",
                   account: e.value.platform.mappings.refundDocNo
                 },
-                options: y("Refund no"),
-                "onUpdate:modelValue": a[7] || (a[7] = (U) => r({ key: "refundDocNo", value: U.account }))
+                options: x("Refund no"),
+                "onUpdate:modelValue": a[7] || (a[7] = (D) => r({ key: "refundDocNo", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Project header",
                   account: e.value.platform.mappings.projectHeader
                 },
-                options: y("Project header"),
-                "onUpdate:modelValue": a[8] || (a[8] = (U) => r({ key: "projectHeader", value: U.account }))
+                options: x("Project header"),
+                "onUpdate:modelValue": a[8] || (a[8] = (D) => r({ key: "projectHeader", value: D.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(K, {
                 "model-value": {
                   key: "Project detail",
                   account: e.value.platform.mappings.projectDetail
                 },
-                options: y("Project detail"),
-                "onUpdate:modelValue": a[9] || (a[9] = (U) => r({ key: "projectDetail", value: U.account }))
+                options: x("Project detail"),
+                "onUpdate:modelValue": a[9] || (a[9] = (D) => r({ key: "projectDetail", value: D.account }))
               }, null, 8, ["model-value", "options"])
             ]),
-            t("div", Ya, [
-              i(A, {
+            t("div", za, [
+              i(K, {
                 "model-value": {
                   key: "Rounding",
                   account: e.value.platform.mappings.rounding.account,
@@ -2302,15 +2292,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   account: { placeholder: "Account code", editable: !0 },
                   code: { placeholder: "Item code", editable: !0 }
                 },
-                "onUpdate:modelValue": a[10] || (a[10] = (U) => {
-                  var S, C, M;
-                  (M = (C = (S = e.value) == null ? void 0 : S.platform) == null ? void 0 : C.mappings) != null && M.rounding && (e.value.platform.mappings.rounding.account = U.account, e.value.platform.mappings.rounding.code = U.code);
+                "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);
                 })
               }, null, 8, ["model-value"]),
-              (c(!0), F(L, null, X((E = (j = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : j.mappings) == null ? void 0 : E.charges, (U, S) => (c(), K(A, {
-                key: `charge-${S}`,
-                modelValue: e.value.platform.mappings.charges[S],
-                "onUpdate:modelValue": (C) => e.value.platform.mappings.charges[S] = C,
+              (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,
                 options: {
                   key: { placeholder: "Key", editable: !1 },
                   account: { placeholder: "Account code", editable: !0 },
@@ -2319,83 +2309,83 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
             ])
           ]),
-          i(Te, {
+          i(De, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": a[11] || (a[11] = (U) => e.value.platform = U),
+            "onUpdate:modelValue": a[11] || (a[11] = (D) => e.value.platform = D),
             label: "email"
           }, null, 8, ["modelValue"]),
-          t("div", qa, [
-            t("div", Ha, T(f(o)("report.integration.items")), 1),
+          t("div", Ya, [
+            t("div", qa, T(f(o)("report.integration.items")), 1),
             i(s, {
               variant: "primary",
               label: f(o)("report.action.add"),
               onClick: a[12] || (a[12] = () => u("items"))
             }, null, 8, ["label"])
           ]),
-          t("div", Xa, [
-            (c(!0), F(L, null, X((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (U, S) => (c(), K(A, {
-              key: `item-${S}`,
-              modelValue: e.value.platform.mappings.items[S],
-              "onUpdate:modelValue": (C) => e.value.platform.mappings.items[S] = C,
+          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,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 },
                 code: { placeholder: "Item code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => _("items", S)
+              onRemove: () => b("items", y)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Qa, [
-            t("div", Ga, T(f(o)("report.integration.taxes")), 1),
+          t("div", Xa, [
+            t("div", Qa, T(f(o)("report.integration.taxes")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
               onClick: a[13] || (a[13] = () => u("taxes"))
             })
           ]),
-          t("div", Ja, [
-            (c(!0), F(L, null, X((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (U, S) => (c(), K(A, {
-              key: `tax-${S}`,
-              modelValue: e.value.platform.mappings.taxes[S],
-              "onUpdate:modelValue": (C) => e.value.platform.mappings.taxes[S] = C,
+          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,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => _("taxes", S)
+              onRemove: () => b("taxes", y)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Wa, [
-            t("div", Za, T(f(o)("report.integration.payments")), 1),
+          t("div", Ja, [
+            t("div", Wa, T(f(o)("report.integration.payments")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
               onClick: a[14] || (a[14] = () => u("payments"))
             })
           ]),
-          t("div", el, [
-            (c(!0), F(L, null, X((ie = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : ie.payments, (U, S) => (c(), K(A, {
-              key: `payment-${S}`,
-              modelValue: e.value.platform.mappings.payments[S],
-              "onUpdate:modelValue": (C) => e.value.platform.mappings.payments[S] = C,
+          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,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Method", editable: !0 }
               },
               removable: !0,
-              onRemove: () => _("payments", S)
+              onRemove: () => b("payments", y)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
-      ])) : R("", !0);
+      ])) : N("", !0);
     };
   }
-}), ol = { class: "h-full flex flex-col gap-16" }, al = { class: "flex flex-row gap-2 justify-between items-center" }, ll = {
+}), tl = { class: "h-full flex flex-col gap-16" }, ol = { class: "flex flex-row gap-2 justify-between items-center" }, al = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, nl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, sl = /* @__PURE__ */ H({
+}, ll = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, nl = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -2403,26 +2393,26 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = B([]), n = z(
-      () => e.value.reduce((d, h) => {
-        const _ = d.length, { invoice: u, payments: p } = h;
-        d[_] = {
+    const { t: o } = J(), e = B([]), n = Y(
+      () => e.value.reduce((d, k) => {
+        const b = d.length, { invoice: u, payments: p } = k;
+        d[b] = {
           date: u.DocDate,
           docNo: u.DocNo,
           debtor: u.Code,
           description: u.Description_HDR
         };
         for (let r = 0; r < Math.max(u._items.length, p.length); r++) {
-          const y = _ + r;
-          d[y] || (d[y] = {}), u._items[r] && (d[y] = {
-            ...d[y],
+          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[y] = {
-            ...d[y],
+          }), p[r] && (d[x] = {
+            ...d[x],
             paymentDocNo: p[r].DOCNO_Header,
             paymentMethod: p[r].PAYMENTMETHOD,
             paymentAccount: p[r].CODE,
@@ -2432,7 +2422,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
         return d;
       }, [])
-    ), k = [
+    ), V = [
       {
         accessorKey: "date",
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -2498,17 +2488,17 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], b = Q(g, "modelValue"), x = B(!1), D = fe(), { dateRange: w } = De(ue());
-    ge(
-      () => w.value,
+    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
+    ve(
+      () => h.value,
       async () => {
-        if (b.value._id)
+        if (w.value._id)
           try {
-            x.value = !0, e.value = await Ce(b.value._id);
+            _.value = !0, e.value = await $e(w.value._id);
           } catch (d) {
-            D.open({ message: d.message, type: "error" });
+            F.open({ message: d.message, type: "error" });
           } finally {
-            x.value = !1;
+            _.value = !1;
           }
       },
       {
@@ -2517,42 +2507,42 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function m() {
       try {
-        b.value._id ? (x.value = !0, await Pe(b.value._id)) : D.open({ message: "Invalid accounting setting", type: "error" });
+        w.value._id ? (_.value = !0, await Pe(w.value._id)) : F.open({ message: "Invalid accounting setting", type: "error" });
       } catch (d) {
-        D.open({ message: d.message, type: "error" });
+        F.open({ message: d.message, type: "error" });
       } finally {
-        x.value = !1;
+        _.value = !1;
       }
     }
-    return (d, h) => {
-      const _ = $("FmButton"), u = $("FmCircularProgress"), p = $("FmTable");
-      return c(), F("div", ol, [
-        t("div", al, [
-          i(Ue, {
-            "date-range": f(w),
-            "onUpdate:dateRange": h[0] || (h[0] = (r) => he(w) ? w.value = r : null),
+    return (d, k) => {
+      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
+      return c(), C("div", tl, [
+        t("div", ol, [
+          i(Fe, {
+            "date-range": f(h),
+            "onUpdate:dateRange": k[0] || (k[0] = (r) => be(h) ? h.value = r : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(_, {
-            loading: x.value,
+          i(b, {
+            loading: _.value,
             variant: "primary",
             label: f(o)("report.common.download"),
             onClick: m
           }, null, 8, ["loading", "label"])
         ]),
-        x.value ? (c(), F("div", ll, [
+        _.value ? (c(), C("div", al, [
           i(u, { size: "xl" }),
-          t("span", nl, T(f(o)("report.common.isLoading")), 1)
-        ])) : n.value.length > 0 ? (c(), K(p, {
+          t("span", ll, T(f(o)("report.common.isLoading")), 1)
+        ])) : n.value.length > 0 ? (c(), M(p, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": n.value,
-          "column-defs": k
-        }, null, 8, ["row-data"])) : R("", !0)
+          "column-defs": V
+        }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
   }
-}), il = { class: "h-full relative flex flex-col" }, rl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ml = /* @__PURE__ */ H({
+}), sl = { class: "h-full relative flex flex-col" }, il = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, rl = /* @__PURE__ */ q({
   __name: "SQL",
   props: {
     modelValue: {},
@@ -2560,7 +2550,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = B("setting"), k = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2571,66 +2561,66 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], b = pe(), x = z(() => {
+    ], w = de(), _ = Y(() => {
       switch (n.value) {
         case "preview":
-          return sl;
+          return nl;
         case "setting":
-          return tl;
+          return el;
         default:
           return null;
       }
     });
-    return (D, w) => {
-      var h;
-      const m = $("FmPageHead"), d = $("FmTabs");
-      return c(), F("div", il, [
+    return (F, h) => {
+      var k;
+      const m = S("FmPageHead"), d = S("FmTabs");
+      return c(), C("div", sl, [
         i(m, {
-          title: ((h = e.value) == null ? void 0 : h.name) || "SQL",
+          title: ((k = e.value) == null ? void 0 : k.name) || "SQL",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(b).back
+          "onClick:back": f(w).back
         }, {
-          description: xe(() => w[2] || (w[2] = [
+          description: ge(() => h[2] || (h[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         i(d, {
           "model-value": n.value,
-          "onUpdate:modelValue": w[0] || (w[0] = (_) => n.value = _),
-          items: k
+          "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
+          items: V
         }, null, 8, ["model-value"]),
-        t("div", rl, [
-          (c(), K(be(x.value), {
+        t("div", il, [
+          (c(), M(xe(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": w[1] || (w[1] = (_) => e.value = _)
+            "onUpdate:modelValue": h[1] || (h[1] = (b) => e.value = b)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), cl = {
+}), ml = {
   key: 0,
   class: "flex flex-col h-full"
-}, 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" }, kl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Vl = { 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 = {
+}, 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" }, kl = { class: "flex flex-row items-center justify-between" }, Vl = { 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 = {
   key: 0,
   class: "flex flex-row items-center max-w-[100%]"
-}, 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 = {
+}, 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 = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, en = {
+}, Zl = {
   key: 1,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, tn = {
+}, en = {
   key: 3,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, on = {
+}, tn = {
   key: 0,
   class: "flex flex-row items-center"
-}, an = /* @__PURE__ */ H({
+}, on = /* @__PURE__ */ q({
   __name: "Setting",
-  props: /* @__PURE__ */ _e({
+  props: /* @__PURE__ */ ye({
     retrievedMethods: {
       type: Object,
       required: !0
@@ -2645,53 +2635,53 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = fe(), k = we(), b = pe(), { promptLoader: x } = ke(), { promptMessage: D } = Fe(), { restaurants: w } = ue(), m = z(
-      () => w.map((V) => ({ label: V.name, value: V.id }))
+    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), V = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
+      () => h.map(($) => ({ label: $.name, value: $.id }))
     );
-    function d(V) {
+    function d($) {
       var l;
-      !((l = g.retrievedMethods) != null && l.data) || !Array.isArray(g.retrievedMethods.data) || V.forEach((a) => {
+      !((l = g.retrievedMethods) != null && l.data) || !Array.isArray(g.retrievedMethods.data) || $.forEach((a) => {
         const v = g.retrievedMethods.data.find((s) => s.value == a.id);
         v && (a.cnId = v.cnId);
       });
     }
-    async function h() {
-      await D({
+    async function k() {
+      await F({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
-      }) && await x(async () => {
+      }) && await _(async () => {
         try {
-          await Ve(e.value._id), await k.getSettings(), b.back();
+          await he(e.value._id), await V.getSettings(), w.back();
         } catch (l) {
           n.open({ type: "error", message: l.message });
         }
       });
     }
-    async function _() {
-      await x(async () => {
-        var V, l, a;
+    async function b() {
+      await _(async () => {
+        var $, l, a;
         try {
-          (a = (l = (V = e.value) == null ? void 0 : V.platform) == null ? void 0 : l.mappings) != null && a.paymentMethods && d(e.value.platform.mappings.paymentMethods), await $e(e.value._id, e.value), await k.getSettings();
+          (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) != null && a.paymentMethods && d(e.value.platform.mappings.paymentMethods), await ke(e.value._id, e.value), await V.getSettings();
         } catch (v) {
           n.open({ type: "error", message: v.message });
         }
       });
     }
-    function u(V, l) {
+    function u($, l) {
       var a, v;
-      (v = (a = e.value.platform) == null ? void 0 : a.mappings) != null && v[V] && (e.value.platform.mappings[V] = e.value.platform.mappings[V].filter(
-        (s, P) => P !== l
+      (v = (a = e.value.platform) == null ? void 0 : a.mappings) != null && v[$] && (e.value.platform.mappings[$] = e.value.platform.mappings[$].filter(
+        (s, A) => A !== l
       ));
     }
-    function p(V) {
+    function p($) {
       var l, a;
-      (a = (l = e.value.platform) == null ? void 0 : l.mappings) != null && a[V] && (e.value.platform.mappings[V] = [
-        ...e.value.platform.mappings[V],
-        V === "items" ? {
+      (a = (l = e.value.platform) == null ? void 0 : l.mappings) != null && a[$] && (e.value.platform.mappings[$] = [
+        ...e.value.platform.mappings[$],
+        $ === "items" ? {
           key: "",
           account: "",
           description: ""
-        } : V === "taxes" ? {
+        } : $ === "taxes" ? {
           key: "",
           account: "SST-"
         } : {
@@ -2703,17 +2693,17 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     const r = [
       {
         label: "By day",
-        value: ve.BY_DAY
+        value: fe.BY_DAY
       }
     ];
-    ge(
+    ve(
       () => {
-        var V, l, a;
-        return (a = (l = (V = e.value) == null ? void 0 : V.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.taxes;
+        var $, l, a;
+        return (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.taxes;
       },
-      (V) => {
-        V && V.forEach((l, a) => {
-          var P;
+      ($) => {
+        $ && $.forEach((l, a) => {
+          var A;
           const v = l.key || "";
           let s = l.account;
           if (!s && v) {
@@ -2728,7 +2718,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 s = "SST-0";
                 break;
             }
-            (P = e.value.platform) != null && P.mappings && (e.value.platform.mappings.taxes[a] = {
+            (A = e.value.platform) != null && A.mappings && (e.value.platform.mappings.taxes[a] = {
               ...l,
               account: s
             });
@@ -2736,68 +2726,68 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         });
       },
       { immediate: !0, deep: !0 }
-    ), ge(
+    ), ve(
       () => {
-        var V, l, a;
-        return (a = (l = (V = e.value) == null ? void 0 : V.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.version;
+        var $, l, a;
+        return (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.version;
       },
-      (V) => {
-        var l, a, v, s, P;
-        V === "v1" && !((v = (a = (l = e.value) == null ? void 0 : l.platform) == null ? void 0 : a.mappings) != null && v.payee) && (P = (s = e.value) == null ? void 0 : s.platform) != null && P.mappings && (e.value.platform.mappings.payee = {
+      ($) => {
+        var l, a, v, s, A;
+        $ === "v1" && !((v = (a = (l = e.value) == null ? void 0 : l.platform) == null ? void 0 : a.mappings) != null && v.payee) && (A = (s = e.value) == null ? void 0 : s.platform) != null && A.mappings && (e.value.platform.mappings.payee = {
           id: 1,
           name: ""
         });
       },
       { immediate: !0 }
     );
-    async function y() {
-      await x(async () => {
+    async function x() {
+      await _(async () => {
         try {
-          await Se(e.value._id), await k.getSettings();
-        } catch (V) {
-          n.open({ type: "error", message: V.message });
+          await Ve(e.value._id), await V.getSettings();
+        } catch ($) {
+          n.open({ type: "error", message: $.message });
         }
       });
     }
-    return (V, l) => {
-      var J, O, j, E, Z, ee, te, oe, ae, le, ne, se, ie, U;
-      const a = $("FmIcon"), v = $("FmButton"), s = $("FmSelect"), P = $("FmMenuDivider"), N = $("FmTextField"), G = $("FmCircularProgress"), Y = $("FmCheckbox");
-      return (O = (J = e.value) == null ? void 0 : J.platform) != null && O.mappings ? (c(), F("div", cl, [
-        t("div", dl, [
-          t("div", pl, [
-            t("div", ul, T(f(o)("report.integration.connect")), 1),
-            t("div", fl, [
-              t("div", vl, [
-                t("div", gl, [
+    return ($, l) => {
+      var G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, D;
+      const a = S("FmIcon"), v = 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(f(o)("report.integration.connect")), 1),
+            t("div", ul, [
+              t("div", fl, [
+                t("div", vl, [
                   i(a, {
                     name: "refresh",
                     class: "p-2 bg-gray-100 rounded-full",
-                    onClick: y
+                    onClick: x
                   }),
-                  t("span", yl, T(f(o)("report.integration.biztory.refreshTooltip")), 1)
+                  t("span", gl, T(f(o)("report.integration.biztory.refreshTooltip")), 1)
                 ]),
                 i(v, {
                   variant: "tertiary",
                   label: f(o)("report.common.delete"),
-                  onClick: h
+                  onClick: k
                 }, null, 8, ["label"]),
                 i(v, {
                   variant: "primary",
                   label: f(o)("report.common.update"),
-                  onClick: _
+                  onClick: b
                 }, null, 8, ["label"])
               ])
             ])
           ])
         ]),
-        t("div", xl, [
-          t("div", _l, T(f(o)("report.integration.biztory.authenticate")), 1),
-          t("div", bl, [
-            t("div", wl, "Biztory " + T(f(o)("report.integration.biztory.version")), 1),
-            t("div", hl, [
+        t("div", yl, [
+          t("div", xl, T(f(o)("report.integration.biztory.authenticate")), 1),
+          t("div", _l, [
+            t("div", bl, "Biztory " + T(f(o)("report.integration.biztory.version")), 1),
+            t("div", wl, [
               i(s, {
                 modelValue: e.value.platform.mappings.version,
-                "onUpdate:modelValue": l[0] || (l[0] = (S) => e.value.platform.mappings.version = S),
+                "onUpdate:modelValue": l[0] || (l[0] = (y) => e.value.platform.mappings.version = y),
                 items: [
                   { label: "v1", value: "v1" },
                   { label: "v2", value: "v2" }
@@ -2806,55 +2796,55 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          i(P, { style: { margin: 0 } }),
-          t("div", kl, [
-            t("div", Vl, [
-              t("div", $l, T(f(o)("report.integration.biztory.subdomain")), 1),
-              t("div", Sl, [
-                i(N, {
+          i(A, { style: { margin: 0 } }),
+          t("div", hl, [
+            t("div", kl, [
+              t("div", Vl, T(f(o)("report.integration.biztory.subdomain")), 1),
+              t("div", $l, [
+                i(P, {
                   modelValue: e.value.platform.subdomain,
-                  "onUpdate:modelValue": l[1] || (l[1] = (S) => e.value.platform.subdomain = S),
+                  "onUpdate:modelValue": l[1] || (l[1] = (y) => e.value.platform.subdomain = y),
                   placeholder: "Subdomain"
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Cl, [
-              t("div", Fl, T(f(o)("report.integration.biztory.apiKey")), 1),
-              t("div", Dl, [
-                i(N, {
+            t("div", Sl, [
+              t("div", Cl, T(f(o)("report.integration.biztory.apiKey")), 1),
+              t("div", Fl, [
+                i(P, {
                   modelValue: e.value.platform.api_key,
-                  "onUpdate:modelValue": l[2] || (l[2] = (S) => e.value.platform.api_key = S),
+                  "onUpdate:modelValue": l[2] || (l[2] = (y) => e.value.platform.api_key = y),
                   placeholder: "API Key"
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Ul, [
-              t("div", Tl, T(f(o)("report.integration.biztory.general")), 1),
-              t("div", Il, [
-                t("div", Ml, T(f(o)("report.common.name")), 1),
-                t("div", Kl, [
-                  i(N, {
+            t("div", Dl, [
+              t("div", Ul, T(f(o)("report.integration.biztory.general")), 1),
+              t("div", Tl, [
+                t("div", Il, T(f(o)("report.common.name")), 1),
+                t("div", Ml, [
+                  i(P, {
                     modelValue: e.value.name,
-                    "onUpdate:modelValue": l[3] || (l[3] = (S) => e.value.name = S)
+                    "onUpdate:modelValue": l[3] || (l[3] = (y) => e.value.name = y)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
-              t("div", Al, [
-                t("div", Pl, T(f(o)("report.common.location")), 1),
+              t("div", Kl, [
+                t("div", Al, T(f(o)("report.common.location")), 1),
                 i(s, {
                   modelValue: e.value.platform.locationIds,
-                  "onUpdate:modelValue": l[4] || (l[4] = (S) => e.value.platform.locationIds = S),
+                  "onUpdate:modelValue": l[4] || (l[4] = (y) => e.value.platform.locationIds = y),
                   multiselect: !0,
                   items: m.value,
                   placeholder: f(o)("report.common.location"),
                   class: "flex-grow"
                 }, null, 8, ["modelValue", "items", "placeholder"])
               ]),
-              t("div", Nl, [
-                t("div", Rl, T(f(o)("report.integration.biztory.grouping")), 1),
+              t("div", Pl, [
+                t("div", Nl, T(f(o)("report.integration.biztory.grouping")), 1),
                 i(s, {
                   modelValue: e.value.platform.grouping,
-                  "onUpdate:modelValue": l[5] || (l[5] = (S) => e.value.platform.grouping = S),
+                  "onUpdate:modelValue": l[5] || (l[5] = (y) => e.value.platform.grouping = y),
                   multiselect: !1,
                   items: r,
                   placeholder: f(o)("report.integration.biztory.grouping"),
@@ -2862,106 +2852,106 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   disabled: ""
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
-              e.value.platform.mappings.version == "v1" ? (c(), F("div", Ol, [
+              e.value.platform.mappings.version == "v1" ? (c(), C("div", Rl, [
                 l[13] || (l[13] = t("div", { class: "w-[33%]" }, "Payee ID", -1)),
-                e.value.platform.mappings.version == "v1" ? (c(), K(A, {
+                e.value.platform.mappings.version == "v1" ? (c(), M(K, {
                   key: 0,
                   modelValue: e.value.platform.mappings.payee,
-                  "onUpdate:modelValue": l[6] || (l[6] = (S) => e.value.platform.mappings.payee = S),
+                  "onUpdate:modelValue": l[6] || (l[6] = (y) => e.value.platform.mappings.payee = y),
                   options: {
                     id: { placeholder: "ID", editable: !0 }
                   },
                   removable: !1
-                }, null, 8, ["modelValue"])) : R("", !0)
-              ])) : R("", !0)
+                }, null, 8, ["modelValue"])) : N("", !0)
+              ])) : N("", !0)
             ]),
-            t("div", Bl, [
-              t("div", jl, [
-                !g.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (c(), K(G, {
+            t("div", Ol, [
+              t("div", Bl, [
+                !g.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (c(), M(Q, {
                   key: 0,
                   size: "xl"
-                })) : R("", !0),
-                g.retrievedCustomers.isLoaded && g.retrievedCustomers.data && ((j = g.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (c(), F("div", Ll, [
-                  e.value.platform.mappings.version == "v2" ? (c(), K(Me, {
+                })) : N("", !0),
+                g.retrievedCustomers.isLoaded && g.retrievedCustomers.data && ((j = g.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (c(), C("div", jl, [
+                  e.value.platform.mappings.version == "v2" ? (c(), M(Me, {
                     key: 0,
                     modelValue: e.value.platform.mappings.payeeId,
-                    "onUpdate:modelValue": l[7] || (l[7] = (S) => e.value.platform.mappings.payeeId = S),
+                    "onUpdate:modelValue": l[7] || (l[7] = (y) => e.value.platform.mappings.payeeId = y),
                     options: {
                       key: { placeholder: "Payee", editable: !1 },
                       customer: {
                         placeholder: "Select payee",
                         editable: !0,
-                        dropdownOptions: ((E = g.retrievedCustomers) == null ? void 0 : E.data) ?? []
+                        dropdownOptions: ((z = g.retrievedCustomers) == null ? void 0 : z.data) ?? []
                       }
                     },
                     removable: !1,
                     "single-value-mode": ""
-                  }, null, 8, ["modelValue", "options"])) : R("", !0)
-                ])) : R("", !0)
+                  }, null, 8, ["modelValue", "options"])) : N("", !0)
+                ])) : N("", !0)
               ])
             ]),
-            i(Te, {
+            i(De, {
               modelValue: e.value.platform,
-              "onUpdate:modelValue": l[8] || (l[8] = (S) => e.value.platform = S),
+              "onUpdate:modelValue": l[8] || (l[8] = (y) => e.value.platform = y),
               label: "upload",
-              "last-upload-date": (Z = e.value.platform) == null ? void 0 : Z.lastUploadDate
+              "last-upload-date": (W = e.value.platform) == null ? void 0 : W.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
-            t("div", El, [
-              t("div", zl, T(f(o)("report.integration.biztory.items")), 1),
+            t("div", Ll, [
+              t("div", El, T(f(o)("report.integration.biztory.items")), 1),
               i(v, {
                 variant: "primary",
                 icon: "add",
                 onClick: l[9] || (l[9] = () => p("items"))
               })
             ]),
-            t("div", Yl, [
-              (c(!0), F(L, null, X((oe = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : oe.items, (S, C) => (c(), K(A, {
-                key: `item-${C}`,
-                modelValue: e.value.platform.mappings.items[C],
-                "onUpdate:modelValue": (M) => e.value.platform.mappings.items[C] = M,
+            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, {
+                key: `item-${U}`,
+                modelValue: e.value.platform.mappings.items[U],
+                "onUpdate:modelValue": (O) => e.value.platform.mappings.items[U] = O,
                 options: {
                   key: { placeholder: "Key", editable: !0 },
                   code: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => u("items", C)
+                onRemove: () => u("items", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", ql, [
-              t("div", Hl, T(f(o)("report.integration.biztory.taxes")), 1),
+            t("div", Yl, [
+              t("div", ql, T(f(o)("report.integration.biztory.taxes")), 1),
               i(v, {
                 variant: "primary",
                 icon: "add",
                 onClick: l[10] || (l[10] = () => p("taxes"))
               })
             ]),
-            t("div", Xl, [
-              (c(!0), F(L, null, X((ne = (le = (ae = e.value) == null ? void 0 : ae.platform) == null ? void 0 : le.mappings) == null ? void 0 : ne.taxes, (S, C) => (c(), K(A, {
-                key: `tax-${C}`,
-                modelValue: e.value.platform.mappings.taxes[C],
-                "onUpdate:modelValue": (M) => e.value.platform.mappings.taxes[C] = M,
+            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, {
+                key: `tax-${U}`,
+                modelValue: e.value.platform.mappings.taxes[U],
+                "onUpdate:modelValue": (O) => e.value.platform.mappings.taxes[U] = O,
                 options: {
                   key: { placeholder: "Key", editable: !0 },
                   account: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => u("taxes", C)
+                onRemove: () => u("taxes", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", Ql, [
-              t("div", Gl, T(f(o)("report.integration.biztory.payments")), 1),
+            t("div", Xl, [
+              t("div", Ql, T(f(o)("report.integration.biztory.payments")), 1),
               i(v, {
                 variant: "primary",
                 icon: "add",
                 onClick: l[11] || (l[11] = () => p("paymentMethods"))
               })
             ]),
-            t("div", Jl, [
+            t("div", Gl, [
               l[14] || (l[14] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
-              t("div", Wl, [
-                i(A, {
+              t("div", Jl, [
+                i(K, {
                   modelValue: e.value.platform.mappings.paymentTerm,
-                  "onUpdate:modelValue": l[12] || (l[12] = (S) => e.value.platform.mappings.paymentTerm = S),
+                  "onUpdate:modelValue": l[12] || (l[12] = (y) => e.value.platform.mappings.paymentTerm = y),
                   options: {
                     id: { placeholder: "ID", editable: !0 },
                     name: { placeholder: "Name", editable: !0 }
@@ -2970,31 +2960,31 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            g.retrievedMethods.isError ? R("", !0) : (c(), F("div", Zl, T(f(o)("report.integration.biztory.paymentTerm")), 1)),
-            g.retrievedMethods.isLoaded && g.retrievedMethods.data && g.retrievedMethods.data.length == 0 && !g.retrievedMethods.isError ? (c(), F("span", en, T(f(o)("report.integration.biztory.noPaymentMethods")), 1)) : R("", !0),
-            g.retrievedMethods.isLoaded ? R("", !0) : (c(), K(G, {
+            g.retrievedMethods.isError ? N("", !0) : (c(), C("div", Wl, T(f(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(f(o)("report.integration.biztory.noPaymentMethods")), 1)) : N("", !0),
+            g.retrievedMethods.isLoaded ? N("", !0) : (c(), M(Q, {
               key: 2,
               size: "xl"
             })),
-            g.retrievedMethods.isError ? (c(), F("span", tn, T(f(o)("report.integration.biztory.error")), 1)) : R("", !0),
-            (c(!0), F(L, null, X((U = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : U.paymentMethods, (S, C) => {
-              var M;
-              return c(), F("div", {
-                key: `payment-${C}`,
+            g.retrievedMethods.isError ? (c(), C("span", en, T(f(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) => {
+              var O;
+              return c(), C("div", {
+                key: `payment-${U}`,
                 class: "grid-cols-1 grid gap-x-16"
               }, [
-                g.retrievedMethods.isLoaded && g.retrievedMethods.data && ((M = g.retrievedMethods.data) == null ? void 0 : M.length) != 0 ? (c(), F("div", on, [
-                  i(Y, {
-                    "model-value": !e.value.platform.mappings.paymentMethods[C].skip,
+                g.retrievedMethods.isLoaded && g.retrievedMethods.data && ((O = g.retrievedMethods.data) == null ? void 0 : O.length) != 0 ? (c(), C("div", tn, [
+                  i(E, {
+                    "model-value": !e.value.platform.mappings.paymentMethods[U].skip,
                     value: "",
-                    "onUpdate:modelValue": (q) => {
-                      var re, ye;
-                      (ye = (re = e.value.platform) == null ? void 0 : re.mappings) != null && ye.paymentMethods[C] && (e.value.platform.mappings.paymentMethods[C].skip = !q);
+                    "onUpdate:modelValue": (me) => {
+                      var Ue, Te;
+                      (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, {
-                    modelValue: e.value.platform.mappings.paymentMethods[C],
-                    "onUpdate:modelValue": (q) => e.value.platform.mappings.paymentMethods[C] = q,
+                    modelValue: e.value.platform.mappings.paymentMethods[U],
+                    "onUpdate:modelValue": (me) => e.value.platform.mappings.paymentMethods[U] = me,
                     options: {
                       key: {
                         placeholder: "Enter key",
@@ -3007,61 +2997,61 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       }
                     },
                     removable: !0,
-                    onRemove: () => u("paymentMethods", C)
+                    onRemove: () => u("paymentMethods", U)
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"])
-                ])) : R("", !0)
+                ])) : N("", !0)
               ]);
             }), 128))
           ])
         ])
-      ])) : R("", !0);
+      ])) : N("", !0);
     };
   }
 });
-function ln(g) {
+function an(g) {
   return g.reduce((o, e) => {
-    var b, x, D, w, m, d, h, _, u, p, r, y, V, l, a, v, s, P, N, G, Y, J;
-    const { invoice: n } = e, k = o.length;
-    o[k] = {
+    var w, _, F, h, m, d, k, b, u, p, r, x, $, l, a, v, s, A, P, Q, E, G;
+    const { invoice: n } = e, V = o.length;
+    o[V] = {
       invoice_date: n.invoice_date,
       ref_num: n.ref_num,
       grandTotal: n.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: (b = n.items[0]) == null ? void 0 : b.code,
-      item_desc: (x = n.items[0]) == null ? void 0 : x.description,
-      item_price: (D = n.items[0]) == null ? void 0 : D.price,
-      item_tax: (w = n.items[0]) == null ? void 0 : w.total_tax,
+      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: ((h = (d = n.transactions) == null ? void 0 : d[0]) == null ? void 0 : h.amount) || void 0,
-      payment_method: ((u = (_ = n.transactions) == null ? void 0 : _[0]) == null ? void 0 : u.payment_method) || "-",
+      payment_amount: ((k = (d = n.transactions) == null ? void 0 : d[0]) == null ? void 0 : k.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) || ""
     };
-    for (let O = 1; O < Math.max(((r = n.items) == null ? void 0 : r.length) || 0, ((y = n.transactions) == null ? void 0 : y.length) || 0); O++) {
-      const j = k + O;
+    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 = V + R;
       o[j] || (o[j] = {});
-      const E = n.items[O];
-      E ? o[j] = {
+      const z = n.items[R];
+      z ? o[j] = {
         ...o[j],
-        item_code: E.code,
-        item_desc: E.description,
-        item_price: E.price,
-        item_tax: E.total_tax,
-        item_tax_label: E.tax_label || "-",
-        payment_amount: ((l = (V = n.transactions) == null ? void 0 : V[O]) == null ? void 0 : l.amount) || void 0,
-        payment_method: ((v = (a = n.transactions) == null ? void 0 : a[O]) == null ? void 0 : v.payment_method) || "-",
+        item_code: z.code,
+        item_desc: z.description,
+        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: ((v = (a = n.transactions) == null ? void 0 : a[R]) == null ? void 0 : v.payment_method) || "-",
         payment_term: ((s = n == null ? void 0 : n.payment_term) == null ? void 0 : s.name) || ""
       } : o[j] = {
-        payment_amount: ((N = (P = n.transactions) == null ? void 0 : P[O]) == null ? void 0 : N.amount) || void 0,
-        payment_method: ((Y = (G = n.transactions) == null ? void 0 : G[O]) == null ? void 0 : Y.payment_method) || "-",
-        payment_term: ((J = n == null ? void 0 : n.payment_term) == null ? void 0 : J.name) || ""
+        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) || ""
       };
     }
     return o;
   }, []);
 }
-const nn = [
+const ln = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3133,34 +3123,34 @@ const nn = [
     enableSorting: !1
   }
 ];
-function sn(g) {
+function nn(g) {
   return g.reduce((o, e) => {
-    var D, w, m, d, h, _, u, p, r, y;
-    const { invoice: n, payments: k } = e, b = o.length;
-    o[b] = {
+    var F, h, m, d, k, b, u, p, r, x;
+    const { invoice: n, payments: V } = e, w = o.length;
+    o[w] = {
       invoice_date: n.invoice_date,
       ref_num: n.ref_num,
       total: n.total,
-      item_code: (D = n.items[0]) == null ? void 0 : D.code,
-      item_description: (w = n.items[0]) == null ? void 0 : w.description,
+      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: ((h = n.items[0]) == null ? void 0 : h.total_tax) ?? "",
-      service_charge_amount: ((_ = n.service_charges[0]) == null ? void 0 : _.total) ?? "",
+      item_tax_amount: ((k = n.items[0]) == null ? void 0 : k.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[b]) == null ? void 0 : u.amount) ?? "",
-      payment_method: ((p = k[0]) == null ? void 0 : p.payment_method_name) || ""
+      payment_term_amount: ((u = n.terms[w]) == null ? void 0 : u.amount) ?? "",
+      payment_method: ((p = V[0]) == null ? void 0 : p.payment_method_name) || ""
     };
-    const x = Math.max(
+    const _ = Math.max(
       ((r = n.items) == null ? void 0 : r.length) || 0,
-      ((y = n.terms) == null ? void 0 : y.length) || 0,
-      (k == null ? void 0 : k.length) || 0
+      ((x = n.terms) == null ? void 0 : x.length) || 0,
+      (V == null ? void 0 : V.length) || 0
     );
-    for (let V = 1; V < x; V++) {
-      const l = b + V;
+    for (let $ = 1; $ < _; $++) {
+      const l = w + $;
       o[l] || (o[l] = {});
-      const a = n.items[V], v = n.terms[V], s = k[V];
+      const a = n.items[$], v = n.terms[$], s = V[$];
       a ? o[l] = {
         ...o[l],
         item_code: a.code,
@@ -3180,7 +3170,7 @@ function sn(g) {
     return o;
   }, []);
 }
-const rn = [
+const sn = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3246,10 +3236,10 @@ const rn = [
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method (ID)"),
     enableSorting: !1
   }
-], mn = { class: "h-full flex flex-col gap-16" }, cn = { class: "flex flex-row gap-2 justify-between items-center" }, dn = {
+], rn = { class: "h-full flex flex-col gap-16" }, mn = { class: "flex flex-row gap-2 justify-between items-center" }, cn = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, pn = /* @__PURE__ */ H({
+}, dn = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -3257,13 +3247,13 @@ const rn = [
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const o = Q(g, "modelValue"), e = B(!1), n = fe(), { dateRange: k } = De(ue()), b = B([]);
-    ge(
-      () => k.value,
+    const o = X(g, "modelValue"), e = B(!1), n = ue(), { dateRange: V } = Ce(pe()), w = B([]);
+    ve(
+      () => V.value,
       async () => {
         if (o.value._id)
           try {
-            e.value = !0, b.value = await Ce(o.value._id);
+            e.value = !0, w.value = await $e(o.value._id);
           } catch (m) {
             n.open({ message: m.message, type: "error" });
           } finally {
@@ -3274,24 +3264,24 @@ const rn = [
         immediate: !0
       }
     );
-    const x = z(() => {
+    const _ = Y(() => {
       switch (o.value.platform.mappings.version) {
         case "v1":
-          return ln(b.value);
+          return an(w.value);
         case "v2":
-          return sn(b.value);
+          return nn(w.value);
       }
       return [];
-    }), D = z(() => {
+    }), F = Y(() => {
       switch (o.value.platform.mappings.version) {
         case "v1":
-          return nn;
+          return ln;
         case "v2":
-          return rn;
+          return sn;
       }
       return [];
     });
-    async function w() {
+    async function h() {
       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" });
       } catch (m) {
@@ -3301,34 +3291,34 @@ const rn = [
       }
     }
     return (m, d) => {
-      const h = $("FmButton"), _ = $("FmCircularProgress"), u = $("FmTable");
-      return c(), F("div", mn, [
-        t("div", cn, [
-          i(Ue, {
-            "date-range": f(k),
-            "onUpdate:dateRange": d[0] || (d[0] = (p) => he(k) ? k.value = p : null),
+      const k = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
+      return c(), C("div", rn, [
+        t("div", mn, [
+          i(Fe, {
+            "date-range": f(V),
+            "onUpdate:dateRange": d[0] || (d[0] = (p) => be(V) ? V.value = p : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(h, {
+          i(k, {
             loading: e.value,
             variant: "primary",
             label: "Upload",
-            onClick: w
+            onClick: h
           }, null, 8, ["loading"])
         ]),
-        e.value ? (c(), F("div", dn, [
-          i(_, { size: "xl" }),
+        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(), K(u, {
+        ])) : (c(), M(u, {
           key: 1,
           class: "flex overflow-scroll",
-          "row-data": x.value,
-          "column-defs": D.value
+          "row-data": _.value,
+          "column-defs": F.value
         }, null, 8, ["row-data", "column-defs"]))
       ]);
     };
   }
-}), un = { class: "h-full relative flex flex-col" }, fn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, vn = /* @__PURE__ */ H({
+}), pn = { class: "h-full relative flex flex-col" }, un = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, fn = /* @__PURE__ */ q({
   __name: "Biztory",
   props: {
     modelValue: { required: !0 },
@@ -3336,7 +3326,7 @@ const rn = [
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = B("setting"), k = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3347,86 +3337,86 @@ const rn = [
         value: "preview",
         icon: "table"
       }
-    ], b = pe(), x = z(() => {
+    ], w = de(), _ = Y(() => {
       switch (n.value) {
         case "preview":
           return {
-            component: pn
+            component: dn
           };
         case "setting":
           return {
-            component: an,
+            component: on,
             props: {
-              retrievedMethods: D.value,
-              retrievedCustomers: w.value
+              retrievedMethods: F.value,
+              retrievedCustomers: h.value
             }
           };
         default:
           return null;
       }
-    }), D = B({}), w = B({}), m = (p, r) => p.map((y) => ({
-      label: r.length > 2 ? `ID:${y[r[2]]} [${y[r[0]]}] ${y[r[1]]}` : `[${y[r[0]]}] ${y[r[1]]}`,
-      value: y.id,
-      cnId: y.cnId ? y.cnId : null
-    })), d = (p) => m(p, ["wallet", "name"]), h = (p) => m(p, ["id", "name"]), _ = async (p, r, y, V) => {
+    }), 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"]), k = (p) => m(p, ["id", "name"]), b = async (p, r, x, $) => {
       try {
         const l = await p(e.value._id);
-        y.value.data = r(l);
+        x.value.data = r(l);
       } catch (l) {
-        console.error(V, l), y.value.isError = !0;
+        console.error($, l), x.value.isError = !0;
       } finally {
-        y.value.isLoaded = !0;
+        x.value.isLoaded = !0;
       }
     }, u = async () => {
       var p, r;
-      (p = e.value.platform.mappings) != null && p.version && await _(
+      (p = e.value.platform.mappings) != null && p.version && await b(
         Ge,
         d,
-        D,
+        F,
         "Failed to fetch payment methods:"
-      ), ((r = e.value.platform.mappings) == null ? void 0 : r.version) == "v2" && await _(
+      ), ((r = e.value.platform.mappings) == null ? void 0 : r.version) == "v2" && await b(
         Je,
+        k,
         h,
-        w,
         "Failed to fetch customers:"
-      ), D.value.isLoaded = !0, w.value.isLoaded = !0;
+      ), F.value.isLoaded = !0, h.value.isLoaded = !0;
     };
-    return Ee(u), ge(() => {
+    return Ee(u), ve(() => {
       var p;
       return (p = e.value.platform.mappings) == null ? void 0 : p.version;
     }, u), (p, r) => {
       var l, a, v;
-      const y = $("FmPageHead"), V = $("FmTabs");
-      return c(), F("div", un, [
-        i(y, {
+      const x = S("FmPageHead"), $ = S("FmTabs");
+      return c(), C("div", pn, [
+        i(x, {
           title: ((l = e.value) == null ? void 0 : l.name) || "Biztory",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(b).back
+          "onClick:back": f(w).back
         }, {
-          description: xe(() => r[2] || (r[2] = [
+          description: ge(() => r[2] || (r[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(V, {
+        i($, {
           "model-value": n.value,
           "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
-          items: k
+          items: V
         }, null, 8, ["model-value"]),
-        t("div", fn, [
-          (c(), K(be((a = x.value) == null ? void 0 : a.component), Le({
+        t("div", un, [
+          (c(), M(xe((a = _.value) == null ? void 0 : a.component), Le({
             modelValue: e.value,
             "onUpdate:modelValue": r[1] || (r[1] = (s) => e.value = s)
-          }, (v = x.value) == null ? void 0 : v.props), null, 16, ["modelValue"]))
+          }, (v = _.value) == null ? void 0 : v.props), null, 16, ["modelValue"]))
         ])
       ]);
     };
   }
-}), gn = {
+}), vn = {
   key: 0,
   class: "flex flex-col h-full"
-}, yn = { class: "flex flex-col gap-16 pb-[24px]" }, xn = { class: "flex flex-row justify-between items-center gap-2" }, _n = { class: "flex flex-row gap-2 items-center" }, bn = { class: "relative group cursor-pointer" }, wn = { 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" }, hn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, kn = { class: "flex flex-col gap-16" }, Vn = { class: "fm-typo-en-title-sm-800" }, $n = { class: "flex flex-row items-center max-w-[100%]" }, Sn = { class: "w-[25%]" }, Cn = { class: "flex-grow" }, Fn = { class: "flex flex-row items-center max-w-[100%]" }, Dn = { class: "w-[25%]" }, Un = { class: "flex flex-row items-center gap-x-16" }, Tn = { class: "fm-typo-en-title-sm-800" }, In = { class: "grid-cols-1 grid gap-16" }, Mn = /* @__PURE__ */ H({
+}, 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" }, kn = { class: "fm-typo-en-title-sm-800" }, Vn = { 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({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -3434,39 +3424,39 @@ const rn = [
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = fe(), k = we(), b = pe(), { promptLoader: x } = ke(), { promptMessage: D } = Fe(), { restaurants: w } = ue(), m = z(
-      () => w.map((r) => ({ label: r.name, value: r.id }))
+    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), V = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
+      () => h.map((r) => ({ label: r.name, value: r.id }))
     );
     async function d() {
-      await D({
+      await F({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
-      }) && await x(async () => {
+      }) && await _(async () => {
         try {
-          await Ve(e.value._id), await k.getSettings(), b.back();
-        } catch (y) {
-          n.open({ type: "error", message: y.message });
+          await he(e.value._id), await V.getSettings(), w.back();
+        } catch (x) {
+          n.open({ type: "error", message: x.message });
         }
       });
     }
-    async function h() {
-      await x(async () => {
+    async function k() {
+      await _(async () => {
         try {
-          await $e(e.value._id, e.value), await k.getSettings();
+          await ke(e.value._id, e.value), await V.getSettings();
         } catch (r) {
           n.open({ type: "error", message: r.message });
         }
       });
     }
-    function _(r, y) {
-      var V, l;
-      (l = (V = e.value.platform) == null ? void 0 : V.mappings) != null && l[r] && (e.value.platform.mappings[r] = e.value.platform.mappings[r].filter(
-        (a, v) => v !== y
+    function b(r, x) {
+      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, v) => v !== x
       ));
     }
     function u(r) {
-      var y, V;
-      (V = (y = e.value.platform) == null ? void 0 : y.mappings) != null && V[r] && (e.value.platform.mappings[r] = [
+      var x, $;
+      ($ = (x = e.value.platform) == null ? void 0 : x.mappings) != null && $[r] && (e.value.platform.mappings[r] = [
         ...e.value.platform.mappings[r],
         {
           key: "",
@@ -3477,29 +3467,29 @@ const rn = [
       ]);
     }
     async function p() {
-      await x(async () => {
+      await _(async () => {
         try {
-          await Se(e.value._id), await k.getSettings();
+          await Ve(e.value._id), await V.getSettings();
         } catch (r) {
           n.open({ type: "error", message: r.message });
         }
       });
     }
-    return (r, y) => {
-      var P, N, G, Y, J;
-      const V = $("FmIcon"), l = $("FmButton"), a = $("FmMenuDivider"), v = $("FmTextField"), s = $("FmSelect");
-      return (N = (P = e.value) == null ? void 0 : P.platform) != null && N.mappings ? (c(), F("div", gn, [
-        t("div", yn, [
-          t("div", xn, [
-            y[4] || (y[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", _n, [
-              t("div", bn, [
-                i(V, {
+    return (r, x) => {
+      var A, P, Q, E, G;
+      const $ = S("FmIcon"), l = S("FmButton"), a = S("FmMenuDivider"), v = 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($, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: p
                 }),
-                t("span", wn, T(f(o)("report.integration.iflexiHrms.refreshTooltip")), 1)
+                t("span", bn, T(f(o)("report.integration.iflexiHrms.refreshTooltip")), 1)
               ]),
               i(l, {
                 variant: "tertiary",
@@ -3509,71 +3499,71 @@ const rn = [
               i(l, {
                 variant: "primary",
                 label: f(o)("report.common.update"),
-                onClick: h
+                onClick: k
               }, null, 8, ["label"])
             ])
           ])
         ]),
         i(a, { style: { margin: 0 } }),
-        t("div", hn, [
-          t("div", kn, [
-            t("div", Vn, T(f(o)("report.integration.iflexiHrms.general")), 1),
-            t("div", $n, [
-              t("div", Sn, T(f(o)("report.common.name")), 1),
-              t("div", Cn, [
+        t("div", wn, [
+          t("div", hn, [
+            t("div", kn, T(f(o)("report.integration.iflexiHrms.general")), 1),
+            t("div", Vn, [
+              t("div", $n, T(f(o)("report.common.name")), 1),
+              t("div", Sn, [
                 i(v, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": y[0] || (y[0] = (O) => e.value.name = O)
+                  "onUpdate:modelValue": x[0] || (x[0] = (R) => e.value.name = R)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Fn, [
-              t("div", Dn, T(f(o)("report.integration.location")), 1),
+            t("div", Cn, [
+              t("div", Fn, T(f(o)("report.integration.location")), 1),
               i(s, {
                 "model-value": e.value.platform.locationIds[0],
                 multiselect: !1,
                 items: m.value,
                 placeholder: "Select location",
                 class: "flex-grow",
-                "onUpdate:modelValue": y[1] || (y[1] = (O) => e.value.platform.locationIds[0] = O)
+                "onUpdate:modelValue": x[1] || (x[1] = (R) => e.value.platform.locationIds[0] = R)
               }, null, 8, ["model-value", "items"])
             ])
           ]),
-          i(Te, {
+          i(De, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": y[2] || (y[2] = (O) => e.value.platform = O),
+            "onUpdate:modelValue": x[2] || (x[2] = (R) => e.value.platform = R),
             label: f(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
-          t("div", Un, [
-            t("div", Tn, T(f(o)("report.integration.iflexiHrms.employee")), 1),
+          t("div", Dn, [
+            t("div", Un, T(f(o)("report.integration.iflexiHrms.employee")), 1),
             i(l, {
               variant: "primary",
               icon: "add",
-              onClick: y[3] || (y[3] = () => u("employees"))
+              onClick: x[3] || (x[3] = () => u("employees"))
             })
           ]),
-          t("div", In, [
-            (c(!0), F(L, null, X((J = (Y = (G = e.value) == null ? void 0 : G.platform) == null ? void 0 : Y.mappings) == null ? void 0 : J.employees, (O, j) => (c(), K(A, {
+          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, {
               key: `employee-${j}`,
               modelValue: e.value.platform.mappings.employees[j],
-              "onUpdate:modelValue": (E) => e.value.platform.mappings.employees[j] = E,
+              "onUpdate:modelValue": (z) => e.value.platform.mappings.employees[j] = z,
               options: {
                 key: { placeholder: "Name", editable: !0 },
                 badgeNo: { placeholder: "Badge No", editable: !0 },
                 employeeNo: { placeholder: "Employee No", editable: !0 }
               },
               removable: !0,
-              onRemove: () => _("employees", j)
+              onRemove: () => b("employees", j)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
-      ])) : R("", !0);
+      ])) : N("", !0);
     };
   }
-}), Kn = { class: "h-full flex flex-col gap-16" }, An = { class: "flex flex-row gap-2 justify-between items-center" }, Pn = {
+}), Mn = { class: "h-full flex flex-col gap-16" }, Kn = { class: "flex flex-row gap-2 justify-between items-center" }, An = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Nn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Rn = /* @__PURE__ */ H({
+}, Pn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Nn = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -3581,7 +3571,7 @@ const rn = [
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = B([]), n = [
+    const { t: o } = J(), e = B([]), n = [
       {
         accessorKey: "name",
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Name"),
@@ -3607,61 +3597,61 @@ const rn = [
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
         enableSorting: !1
       }
-    ], k = Q(g, "modelValue"), b = B(!1), x = fe(), { dateRange: D } = De(ue());
-    ge(
-      () => D.value,
+    ], V = X(g, "modelValue"), w = B(!1), _ = ue(), { dateRange: F } = Ce(pe());
+    ve(
+      () => F.value,
       async () => {
-        if (k.value._id)
+        if (V.value._id)
           try {
-            b.value = !0, e.value = await Ce(k.value._id);
+            w.value = !0, e.value = await $e(V.value._id);
           } catch (m) {
-            x.open({ message: m.message, type: "error" });
+            _.open({ message: m.message, type: "error" });
           } finally {
-            b.value = !1;
+            w.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    async function w() {
+    async function h() {
       try {
-        k.value._id ? (b.value = !0, await Pe(k.value._id)) : x.open({ message: "Invalid setting", type: "error" });
+        V.value._id ? (w.value = !0, await Pe(V.value._id)) : _.open({ message: "Invalid setting", type: "error" });
       } catch (m) {
-        x.open({ message: m.message, type: "error" });
+        _.open({ message: m.message, type: "error" });
       } finally {
-        b.value = !1;
+        w.value = !1;
       }
     }
     return (m, d) => {
-      const h = $("FmButton"), _ = $("FmCircularProgress"), u = $("FmTable");
-      return c(), F("div", Kn, [
-        t("div", An, [
-          i(Ue, {
-            "date-range": f(D),
-            "onUpdate:dateRange": d[0] || (d[0] = (p) => he(D) ? D.value = p : null),
+      const k = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
+      return c(), C("div", Mn, [
+        t("div", Kn, [
+          i(Fe, {
+            "date-range": f(F),
+            "onUpdate:dateRange": d[0] || (d[0] = (p) => be(F) ? F.value = p : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(h, {
-            loading: b.value,
+          i(k, {
+            loading: w.value,
             variant: "primary",
             label: f(o)("report.common.download"),
-            onClick: w
+            onClick: h
           }, null, 8, ["loading", "label"])
         ]),
-        b.value ? (c(), F("div", Pn, [
-          i(_, { size: "xl" }),
-          t("span", Nn, T(f(o)("report.common.isLoading")), 1)
-        ])) : e.value.length > 0 ? (c(), K(u, {
+        w.value ? (c(), C("div", An, [
+          i(b, { size: "xl" }),
+          t("span", Pn, T(f(o)("report.common.isLoading")), 1)
+        ])) : e.value.length > 0 ? (c(), M(u, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
           "column-defs": n
-        }, null, 8, ["row-data"])) : R("", !0)
+        }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
   }
-}), On = { class: "h-full relative flex flex-col" }, Bn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, jn = /* @__PURE__ */ H({
+}), Rn = { class: "h-full relative flex flex-col" }, On = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Bn = /* @__PURE__ */ q({
   __name: "IFlexiHRMS",
   props: {
     modelValue: {},
@@ -3669,7 +3659,7 @@ const rn = [
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = W(), e = Q(g, "modelValue"), n = B("setting"), k = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3680,86 +3670,86 @@ const rn = [
         value: "preview",
         icon: "table"
       }
-    ], b = pe(), x = z(() => {
+    ], w = de(), _ = Y(() => {
       switch (n.value) {
         case "preview":
-          return Rn;
+          return Nn;
         case "setting":
-          return Mn;
+          return In;
         default:
           return null;
       }
     });
-    return (D, w) => {
-      var h;
-      const m = $("FmPageHead"), d = $("FmTabs");
-      return c(), F("div", On, [
+    return (F, h) => {
+      var k;
+      const m = S("FmPageHead"), d = S("FmTabs");
+      return c(), C("div", Rn, [
         i(m, {
-          title: ((h = e.value) == null ? void 0 : h.name) || "AutoCount",
+          title: ((k = e.value) == null ? void 0 : k.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(b).back
+          "onClick:back": f(w).back
         }, {
-          description: xe(() => w[2] || (w[2] = [
+          description: ge(() => h[2] || (h[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         i(d, {
           "model-value": n.value,
-          "onUpdate:modelValue": w[0] || (w[0] = (_) => n.value = _),
-          items: k
+          "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
+          items: V
         }, null, 8, ["model-value"]),
-        t("div", Bn, [
-          (c(), K(be(x.value), {
+        t("div", On, [
+          (c(), M(xe(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": w[1] || (w[1] = (_) => e.value = _)
+            "onUpdate:modelValue": h[1] || (h[1] = (b) => e.value = b)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), Ln = { class: "px-24 h-full relative" }, Jn = /* @__PURE__ */ H({
+}), jn = { class: "px-24 h-full relative" }, Gn = /* @__PURE__ */ q({
   __name: "Integration",
   setup(g) {
-    const o = B(void 0), { params: e } = ze(), n = we(), k = B();
+    const o = B(void 0), { params: e } = ze(), n = _e(), V = B();
     Ee(async () => {
       n.settings.length === 0 && await n.getSettings();
-    }), ge(
+    }), ve(
       () => n.settings,
-      (x) => {
-        var w;
-        const D = x.find((m) => m._id === e.id);
-        D && (k.value = D, o.value = (w = k.value.platform) == null ? void 0 : w.name);
+      (_) => {
+        var h;
+        const F = _.find((m) => m._id === e.id);
+        F && (V.value = F, o.value = (h = V.value.platform) == null ? void 0 : h.name);
       },
       { immediate: !0 }
     );
-    const b = z(() => {
+    const w = Y(() => {
       switch (o.value) {
-        case de.Xero:
+        case ce.Xero:
           return Zt;
-        case de.Bukku:
-          return zo;
-        case de.AutoCount:
-          return Sa;
-        case de.SQL:
-          return ml;
-        case de.iFlexi_HRMS:
-          return jn;
-        case de.Biztory:
-          return vn;
+        case ce.Bukku:
+          return Eo;
+        case ce.AutoCount:
+          return $a;
+        case ce.SQL:
+          return rl;
+        case ce.iFlexi_HRMS:
+          return Bn;
+        case ce.Biztory:
+          return fn;
         default:
           return null;
       }
     });
-    return (x, D) => (c(), F("div", Ln, [
-      (c(), K(be(b.value), {
-        modelValue: k.value,
-        "onUpdate:modelValue": D[0] || (D[0] = (w) => k.value = w)
+    return (_, F) => (c(), C("div", jn, [
+      (c(), M(xe(w.value), {
+        modelValue: V.value,
+        "onUpdate:modelValue": F[0] || (F[0] = (h) => V.value = h)
       }, null, 8, ["modelValue"]))
     ]));
   }
 });
 export {
-  Jn as default
+  Gn as default
 };