@feedmepos/mf-report 5.4.34 → 5.4.35

package/dist/{Integration-BbQaSL-I.js → Integration-W_SjznqK.js}

@@ -1,8 +1,8 @@
-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 { defineComponent as q, mergeModels as ye, useModel as X, computed as Y, resolveComponent as S, createElementBlock as C, openBlock as c, createElementVNode as t, createCommentVNode as N, normalizeClass as Ke, Fragment as L, renderList as H, createBlock as M, createVNode as i, withCtx as ge, toDisplayString as T, unref as v, ref as B, watch as ve, isRef as be, h as I, resolveDynamicComponent as xe, mergeProps as Le, onMounted as Ee } from "vue";
 import { 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-KvOGLx9k.js";
+import { u as J, I as ce, d as je, e as _e, f as we, b as ue, q as Ye, m as qe, p as he, r as Ve, s as ke, t as $e, v as Ae, w as He, x as Xe, y as Qe, A as fe, z as Pe, B as Ge, E as Je } from "./global-loader-KvOGLx9k.js";
 import { u as Se } from "./message-dialog-UoMWOnil.js";
-import { useSnackbar as ue } from "@feedmepos/ui-library";
+import { useSnackbar as pe } from "@feedmepos/ui-library";
 import { s as We } from "./index-CDf9QIwq.js";
 import { storeToRefs as Ce } from "pinia";
 import { _ as Fe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-wgBB4qb8.js";
@@ -34,7 +34,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: /* @__PURE__ */ ye(["remove"], ["update:modelValue"]),
   setup(g, { emit: o }) {
-    const e = X(g, "modelValue"), n = g, V = Y(
+    const e = X(g, "modelValue"), n = g, k = Y(
       () => Object.keys(n.options).map((_) => {
         const F = n.options[_];
         return {
@@ -50,35 +50,35 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         t("div", {
           class: Ke(`${g.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (c(!0), C(L, null, H(V.value, (k) => {
+          (c(!0), C(L, null, H(k.value, (V) => {
             var b;
             return c(), C(L, {
-              key: k.key
+              key: V.key
             }, [
-              k.editable ? (c(), C("div", {
+              V.editable ? (c(), C("div", {
                 key: 0,
                 class: Ke(`${g.removable ? "w-[50%]" : "w-[100%]"}`)
               }, [
                 i(h, {
-                  "model-value": e.value[k.key],
-                  placeholder: k.placeholder,
+                  "model-value": e.value[V.key],
+                  placeholder: V.placeholder,
                   type: g.type,
                   rules: g.rules,
-                  "onUpdate:modelValue": (u) => {
-                    let p = u;
-                    g.type === "number" && (p = Number(u)), e.value = {
+                  "onUpdate:modelValue": (p) => {
+                    let u = p;
+                    g.type === "number" && (u = Number(p)), e.value = {
                       ...e.value,
-                      [k.key]: p
+                      [V.key]: u
                     };
                   }
                 }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])
               ], 2)) : (c(), M(m, {
                 key: 1,
-                content: (b = e.value[k.key]) == null ? void 0 : b.toString(),
+                content: (b = e.value[V.key]) == null ? void 0 : b.toString(),
                 class: "w-[50%]"
               }, {
                 default: ge(() => [
-                  t("div", et, T(e.value[k.key]), 1)
+                  t("div", et, T(e.value[V.key]), 1)
                 ]),
                 _: 2
               }, 1032, ["content"]))
@@ -91,7 +91,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             class: "cursor-pointer",
             name: "close",
             size: "md",
-            onClick: F[0] || (F[0] = (k) => w("remove"))
+            onClick: F[0] || (F[0] = (V) => w("remove"))
           })
         ])) : N("", !0)
       ]);
@@ -103,7 +103,7 @@ 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%]" }, De = /* @__PURE__ */ q({
+}, 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" }, ut = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis" }, pt = { class: "w-[50%]" }, De = /* @__PURE__ */ q({
   __name: "UploadSection",
   props: /* @__PURE__ */ ye({
     label: {
@@ -130,34 +130,34 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return !1;
       }
     });
-    return (V, w) => {
+    return (k, w) => {
       var m, d;
       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(), 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", at, T(v(o)("report.integration.auto", { label: g.label })), 1),
+          g.label == "upload" ? (c(), C("div", lt, T(v(o)("report.integration.lastUploadDate")) + ": " + T(g.lastUploadDate ? v(je)(g.lastUploadDate).format("MMMM D, YYYY h:mm A") : v(o)("report.integration.noData.title")), 1)) : N("", !0)
         ]),
         t("div", nt, [
-          t("div", st, T(f(o)("report.common.enable")), 1),
+          t("div", st, T(v(o)("report.common.enable")), 1),
           i(_, {
             modelValue: e.value.enable,
-            "onUpdate:modelValue": w[0] || (w[0] = (k) => e.value.enable = k),
+            "onUpdate:modelValue": w[0] || (w[0] = (V) => e.value.enable = V),
             style: { gap: "0px" }
           }, null, 8, ["modelValue"])
         ]),
         n.value ? (c(), C("div", it, [
-          t("div", rt, T(f(o)("report.common.email")), 1),
+          t("div", rt, T(v(o)("report.common.email")), 1),
           t("div", mt, [
             i(F, {
               "model-value": (e.value.emails || []).join(","),
               placeholder: "Email",
-              "onUpdate:modelValue": w[1] || (w[1] = (k) => {
+              "onUpdate:modelValue": w[1] || (w[1] = (V) => {
                 switch (e.value.name) {
-                  case f(ce).AutoCount:
-                  case f(ce).SQL:
-                  case f(ce).iFlexi_HRMS:
-                    e.value.emails = k.split(",");
+                  case v(ce).AutoCount:
+                  case v(ce).SQL:
+                  case v(ce).iFlexi_HRMS:
+                    e.value.emails = V.split(",");
                     break;
                 }
               })
@@ -166,30 +166,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         ])) : N("", !0),
         t("div", ct, [
           t("div", dt, [
-            t("div", pt, T(f(We)(g.label)) + " time ", 1),
-            t("div", ut, [
+            t("div", ut, T(v(We)(g.label)) + " time ", 1),
+            t("div", pt, [
               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": w[2] || (w[2] = (k) => {
-                  k && (e.value.triggerTime.hour = Number(k.split(":")[0]), e.value.triggerTime.minute = Number(k.split(":")[1]));
+                "model-value": v(je)().hour(((m = e.value.triggerTime) == null ? void 0 : m.hour) ?? 0).minute(((d = e.value.triggerTime) == null ? void 0 : d.minute) ?? 0).format("HH:mm"),
+                "onUpdate:modelValue": w[2] || (w[2] = (V) => {
+                  V && (e.value.triggerTime.hour = Number(V.split(":")[0]), e.value.triggerTime.minute = Number(V.split(":")[1]));
                 })
               }, null, 8, ["model-value"])
             ])
           ]),
           i(K, {
             "model-value": {
-              label: f(o)("report.integration.delayDay"),
+              label: v(o)("report.integration.delayDay"),
               delayDay: e.value.delayDay
             },
             type: "number",
             options: {
-              label: { placeholder: f(o)("report.integration.delayDay"), editable: !1 },
-              delayDay: { placeholder: f(o)("report.integration.delayDay"), editable: !0 }
+              label: { placeholder: v(o)("report.integration.delayDay"), editable: !1 },
+              delayDay: { placeholder: v(o)("report.integration.delayDay"), editable: !0 }
             },
-            rules: [(k) => k > 0 || "Delay days must be greater than 0"],
-            "onUpdate:modelValue": w[3] || (w[3] = (k) => {
-              e.value.delayDay = k.delayDay;
+            rules: [(V) => V > 0 || "Delay days must be greater than 0"],
+            "onUpdate:modelValue": w[3] || (w[3] = (V) => {
+              e.value.delayDay = V.delayDay;
             })
           }, null, 8, ["model-value", "options", "rules"])
         ])
@@ -231,7 +231,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: /* @__PURE__ */ ye(["remove"], ["update:modelValue"]),
   setup(g, { emit: o }) {
-    const e = X(g, "modelValue"), n = g, V = Y(
+    const e = X(g, "modelValue"), n = g, k = Y(
       () => Object.keys(n.options).map((m) => {
         const d = n.options[m];
         return {
@@ -251,16 +251,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       return n.singleValueMode ? n.options.key.placeholder : (d = e.value[m.key]) == null ? void 0 : d.toString();
     }, F = (m) => n.singleValueMode ? e.value : e.value[m.key], h = o;
     return (m, d) => {
-      const k = S("FmSelect"), b = S("FmTextField"), u = S("FmTooltip"), p = S("FmIcon");
+      const V = S("FmSelect"), b = S("FmTextField"), p = S("FmTooltip"), u = 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), C(L, null, H(V.value, (r) => (c(), C(L, {
+          (c(!0), C(L, null, H(k.value, (r) => (c(), C(L, {
             key: r.key
           }, [
             r.editable ? (c(), C("div", vt, [
-              r.dropdownOptions ? (c(), M(k, {
+              r.dropdownOptions ? (c(), M(V, {
                 key: 0,
                 "model-value": F(r),
                 placeholder: r.placeholder,
@@ -275,7 +275,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 rules: g.rules,
                 "onUpdate:modelValue": (x) => w(x, r.key)
               }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
-            ])) : (c(), M(u, {
+            ])) : (c(), M(p, {
               key: 1,
               content: _(r),
               class: "w-[50%]"
@@ -288,7 +288,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ], 64))), 128))
         ], 2),
         g.removable ? (c(), C("div", yt, [
-          i(p, {
+          i(u, {
             color: "system-error-300",
             class: "cursor-pointer",
             name: "close",
@@ -302,7 +302,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), xt = {
   key: 0,
   class: "flex flex-col h-full"
-}, _t = { class: "flex flex-col gap-[16px] pb-[24px]" }, bt = { class: "flex flex-row justify-between items-center gap-2" }, wt = { class: "flex flex-row gap-2 items-center" }, ht = { class: "relative group cursor-pointer" }, kt = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, Vt = { class: "flex flex-row items-center justify-between gap-2" }, $t = { class: "w-[25%]" }, St = { class: "flex flex-col gap-[16px]" }, Ct = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Ft = { class: "flex-grow" }, Dt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Ut = { class: "flex flex-col gap-[16px]" }, Tt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, It = { class: "flex-grow" }, Mt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Kt = { class: "flex-grow" }, At = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Pt = { class: "flex-grow" }, Nt = { class: "flex flex-row items-center gap-x-16" }, Rt = {
+}, _t = { class: "flex flex-col gap-[16px] pb-[24px]" }, bt = { class: "flex flex-row justify-between items-center gap-2" }, wt = { class: "flex flex-row gap-2 items-center" }, ht = { class: "relative group cursor-pointer" }, Vt = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, kt = { class: "flex flex-row items-center justify-between gap-2" }, $t = { class: "w-[25%]" }, St = { class: "flex flex-col gap-[16px]" }, Ct = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Ft = { class: "flex-grow" }, Dt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Ut = { class: "flex flex-col gap-[16px]" }, Tt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, It = { class: "flex-grow" }, Mt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Kt = { class: "flex-grow" }, At = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Pt = { class: "flex-grow" }, Nt = { class: "flex flex-row items-center gap-x-16" }, Rt = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, Ot = {
@@ -341,21 +341,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(g) {
-    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";
+    const { t: o } = J(), e = X(g, "modelValue"), n = pe(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = ue(), m = B(!1), d = Y(
+      () => h.map((f) => ({ label: f.name, value: f.id }))
+    ), V = Y(() => {
+      var f, s;
+      return m.value ? "Connecting" : (s = (f = e.value) == null ? void 0 : f.platform) != null && s.accessToken ? "Disconnect" : "Connect";
     }), b = B(0);
-    async function u() {
-      var v;
+    async function p() {
+      var f;
       if (m.value)
         n.open({ type: "error", message: "Connecting in progress" });
-      else if ((v = e.value.platform) != null && v.accessToken)
+      else if ((f = e.value.platform) != null && f.accessToken)
         await F({
           message: o("report.integration.xero.confirmDisconnect", { name: e.value.name }),
           title: o("report.integration.xero.disconnectTitle")
-        }) && (await Ye(e.value._id), await V.getSettings());
+        }) && (await Ye(e.value._id), await k.getSettings());
       else if (e.value._id)
         try {
           const s = await qe(e.value._id);
@@ -364,7 +364,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             var P;
             b.value += 1;
             try {
-              await V.getSettings();
+              await k.getSettings();
             } finally {
               (b.value === 12 || (P = e.value.platform) != null && P.accessToken) && (m.value = !1, A && clearInterval(A), b.value = 0);
             }
@@ -376,13 +376,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       else
         n.open({ type: "error", message: `invalid accounting ${e.value._id}` });
     }
-    async function p() {
+    async function u() {
       await F({
         message: `Confirm delete ${e.value.name}?`,
         title: "Delete"
       }) && await _(async () => {
         try {
-          await he(e.value._id), await V.getSettings(), w.back();
+          await he(e.value._id), await k.getSettings(), w.back();
         } catch (s) {
           n.open({ type: "error", message: s.message });
         }
@@ -391,34 +391,34 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function r() {
       await _(async () => {
         try {
-          await ke(e.value._id, e.value), await V.getSettings();
-        } catch (v) {
-          n.open({ type: "error", message: v.message });
+          await Ve(e.value._id, e.value), await k.getSettings();
+        } catch (f) {
+          n.open({ type: "error", message: f.message });
         }
       });
     }
-    function x(v) {
-      const s = g.tenantOptions.data.find((A) => A.value === v);
+    function x(f) {
+      const s = g.tenantOptions.data.find((A) => A.value === f);
       s && e.value.platform && (e.value.platform.tenant = {
         id: s.value,
         name: s.label
       });
     }
-    function $(v, s) {
+    function $(f, 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(
+      (P = (A = e.value.platform) == null ? void 0 : A.mappings) != null && P[f] && (e.value.platform.mappings[f] = e.value.platform.mappings[f].filter(
         (Q, E) => E !== s
       ));
     }
-    function l(v) {
+    function l(f) {
       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" ? {
+      (A = (s = e.value.platform) == null ? void 0 : s.mappings) != null && A[f] && (e.value.platform.mappings[f] = [
+        ...e.value.platform.mappings[f],
+        f === "items" ? {
           feedmeKey: "",
           xeroAccount: "",
           name: ""
-        } : v === "taxes" ? {
+        } : f === "taxes" ? {
           feedmeKey: "",
           xeroAccount: ""
         } : {
@@ -430,13 +430,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function a() {
       await _(async () => {
         try {
-          await Ve(e.value._id), await V.getSettings();
-        } catch (v) {
-          n.open({ type: "error", message: v.message });
+          await ke(e.value._id), await k.getSettings();
+        } catch (f) {
+          n.open({ type: "error", message: f.message });
         }
       });
     }
-    return (v, s) => {
+    return (f, s) => {
       var z, W, Z, ee, te, oe, ae, le, ne, se, D, y, U, O, me, Ue, Te, Ne, Re, Oe, Be;
       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, [
@@ -455,7 +455,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               i(P, {
                 variant: "tertiary",
                 label: "Delete",
-                onClick: p
+                onClick: u
               }),
               i(P, {
                 variant: "primary",
@@ -466,15 +466,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])
         ]),
         i(Q, { style: { margin: 0 } }),
-        t("div", kt, [
+        t("div", Vt, [
           s[21] || (s[21] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Authenticate with your official Xero account to enable FeedMe to securely upload data to Xero. ", -1)),
-          t("div", Vt, [
+          t("div", kt, [
             t("div", $t, [
               i(P, {
                 disabled: m.value,
                 variant: "primary",
-                label: k.value,
-                onClick: u
+                label: V.value,
+                onClick: p
               }, null, 8, ["disabled", "label"])
             ]),
             !g.tenantOptions.isLoaded && ((Z = e.value.platform) != null && Z.accessToken) ? (c(), M(E, {
@@ -662,31 +662,31 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   setup(g) {
     const o = B([]), e = Y(
       () => o.value.reduce((m, d) => {
-        const k = m.length, { invoice: b, payments: u } = d;
-        m[k] = {
+        const V = m.length, { invoice: b, payments: p } = d;
+        m[V] = {
           date: b.Date,
           contact: b.Contact.ContactID,
           status: b.Status,
           ref: b.Reference
         };
-        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] = {
+        for (let u = 0; u < Math.max(b.LineItems.length, p.length); u++) {
+          const r = V + u;
+          m[r] || (m[r] = {}), b.LineItems[u] && (m[r] = {
             ...m[r],
-            itemDescription: b.LineItems[p].Description,
-            itemQuantity: b.LineItems[p].Quantity,
-            itemUnitAmount: b.LineItems[p].UnitAmount,
+            itemDescription: b.LineItems[u].Description,
+            itemQuantity: b.LineItems[u].Quantity,
+            itemUnitAmount: b.LineItems[u].UnitAmount,
             // itemCode: invoice.LineItems[i].ItemCode,
-            itemAccount: b.LineItems[p].AccountCode,
-            itemTax: b.LineItems[p].TaxAmount,
-            itemTaxType: b.LineItems[p].TaxType,
-            itemAmount: b.LineItems[p].LineAmount,
-            itemDiscount: b.LineItems[p].DiscountAmount
-          }), u[p] && (m[r] = {
+            itemAccount: b.LineItems[u].AccountCode,
+            itemTax: b.LineItems[u].TaxAmount,
+            itemTaxType: b.LineItems[u].TaxType,
+            itemAmount: b.LineItems[u].LineAmount,
+            itemDiscount: b.LineItems[u].DiscountAmount
+          }), p[u] && (m[r] = {
             ...m[r],
-            paymentAccount: u[p].Account.Code,
-            paymentReference: u[p].Reference,
-            paymentAmount: u[p].Amount
+            paymentAccount: p[u].Account.Code,
+            paymentReference: p[u].Reference,
+            paymentAmount: p[u].Amount
           });
         }
         return m;
@@ -767,13 +767,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], V = X(g, "modelValue"), w = B(!1), _ = ue(), { dateRange: F } = Ce(pe());
+    ], k = X(g, "modelValue"), w = B(!1), _ = pe(), { dateRange: F } = Ce(ue());
     ve(
       () => F.value,
       async () => {
-        if (V.value._id)
+        if (k.value._id)
           try {
-            w.value = !0, o.value = await $e(V.value._id);
+            w.value = !0, o.value = await $e(k.value._id);
           } catch (m) {
             _.open({ message: m.message, type: "error" });
           } finally {
@@ -786,7 +786,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function h() {
       try {
-        V.value._id ? (w.value = !0, await Ae(V.value._id), _.open({ message: "Upload successful", type: "success" })) : _.open({ message: "Invalid accounting setting", type: "error" });
+        k.value._id ? (w.value = !0, await Ae(k.value._id), _.open({ message: "Upload successful", type: "success" })) : _.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
         m.message && _.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((d) => _.open({ message: d.Message, type: "error" }));
       } finally {
@@ -794,15 +794,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     }
     return (m, d) => {
-      const k = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
+      const V = S("FmButton"), b = S("FmCircularProgress"), p = S("FmTable");
       return c(), C("div", Ht, [
         t("div", Xt, [
           i(Fe, {
-            "date-range": f(F),
-            "onUpdate:dateRange": d[0] || (d[0] = (p) => be(F) ? F.value = p : null),
+            "date-range": v(F),
+            "onUpdate:dateRange": d[0] || (d[0] = (u) => be(F) ? F.value = u : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(k, {
+          i(V, {
             loading: w.value,
             variant: "primary",
             label: "Upload",
@@ -812,7 +812,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         w.value ? (c(), C("div", Qt, [
           i(b, { size: "xl" }),
           d[1] || (d[1] = t("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
-        ])) : e.value.length > 0 ? (c(), M(u, {
+        ])) : e.value.length > 0 ? (c(), M(p, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
@@ -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 } = J(), e = X(g, "modelValue"), n = B("setting"), V = B({}), w = B({}), _ = B({}), F = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = B({}), w = B({}), _ = B({}), F = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -848,7 +848,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return {
             component: qt,
             props: {
-              tenantOptions: V.value,
+              tenantOptions: k.value,
               taxOptions: w.value,
               accountCodeOptions: _.value
             }
@@ -860,27 +860,27 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function d() {
       if (e.value._id)
         try {
-          const u = await He(e.value._id);
-          V.value.data = u.map((p) => ({
-            value: p.id,
-            label: p.name
+          const p = await He(e.value._id);
+          k.value.data = p.map((u) => ({
+            value: u.id,
+            label: u.name
           }));
-        } catch (u) {
-          console.error("Failed to fetch tenants:", u), V.value.isError = !0;
+        } catch (p) {
+          console.error("Failed to fetch tenants:", p), k.value.isError = !0;
         } finally {
-          V.value.isLoaded = !0;
+          k.value.isLoaded = !0;
         }
     }
-    async function k() {
+    async function V() {
       if (e.value._id)
         try {
-          const u = await Xe(e.value._id);
-          w.value.data = u.map((p) => ({
-            value: p.Name,
-            label: `${p.Name} - (${p.EffectiveRate}%)`
+          const p = await Xe(e.value._id);
+          w.value.data = p.map((u) => ({
+            value: u.Name,
+            label: `${u.Name} - (${u.EffectiveRate}%)`
           }));
-        } catch (u) {
-          console.error("Failed to fetch taxes:", u), w.value.isError = !0;
+        } catch (p) {
+          console.error("Failed to fetch taxes:", p), w.value.isError = !0;
         } finally {
           w.value.isLoaded = !0;
         }
@@ -888,27 +888,27 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function b() {
       if (e.value._id)
         try {
-          const u = await Qe(e.value._id);
-          _.value.data = u.map((p) => ({
-            value: p.Code,
-            label: `${p.Code} ${p.Name} - [${p.Class}_${p.Type}]`
+          const p = await Qe(e.value._id);
+          _.value.data = p.map((u) => ({
+            value: u.Code,
+            label: `${u.Code} ${u.Name} - [${u.Class}_${u.Type}]`
           }));
-        } catch (u) {
-          console.error("Failed to fetch accounts:", u), _.value.isError = !0;
+        } catch (p) {
+          console.error("Failed to fetch accounts:", p), _.value.isError = !0;
         } finally {
           _.value.isLoaded = !0;
         }
     }
     return ve(
       () => {
-        var u;
-        return (u = e.value.platform) == null ? void 0 : u.accessToken;
+        var p;
+        return (p = e.value.platform) == null ? void 0 : p.accessToken;
       },
-      (u) => {
-        u && (d(), k(), b());
+      (p) => {
+        p && (d(), V(), b());
       },
       { immediate: !0 }
-    ), (u, p) => {
+    ), (p, u) => {
       var $, l, a;
       const r = S("FmPageHead"), x = S("FmTabs");
       return c(), C("div", Jt, [
@@ -916,22 +916,22 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           title: (($ = e.value) == null ? void 0 : $.name) || "Xero",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(h).back
+          "onClick:back": v(h).back
         }, {
-          description: ge(() => p[2] || (p[2] = [
+          description: ge(() => u[2] || (u[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         i(x, {
           "model-value": n.value,
-          "onUpdate:modelValue": p[0] || (p[0] = (v) => n.value = v),
+          "onUpdate:modelValue": u[0] || (u[0] = (f) => n.value = f),
           items: F
         }, null, 8, ["model-value"]),
         t("div", Wt, [
           (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)
+            "onUpdate:modelValue": u[1] || (u[1] = (f) => e.value = f)
           }, (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 = /* @__PURE__ */ q({
+}, 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%]" }, uo = { class: "flex-grow" }, po = { class: "flex flex-row items-center justify-between" }, fo = { class: "w-[25%]" }, vo = { class: "flex-grow" }, go = { class: "flex flex-col gap-16" }, yo = { class: "fm-typo-en-title-sm-800" }, xo = { class: "flex flex-row items-center max-w-[100%]" }, _o = { class: "w-[25%]" }, bo = { class: "flex-grow" }, wo = { class: "flex flex-row items-center max-w-[100%]" }, ho = { class: "w-[25%]" }, Vo = { class: "flex flex-row items-center max-w-[100%]" }, ko = { class: "w-[25%]" }, $o = { class: "flex flex-col gap-16" }, So = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Co = { class: "flex flex-row items-center gap-x-16" }, Fo = { class: "fm-typo-en-title-sm-800" }, Do = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Uo = { class: "flex flex-row items-center gap-x-16" }, To = { class: "fm-typo-en-title-sm-800" }, Io = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Mo = { class: "flex flex-row items-center gap-x-16" }, Ko = { class: "fm-typo-en-title-sm-800" }, Ao = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -948,7 +948,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const o = X(g, "modelValue"), e = ue(), n = _e(), V = de(), { promptLoader: w } = we(), { promptMessage: _ } = Se(), { restaurants: F } = pe(), h = Y(
+    const o = X(g, "modelValue"), e = pe(), n = _e(), k = de(), { promptLoader: w } = we(), { promptMessage: _ } = Se(), { restaurants: F } = ue(), h = Y(
       () => F.map((l) => ({ label: l.name, value: l.id }))
     ), { t: m } = J();
     async function d() {
@@ -957,30 +957,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         title: m("report.common.delete")
       }) && await w(async () => {
         try {
-          await he(o.value._id), await n.getSettings(), V.back();
+          await he(o.value._id), await n.getSettings(), k.back();
         } catch (a) {
           e.open({ type: "error", message: a.message });
         }
       });
     }
-    async function k() {
+    async function V() {
       await w(async () => {
         try {
-          await ke(o.value._id, o.value), await n.getSettings();
+          await Ve(o.value._id, o.value), await n.getSettings();
         } catch (l) {
           e.open({ type: "error", message: l.message });
         }
       });
     }
     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(
+      var f, s;
+      (s = (f = o.value.platform) == null ? void 0 : f.mappings) != null && s[l] && (o.value.platform.mappings[l] = o.value.platform.mappings[l].filter(
         (A, P) => P !== a
       ));
     }
-    function u(l) {
-      var a, v;
-      if ((v = (a = o.value.platform) == null ? void 0 : a.mappings) != null && v[l]) {
+    function p(l) {
+      var a, f;
+      if ((f = (a = o.value.platform) == null ? void 0 : a.mappings) != null && f[l]) {
         let s;
         switch (l) {
           case "items":
@@ -1011,21 +1011,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         ];
       }
     }
-    const p = [
+    const u = [
       {
-        label: m("report.integration.setting.grouping.byDay"),
+        label: m("report.integration.grouping.byDay"),
         value: fe.BY_DAY
       },
       {
-        label: m("report.integration.setting.grouping.byDayItem"),
+        label: m("report.integration.grouping.byDayItem"),
         value: fe.BY_DAY_ITEM
       },
       {
-        label: m("report.integration.setting.grouping.byInvoice"),
+        label: m("report.integration.grouping.byInvoice"),
         value: fe.BY_INVOICE
       },
       {
-        label: m("report.integration.setting.grouping.byDaySeparatePayment"),
+        label: m("report.integration.grouping.byDaySeparatePayment"),
         value: fe.BY_DAY_SEPARATE_PAYMENT
       }
     ];
@@ -1033,8 +1033,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       key: l,
       value: a
     }) {
-      var v, s;
-      (s = (v = o.value) == null ? void 0 : v.platform) != null && s.mappings && (o.value.platform.mappings[l] = a);
+      var f, s;
+      (s = (f = o.value) == null ? void 0 : f.platform) != null && s.mappings && (o.value.platform.mappings[l] = a);
     }
     function x(l) {
       return {
@@ -1045,7 +1045,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function $() {
       await w(async () => {
         try {
-          await Ve(o.value._id), await n.getSettings();
+          await ke(o.value._id), await n.getSettings();
         } catch (l) {
           e.open({ type: "error", message: l.message });
         }
@@ -1053,60 +1053,60 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (l, a) => {
       var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, D;
-      const v = S("FmIcon"), s = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
+      const f = S("FmIcon"), s = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
       return (G = (E = o.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), C("div", eo, [
         t("div", to, [
           t("div", oo, [
-            t("div", ao, T(f(m)("report.integration.bukku.connect")), 1),
+            t("div", ao, T(v(m)("report.integration.bukku.connect")), 1),
             t("div", lo, [
               t("div", no, [
-                i(v, {
+                i(f, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", so, T(f(m)("report.integration.setting.refreshTooltip")), 1)
+                t("span", so, T(v(m)("report.integration.refreshSetting")), 1)
               ]),
               i(s, {
                 variant: "tertiary",
-                label: f(m)("report.common.delete"),
+                label: v(m)("report.common.delete"),
                 onClick: d
               }, null, 8, ["label"]),
               i(s, {
                 variant: "primary",
-                label: f(m)("report.common.update"),
-                onClick: k
+                label: v(m)("report.common.update"),
+                onClick: V
               }, null, 8, ["label"])
             ])
           ])
         ]),
         i(A, { style: { margin: 0 } }),
         t("div", io, [
-          t("div", ro, T(f(m)("report.integration.bukku.authentication")), 1),
+          t("div", ro, T(v(m)("report.integration.bukku.authentication")), 1),
           t("div", mo, [
-            t("div", co, T(f(m)("report.integration.subdomain")), 1),
-            t("div", po, [
+            t("div", co, T(v(m)("report.integration.subdomain")), 1),
+            t("div", uo, [
               i(P, {
                 modelValue: o.value.platform.subdomain,
                 "onUpdate:modelValue": a[0] || (a[0] = (y) => o.value.platform.subdomain = y),
-                placeholder: f(m)("report.integration.subdomain")
+                placeholder: v(m)("report.integration.subdomain")
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
-          t("div", uo, [
-            t("div", fo, T(f(m)("report.integration.token")), 1),
+          t("div", po, [
+            t("div", fo, T(v(m)("report.integration.token")), 1),
             t("div", vo, [
               i(P, {
                 modelValue: o.value.platform.token,
                 "onUpdate:modelValue": a[1] || (a[1] = (y) => o.value.platform.token = y),
-                placeholder: f(m)("report.integration.token")
+                placeholder: v(m)("report.integration.token")
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
           t("div", go, [
-            t("div", yo, T(f(m)("report.integration.bukku.general")), 1),
+            t("div", yo, T(v(m)("report.integration.bukku.general")), 1),
             t("div", xo, [
-              t("div", _o, T(f(m)("report.common.name")), 1),
+              t("div", _o, T(v(m)("report.common.name")), 1),
               t("div", bo, [
                 i(P, {
                   modelValue: o.value.name,
@@ -1115,7 +1115,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             t("div", wo, [
-              t("div", ho, T(f(m)("report.common.location")), 1),
+              t("div", ho, T(v(m)("report.common.location")), 1),
               i(Q, {
                 modelValue: o.value.platform.locationIds,
                 "onUpdate:modelValue": a[3] || (a[3] = (y) => o.value.platform.locationIds = y),
@@ -1125,13 +1125,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 class: "flex-grow"
               }, null, 8, ["modelValue", "items"])
             ]),
-            t("div", ko, [
-              t("div", Vo, T(f(m)("report.integration.bukku.grouping.title")), 1),
+            t("div", Vo, [
+              t("div", ko, T(v(m)("report.integration.bukku.grouping.title")), 1),
               i(Q, {
                 modelValue: o.value.platform.grouping,
                 "onUpdate:modelValue": a[4] || (a[4] = (y) => o.value.platform.grouping = y),
                 multiselect: !1,
-                items: p,
+                items: u,
                 placeholder: "Select grouping",
                 class: "flex-grow"
               }, null, 8, ["modelValue"])
@@ -1208,15 +1208,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 "onUpdate:modelValue": (O) => o.value.platform.mappings.charges[U] = O,
                 options: {
                   key: {
-                    placeholder: f(m)(`report.integration.bukku.mapping.charge.${y.key}`),
+                    placeholder: "Key",
                     editable: !1
                   },
                   account: {
-                    placeholder: f(m)("report.integration.bukku.mapping.charge.account"),
+                    placeholder: "Account code",
                     editable: !0
                   }
                 }
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options"]))), 128))
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
             ])
           ]),
           i(De, {
@@ -1226,11 +1226,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             "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),
+            t("div", Fo, T(v(m)("report.integration.items")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => u("items"))
+              onClick: a[12] || (a[12] = () => p("items"))
             })
           ]),
           t("div", Do, [
@@ -1247,11 +1247,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Uo, [
-            t("div", To, T(f(m)("report.integration.taxes")), 1),
+            t("div", To, T(v(m)("report.integration.taxes")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => u("taxes"))
+              onClick: a[13] || (a[13] = () => p("taxes"))
             })
           ]),
           t("div", Io, [
@@ -1268,11 +1268,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Mo, [
-            t("div", Ko, T(f(m)("report.integration.payments")), 1),
+            t("div", Ko, T(v(m)("report.integration.payments")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[14] || (a[14] = () => u("payments"))
+              onClick: a[14] || (a[14] = () => p("payments"))
             })
           ]),
           (c(!0), C(L, null, H((D = (se = (ne = o.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.payments, (y, U) => (c(), C("div", {
@@ -1307,19 +1307,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   emits: ["update:modelValue"],
   setup(g) {
     const o = B([]), e = Y(
-      () => o.value.reduce((d, k) => {
-        const b = d.length, { invoice: u, payments: p } = k;
+      () => o.value.reduce((d, V) => {
+        const b = d.length, { invoice: p, payments: u } = V;
         d[b] = {
-          no: u.number,
-          date: u.date,
-          contact: u._contact_name,
-          status: u.status,
-          title: u.title
+          no: p.number,
+          date: p.date,
+          contact: p._contact_name,
+          status: p.status,
+          title: p.title
         };
-        for (let r = 0; r < Math.max(u.form_items.length, p.length); r++) {
+        for (let r = 0; r < Math.max(p.form_items.length, u.length); r++) {
           const x = b + r;
           d[x] || (d[x] = {});
-          const $ = u.form_items[r];
+          const $ = p.form_items[r];
           $ && (d[x] = {
             ...d[x],
             itemDescription: $.description,
@@ -1329,7 +1329,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             itemTaxCode: $._tax_code_name,
             itemDiscount: $.discount
           });
-          const l = p[r];
+          const l = u[r];
           l && (d[x] = {
             ...d[x],
             paymentNo: l.number,
@@ -1342,23 +1342,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
         return d;
       }, [])
-    ), { t: n } = J(), V = [
+    ), { t: n } = J(), k = [
       {
         accessorKey: "date",
         header: () => I(
           "p",
           { class: "min-w-[90px] text-nowrap text-ellipsis" },
-          n("report.integration.preview.table.date")
+          n("report.integration.table.date")
         ),
         enableSorting: !1
       },
       {
         accessorKey: "no",
-        header: () => I(
-          "p",
-          { class: "min-w-[90px] text-nowrap text-ellipsis" },
-          n("report.integration.preview.table.no")
-        ),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, n("report.integration.table.no")),
         enableSorting: !1
       },
       {
@@ -1436,7 +1432,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Skip",
         enableSorting: !1
       }
-    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
+    ], w = X(g, "modelValue"), _ = B(!1), F = pe(), { dateRange: h } = Ce(ue());
     ve(
       () => h.value,
       async () => {
@@ -1455,37 +1451,37 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function m() {
       try {
-        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" });
+        w.value._id ? (_.value = !0, await Ae(w.value._id), F.open({ message: n("report.integration.uploadSuccess"), type: "success" })) : F.open({ message: n("report.integration.error.invalid"), type: "error" });
       } catch (d) {
         F.open({ message: d.message, type: "error" });
       } finally {
         _.value = !1;
       }
     }
-    return (d, k) => {
-      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
+    return (d, V) => {
+      const b = S("FmButton"), p = S("FmCircularProgress"), u = 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),
+            "date-range": v(h),
+            "onUpdate:dateRange": V[0] || (V[0] = (r) => be(h) ? h.value = r : null),
             compare: !1
           }, null, 8, ["date-range"]),
           i(b, {
             loading: _.value,
             variant: "primary",
-            label: f(n)("report.common.upload"),
+            label: v(n)("report.common.upload"),
             onClick: m
           }, null, 8, ["loading", "label"])
         ]),
         _.value ? (c(), C("div", Ro, [
-          i(u, { size: "xl" }),
-          t("span", Oo, T(f(n)("report.integration.preview.loading")), 1)
-        ])) : e.value.length > 0 ? (c(), M(p, {
+          i(p, { size: "xl" }),
+          t("span", Oo, T(v(n)("report.integration.table.loading")), 1)
+        ])) : e.value.length > 0 ? (c(), M(u, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
-          "column-defs": V
+          "column-defs": k
         }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
@@ -1498,7 +1494,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), V = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -1520,14 +1516,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     });
     return (F, h) => {
-      var k;
+      var V;
       const m = S("FmPageHead"), d = S("FmTabs");
       return c(), C("div", jo, [
         i(m, {
-          title: ((k = e.value) == null ? void 0 : k.name) || "Bukku",
+          title: ((V = e.value) == null ? void 0 : V.name) || "Bukku",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(w).back
+          "onClick:back": v(w).back
         }, {
           description: ge(() => h[2] || (h[2] = [
             t("div", null, null, -1)
@@ -1537,7 +1533,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         i(d, {
           "model-value": n.value,
           "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
-          items: V
+          items: k
         }, null, 8, ["model-value"]),
         t("div", Lo, [
           (c(), M(xe(_.value), {
@@ -1551,7 +1547,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), zo = {
   key: 0,
   class: "flex flex-col h-full"
-}, Yo = { class: "flex flex-col gap-16 pb-[24px]" }, qo = { class: "flex flex-row justify-between items-center gap-2" }, Ho = { class: "flex flex-row gap-2 items-center" }, Xo = { class: "relative group cursor-pointer" }, Qo = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Go = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Jo = { class: "flex flex-col gap-16" }, Wo = { class: "fm-typo-en-title-sm-800" }, Zo = { class: "flex flex-row items-center max-w-[100%]" }, ea = { class: "w-[25%]" }, ta = { class: "flex-grow" }, oa = { class: "flex flex-row items-center max-w-[100%]" }, aa = { class: "w-[25%]" }, la = { class: "flex flex-row items-center max-w-[100%]" }, na = { class: "w-[25%]" }, sa = { class: "flex flex-col gap-16" }, ia = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ra = { class: "flex flex-row items-center gap-x-16" }, ma = { class: "fm-typo-en-title-sm-800" }, ca = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, da = { class: "flex flex-row items-center gap-x-16" }, pa = { class: "fm-typo-en-title-sm-800" }, ua = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, fa = { class: "flex flex-row items-center gap-x-16" }, va = { class: "fm-typo-en-title-sm-800" }, ga = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ya = /* @__PURE__ */ q({
+}, 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" }, ua = { class: "fm-typo-en-title-sm-800" }, pa = { 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 },
@@ -1559,7 +1555,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), V = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
+    const { t: o } = J(), e = X(g, "modelValue"), n = pe(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = ue(), m = Y(
       () => h.map((l) => ({ label: l.name, value: l.id }))
     );
     async function d() {
@@ -1568,30 +1564,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await V.getSettings(), w.back();
+          await he(e.value._id), await k.getSettings(), w.back();
         } catch (a) {
           n.open({ type: "error", message: a.message });
         }
       });
     }
-    async function k() {
+    async function V() {
       await _(async () => {
         try {
-          await ke(e.value._id, e.value), await V.getSettings();
+          await Ve(e.value._id, e.value), await k.getSettings();
         } catch (l) {
           n.open({ type: "error", message: l.message });
         }
       });
     }
     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(
+      var f, s;
+      (s = (f = e.value.platform) == null ? void 0 : f.mappings) != null && s[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
         (A, P) => P !== a
       ));
     }
-    function u(l) {
-      var a, v;
-      (v = (a = e.value.platform) == null ? void 0 : a.mappings) != null && v[l] && (e.value.platform.mappings[l] = [
+    function p(l) {
+      var a, f;
+      (f = (a = e.value.platform) == null ? void 0 : a.mappings) != null && f[l] && (e.value.platform.mappings[l] = [
         ...e.value.platform.mappings[l],
         l === "items" ? {
           key: "",
@@ -1603,7 +1599,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       ]);
     }
-    const p = [
+    const u = [
       {
         label: "By day",
         value: fe.BY_DAY
@@ -1621,8 +1617,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       key: l,
       value: a
     }) {
-      var v, s;
-      (s = (v = e.value) == null ? void 0 : v.platform) != null && s.mappings && (e.value.platform.mappings[l] = a);
+      var f, s;
+      (s = (f = e.value) == null ? void 0 : f.platform) != null && s.mappings && (e.value.platform.mappings[l] = a);
     }
     function x(l) {
       return {
@@ -1633,7 +1629,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function $() {
       await _(async () => {
         try {
-          await Ve(e.value._id), await V.getSettings();
+          await ke(e.value._id), await k.getSettings();
         } catch (l) {
           n.open({ type: "error", message: l.message });
         }
@@ -1641,29 +1637,29 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (l, a) => {
       var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
-      const v = S("FmIcon"), s = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
+      const f = S("FmIcon"), s = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
       return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), C("div", zo, [
         t("div", Yo, [
           t("div", qo, [
             a[14] || (a[14] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
             t("div", Ho, [
               t("div", Xo, [
-                i(v, {
+                i(f, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", Qo, T(f(o)("report.integration.autoCount.repopulate")), 1)
+                t("span", Qo, T(v(o)("report.integration.autoCount.repopulate")), 1)
               ]),
               i(s, {
                 variant: "tertiary",
-                label: f(o)("report.common.remove"),
+                label: v(o)("report.common.remove"),
                 onClick: d
               }, null, 8, ["label"]),
               i(s, {
                 variant: "primary",
-                label: f(o)("report.common.update"),
-                onClick: k
+                label: v(o)("report.common.update"),
+                onClick: V
               }, null, 8, ["label"])
             ])
           ])
@@ -1671,9 +1667,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         i(A, { style: { margin: 0 } }),
         t("div", Go, [
           t("div", Jo, [
-            t("div", Wo, T(f(o)("report.integration.autocount.general")), 1),
+            t("div", Wo, T(v(o)("report.integration.autocount.general")), 1),
             t("div", Zo, [
-              t("div", ea, T(f(o)("report.common.name")), 1),
+              t("div", ea, T(v(o)("report.common.name")), 1),
               t("div", ta, [
                 i(P, {
                   modelValue: e.value.name,
@@ -1682,7 +1678,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             t("div", oa, [
-              t("div", aa, T(f(o)("report.integration.location")), 1),
+              t("div", aa, T(v(o)("report.integration.location")), 1),
               i(Q, {
                 modelValue: e.value.platform.locationIds,
                 "onUpdate:modelValue": a[1] || (a[1] = (D) => e.value.platform.locationIds = D),
@@ -1694,12 +1690,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
             t("div", la, [
-              t("div", na, T(f(o)("report.integration.autoCount.grouping.title")), 1),
+              t("div", na, T(v(o)("report.integration.autoCount.grouping.title")), 1),
               i(Q, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
                 multiselect: !1,
-                items: p,
+                items: u,
                 placeholder: "Select grouping",
                 class: "flex-grow"
               }, null, 8, ["modelValue"])
@@ -1774,14 +1770,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           i(De, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": a[10] || (a[10] = (D) => e.value.platform = D),
-            label: f(o)("report.input.email")
+            label: v(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
           t("div", ra, [
-            t("div", ma, T(f(o)("report.integration.items")), 1),
+            t("div", ma, T(v(o)("report.integration.items")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[11] || (a[11] = () => u("items"))
+              onClick: a[11] || (a[11] = () => p("items"))
             })
           ]),
           t("div", ca, [
@@ -1798,14 +1794,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", da, [
-            t("div", pa, T(f(o)("report.integration.taxes")), 1),
+            t("div", ua, T(v(o)("report.integration.taxes")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => u("taxes"))
+              onClick: a[12] || (a[12] = () => p("taxes"))
             })
           ]),
-          t("div", ua, [
+          t("div", pa, [
             (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],
@@ -1819,11 +1815,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", fa, [
-            t("div", va, T(f(o)("report.integration.payments")), 1),
+            t("div", va, T(v(o)("report.integration.payments")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => u("payments"))
+              onClick: a[13] || (a[13] = () => p("payments"))
             })
           ]),
           t("div", ga, [
@@ -1855,35 +1851,35 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   emits: ["update:modelValue"],
   setup(g) {
     const { t: o } = J(), e = B([]), n = Y(
-      () => e.value.reduce((d, k) => {
-        const b = d.length, { invoice: u, payments: p } = k;
+      () => e.value.reduce((d, V) => {
+        const b = d.length, { invoice: p, payments: u } = V;
         d[b] = {
-          date: u.DocDate,
-          docNo: u.DocNo,
-          projNo: u.ProjNo,
-          debtor: u.DebtorCode,
-          description: u.Description
+          date: p.DocDate,
+          docNo: p.DocNo,
+          projNo: p.ProjNo,
+          debtor: p.DebtorCode,
+          description: p.Description
         };
-        for (let r = 0; r < Math.max(u._items.length, p.length); r++) {
+        for (let r = 0; r < Math.max(p._items.length, u.length); r++) {
           const x = b + r;
-          d[x] || (d[x] = {}), u._items[r] && (d[x] = {
+          d[x] || (d[x] = {}), p._items[r] && (d[x] = {
             ...d[x],
-            itemDescription: u._items[r].DetailDescription,
-            itemUnitPrice: u._items[r].Amount,
-            itemAccount: u._items[r].AccNo,
-            itemTaxCode: u._items[r].TaxType,
-            itemTax: u._items[r].Tax
-          }), p[r] && (d[x] = {
+            itemDescription: p._items[r].DetailDescription,
+            itemUnitPrice: p._items[r].Amount,
+            itemAccount: p._items[r].AccNo,
+            itemTaxCode: p._items[r].TaxType,
+            itemTax: p._items[r].Tax
+          }), u[r] && (d[x] = {
             ...d[x],
-            paymentDocNo: p[r].DocNo,
-            paymentMethod: p[r].paymentMethod,
-            paymentDescription: p[r].Description,
-            paymentAmount: p[r].PaymentAmt
+            paymentDocNo: u[r].DocNo,
+            paymentMethod: u[r].paymentMethod,
+            paymentDescription: u[r].Description,
+            paymentAmount: u[r].PaymentAmt
           });
         }
         return d;
       }, [])
-    ), V = [
+    ), k = [
       {
         accessorKey: "date",
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -1954,7 +1950,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
+    ], w = X(g, "modelValue"), _ = B(!1), F = pe(), { dateRange: h } = Ce(ue());
     ve(
       () => h.value,
       async () => {
@@ -1980,35 +1976,35 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         _.value = !1;
       }
     }
-    return (d, k) => {
-      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
+    return (d, V) => {
+      const b = S("FmButton"), p = S("FmCircularProgress"), u = 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),
+            "date-range": v(h),
+            "onUpdate:dateRange": V[0] || (V[0] = (r) => be(h) ? h.value = r : null),
             compare: !1
           }, null, 8, ["date-range"]),
           i(b, {
             loading: _.value,
             variant: "primary",
-            label: f(o)("report.common.download"),
+            label: v(o)("report.common.download"),
             onClick: m
           }, null, 8, ["loading", "label"])
         ]),
         _.value ? (c(), C("div", ba, [
-          i(u, { size: "xl" }),
-          t("span", wa, T(f(o)("report.common.isLoading")), 1)
-        ])) : n.value.length > 0 ? (c(), M(p, {
+          i(p, { size: "xl" }),
+          t("span", wa, T(v(o)("report.common.isLoading")), 1)
+        ])) : n.value.length > 0 ? (c(), M(u, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": n.value,
-          "column-defs": V
+          "column-defs": k
         }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
   }
-}), ka = { class: "h-full relative flex flex-col" }, Va = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, $a = /* @__PURE__ */ q({
+}), Va = { class: "h-full relative flex flex-col" }, ka = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, $a = /* @__PURE__ */ q({
   __name: "AutoCount",
   props: {
     modelValue: {},
@@ -2016,7 +2012,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), V = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2038,14 +2034,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     });
     return (F, h) => {
-      var k;
+      var V;
       const m = S("FmPageHead"), d = S("FmTabs");
-      return c(), C("div", ka, [
+      return c(), C("div", Va, [
         i(m, {
-          title: ((k = e.value) == null ? void 0 : k.name) || "AutoCount",
+          title: ((V = e.value) == null ? void 0 : V.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(w).back
+          "onClick:back": v(w).back
         }, {
           description: ge(() => h[2] || (h[2] = [
             t("div", null, null, -1)
@@ -2055,9 +2051,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         i(d, {
           "model-value": n.value,
           "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
-          items: V
+          items: k
         }, null, 8, ["model-value"]),
-        t("div", Va, [
+        t("div", ka, [
           (c(), M(xe(_.value), {
             modelValue: e.value,
             "onUpdate:modelValue": h[1] || (h[1] = (b) => e.value = b)
@@ -2077,7 +2073,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), V = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
+    const { t: o } = J(), e = X(g, "modelValue"), n = pe(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = ue(), m = Y(
       () => h.map((l) => ({ label: l.name, value: l.id }))
     );
     async function d() {
@@ -2086,30 +2082,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await V.getSettings(), w.back();
+          await he(e.value._id), await k.getSettings(), w.back();
         } catch (a) {
           n.open({ type: "error", message: a.message });
         }
       });
     }
-    async function k() {
+    async function V() {
       await _(async () => {
         try {
-          await ke(e.value._id, e.value), await V.getSettings();
+          await Ve(e.value._id, e.value), await k.getSettings();
         } catch (l) {
           n.open({ type: "error", message: l.message });
         }
       });
     }
     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(
+      var f, s;
+      (s = (f = e.value.platform) == null ? void 0 : f.mappings) != null && s[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
         (A, P) => P !== a
       ));
     }
-    function u(l) {
-      var a, v;
-      (v = (a = e.value.platform) == null ? void 0 : a.mappings) != null && v[l] && (e.value.platform.mappings[l] = [
+    function p(l) {
+      var a, f;
+      (f = (a = e.value.platform) == null ? void 0 : a.mappings) != null && f[l] && (e.value.platform.mappings[l] = [
         ...e.value.platform.mappings[l],
         l === "items" ? {
           key: "",
@@ -2122,7 +2118,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       ]);
     }
-    const p = [
+    const u = [
       {
         label: "By day",
         value: fe.BY_DAY
@@ -2140,8 +2136,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       key: l,
       value: a
     }) {
-      var v, s;
-      (s = (v = e.value) == null ? void 0 : v.platform) != null && s.mappings && (e.value.platform.mappings[l] = a);
+      var f, s;
+      (s = (f = e.value) == null ? void 0 : f.platform) != null && s.mappings && (e.value.platform.mappings[l] = a);
     }
     function x(l) {
       return {
@@ -2152,7 +2148,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function $() {
       await _(async () => {
         try {
-          await Ve(e.value._id), await V.getSettings();
+          await ke(e.value._id), await k.getSettings();
         } catch (l) {
           n.open({ type: "error", message: l.message });
         }
@@ -2160,29 +2156,29 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (l, a) => {
       var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
-      const v = S("FmIcon"), s = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
+      const f = S("FmIcon"), s = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
       return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), C("div", Sa, [
         t("div", Ca, [
           t("div", Fa, [
             a[15] || (a[15] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
             t("div", Da, [
               t("div", Ua, [
-                i(v, {
+                i(f, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", Ta, T(f(o)("report.integration.sql.refreshTooltip")), 1)
+                t("span", Ta, T(v(o)("report.integration.refreshSetting")), 1)
               ]),
               i(s, {
                 variant: "tertiary",
-                label: f(o)("report.common.delete"),
+                label: v(o)("report.common.delete"),
                 onClick: d
               }, null, 8, ["label"]),
               i(s, {
                 variant: "primary",
-                label: f(o)("report.common.update"),
-                onClick: k
+                label: v(o)("report.common.update"),
+                onClick: V
               }, null, 8, ["label"])
             ])
           ])
@@ -2190,9 +2186,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         i(A, { style: { margin: 0 } }),
         t("div", Ia, [
           t("div", Ma, [
-            t("div", Ka, T(f(o)("report.integration.sql.general")), 1),
+            t("div", Ka, T(v(o)("report.integration.sql.general")), 1),
             t("div", Aa, [
-              t("div", Pa, T(f(o)("report.common.name")), 1),
+              t("div", Pa, T(v(o)("report.common.name")), 1),
               t("div", Na, [
                 i(P, {
                   modelValue: e.value.name,
@@ -2201,7 +2197,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             t("div", Ra, [
-              t("div", Oa, T(f(o)("report.integration.location")), 1),
+              t("div", Oa, T(v(o)("report.integration.location")), 1),
               i(Q, {
                 modelValue: e.value.platform.locationIds,
                 "onUpdate:modelValue": a[1] || (a[1] = (D) => e.value.platform.locationIds = D),
@@ -2213,12 +2209,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
             t("div", Ba, [
-              t("div", ja, T(f(o)("report.integration.grouping")), 1),
+              t("div", ja, T(v(o)("report.integration.grouping")), 1),
               i(Q, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
                 multiselect: !1,
-                items: p,
+                items: u,
                 placeholder: "Select grouping",
                 class: "flex-grow"
               }, null, 8, ["modelValue"])
@@ -2315,12 +2311,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             label: "email"
           }, null, 8, ["modelValue"]),
           t("div", Ya, [
-            t("div", qa, T(f(o)("report.integration.items")), 1),
+            t("div", qa, T(v(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"])
+              icon: "add",
+              onClick: a[12] || (a[12] = () => p("items"))
+            })
           ]),
           t("div", Ha, [
             (c(!0), C(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (D, y) => (c(), M(K, {
@@ -2337,11 +2333,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Xa, [
-            t("div", Qa, T(f(o)("report.integration.taxes")), 1),
+            t("div", Qa, T(v(o)("report.integration.taxes")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => u("taxes"))
+              onClick: a[13] || (a[13] = () => p("taxes"))
             })
           ]),
           t("div", Ga, [
@@ -2358,11 +2354,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Ja, [
-            t("div", Wa, T(f(o)("report.integration.payments")), 1),
+            t("div", Wa, T(v(o)("report.integration.payments")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[14] || (a[14] = () => u("payments"))
+              onClick: a[14] || (a[14] = () => p("payments"))
             })
           ]),
           t("div", Za, [
@@ -2394,35 +2390,35 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   emits: ["update:modelValue"],
   setup(g) {
     const { t: o } = J(), e = B([]), n = Y(
-      () => e.value.reduce((d, k) => {
-        const b = d.length, { invoice: u, payments: p } = k;
+      () => e.value.reduce((d, V) => {
+        const b = d.length, { invoice: p, payments: u } = V;
         d[b] = {
-          date: u.DocDate,
-          docNo: u.DocNo,
-          debtor: u.Code,
-          description: u.Description_HDR
+          date: p.DocDate,
+          docNo: p.DocNo,
+          debtor: p.Code,
+          description: p.Description_HDR
         };
-        for (let r = 0; r < Math.max(u._items.length, p.length); r++) {
+        for (let r = 0; r < Math.max(p._items.length, u.length); r++) {
           const x = b + r;
-          d[x] || (d[x] = {}), u._items[r] && (d[x] = {
+          d[x] || (d[x] = {}), p._items[r] && (d[x] = {
             ...d[x],
-            itemDescription: u._items[r].Description_DTL,
-            itemUnitPrice: u._items[r].UnitPrice,
-            itemAccount: u._items[r].ACCOUNT,
-            itemTaxCode: u._items[r].Tax,
-            itemTax: u._items[r].TaxAmt
-          }), p[r] && (d[x] = {
+            itemDescription: p._items[r].Description_DTL,
+            itemUnitPrice: p._items[r].UnitPrice,
+            itemAccount: p._items[r].ACCOUNT,
+            itemTaxCode: p._items[r].Tax,
+            itemTax: p._items[r].TaxAmt
+          }), u[r] && (d[x] = {
             ...d[x],
-            paymentDocNo: p[r].DOCNO_Header,
-            paymentMethod: p[r].PAYMENTMETHOD,
-            paymentAccount: p[r].CODE,
-            paymentDescription: p[r].DESCRIPTION,
-            paymentAmount: p[r].KOAMT
+            paymentDocNo: u[r].DOCNO_Header,
+            paymentMethod: u[r].PAYMENTMETHOD,
+            paymentAccount: u[r].CODE,
+            paymentDescription: u[r].DESCRIPTION,
+            paymentAmount: u[r].KOAMT
           });
         }
         return d;
       }, [])
-    ), V = [
+    ), k = [
       {
         accessorKey: "date",
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -2488,7 +2484,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
+    ], w = X(g, "modelValue"), _ = B(!1), F = pe(), { dateRange: h } = Ce(ue());
     ve(
       () => h.value,
       async () => {
@@ -2514,30 +2510,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         _.value = !1;
       }
     }
-    return (d, k) => {
-      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
+    return (d, V) => {
+      const b = S("FmButton"), p = S("FmCircularProgress"), u = 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),
+            "date-range": v(h),
+            "onUpdate:dateRange": V[0] || (V[0] = (r) => be(h) ? h.value = r : null),
             compare: !1
           }, null, 8, ["date-range"]),
           i(b, {
             loading: _.value,
             variant: "primary",
-            label: f(o)("report.common.download"),
+            label: v(o)("report.common.download"),
             onClick: m
           }, null, 8, ["loading", "label"])
         ]),
         _.value ? (c(), C("div", al, [
-          i(u, { size: "xl" }),
-          t("span", ll, T(f(o)("report.common.isLoading")), 1)
-        ])) : n.value.length > 0 ? (c(), M(p, {
+          i(p, { size: "xl" }),
+          t("span", ll, T(v(o)("report.common.isLoading")), 1)
+        ])) : n.value.length > 0 ? (c(), M(u, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": n.value,
-          "column-defs": V
+          "column-defs": k
         }, null, 8, ["row-data"])) : N("", !0)
       ]);
     };
@@ -2550,7 +2546,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), V = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2572,14 +2568,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     });
     return (F, h) => {
-      var k;
+      var V;
       const m = S("FmPageHead"), d = S("FmTabs");
       return c(), C("div", sl, [
         i(m, {
-          title: ((k = e.value) == null ? void 0 : k.name) || "SQL",
+          title: ((V = e.value) == null ? void 0 : V.name) || "SQL",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(w).back
+          "onClick:back": v(w).back
         }, {
           description: ge(() => h[2] || (h[2] = [
             t("div", null, null, -1)
@@ -2589,7 +2585,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         i(d, {
           "model-value": n.value,
           "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
-          items: V
+          items: k
         }, null, 8, ["model-value"]),
         t("div", il, [
           (c(), M(xe(_.value), {
@@ -2603,7 +2599,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), ml = {
   key: 0,
   class: "flex flex-col h-full"
-}, cl = { class: "flex flex-col gap-16 pb-[24px]" }, dl = { class: "flex flex-row justify-between items-center gap-2" }, pl = { class: "fm-typo-en-title-sm-800" }, ul = { class: "flex flex-row gap-2 items-center" }, fl = { class: "flex flex-row gap-2 items-center" }, vl = { class: "relative group cursor-pointer" }, gl = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, yl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, xl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _l = { class: "flex flex-row items-center max-w-[100%]" }, bl = { class: "w-[25%]" }, wl = { class: "flex-grow" }, hl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, 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 = {
+}, cl = { class: "flex flex-col gap-16 pb-[24px]" }, dl = { class: "flex flex-row justify-between items-center gap-2" }, ul = { class: "fm-typo-en-title-sm-800" }, pl = { class: "flex flex-row gap-2 items-center" }, fl = { class: "flex flex-row gap-2 items-center" }, vl = { class: "relative group cursor-pointer" }, gl = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, yl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, xl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _l = { class: "flex flex-row items-center max-w-[100%]" }, bl = { class: "w-[25%]" }, wl = { class: "flex-grow" }, hl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Vl = { class: "flex flex-row items-center justify-between" }, kl = { class: "w-[25%]" }, $l = { class: "flex-grow" }, Sl = { class: "flex flex-row items-center justify-between" }, Cl = { class: "w-[25%]" }, Fl = { class: "flex-grow" }, Dl = { class: "flex flex-col gap-16" }, Ul = { class: "fm-typo-en-title-sm-800" }, Tl = { class: "flex flex-row items-center max-w-[100%]" }, Il = { class: "w-[25%]" }, Ml = { class: "flex-grow" }, Kl = { class: "flex flex-row items-center max-w-[100%]" }, Al = { class: "w-[25%]" }, Pl = { class: "flex flex-row items-center max-w-[100%]" }, Nl = { class: "w-[25%]" }, Rl = {
   key: 0,
   class: "flex flex-row items-center max-w-[100%]"
 }, Ol = { class: "flex flex-col gap-16" }, Bl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, jl = { key: 1 }, Ll = { class: "flex flex-row items-center gap-x-16" }, El = { class: "fm-typo-en-title-sm-800" }, zl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Yl = { class: "flex flex-row items-center gap-x-16" }, ql = { class: "fm-typo-en-title-sm-800" }, Hl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Xl = { class: "flex flex-row items-center gap-x-16" }, Ql = { class: "fm-typo-en-title-sm-800" }, Gl = { class: "flex flex-row items-center justify-between" }, Jl = { class: "flex-grow" }, Wl = {
@@ -2635,23 +2631,23 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), V = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
+    const { t: o } = J(), e = X(g, "modelValue"), n = pe(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = ue(), m = Y(
       () => h.map(($) => ({ label: $.name, value: $.id }))
     );
     function d($) {
       var l;
       !((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);
+        const f = g.retrievedMethods.data.find((s) => s.value == a.id);
+        f && (a.cnId = f.cnId);
       });
     }
-    async function k() {
+    async function V() {
       await F({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await V.getSettings(), w.back();
+          await he(e.value._id), await k.getSettings(), w.back();
         } catch (l) {
           n.open({ type: "error", message: l.message });
         }
@@ -2661,19 +2657,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       await _(async () => {
         var $, l, a;
         try {
-          (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) != null && a.paymentMethods && d(e.value.platform.mappings.paymentMethods), await ke(e.value._id, e.value), await V.getSettings();
-        } catch (v) {
-          n.open({ type: "error", message: v.message });
+          (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) != null && a.paymentMethods && d(e.value.platform.mappings.paymentMethods), await Ve(e.value._id, e.value), await k.getSettings();
+        } catch (f) {
+          n.open({ type: "error", message: f.message });
         }
       });
     }
-    function u($, l) {
-      var a, v;
-      (v = (a = e.value.platform) == null ? void 0 : a.mappings) != null && v[$] && (e.value.platform.mappings[$] = e.value.platform.mappings[$].filter(
+    function p($, l) {
+      var a, f;
+      (f = (a = e.value.platform) == null ? void 0 : a.mappings) != null && f[$] && (e.value.platform.mappings[$] = e.value.platform.mappings[$].filter(
         (s, A) => A !== l
       ));
     }
-    function p($) {
+    function u($) {
       var l, a;
       (a = (l = e.value.platform) == null ? void 0 : l.mappings) != null && a[$] && (e.value.platform.mappings[$] = [
         ...e.value.platform.mappings[$],
@@ -2704,10 +2700,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ($) => {
         $ && $.forEach((l, a) => {
           var A;
-          const v = l.key || "";
+          const f = l.key || "";
           let s = l.account;
-          if (!s && v) {
-            switch (v) {
+          if (!s && f) {
+            switch (f) {
               case "SST_SV":
                 s = "SST-6";
                 break;
@@ -2732,8 +2728,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         return (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.version;
       },
       ($) => {
-        var l, a, 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 = {
+        var l, a, f, s, A;
+        $ === "v1" && !((f = (a = (l = e.value) == null ? void 0 : l.platform) == null ? void 0 : a.mappings) != null && f.payee) && (A = (s = e.value) == null ? void 0 : s.platform) != null && A.mappings && (e.value.platform.mappings.payee = {
           id: 1,
           name: ""
         });
@@ -2743,7 +2739,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function x() {
       await _(async () => {
         try {
-          await Ve(e.value._id), await V.getSettings();
+          await ke(e.value._id), await k.getSettings();
         } catch ($) {
           n.open({ type: "error", message: $.message });
         }
@@ -2751,12 +2747,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     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");
+      const a = S("FmIcon"), f = S("FmButton"), s = S("FmSelect"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmCircularProgress"), E = S("FmCheckbox");
       return (R = (G = e.value) == null ? void 0 : G.platform) != null && R.mappings ? (c(), C("div", ml, [
         t("div", cl, [
           t("div", dl, [
-            t("div", pl, T(f(o)("report.integration.connect")), 1),
-            t("div", ul, [
+            t("div", ul, T(v(o)("report.integration.connect")), 1),
+            t("div", pl, [
               t("div", fl, [
                 t("div", vl, [
                   i(a, {
@@ -2764,16 +2760,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     class: "p-2 bg-gray-100 rounded-full",
                     onClick: x
                   }),
-                  t("span", gl, T(f(o)("report.integration.biztory.refreshTooltip")), 1)
+                  t("span", gl, T(v(o)("report.integration.refreshSetting")), 1)
                 ]),
-                i(v, {
+                i(f, {
                   variant: "tertiary",
-                  label: f(o)("report.common.delete"),
-                  onClick: k
+                  label: v(o)("report.common.delete"),
+                  onClick: V
                 }, null, 8, ["label"]),
-                i(v, {
+                i(f, {
                   variant: "primary",
-                  label: f(o)("report.common.update"),
+                  label: v(o)("report.common.update"),
                   onClick: b
                 }, null, 8, ["label"])
               ])
@@ -2781,9 +2777,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])
         ]),
         t("div", yl, [
-          t("div", xl, T(f(o)("report.integration.biztory.authenticate")), 1),
+          t("div", xl, T(v(o)("report.integration.biztory.authenticate")), 1),
           t("div", _l, [
-            t("div", bl, "Biztory " + T(f(o)("report.integration.biztory.version")), 1),
+            t("div", bl, "Biztory " + T(v(o)("report.integration.biztory.version")), 1),
             t("div", wl, [
               i(s, {
                 modelValue: e.value.platform.mappings.version,
@@ -2798,8 +2794,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           i(A, { style: { margin: 0 } }),
           t("div", hl, [
-            t("div", kl, [
-              t("div", Vl, T(f(o)("report.integration.biztory.subdomain")), 1),
+            t("div", Vl, [
+              t("div", kl, T(v(o)("report.integration.biztory.subdomain")), 1),
               t("div", $l, [
                 i(P, {
                   modelValue: e.value.platform.subdomain,
@@ -2809,7 +2805,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             t("div", Sl, [
-              t("div", Cl, T(f(o)("report.integration.biztory.apiKey")), 1),
+              t("div", Cl, T(v(o)("report.integration.biztory.apiKey")), 1),
               t("div", Fl, [
                 i(P, {
                   modelValue: e.value.platform.api_key,
@@ -2819,9 +2815,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             t("div", Dl, [
-              t("div", Ul, T(f(o)("report.integration.biztory.general")), 1),
+              t("div", Ul, T(v(o)("report.integration.biztory.general")), 1),
               t("div", Tl, [
-                t("div", Il, T(f(o)("report.common.name")), 1),
+                t("div", Il, T(v(o)("report.common.name")), 1),
                 t("div", Ml, [
                   i(P, {
                     modelValue: e.value.name,
@@ -2830,24 +2826,24 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 ])
               ]),
               t("div", Kl, [
-                t("div", Al, T(f(o)("report.common.location")), 1),
+                t("div", Al, T(v(o)("report.common.location")), 1),
                 i(s, {
                   modelValue: e.value.platform.locationIds,
                   "onUpdate:modelValue": l[4] || (l[4] = (y) => e.value.platform.locationIds = y),
                   multiselect: !0,
                   items: m.value,
-                  placeholder: f(o)("report.common.location"),
+                  placeholder: v(o)("report.common.location"),
                   class: "flex-grow"
                 }, null, 8, ["modelValue", "items", "placeholder"])
               ]),
               t("div", Pl, [
-                t("div", Nl, T(f(o)("report.integration.biztory.grouping")), 1),
+                t("div", Nl, T(v(o)("report.integration.biztory.grouping")), 1),
                 i(s, {
                   modelValue: e.value.platform.grouping,
                   "onUpdate:modelValue": l[5] || (l[5] = (y) => e.value.platform.grouping = y),
                   multiselect: !1,
                   items: r,
-                  placeholder: f(o)("report.integration.biztory.grouping"),
+                  placeholder: v(o)("report.integration.biztory.grouping"),
                   class: "flex-grow",
                   disabled: ""
                 }, null, 8, ["modelValue", "placeholder"])
@@ -2897,11 +2893,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               "last-upload-date": (W = e.value.platform) == null ? void 0 : W.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
             t("div", Ll, [
-              t("div", El, T(f(o)("report.integration.biztory.items")), 1),
-              i(v, {
+              t("div", El, T(v(o)("report.integration.biztory.items")), 1),
+              i(f, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[9] || (l[9] = () => p("items"))
+                onClick: l[9] || (l[9] = () => u("items"))
               })
             ]),
             t("div", zl, [
@@ -2914,15 +2910,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   code: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => u("items", U)
+                onRemove: () => p("items", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
             t("div", Yl, [
-              t("div", ql, T(f(o)("report.integration.biztory.taxes")), 1),
-              i(v, {
+              t("div", ql, T(v(o)("report.integration.biztory.taxes")), 1),
+              i(f, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[10] || (l[10] = () => p("taxes"))
+                onClick: l[10] || (l[10] = () => u("taxes"))
               })
             ]),
             t("div", Hl, [
@@ -2935,15 +2931,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   account: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => u("taxes", U)
+                onRemove: () => p("taxes", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
             t("div", Xl, [
-              t("div", Ql, T(f(o)("report.integration.biztory.payments")), 1),
-              i(v, {
+              t("div", Ql, T(v(o)("report.integration.biztory.payments")), 1),
+              i(f, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[11] || (l[11] = () => p("paymentMethods"))
+                onClick: l[11] || (l[11] = () => u("paymentMethods"))
               })
             ]),
             t("div", Gl, [
@@ -2960,13 +2956,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            g.retrievedMethods.isError ? N("", !0) : (c(), C("div", Wl, T(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.isError ? N("", !0) : (c(), C("div", Wl, T(v(o)("report.integration.biztory.paymentTerm")), 1)),
+            g.retrievedMethods.isLoaded && g.retrievedMethods.data && g.retrievedMethods.data.length == 0 && !g.retrievedMethods.isError ? (c(), C("span", Zl, T(v(o)("report.integration.biztory.noPaymentMethods")), 1)) : N("", !0),
             g.retrievedMethods.isLoaded ? N("", !0) : (c(), M(Q, {
               key: 2,
               size: "xl"
             })),
-            g.retrievedMethods.isError ? (c(), C("span", en, T(f(o)("report.integration.biztory.error")), 1)) : N("", !0),
+            g.retrievedMethods.isError ? (c(), C("span", en, T(v(o)("report.integration.biztory.error")), 1)) : N("", !0),
             (c(!0), C(L, null, H((D = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.paymentMethods, (y, U) => {
               var O;
               return c(), C("div", {
@@ -2997,7 +2993,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       }
                     },
                     removable: !0,
-                    onRemove: () => u("paymentMethods", U)
+                    onRemove: () => p("paymentMethods", U)
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"])
                 ])) : N("", !0)
               ]);
@@ -3010,9 +3006,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 });
 function an(g) {
   return g.reduce((o, e) => {
-    var w, _, F, h, m, d, k, b, u, p, r, x, $, l, a, v, s, A, P, Q, E, G;
-    const { invoice: n } = e, V = o.length;
-    o[V] = {
+    var w, _, F, h, m, d, V, b, p, u, r, x, $, l, a, f, s, A, P, Q, E, G;
+    const { invoice: n } = e, k = o.length;
+    o[k] = {
       invoice_date: n.invoice_date,
       ref_num: n.ref_num,
       grandTotal: n.grandTotal,
@@ -3024,12 +3020,12 @@ function an(g) {
       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: ((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) || ""
+      payment_amount: ((V = (d = n.transactions) == null ? void 0 : d[0]) == null ? void 0 : V.amount) || void 0,
+      payment_method: ((p = (b = n.transactions) == null ? void 0 : b[0]) == null ? void 0 : p.payment_method) || "-",
+      payment_term: ((u = n == null ? void 0 : n.payment_term) == null ? void 0 : u.name) || ""
     };
     for (let R = 1; R < Math.max(((r = n.items) == null ? void 0 : r.length) || 0, ((x = n.transactions) == null ? void 0 : x.length) || 0); R++) {
-      const j = V + R;
+      const j = k + R;
       o[j] || (o[j] = {});
       const z = n.items[R];
       z ? o[j] = {
@@ -3040,7 +3036,7 @@ function an(g) {
         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_method: ((f = (a = n.transactions) == null ? void 0 : a[R]) == null ? void 0 : f.payment_method) || "-",
         payment_term: ((s = n == null ? void 0 : n.payment_term) == null ? void 0 : s.name) || ""
       } : o[j] = {
         payment_amount: ((P = (A = n.transactions) == null ? void 0 : A[R]) == null ? void 0 : P.amount) || void 0,
@@ -3125,8 +3121,8 @@ const ln = [
 ];
 function nn(g) {
   return g.reduce((o, e) => {
-    var F, h, m, d, k, b, u, p, r, x;
-    const { invoice: n, payments: V } = e, w = o.length;
+    var F, h, m, d, V, b, p, u, r, x;
+    const { invoice: n, payments: k } = e, w = o.length;
     o[w] = {
       invoice_date: n.invoice_date,
       ref_num: n.ref_num,
@@ -3135,22 +3131,22 @@ function nn(g) {
       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: ((k = n.items[0]) == null ? void 0 : k.total_tax) ?? "",
+      item_tax_amount: ((V = n.items[0]) == null ? void 0 : V.total_tax) ?? "",
       service_charge_amount: ((b = n.service_charges[0]) == null ? void 0 : b.total) ?? "",
       rounding: n.rounding ?? 0,
       payment_term_id: n.payment_term.name ?? "",
-      payment_term_amount: ((u = n.terms[w]) == null ? void 0 : u.amount) ?? "",
-      payment_method: ((p = V[0]) == null ? void 0 : p.payment_method_name) || ""
+      payment_term_amount: ((p = n.terms[w]) == null ? void 0 : p.amount) ?? "",
+      payment_method: ((u = k[0]) == null ? void 0 : u.payment_method_name) || ""
     };
     const _ = Math.max(
       ((r = n.items) == null ? void 0 : r.length) || 0,
       ((x = n.terms) == null ? void 0 : x.length) || 0,
-      (V == null ? void 0 : V.length) || 0
+      (k == null ? void 0 : k.length) || 0
     );
     for (let $ = 1; $ < _; $++) {
       const l = w + $;
       o[l] || (o[l] = {});
-      const a = n.items[$], v = n.terms[$], s = V[$];
+      const a = n.items[$], f = n.terms[$], s = k[$];
       a ? o[l] = {
         ...o[l],
         item_code: a.code,
@@ -3159,11 +3155,11 @@ function nn(g) {
         item_tax_label: a.tax_label == "?" ? "" : a.tax_label ?? "",
         item_tax_amount: a.total_tax ?? "",
         payment_term_id: n.payment_term.name ?? "",
-        payment_term_amount: (v == null ? void 0 : v.amount) ?? "",
+        payment_term_amount: (f == null ? void 0 : f.amount) ?? "",
         payment_method: (s == null ? void 0 : s.payment_method_name) || ""
       } : o[l] = {
         payment_term_id: n.payment_term.name ?? "",
-        payment_term_amount: (v == null ? void 0 : v.amount) ?? "",
+        payment_term_amount: (f == null ? void 0 : f.amount) ?? "",
         payment_method: (s == null ? void 0 : s.payment_method_name) || ""
       };
     }
@@ -3247,9 +3243,9 @@ const sn = [
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const o = X(g, "modelValue"), e = B(!1), n = ue(), { dateRange: V } = Ce(pe()), w = B([]);
+    const o = X(g, "modelValue"), e = B(!1), n = pe(), { dateRange: k } = Ce(ue()), w = B([]);
     ve(
-      () => V.value,
+      () => k.value,
       async () => {
         if (o.value._id)
           try {
@@ -3291,15 +3287,15 @@ const sn = [
       }
     }
     return (m, d) => {
-      const k = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
+      const V = S("FmButton"), b = S("FmCircularProgress"), p = 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),
+            "date-range": v(k),
+            "onUpdate:dateRange": d[0] || (d[0] = (u) => be(k) ? k.value = u : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(k, {
+          i(V, {
             loading: e.value,
             variant: "primary",
             label: "Upload",
@@ -3309,7 +3305,7 @@ const sn = [
         e.value ? (c(), C("div", cn, [
           i(b, { size: "xl" }),
           d[1] || (d[1] = t("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
-        ])) : (c(), M(u, {
+        ])) : (c(), M(p, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": _.value,
@@ -3318,7 +3314,7 @@ const sn = [
       ]);
     };
   }
-}), pn = { class: "h-full relative flex flex-col" }, un = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, fn = /* @__PURE__ */ q({
+}), un = { class: "h-full relative flex flex-col" }, pn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, fn = /* @__PURE__ */ q({
   __name: "Biztory",
   props: {
     modelValue: { required: !0 },
@@ -3326,7 +3322,7 @@ const sn = [
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), V = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3354,45 +3350,45 @@ const sn = [
         default:
           return null;
       }
-    }), F = B({}), h = B({}), m = (p, r) => p.map((x) => ({
+    }), F = B({}), h = B({}), m = (u, r) => u.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, $) => {
+    })), d = (u) => m(u, ["wallet", "name"]), V = (u) => m(u, ["id", "name"]), b = async (u, r, x, $) => {
       try {
-        const l = await p(e.value._id);
+        const l = await u(e.value._id);
         x.value.data = r(l);
       } catch (l) {
         console.error($, l), x.value.isError = !0;
       } finally {
         x.value.isLoaded = !0;
       }
-    }, u = async () => {
-      var p, r;
-      (p = e.value.platform.mappings) != null && p.version && await b(
+    }, p = async () => {
+      var u, r;
+      (u = e.value.platform.mappings) != null && u.version && await b(
         Ge,
         d,
         F,
         "Failed to fetch payment methods:"
       ), ((r = e.value.platform.mappings) == null ? void 0 : r.version) == "v2" && await b(
         Je,
-        k,
+        V,
         h,
         "Failed to fetch customers:"
       ), F.value.isLoaded = !0, h.value.isLoaded = !0;
     };
-    return Ee(u), ve(() => {
-      var p;
-      return (p = e.value.platform.mappings) == null ? void 0 : p.version;
-    }, u), (p, r) => {
-      var l, a, v;
+    return Ee(p), ve(() => {
+      var u;
+      return (u = e.value.platform.mappings) == null ? void 0 : u.version;
+    }, p), (u, r) => {
+      var l, a, f;
       const x = S("FmPageHead"), $ = S("FmTabs");
-      return c(), C("div", pn, [
+      return c(), C("div", un, [
         i(x, {
           title: ((l = e.value) == null ? void 0 : l.name) || "Biztory",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(w).back
+          "onClick:back": v(w).back
         }, {
           description: ge(() => r[2] || (r[2] = [
             t("div", null, null, -1)
@@ -3402,13 +3398,13 @@ const sn = [
         i($, {
           "model-value": n.value,
           "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
-          items: V
+          items: k
         }, null, 8, ["model-value"]),
-        t("div", un, [
+        t("div", pn, [
           (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 = _.value) == null ? void 0 : v.props), null, 16, ["modelValue"]))
+          }, (f = _.value) == null ? void 0 : f.props), null, 16, ["modelValue"]))
         ])
       ]);
     };
@@ -3416,7 +3412,7 @@ const sn = [
 }), vn = {
   key: 0,
   class: "flex flex-col h-full"
-}, gn = { class: "flex flex-col gap-16 pb-[24px]" }, yn = { class: "flex flex-row justify-between items-center gap-2" }, xn = { class: "flex flex-row gap-2 items-center" }, _n = { class: "relative group cursor-pointer" }, bn = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, wn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, hn = { class: "flex flex-col gap-16" }, 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({
+}, gn = { class: "flex flex-col gap-16 pb-[24px]" }, yn = { class: "flex flex-row justify-between items-center gap-2" }, xn = { class: "flex flex-row gap-2 items-center" }, _n = { class: "relative group cursor-pointer" }, bn = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, wn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, hn = { class: "flex flex-col gap-16" }, Vn = { class: "fm-typo-en-title-sm-800" }, kn = { class: "flex flex-row items-center max-w-[100%]" }, $n = { class: "w-[25%]" }, Sn = { class: "flex-grow" }, Cn = { class: "flex flex-row items-center max-w-[100%]" }, Fn = { class: "w-[25%]" }, Dn = { class: "flex flex-row items-center gap-x-16" }, Un = { class: "fm-typo-en-title-sm-800" }, Tn = { class: "grid-cols-1 grid gap-16" }, In = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -3424,7 +3420,7 @@ const sn = [
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), V = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
+    const { t: o } = J(), e = X(g, "modelValue"), n = pe(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = ue(), m = Y(
       () => h.map((r) => ({ label: r.name, value: r.id }))
     );
     async function d() {
@@ -3433,16 +3429,16 @@ const sn = [
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await V.getSettings(), w.back();
+          await he(e.value._id), await k.getSettings(), w.back();
         } catch (x) {
           n.open({ type: "error", message: x.message });
         }
       });
     }
-    async function k() {
+    async function V() {
       await _(async () => {
         try {
-          await ke(e.value._id, e.value), await V.getSettings();
+          await Ve(e.value._id, e.value), await k.getSettings();
         } catch (r) {
           n.open({ type: "error", message: r.message });
         }
@@ -3451,10 +3447,10 @@ const sn = [
     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
+        (a, f) => f !== x
       ));
     }
-    function u(r) {
+    function p(r) {
       var x, $;
       ($ = (x = e.value.platform) == null ? void 0 : x.mappings) != null && $[r] && (e.value.platform.mappings[r] = [
         ...e.value.platform.mappings[r],
@@ -3466,10 +3462,10 @@ const sn = [
         }
       ]);
     }
-    async function p() {
+    async function u() {
       await _(async () => {
         try {
-          await Ve(e.value._id), await V.getSettings();
+          await ke(e.value._id), await k.getSettings();
         } catch (r) {
           n.open({ type: "error", message: r.message });
         }
@@ -3477,7 +3473,7 @@ const sn = [
     }
     return (r, x) => {
       var A, P, Q, E, G;
-      const $ = S("FmIcon"), l = S("FmButton"), a = S("FmMenuDivider"), v = S("FmTextField"), s = S("FmSelect");
+      const $ = S("FmIcon"), l = S("FmButton"), a = S("FmMenuDivider"), f = S("FmTextField"), s = S("FmSelect");
       return (P = (A = e.value) == null ? void 0 : A.platform) != null && P.mappings ? (c(), C("div", vn, [
         t("div", gn, [
           t("div", yn, [
@@ -3487,19 +3483,19 @@ const sn = [
                 i($, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: p
+                  onClick: u
                 }),
-                t("span", bn, T(f(o)("report.integration.iflexiHrms.refreshTooltip")), 1)
+                t("span", bn, T(v(o)("report.integration.refreshSetting")), 1)
               ]),
               i(l, {
                 variant: "tertiary",
-                label: f(o)("report.common.delete"),
+                label: v(o)("report.common.delete"),
                 onClick: d
               }, null, 8, ["label"]),
               i(l, {
                 variant: "primary",
-                label: f(o)("report.common.update"),
-                onClick: k
+                label: v(o)("report.common.update"),
+                onClick: V
               }, null, 8, ["label"])
             ])
           ])
@@ -3507,18 +3503,18 @@ const sn = [
         i(a, { style: { margin: 0 } }),
         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", Vn, T(v(o)("report.integration.iflexiHrms.general")), 1),
+            t("div", kn, [
+              t("div", $n, T(v(o)("report.common.name")), 1),
               t("div", Sn, [
-                i(v, {
+                i(f, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": x[0] || (x[0] = (R) => e.value.name = R)
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", Cn, [
-              t("div", Fn, T(f(o)("report.integration.location")), 1),
+              t("div", Fn, T(v(o)("report.integration.location")), 1),
               i(s, {
                 "model-value": e.value.platform.locationIds[0],
                 multiselect: !1,
@@ -3532,14 +3528,14 @@ const sn = [
           i(De, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": x[2] || (x[2] = (R) => e.value.platform = R),
-            label: f(o)("report.input.email")
+            label: v(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
           t("div", Dn, [
-            t("div", Un, T(f(o)("report.integration.iflexiHrms.employee")), 1),
+            t("div", Un, T(v(o)("report.integration.iflexiHrms.employee")), 1),
             i(l, {
               variant: "primary",
               icon: "add",
-              onClick: x[3] || (x[3] = () => u("employees"))
+              onClick: x[3] || (x[3] = () => p("employees"))
             })
           ]),
           t("div", Tn, [
@@ -3597,13 +3593,13 @@ const sn = [
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
         enableSorting: !1
       }
-    ], V = X(g, "modelValue"), w = B(!1), _ = ue(), { dateRange: F } = Ce(pe());
+    ], k = X(g, "modelValue"), w = B(!1), _ = pe(), { dateRange: F } = Ce(ue());
     ve(
       () => F.value,
       async () => {
-        if (V.value._id)
+        if (k.value._id)
           try {
-            w.value = !0, e.value = await $e(V.value._id);
+            w.value = !0, e.value = await $e(k.value._id);
           } catch (m) {
             _.open({ message: m.message, type: "error" });
           } finally {
@@ -3616,7 +3612,7 @@ const sn = [
     );
     async function h() {
       try {
-        V.value._id ? (w.value = !0, await Pe(V.value._id)) : _.open({ message: "Invalid setting", type: "error" });
+        k.value._id ? (w.value = !0, await Pe(k.value._id)) : _.open({ message: "Invalid setting", type: "error" });
       } catch (m) {
         _.open({ message: m.message, type: "error" });
       } finally {
@@ -3624,25 +3620,25 @@ const sn = [
       }
     }
     return (m, d) => {
-      const k = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
+      const V = S("FmButton"), b = S("FmCircularProgress"), p = 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),
+            "date-range": v(F),
+            "onUpdate:dateRange": d[0] || (d[0] = (u) => be(F) ? F.value = u : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(k, {
+          i(V, {
             loading: w.value,
             variant: "primary",
-            label: f(o)("report.common.download"),
+            label: v(o)("report.common.download"),
             onClick: h
           }, null, 8, ["loading", "label"])
         ]),
         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, {
+          t("span", Pn, T(v(o)("report.common.isLoading")), 1)
+        ])) : e.value.length > 0 ? (c(), M(p, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
@@ -3659,7 +3655,7 @@ const sn = [
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), V = [
+    const { t: o } = J(), e = X(g, "modelValue"), n = B("setting"), k = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3681,14 +3677,14 @@ const sn = [
       }
     });
     return (F, h) => {
-      var k;
+      var V;
       const m = S("FmPageHead"), d = S("FmTabs");
       return c(), C("div", Rn, [
         i(m, {
-          title: ((k = e.value) == null ? void 0 : k.name) || "AutoCount",
+          title: ((V = e.value) == null ? void 0 : V.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": f(w).back
+          "onClick:back": v(w).back
         }, {
           description: ge(() => h[2] || (h[2] = [
             t("div", null, null, -1)
@@ -3698,7 +3694,7 @@ const sn = [
         i(d, {
           "model-value": n.value,
           "onUpdate:modelValue": h[0] || (h[0] = (b) => n.value = b),
-          items: V
+          items: k
         }, null, 8, ["model-value"]),
         t("div", On, [
           (c(), M(xe(_.value), {
@@ -3712,7 +3708,7 @@ const sn = [
 }), jn = { class: "px-24 h-full relative" }, Gn = /* @__PURE__ */ q({
   __name: "Integration",
   setup(g) {
-    const o = B(void 0), { params: e } = ze(), n = _e(), V = B();
+    const o = B(void 0), { params: e } = ze(), n = _e(), k = B();
     Ee(async () => {
       n.settings.length === 0 && await n.getSettings();
     }), ve(
@@ -3720,7 +3716,7 @@ const sn = [
       (_) => {
         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);
+        F && (k.value = F, o.value = (h = k.value.platform) == null ? void 0 : h.name);
       },
       { immediate: !0 }
     );
@@ -3744,8 +3740,8 @@ const sn = [
     });
     return (_, F) => (c(), C("div", jn, [
       (c(), M(xe(w.value), {
-        modelValue: V.value,
-        "onUpdate:modelValue": F[0] || (F[0] = (h) => V.value = h)
+        modelValue: k.value,
+        "onUpdate:modelValue": F[0] || (F[0] = (h) => k.value = h)
       }, null, 8, ["modelValue"]))
     ]));
   }