@feedmepos/mf-report 5.5.11-beta.1 → 5.5.11-beta.2

package/dist/{Integration-CoavOChV.js → Integration-BhxDf6gs.js}

@@ -1,11 +1,11 @@
-import { defineComponent as q, mergeModels as ye, useModel as X, computed as Y, resolveComponent as S, createElementBlock as F, openBlock as c, createElementVNode as t, createCommentVNode as N, normalizeClass as Ae, Fragment as L, renderList as H, createBlock as M, createVNode as r, withCtx as ge, toDisplayString as T, unref as p, ref as B, onUnmounted as be, watch as ve, isRef as we, h as I, resolveDynamicComponent as xe, mergeProps as Ee, onMounted as ze } from "vue";
+import { defineComponent as q, mergeModels as ye, useModel as X, computed as Y, resolveComponent as S, createElementBlock as D, openBlock as c, createElementVNode as t, createCommentVNode as N, normalizeClass as Ae, Fragment as L, renderList as H, createBlock as M, createVNode as r, withCtx as ge, toDisplayString as T, unref as u, ref as B, onUnmounted as be, watch as ve, isRef as we, h as I, resolveDynamicComponent as xe, mergeProps as Ee, onMounted as ze } from "vue";
 import { useRouter as de, useRoute as Ye } from "vue-router";
 import { u as J, I as ce, d as Le, e as _e, f as he, b as pe, q as qe, m as He, p as Ve, r as ke, s as $e, t as Se, v as Pe, w as Xe, x as Qe, y as Ge, A as fe, z as Ne, B as Je, E as We } from "./global-loader-BqFQzk46.js";
 import { u as Ce } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as ue } from "@feedmepos/ui-library";
 import { s as Ze } from "./index-DqqTHE7n.js";
-import { storeToRefs as Fe } from "pinia";
-import { _ as De } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CN3UKRaQ.js";
+import { storeToRefs as De } from "pinia";
+import { _ as Fe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CN3UKRaQ.js";
 const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, tt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, ot = {
   key: 0,
   class: "w-[24px] flex items-center"
@@ -33,8 +33,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ye(["remove"], ["update:modelValue"]),
-  setup(f, { emit: o }) {
-    const e = X(f, "modelValue"), s = f, V = Y(
+  setup(v, { emit: o }) {
+    const e = X(v, "modelValue"), s = v, V = Y(
       () => Object.keys(s.options).map((_) => {
         const C = s.options[_];
         return {
@@ -46,27 +46,27 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ), h = o;
     return (_, C) => {
       const b = S("FmTextField"), x = S("FmTooltip"), m = S("FmIcon");
-      return c(), F("div", et, [
+      return c(), D("div", et, [
         t("div", {
-          class: Ae(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
+          class: Ae(`${v.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (c(!0), F(L, null, H(V.value, (w) => {
+          (c(!0), D(L, null, H(V.value, (w) => {
             var k;
-            return c(), F(L, {
+            return c(), D(L, {
               key: w.key
             }, [
-              w.editable ? (c(), F("div", {
+              w.editable ? (c(), D("div", {
                 key: 0,
-                class: Ae(`${f.removable ? "w-[50%]" : "w-[100%]"}`)
+                class: Ae(`${v.removable ? "w-[50%]" : "w-[100%]"}`)
               }, [
                 r(b, {
                   "model-value": e.value[w.key],
                   placeholder: w.placeholder,
-                  type: f.type,
-                  rules: f.rules,
+                  type: v.type,
+                  rules: v.rules,
                   "onUpdate:modelValue": (d) => {
                     let y = d;
-                    f.type === "number" && (y = Number(d)), e.value = {
+                    v.type === "number" && (y = Number(d)), e.value = {
                       ...e.value,
                       [w.key]: y
                     };
@@ -85,7 +85,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ], 64);
           }), 128))
         ], 2),
-        f.removable ? (c(), F("div", ot, [
+        v.removable ? (c(), D("div", ot, [
           r(m, {
             color: "system-error-300",
             class: "cursor-pointer",
@@ -119,8 +119,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = Y(() => {
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = Y(() => {
       switch (e.value.name) {
         case ce.AutoCount:
         case ce.SQL:
@@ -133,30 +133,30 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (V, h) => {
       var x, m;
       const _ = S("FmSwitch"), C = S("FmTextField"), b = S("FmTimePicker");
-      return c(), F(L, null, [
+      return c(), D(L, null, [
         t("div", at, [
-          t("div", lt, T(p(o)("report.integration.auto", { label: f.label })), 1),
-          f.label == "upload" ? (c(), F("div", nt, T(p(o)("report.integration.lastUploadDate")) + ": " + T(f.lastUploadDate ? p(Le)(f.lastUploadDate).format("MMMM D, YYYY h:mm A") : p(o)("report.integration.noData.title")), 1)) : N("", !0)
+          t("div", lt, T(u(o)("report.integration.auto", { label: v.label })), 1),
+          v.label == "upload" ? (c(), D("div", nt, T(u(o)("report.integration.lastUploadDate")) + ": " + T(v.lastUploadDate ? u(Le)(v.lastUploadDate).format("MMMM D, YYYY h:mm A") : u(o)("report.integration.noData.title")), 1)) : N("", !0)
         ]),
         t("div", st, [
-          t("div", it, T(p(o)("report.common.enable")), 1),
+          t("div", it, T(u(o)("report.common.enable")), 1),
           r(_, {
             modelValue: e.value.enable,
             "onUpdate:modelValue": h[0] || (h[0] = (w) => e.value.enable = w),
             style: { gap: "0px" }
           }, null, 8, ["modelValue"])
         ]),
-        s.value ? (c(), F("div", rt, [
-          t("div", mt, T(p(o)("report.common.email")), 1),
+        s.value ? (c(), D("div", rt, [
+          t("div", mt, T(u(o)("report.common.email")), 1),
           t("div", ct, [
             r(C, {
               "model-value": (e.value.emails || []).join(","),
               placeholder: "Email",
               "onUpdate:modelValue": h[1] || (h[1] = (w) => {
                 switch (e.value.name) {
-                  case p(ce).AutoCount:
-                  case p(ce).SQL:
-                  case p(ce).iFlexi_HRMS:
+                  case u(ce).AutoCount:
+                  case u(ce).SQL:
+                  case u(ce).iFlexi_HRMS:
                     e.value.emails = w.split(",");
                     break;
                 }
@@ -166,11 +166,11 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         ])) : N("", !0),
         t("div", dt, [
           t("div", pt, [
-            t("div", ut, T(p(Ze)(f.label)) + " time ", 1),
+            t("div", ut, T(u(Ze)(v.label)) + " time ", 1),
             t("div", ft, [
               r(b, {
                 class: "gap-[0px]",
-                "model-value": p(Le)().hour(((x = e.value.triggerTime) == null ? void 0 : x.hour) ?? 0).minute(((m = e.value.triggerTime) == null ? void 0 : m.minute) ?? 0).format("HH:mm"),
+                "model-value": u(Le)().hour(((x = e.value.triggerTime) == null ? void 0 : x.hour) ?? 0).minute(((m = e.value.triggerTime) == null ? void 0 : m.minute) ?? 0).format("HH:mm"),
                 "onUpdate:modelValue": h[2] || (h[2] = (w) => {
                   w && (e.value.triggerTime.hour = Number(w.split(":")[0]), e.value.triggerTime.minute = Number(w.split(":")[1]));
                 })
@@ -179,13 +179,13 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           r(K, {
             "model-value": {
-              label: p(o)("report.integration.delayDay"),
+              label: u(o)("report.integration.delayDay"),
               delayDay: e.value.delayDay
             },
             type: "number",
             options: {
-              label: { placeholder: p(o)("report.integration.delayDay"), editable: !1 },
-              delayDay: { placeholder: p(o)("report.integration.delayDay"), editable: !0 }
+              label: { placeholder: u(o)("report.integration.delayDay"), editable: !1 },
+              delayDay: { placeholder: u(o)("report.integration.delayDay"), editable: !0 }
             },
             rules: [(w) => w > 0 || "Delay days must be greater than 0"],
             "onUpdate:modelValue": h[3] || (h[3] = (w) => {
@@ -230,8 +230,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ye(["remove"], ["update:modelValue"]),
-  setup(f, { emit: o }) {
-    const e = X(f, "modelValue"), s = f, V = Y(
+  setup(v, { emit: o }) {
+    const e = X(v, "modelValue"), s = v, V = Y(
       () => Object.keys(s.options).map((x) => {
         const m = s.options[x];
         return {
@@ -252,28 +252,28 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }, C = (x) => s.singleValueMode ? e.value : e.value[x.key], b = o;
     return (x, m) => {
       const w = S("FmSelect"), k = S("FmTextField"), d = S("FmTooltip"), y = S("FmIcon");
-      return c(), F("div", vt, [
+      return c(), D("div", vt, [
         t("div", {
-          class: Ae(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
+          class: Ae(`${v.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (c(!0), F(L, null, H(V.value, (n) => (c(), F(L, {
+          (c(!0), D(L, null, H(V.value, (n) => (c(), D(L, {
             key: n.key
           }, [
-            n.editable ? (c(), F("div", gt, [
+            n.editable ? (c(), D("div", gt, [
               n.dropdownOptions ? (c(), M(w, {
                 key: 0,
                 "model-value": C(n),
                 placeholder: n.placeholder,
                 items: n.dropdownOptions,
                 "shift-menu": !0,
-                "onUpdate:modelValue": (v) => h(v, n.key)
+                "onUpdate:modelValue": (g) => h(g, n.key)
               }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (c(), M(k, {
                 key: 1,
                 "model-value": C(n),
                 placeholder: n.placeholder,
-                type: f.type,
-                rules: f.rules,
-                "onUpdate:modelValue": (v) => h(v, n.key)
+                type: v.type,
+                rules: v.rules,
+                "onUpdate:modelValue": (g) => h(g, n.key)
               }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
             ])) : (c(), M(d, {
               key: 1,
@@ -287,7 +287,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, 1032, ["content"]))
           ], 64))), 128))
         ], 2),
-        f.removable ? (c(), F("div", xt, [
+        v.removable ? (c(), D("div", xt, [
           r(y, {
             color: "system-error-300",
             class: "cursor-pointer",
@@ -302,7 +302,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), _t = {
   key: 0,
   class: "flex flex-col h-full"
-}, bt = { class: "flex flex-col gap-[16px] pb-[24px]" }, wt = { class: "flex flex-row justify-between items-center gap-2" }, ht = { class: "flex flex-row gap-2 items-center" }, Vt = { class: "relative group cursor-pointer" }, kt = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, $t = { class: "flex flex-row items-center justify-between gap-2" }, St = { class: "w-[25%]" }, Ct = { class: "flex flex-col gap-[16px]" }, Ft = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Dt = { class: "flex-grow" }, Ut = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Tt = { class: "flex flex-col gap-[16px]" }, It = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Mt = { class: "flex-grow" }, Kt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, At = { class: "flex-grow" }, Pt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Nt = { class: "flex-grow" }, Rt = { class: "flex flex-row items-center gap-x-16" }, Ot = {
+}, bt = { class: "flex flex-col gap-[16px] pb-[24px]" }, wt = { class: "flex flex-row justify-between items-center gap-2" }, ht = { class: "flex flex-row gap-2 items-center" }, Vt = { class: "relative group cursor-pointer" }, kt = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, $t = { class: "flex flex-row items-center justify-between gap-2" }, St = { class: "w-[25%]" }, Ct = { class: "flex flex-col gap-[16px]" }, Dt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Ft = { class: "flex-grow" }, Ut = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Tt = { class: "flex flex-col gap-[16px]" }, It = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Mt = { class: "flex-grow" }, Kt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, At = { class: "flex-grow" }, Pt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Nt = { class: "flex-grow" }, Rt = { class: "flex flex-row items-center gap-x-16" }, Ot = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, Bt = {
@@ -340,18 +340,18 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = B(!1), m = Y(
-      () => b.map((u) => ({ label: u.name, value: u.id }))
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = B(!1), m = Y(
+      () => b.map((f) => ({ label: f.name, value: f.id }))
     ), w = Y(() => {
-      var u, i;
-      return x.value ? "Connecting" : (i = (u = e.value) == null ? void 0 : u.platform) != null && i.accessToken ? "Disconnect" : "Connect";
+      var f, i;
+      return x.value ? "Connecting" : (i = (f = e.value) == null ? void 0 : f.platform) != null && i.accessToken ? "Disconnect" : "Connect";
     }), k = B(0);
     async function d() {
-      var u;
+      var f;
       if (x.value)
         s.open({ type: "error", message: "Connecting in progress" });
-      else if ((u = e.value.platform) != null && u.accessToken)
+      else if ((f = e.value.platform) != null && f.accessToken)
         await C({
           message: o("report.integration.xero.confirmDisconnect", { name: e.value.name }),
           title: o("report.integration.xero.disconnectTitle")
@@ -360,13 +360,13 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           const i = await He(e.value._id);
           x.value = !0;
-          const A = setInterval(async () => {
-            var P;
+          const P = setInterval(async () => {
+            var A;
             k.value += 1;
             try {
               await V.getSettings();
             } finally {
-              (k.value === 12 || (P = e.value.platform) != null && P.accessToken) && (x.value = !1, A && clearInterval(A), k.value = 0);
+              (k.value === 12 || (A = e.value.platform) != null && A.accessToken) && (x.value = !1, P && clearInterval(P), k.value = 0);
             }
           }, 5e3);
           window.open(i.redirect, "_blank");
@@ -392,33 +392,33 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       await _(async () => {
         try {
           await ke(e.value._id, e.value), await V.getSettings();
-        } catch (u) {
-          s.open({ type: "error", message: u.message });
+        } catch (f) {
+          s.open({ type: "error", message: f.message });
         }
       });
     }
-    function v(u) {
-      const i = f.tenantOptions.data.find((A) => A.value === u);
+    function g(f) {
+      const i = v.tenantOptions.data.find((P) => P.value === f);
       i && e.value.platform && (e.value.platform.tenant = {
         id: i.value,
         name: i.label
       });
     }
-    function $(u, i) {
-      var A, P;
-      (P = (A = e.value.platform) == null ? void 0 : A.mappings) != null && P[u] && (e.value.platform.mappings[u] = e.value.platform.mappings[u].filter(
+    function $(f, i) {
+      var P, A;
+      (A = (P = e.value.platform) == null ? void 0 : P.mappings) != null && A[f] && (e.value.platform.mappings[f] = e.value.platform.mappings[f].filter(
         (Q, E) => E !== i
       ));
     }
-    function l(u) {
-      var i, A;
-      (A = (i = e.value.platform) == null ? void 0 : i.mappings) != null && A[u] && (e.value.platform.mappings[u] = [
-        ...e.value.platform.mappings[u],
-        u === "items" ? {
+    function a(f) {
+      var i, P;
+      (P = (i = e.value.platform) == null ? void 0 : i.mappings) != null && P[f] && (e.value.platform.mappings[f] = [
+        ...e.value.platform.mappings[f],
+        f === "items" ? {
           feedmeKey: "",
           xeroAccount: "",
           name: ""
-        } : u === "taxes" ? {
+        } : f === "taxes" ? {
           feedmeKey: "",
           xeroAccount: ""
         } : {
@@ -427,39 +427,39 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       ]);
     }
-    async function a() {
+    async function l() {
       await _(async () => {
         try {
           await $e(e.value._id), await V.getSettings();
-        } catch (u) {
-          s.open({ type: "error", message: u.message });
+        } catch (f) {
+          s.open({ type: "error", message: f.message });
         }
       });
     }
     return be(async () => {
       await V.getSettings();
-    }), (u, i) => {
-      var z, W, Z, ee, te, oe, ae, le, ne, se, D, g, U, O, me, Te, Ie, Re, Oe, Be, je;
-      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(), F("div", _t, [
+    }), (f, i) => {
+      var z, W, Z, ee, te, oe, ae, le, ne, se, F, p, U, O, me, Te, Ie, Re, Oe, Be, je;
+      const P = S("FmIcon"), A = 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(), D("div", _t, [
         t("div", bt, [
           t("div", wt, [
             i[10] || (i[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
             t("div", ht, [
               t("div", Vt, [
-                r(A, {
+                r(P, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: a
+                  onClick: l
                 }),
                 i[9] || (i[9] = t("span", { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, " Repopulate the fields based on the dates selected in Preview. ", -1))
               ]),
-              r(P, {
+              r(A, {
                 variant: "tertiary",
                 label: "Delete",
                 onClick: y
               }),
-              r(P, {
+              r(A, {
                 variant: "primary",
                 label: "Update",
                 onClick: n
@@ -472,30 +472,30 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           i[21] || (i[21] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Authenticate with your official Xero account to enable FeedMe to securely upload data to Xero. ", -1)),
           t("div", $t, [
             t("div", St, [
-              r(P, {
+              r(A, {
                 disabled: x.value,
                 variant: "primary",
                 label: w.value,
                 onClick: d
               }, null, 8, ["disabled", "label"])
             ]),
-            !f.tenantOptions.isLoaded && ((Z = e.value.platform) != null && Z.accessToken) ? (c(), M(E, {
+            !v.tenantOptions.isLoaded && ((Z = e.value.platform) != null && Z.accessToken) ? (c(), M(E, {
               key: 0,
               size: "xl"
             })) : N("", !0),
             r(G, {
               class: "flex-grow",
-              items: f.tenantOptions.data || [],
+              items: v.tenantOptions.data || [],
               "model-value": (ee = e.value.platform.tenant) == null ? void 0 : ee.id,
-              placeholder: f.tenantOptions.data ? "Select tenant " : (te = e.value.platform.tenant) == null ? void 0 : te.name,
-              "onUpdate:modelValue": v
+              placeholder: v.tenantOptions.data ? "Select tenant " : (te = e.value.platform.tenant) == null ? void 0 : te.name,
+              "onUpdate:modelValue": g
             }, null, 8, ["items", "model-value", "placeholder"])
           ]),
           t("div", Ct, [
             i[13] || (i[13] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "General", -1)),
-            t("div", Ft, [
+            t("div", Dt, [
               i[11] || (i[11] = t("div", { class: "w-[25%]" }, "Name", -1)),
-              t("div", Dt, [
+              t("div", Ft, [
                 r(R, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": i[0] || (i[0] = (ie) => e.value.name = ie)
@@ -558,19 +558,19 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ]),
             t("div", Rt, [
               i[17] || (i[17] = t("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
-              r(P, {
+              r(A, {
                 variant: "primary",
                 icon: "add",
-                onClick: i[6] || (i[6] = () => l("taxes"))
+                onClick: i[6] || (i[6] = () => a("taxes"))
               })
             ]),
-            f.taxOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", Ot, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
-            !f.taxOptions.isLoaded && ((ae = e.value.platform) != null && ae.accessToken) ? (c(), M(E, {
+            v.taxOptions.isError || e.value.platform.accessToken == null ? (c(), D("div", Ot, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
+            !v.taxOptions.isLoaded && ((ae = e.value.platform) != null && ae.accessToken) ? (c(), M(E, {
               key: 1,
               size: "xl"
             })) : N("", !0),
-            ((le = f.taxOptions.data) == null ? void 0 : le.length) > 0 ? (c(), F("div", Bt, [
-              (c(!0), F(L, null, H((D = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.taxes, (ie, re) => (c(), M(Ke, {
+            ((le = v.taxOptions.data) == null ? void 0 : le.length) > 0 ? (c(), D("div", Bt, [
+              (c(!0), D(L, null, H((F = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : F.taxes, (ie, re) => (c(), M(Ke, {
                 key: `tax-${re}`,
                 modelValue: e.value.platform.mappings.taxes[re],
                 "onUpdate:modelValue": (Me) => e.value.platform.mappings.taxes[re] = Me,
@@ -579,7 +579,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   xeroAccount: {
                     placeholder: "Select Tax",
                     editable: !0,
-                    dropdownOptions: f.taxOptions.data ?? []
+                    dropdownOptions: v.taxOptions.data ?? []
                   }
                 },
                 removable: !0,
@@ -588,19 +588,19 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])) : N("", !0),
             t("div", jt, [
               i[18] || (i[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
-              r(P, {
+              r(A, {
                 variant: "primary",
                 icon: "add",
-                onClick: i[7] || (i[7] = () => l("items"))
+                onClick: i[7] || (i[7] = () => a("items"))
               })
             ]),
-            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", Lt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
-            !f.accountCodeOptions.isLoaded && ((g = e.value.platform) != null && g.accessToken) ? (c(), M(E, {
+            v.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), D("div", Lt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
+            !v.accountCodeOptions.isLoaded && ((p = e.value.platform) != null && p.accessToken) ? (c(), M(E, {
               key: 4,
               size: "xl"
             })) : N("", !0),
-            ((U = f.accountCodeOptions.data) == null ? void 0 : U.length) > 0 ? (c(), F("div", Et, [
-              (c(!0), F(L, null, H((Te = (me = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : me.mappings) == null ? void 0 : Te.items, (ie, re) => (c(), M(Ke, {
+            ((U = v.accountCodeOptions.data) == null ? void 0 : U.length) > 0 ? (c(), D("div", Et, [
+              (c(!0), D(L, null, H((Te = (me = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : me.mappings) == null ? void 0 : Te.items, (ie, re) => (c(), M(Ke, {
                 key: `item-${re}`,
                 modelValue: e.value.platform.mappings.items[re],
                 "onUpdate:modelValue": (Me) => e.value.platform.mappings.items[re] = Me,
@@ -609,7 +609,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   xeroAccount: {
                     placeholder: "Select Item Code",
                     editable: !0,
-                    dropdownOptions: f.accountCodeOptions.data ?? []
+                    dropdownOptions: v.accountCodeOptions.data ?? []
                   }
                 },
                 removable: !0,
@@ -618,19 +618,19 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])) : N("", !0),
             t("div", zt, [
               i[19] || (i[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
-              r(P, {
+              r(A, {
                 variant: "primary",
                 icon: "add",
-                onClick: i[8] || (i[8] = () => l("payments"))
+                onClick: i[8] || (i[8] = () => a("payments"))
               })
             ]),
-            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", Yt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
-            !f.accountCodeOptions.isLoaded && ((Ie = e.value.platform) != null && Ie.accessToken) ? (c(), M(E, {
+            v.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), D("div", Yt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
+            !v.accountCodeOptions.isLoaded && ((Ie = e.value.platform) != null && Ie.accessToken) ? (c(), M(E, {
               key: 7,
               size: "xl"
             })) : N("", !0),
-            ((Re = f.accountCodeOptions.data) == null ? void 0 : Re.length) > 0 ? (c(), F("div", qt, [
-              (c(!0), F(L, null, H((je = (Be = (Oe = e.value) == null ? void 0 : Oe.platform) == null ? void 0 : Be.mappings) == null ? void 0 : je.payments, (ie, re) => (c(), M(Ke, {
+            ((Re = v.accountCodeOptions.data) == null ? void 0 : Re.length) > 0 ? (c(), D("div", qt, [
+              (c(!0), D(L, null, H((je = (Be = (Oe = e.value) == null ? void 0 : Oe.platform) == null ? void 0 : Be.mappings) == null ? void 0 : je.payments, (ie, re) => (c(), M(Ke, {
                 key: `payment-${re}`,
                 modelValue: e.value.platform.mappings.payments[re],
                 "onUpdate:modelValue": (Me) => e.value.platform.mappings.payments[re] = Me,
@@ -639,7 +639,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   xeroAccount: {
                     placeholder: "Select Payment Code",
                     editable: !0,
-                    dropdownOptions: f.accountCodeOptions.data ?? []
+                    dropdownOptions: v.accountCodeOptions.data ?? []
                   }
                 },
                 removable: !0,
@@ -661,7 +661,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
+  setup(v) {
     const o = B([]), { t: e } = J(), s = Y(
       () => o.value.reduce((m, w) => {
         const k = m.length, { invoice: d, payments: y } = w;
@@ -672,9 +672,9 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ref: d.Reference
         };
         for (let n = 0; n < Math.max(d.LineItems.length, y.length); n++) {
-          const v = k + n;
-          m[v] || (m[v] = {}), d.LineItems[n] && (m[v] = {
-            ...m[v],
+          const g = k + n;
+          m[g] || (m[g] = {}), d.LineItems[n] && (m[g] = {
+            ...m[g],
             itemDescription: d.LineItems[n].Description,
             itemQuantity: d.LineItems[n].Quantity,
             itemUnitAmount: d.LineItems[n].UnitAmount,
@@ -684,8 +684,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             itemTaxType: d.LineItems[n].TaxType,
             itemAmount: d.LineItems[n].LineAmount,
             itemDiscount: d.LineItems[n].DiscountAmount
-          }), y[n] && (m[v] = {
-            ...m[v],
+          }), y[n] && (m[g] = {
+            ...m[g],
             paymentAccount: y[n].Account.Code,
             paymentReference: y[n].Reference,
             paymentAmount: y[n].Amount
@@ -769,7 +769,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Fe(pe());
+    ], h = X(v, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = De(pe());
     ve(
       () => b.value,
       async () => {
@@ -797,10 +797,10 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, w) => {
       const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), F("div", Xt, [
+      return c(), D("div", Xt, [
         t("div", Qt, [
-          r(De, {
-            "date-range": p(b),
+          r(Fe, {
+            "date-range": u(b),
             "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
@@ -811,9 +811,9 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: x
           }, null, 8, ["loading"])
         ]),
-        _.value ? (c(), F("div", Gt, [
+        _.value ? (c(), D("div", Gt, [
           r(d, { size: "xl" }),
-          t("span", Jt, T(p(e)("report.common.isLoading")), 1)
+          t("span", Jt, T(u(e)("report.common.isLoading")), 1)
         ])) : s.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
@@ -830,8 +830,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = B({}), h = B({}), _ = B({}), C = [
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = B("setting"), V = B({}), h = B({}), _ = B({}), C = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -911,30 +911,30 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       { immediate: !0 }
     ), (d, y) => {
-      var $, l, a;
-      const n = S("FmPageHead"), v = S("FmTabs");
-      return c(), F("div", Zt, [
+      var $, a, l;
+      const n = S("FmPageHead"), g = S("FmTabs");
+      return c(), D("div", Zt, [
         r(n, {
           title: (($ = e.value) == null ? void 0 : $.name) || "Xero",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": p(b).back
+          "onClick:back": u(b).back
         }, {
           description: ge(() => y[2] || (y[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        r(v, {
+        r(g, {
           "model-value": s.value,
-          "onUpdate:modelValue": y[0] || (y[0] = (u) => s.value = u),
+          "onUpdate:modelValue": y[0] || (y[0] = (f) => s.value = f),
           items: C
         }, null, 8, ["model-value"]),
         t("div", eo, [
-          (c(), M(xe((l = x.value) == null ? void 0 : l.component), Ee({
+          (c(), M(xe((a = x.value) == null ? void 0 : a.component), Ee({
             modelValue: e.value,
-            "onUpdate:modelValue": y[1] || (y[1] = (u) => e.value = u)
-          }, (a = x.value) == null ? void 0 : a.props), null, 16, ["modelValue"]))
+            "onUpdate:modelValue": y[1] || (y[1] = (f) => e.value = f)
+          }, (l = x.value) == null ? void 0 : l.props), null, 16, ["modelValue"]))
         ])
       ]);
     };
@@ -942,16 +942,16 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), oo = {
   key: 0,
   class: "flex flex-col h-full"
-}, ao = { class: "flex flex-col gap-16 pb-[24px]" }, lo = { class: "flex flex-row justify-between items-center gap-2" }, no = { class: "fm-typo-en-title-sm-800" }, so = { class: "flex flex-row gap-2 items-center" }, io = { class: "relative group cursor-pointer" }, ro = { 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" }, mo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, co = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, po = { class: "flex flex-row items-center justify-between" }, uo = { class: "w-[25%]" }, fo = { class: "flex-grow" }, vo = { class: "flex flex-row items-center justify-between" }, go = { class: "w-[25%]" }, yo = { class: "flex-grow" }, xo = { class: "flex flex-col gap-16" }, _o = { class: "fm-typo-en-title-sm-800" }, bo = { class: "flex flex-row items-center max-w-[100%]" }, wo = { class: "w-[25%]" }, ho = { class: "flex-grow" }, Vo = { class: "flex flex-row items-center max-w-[100%]" }, ko = { class: "w-[25%]" }, $o = { class: "flex flex-row items-center max-w-[100%]" }, So = { class: "w-[25%]" }, Co = { class: "flex flex-col gap-16" }, Fo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Do = { class: "flex flex-row items-center gap-x-16" }, Uo = { class: "fm-typo-en-title-sm-800" }, To = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Io = { class: "flex flex-row items-center gap-x-16" }, Mo = { class: "fm-typo-en-title-sm-800" }, Ko = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ao = { class: "flex flex-row items-center gap-x-16" }, Po = { class: "fm-typo-en-title-sm-800" }, No = /* @__PURE__ */ q({
+}, ao = { class: "flex flex-col gap-16 pb-[24px]" }, lo = { class: "flex flex-row justify-between items-center gap-2" }, no = { class: "fm-typo-en-title-sm-800" }, so = { class: "flex flex-row gap-2 items-center" }, io = { class: "relative group cursor-pointer" }, ro = { 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" }, mo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, co = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, po = { class: "flex flex-row items-center justify-between" }, uo = { class: "w-[25%]" }, fo = { class: "flex-grow" }, vo = { class: "flex flex-row items-center justify-between" }, go = { class: "w-[25%]" }, yo = { class: "flex-grow" }, xo = { class: "flex flex-col gap-16" }, _o = { class: "fm-typo-en-title-sm-800" }, bo = { class: "flex flex-row items-center max-w-[100%]" }, wo = { class: "w-[25%]" }, ho = { class: "flex-grow" }, Vo = { class: "flex flex-row items-center max-w-[100%]" }, ko = { class: "w-[25%]" }, $o = { class: "flex flex-row items-center max-w-[100%]" }, So = { class: "w-[25%]" }, Co = { class: "flex flex-col gap-16" }, Do = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Fo = { class: "flex flex-row items-center gap-x-16" }, Uo = { class: "fm-typo-en-title-sm-800" }, To = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Io = { class: "flex flex-row items-center gap-x-16" }, Mo = { class: "fm-typo-en-title-sm-800" }, Ko = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ao = { class: "flex flex-row items-center gap-x-16" }, Po = { class: "fm-typo-en-title-sm-800" }, No = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
-    const o = X(f, "modelValue"), e = ue(), s = _e(), V = de(), { promptLoader: h } = he(), { promptMessage: _ } = Ce(), { restaurants: C } = pe(), b = Y(
-      () => C.map((l) => ({ label: l.name, value: l.id }))
+  setup(v) {
+    const o = X(v, "modelValue"), e = ue(), s = _e(), V = de(), { promptLoader: h } = he(), { promptMessage: _ } = Ce(), { restaurants: C } = pe(), b = Y(
+      () => C.map((a) => ({ label: a.name, value: a.id }))
     ), { t: x } = J();
     async function m() {
       await _({
@@ -960,8 +960,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }) && await h(async () => {
         try {
           await Ve(o.value._id), await s.getSettings(), V.back();
-        } catch (a) {
-          e.open({ type: "error", message: a.message });
+        } catch (l) {
+          e.open({ type: "error", message: l.message });
         }
       });
     }
@@ -969,22 +969,22 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       await h(async () => {
         try {
           await ke(o.value._id, o.value), await s.getSettings();
-        } catch (l) {
-          e.open({ type: "error", message: l.message });
+        } catch (a) {
+          e.open({ type: "error", message: a.message });
         }
       });
     }
-    function k(l, a) {
-      var u, i;
-      (i = (u = o.value.platform) == null ? void 0 : u.mappings) != null && i[l] && (o.value.platform.mappings[l] = o.value.platform.mappings[l].filter(
-        (A, P) => P !== a
+    function k(a, l) {
+      var f, i;
+      (i = (f = o.value.platform) == null ? void 0 : f.mappings) != null && i[a] && (o.value.platform.mappings[a] = o.value.platform.mappings[a].filter(
+        (P, A) => A !== l
       ));
     }
-    function d(l) {
-      var a, u;
-      if ((u = (a = o.value.platform) == null ? void 0 : a.mappings) != null && u[l]) {
+    function d(a) {
+      var l, f;
+      if ((f = (l = o.value.platform) == null ? void 0 : l.mappings) != null && f[a]) {
         let i;
-        switch (l) {
+        switch (a) {
           case "items":
             i = {
               key: "",
@@ -1007,8 +1007,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             };
             break;
         }
-        o.value.platform.mappings[l] = [
-          ...o.value.platform.mappings[l],
+        o.value.platform.mappings[a] = [
+          ...o.value.platform.mappings[a],
           i
         ];
       }
@@ -1032,97 +1032,97 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     ];
     function n({
-      key: l,
-      value: a
+      key: a,
+      value: l
     }) {
-      var u, i;
-      (i = (u = o.value) == null ? void 0 : u.platform) != null && i.mappings && (o.value.platform.mappings[l] = a);
+      var f, i;
+      (i = (f = o.value) == null ? void 0 : f.platform) != null && i.mappings && (o.value.platform.mappings[a] = l);
     }
-    function v(l) {
+    function g(a) {
       return {
-        key: { placeholder: l, editable: !1 },
-        account: { placeholder: l, editable: !0 }
+        key: { placeholder: a, editable: !1 },
+        account: { placeholder: a, editable: !0 }
       };
     }
     async function $() {
       await h(async () => {
         try {
           await $e(o.value._id), await s.getSettings();
-        } catch (l) {
-          e.open({ type: "error", message: l.message });
+        } catch (a) {
+          e.open({ type: "error", message: a.message });
         }
       });
     }
     return be(async () => {
       await s.getSettings();
-    }), (l, a) => {
-      var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, D;
-      const u = S("FmIcon"), i = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = o.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", oo, [
+    }), (a, l) => {
+      var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, F;
+      const f = S("FmIcon"), i = S("FmButton"), P = S("FmMenuDivider"), A = S("FmTextField"), Q = S("FmSelect");
+      return (G = (E = o.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), D("div", oo, [
         t("div", ao, [
           t("div", lo, [
-            t("div", no, T(p(x)("report.integration.bukku.connect")), 1),
+            t("div", no, T(u(x)("report.integration.bukku.connect")), 1),
             t("div", so, [
               t("div", io, [
-                r(u, {
+                r(f, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", ro, T(p(x)("report.integration.refreshSetting")), 1)
+                t("span", ro, T(u(x)("report.integration.refreshSetting")), 1)
               ]),
               r(i, {
                 variant: "tertiary",
-                label: p(x)("report.common.delete"),
+                label: u(x)("report.common.delete"),
                 onClick: m
               }, null, 8, ["label"]),
               r(i, {
                 variant: "primary",
-                label: p(x)("report.common.update"),
+                label: u(x)("report.common.update"),
                 onClick: w
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        r(A, { style: { margin: 0 } }),
+        r(P, { style: { margin: 0 } }),
         t("div", mo, [
-          t("div", co, T(p(x)("report.integration.bukku.authentication")), 1),
+          t("div", co, T(u(x)("report.integration.bukku.authentication")), 1),
           t("div", po, [
-            t("div", uo, T(p(x)("report.integration.subdomain")), 1),
+            t("div", uo, T(u(x)("report.integration.subdomain")), 1),
             t("div", fo, [
-              r(P, {
+              r(A, {
                 modelValue: o.value.platform.subdomain,
-                "onUpdate:modelValue": a[0] || (a[0] = (g) => o.value.platform.subdomain = g),
-                placeholder: p(x)("report.integration.subdomain")
+                "onUpdate:modelValue": l[0] || (l[0] = (p) => o.value.platform.subdomain = p),
+                placeholder: u(x)("report.integration.subdomain")
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
           t("div", vo, [
-            t("div", go, T(p(x)("report.integration.token")), 1),
+            t("div", go, T(u(x)("report.integration.token")), 1),
             t("div", yo, [
-              r(P, {
+              r(A, {
                 modelValue: o.value.platform.token,
-                "onUpdate:modelValue": a[1] || (a[1] = (g) => o.value.platform.token = g),
-                placeholder: p(x)("report.integration.token")
+                "onUpdate:modelValue": l[1] || (l[1] = (p) => o.value.platform.token = p),
+                placeholder: u(x)("report.integration.token")
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
           t("div", xo, [
-            t("div", _o, T(p(x)("report.integration.general")), 1),
+            t("div", _o, T(u(x)("report.integration.general")), 1),
             t("div", bo, [
-              t("div", wo, T(p(x)("report.common.name")), 1),
+              t("div", wo, T(u(x)("report.common.name")), 1),
               t("div", ho, [
-                r(P, {
+                r(A, {
                   modelValue: o.value.name,
-                  "onUpdate:modelValue": a[2] || (a[2] = (g) => o.value.name = g)
+                  "onUpdate:modelValue": l[2] || (l[2] = (p) => o.value.name = p)
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", Vo, [
-              t("div", ko, T(p(x)("report.common.location")), 1),
+              t("div", ko, T(u(x)("report.common.location")), 1),
               r(Q, {
                 modelValue: o.value.platform.locationIds,
-                "onUpdate:modelValue": a[3] || (a[3] = (g) => o.value.platform.locationIds = g),
+                "onUpdate:modelValue": l[3] || (l[3] = (p) => o.value.platform.locationIds = p),
                 multiselect: !0,
                 items: b.value,
                 placeholder: "Select location",
@@ -1130,10 +1130,10 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items"])
             ]),
             t("div", $o, [
-              t("div", So, T(p(x)("report.integration.grouping.title")), 1),
+              t("div", So, T(u(x)("report.integration.grouping.title")), 1),
               r(Q, {
                 modelValue: o.value.platform.grouping,
-                "onUpdate:modelValue": a[4] || (a[4] = (g) => o.value.platform.grouping = g),
+                "onUpdate:modelValue": l[4] || (l[4] = (p) => o.value.platform.grouping = p),
                 multiselect: !1,
                 items: y,
                 placeholder: "Select grouping",
@@ -1142,7 +1142,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ]),
           t("div", Co, [
-            t("div", Fo, [
+            t("div", Do, [
               r(K, {
                 "model-value": {
                   key: "Contact",
@@ -1158,9 +1158,9 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     editable: !0
                   }
                 },
-                "onUpdate:modelValue": a[5] || (a[5] = (g) => {
+                "onUpdate:modelValue": l[5] || (l[5] = (p) => {
                   var U, O, me;
-                  (me = (O = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : O.mappings) != null && me.contact && (o.value.platform.mappings.contact.account = g.account);
+                  (me = (O = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : O.mappings) != null && me.contact && (o.value.platform.mappings.contact.account = p.account);
                 })
               }, null, 8, ["model-value"]),
               r(K, {
@@ -1168,45 +1168,45 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   key: "Invoice no",
                   account: o.value.platform.mappings.invoiceDocNo
                 },
-                options: v("Invoice no"),
-                "onUpdate:modelValue": a[6] || (a[6] = (g) => n({ key: "invoiceDocNo", value: g.account }))
+                options: g("Invoice no"),
+                "onUpdate:modelValue": l[6] || (l[6] = (p) => n({ key: "invoiceDocNo", value: p.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: o.value.platform.mappings.creditNoteDocNo
                 },
-                options: v("Credit note no"),
-                "onUpdate:modelValue": a[7] || (a[7] = (g) => n({ key: "creditNoteDocNo", value: g.account }))
+                options: g("Credit note no"),
+                "onUpdate:modelValue": l[7] || (l[7] = (p) => n({ key: "creditNoteDocNo", value: p.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Payment no",
                   account: o.value.platform.mappings.paymentDocNo
                 },
-                options: v("Payment no"),
-                "onUpdate:modelValue": a[8] || (a[8] = (g) => n({ key: "paymentDocNo", value: g.account }))
+                options: g("Payment no"),
+                "onUpdate:modelValue": l[8] || (l[8] = (p) => n({ key: "paymentDocNo", value: p.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Refund no",
                   account: o.value.platform.mappings.refundDocNo
                 },
-                options: v("Refund no"),
-                "onUpdate:modelValue": a[9] || (a[9] = (g) => n({ key: "refundDocNo", value: g.account }))
+                options: g("Refund no"),
+                "onUpdate:modelValue": l[9] || (l[9] = (p) => n({ key: "refundDocNo", value: p.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Rounding",
                   account: o.value.platform.mappings.rounding.account
                 },
-                options: v("Rounding"),
-                "onUpdate:modelValue": a[10] || (a[10] = (g) => {
+                options: g("Rounding"),
+                "onUpdate:modelValue": l[10] || (l[10] = (p) => {
                   var U, O, me;
-                  (me = (O = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : O.mappings) != null && me.rounding && (o.value.platform.mappings.rounding.account = g.account);
+                  (me = (O = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : O.mappings) != null && me.rounding && (o.value.platform.mappings.rounding.account = p.account);
                 })
               }, null, 8, ["model-value", "options"]),
-              (c(!0), F(L, null, H((z = (j = (R = o.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (g, U) => (c(), M(K, {
+              (c(!0), D(L, null, H((z = (j = (R = o.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (p, U) => (c(), M(K, {
                 key: `charge-${U}`,
                 modelValue: o.value.platform.mappings.charges[U],
                 "onUpdate:modelValue": (O) => o.value.platform.mappings.charges[U] = O,
@@ -1225,20 +1225,20 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           r(Ue, {
             modelValue: o.value.platform,
-            "onUpdate:modelValue": a[11] || (a[11] = (g) => o.value.platform = g),
+            "onUpdate:modelValue": l[11] || (l[11] = (p) => o.value.platform = p),
             label: "upload",
             "last-upload-date": (W = o.value.platform) == null ? void 0 : W.lastUploadDate
           }, null, 8, ["modelValue", "last-upload-date"]),
-          t("div", Do, [
-            t("div", Uo, T(p(x)("report.integration.items")), 1),
+          t("div", Fo, [
+            t("div", Uo, T(u(x)("report.integration.items")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => d("items"))
+              onClick: l[12] || (l[12] = () => d("items"))
             })
           ]),
           t("div", To, [
-            (c(!0), F(L, null, H((te = (ee = (Z = o.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (g, U) => (c(), M(K, {
+            (c(!0), D(L, null, H((te = (ee = (Z = o.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (p, U) => (c(), M(K, {
               key: `item-${U}`,
               modelValue: o.value.platform.mappings.items[U],
               "onUpdate:modelValue": (O) => o.value.platform.mappings.items[U] = O,
@@ -1251,15 +1251,15 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Io, [
-            t("div", Mo, T(p(x)("report.integration.taxes")), 1),
+            t("div", Mo, T(u(x)("report.integration.taxes")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => d("taxes"))
+              onClick: l[13] || (l[13] = () => d("taxes"))
             })
           ]),
           t("div", Ko, [
-            (c(!0), F(L, null, H((le = (ae = (oe = o.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (g, U) => (c(), M(K, {
+            (c(!0), D(L, null, H((le = (ae = (oe = o.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (p, U) => (c(), M(K, {
               key: `tax-${U}`,
               modelValue: o.value.platform.mappings.taxes[U],
               "onUpdate:modelValue": (O) => o.value.platform.mappings.taxes[U] = O,
@@ -1272,14 +1272,14 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Ao, [
-            t("div", Po, T(p(x)("report.integration.payments")), 1),
+            t("div", Po, T(u(x)("report.integration.payments")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[14] || (a[14] = () => d("payments"))
+              onClick: l[14] || (l[14] = () => d("payments"))
             })
           ]),
-          (c(!0), F(L, null, H((D = (se = (ne = o.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.payments, (g, U) => (c(), F("div", {
+          (c(!0), D(L, null, H((F = (se = (ne = o.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : F.payments, (p, U) => (c(), D("div", {
             key: `payment-${U}`,
             class: "grid-cols-1 grid gap-x-16"
           }, [
@@ -1309,7 +1309,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
+  setup(v) {
     const o = B([]), e = Y(
       () => o.value.reduce((m, w) => {
         const k = m.length, { invoice: d, payments: y } = w;
@@ -1321,11 +1321,11 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           title: d.title
         };
         for (let n = 0; n < Math.max(d.form_items.length, y.length); n++) {
-          const v = k + n;
-          m[v] || (m[v] = {});
+          const g = k + n;
+          m[g] || (m[g] = {});
           const $ = d.form_items[n];
-          $ && (m[v] = {
-            ...m[v],
+          $ && (m[g] = {
+            ...m[g],
             itemDescription: $.description,
             itemQuantity: $.quantity,
             itemUnitPrice: $.unit_price,
@@ -1333,15 +1333,15 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             itemTaxCode: $._tax_code_name,
             itemDiscount: $.discount
           });
-          const l = y[n];
-          l && (m[v] = {
-            ...m[v],
-            paymentNo: l.number,
-            paymentMethod: l.deposit_items[0]._payment_method_name,
-            paymentAccount: l.deposit_items[0]._account_name,
-            paymentDescription: l.description,
-            paymentAmount: l.amount,
-            paymentSkip: l.skip
+          const a = y[n];
+          a && (m[g] = {
+            ...m[g],
+            paymentNo: a.number,
+            paymentMethod: a.deposit_items[0]._payment_method_name,
+            paymentAccount: a.deposit_items[0]._account_name,
+            paymentDescription: a.description,
+            paymentAmount: a.amount,
+            paymentSkip: a.skip
           });
         }
         return m;
@@ -1436,7 +1436,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Skip",
         enableSorting: !1
       }
-    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Fe(pe());
+    ], h = X(v, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = De(pe());
     ve(
       () => b.value,
       async () => {
@@ -1464,23 +1464,23 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, w) => {
       const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), F("div", Ro, [
+      return c(), D("div", Ro, [
         t("div", Oo, [
-          r(De, {
-            "date-range": p(b),
+          r(Fe, {
+            "date-range": u(b),
             "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
           r(k, {
             loading: _.value,
             variant: "primary",
-            label: p(s)("report.common.upload"),
+            label: u(s)("report.common.upload"),
             onClick: x
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), F("div", Bo, [
+        _.value ? (c(), D("div", Bo, [
           r(d, { size: "xl" }),
-          t("span", jo, T(p(s)("report.integration.table.loading")), 1)
+          t("span", jo, T(u(s)("report.integration.table.loading")), 1)
         ])) : e.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
@@ -1497,8 +1497,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -1522,12 +1522,12 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (C, b) => {
       var w;
       const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), F("div", Eo, [
+      return c(), D("div", Eo, [
         r(x, {
           title: ((w = e.value) == null ? void 0 : w.name) || "Bukku",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": p(h).back
+          "onClick:back": u(h).back
         }, {
           description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
@@ -1558,9 +1558,9 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
-      () => b.map((l) => ({ label: l.name, value: l.id }))
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
+      () => b.map((a) => ({ label: a.name, value: a.id }))
     );
     async function m() {
       await C({
@@ -1569,8 +1569,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }) && await _(async () => {
         try {
           await Ve(e.value._id), await V.getSettings(), h.back();
-        } catch (a) {
-          s.open({ type: "error", message: a.message });
+        } catch (l) {
+          s.open({ type: "error", message: l.message });
         }
       });
     }
@@ -1578,22 +1578,22 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       await _(async () => {
         try {
           await ke(e.value._id, e.value), await V.getSettings();
-        } catch (l) {
-          s.open({ type: "error", message: l.message });
+        } catch (a) {
+          s.open({ type: "error", message: a.message });
         }
       });
     }
-    function k(l, a) {
-      var u, i;
-      (i = (u = e.value.platform) == null ? void 0 : u.mappings) != null && i[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
-        (A, P) => P !== a
+    function k(a, l) {
+      var f, i;
+      (i = (f = e.value.platform) == null ? void 0 : f.mappings) != null && i[a] && (e.value.platform.mappings[a] = e.value.platform.mappings[a].filter(
+        (P, A) => A !== l
       ));
     }
-    function d(l) {
-      var a, u;
-      (u = (a = e.value.platform) == null ? void 0 : a.mappings) != null && u[l] && (e.value.platform.mappings[l] = [
-        ...e.value.platform.mappings[l],
-        l === "items" ? {
+    function d(a) {
+      var l, f;
+      (f = (l = e.value.platform) == null ? void 0 : l.mappings) != null && f[a] && (e.value.platform.mappings[a] = [
+        ...e.value.platform.mappings[a],
+        a === "items" ? {
           key: "",
           account: "",
           description: ""
@@ -1618,88 +1618,88 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     ];
     function n({
-      key: l,
-      value: a
+      key: a,
+      value: l
     }) {
-      var u, i;
-      (i = (u = e.value) == null ? void 0 : u.platform) != null && i.mappings && (e.value.platform.mappings[l] = a);
+      var f, i;
+      (i = (f = e.value) == null ? void 0 : f.platform) != null && i.mappings && (e.value.platform.mappings[a] = l);
     }
-    function v(l) {
+    function g(a) {
       return {
-        key: { placeholder: l, editable: !1 },
-        account: { placeholder: l, editable: !0 }
+        key: { placeholder: a, editable: !1 },
+        account: { placeholder: a, editable: !0 }
       };
     }
     async function $() {
       await _(async () => {
         try {
           await $e(e.value._id), await V.getSettings();
-        } catch (l) {
-          s.open({ type: "error", message: l.message });
+        } catch (a) {
+          s.open({ type: "error", message: a.message });
         }
       });
     }
     return be(async () => {
       await V.getSettings();
-    }), (l, a) => {
+    }), (a, l) => {
       var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
-      const u = S("FmIcon"), i = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", qo, [
+      const f = S("FmIcon"), i = S("FmButton"), P = S("FmMenuDivider"), A = S("FmTextField"), Q = S("FmSelect");
+      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), D("div", qo, [
         t("div", Ho, [
           t("div", Xo, [
-            a[14] || (a[14] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
+            l[14] || (l[14] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
             t("div", Qo, [
               t("div", Go, [
-                r(u, {
+                r(f, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", Jo, T(p(o)("report.integration.refreshSetting")), 1)
+                t("span", Jo, T(u(o)("report.integration.refreshSetting")), 1)
               ]),
               r(i, {
                 variant: "tertiary",
-                label: p(o)("report.common.remove"),
+                label: u(o)("report.common.remove"),
                 onClick: m
               }, null, 8, ["label"]),
               r(i, {
                 variant: "primary",
-                label: p(o)("report.common.update"),
+                label: u(o)("report.common.update"),
                 onClick: w
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        r(A, { style: { margin: 0 } }),
+        r(P, { style: { margin: 0 } }),
         t("div", Wo, [
           t("div", Zo, [
-            t("div", ea, T(p(o)("report.integration.general")), 1),
+            t("div", ea, T(u(o)("report.integration.general")), 1),
             t("div", ta, [
-              t("div", oa, T(p(o)("report.common.name")), 1),
+              t("div", oa, T(u(o)("report.common.name")), 1),
               t("div", aa, [
-                r(P, {
+                r(A, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": a[0] || (a[0] = (D) => e.value.name = D)
+                  "onUpdate:modelValue": l[0] || (l[0] = (F) => e.value.name = F)
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", la, [
-              t("div", na, T(p(o)("report.integration.location")), 1),
+              t("div", na, T(u(o)("report.integration.location")), 1),
               r(Q, {
                 modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": a[1] || (a[1] = (D) => e.value.platform.locationIds = D),
+                "onUpdate:modelValue": l[1] || (l[1] = (F) => e.value.platform.locationIds = F),
                 multiselect: !0,
                 items: x.value,
                 placeholder: "Select location",
                 class: "flex-grow",
-                rules: [(D) => D.length !== 0 || "Please select at least 1 location"]
+                rules: [(F) => F.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
             t("div", sa, [
-              t("div", ia, T(p(o)("report.integration.grouping.title")), 1),
+              t("div", ia, T(u(o)("report.integration.grouping.title")), 1),
               r(Q, {
                 modelValue: e.value.platform.grouping,
-                "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
+                "onUpdate:modelValue": l[2] || (l[2] = (F) => e.value.platform.grouping = F),
                 multiselect: !1,
                 items: y,
                 placeholder: "Select grouping",
@@ -1711,61 +1711,61 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", ma, [
               r(K, {
                 "model-value": { key: "Project", account: e.value.platform.mappings.project },
-                options: v("Project"),
-                "onUpdate:modelValue": a[3] || (a[3] = (D) => n({ key: "project", value: D.account }))
+                options: g("Project"),
+                "onUpdate:modelValue": l[3] || (l[3] = (F) => n({ key: "project", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
-                options: v("Debtor"),
-                "onUpdate:modelValue": a[4] || (a[4] = (D) => n({ key: "debtor", value: D.account }))
+                options: g("Debtor"),
+                "onUpdate:modelValue": l[4] || (l[4] = (F) => n({ key: "debtor", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Invoice no",
                   account: e.value.platform.mappings.invoiceDocNo
                 },
-                options: v("Invoice no"),
-                "onUpdate:modelValue": a[5] || (a[5] = (D) => n({ key: "invoiceDocNo", value: D.account }))
+                options: g("Invoice no"),
+                "onUpdate:modelValue": l[5] || (l[5] = (F) => n({ key: "invoiceDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: e.value.platform.mappings.creditNoteDocNo
                 },
-                options: v("Credit note no"),
-                "onUpdate:modelValue": a[6] || (a[6] = (D) => n({ key: "creditNoteDocNo", value: D.account }))
+                options: g("Credit note no"),
+                "onUpdate:modelValue": l[6] || (l[6] = (F) => n({ key: "creditNoteDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Payment no",
                   account: e.value.platform.mappings.paymentDocNo
                 },
-                options: v("Payment no"),
-                "onUpdate:modelValue": a[7] || (a[7] = (D) => n({ key: "paymentDocNo", value: D.account }))
+                options: g("Payment no"),
+                "onUpdate:modelValue": l[7] || (l[7] = (F) => n({ key: "paymentDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Refund no",
                   account: e.value.platform.mappings.refundDocNo
                 },
-                options: v("Refund no"),
-                "onUpdate:modelValue": a[8] || (a[8] = (D) => n({ key: "refundDocNo", value: D.account }))
+                options: g("Refund no"),
+                "onUpdate:modelValue": l[8] || (l[8] = (F) => n({ key: "refundDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Rounding",
                   account: e.value.platform.mappings.rounding.account
                 },
-                options: v("Rounding"),
-                "onUpdate:modelValue": a[9] || (a[9] = (D) => {
-                  var g, U, O;
-                  (O = (U = (g = e.value) == null ? void 0 : g.platform) == null ? void 0 : U.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = D.account);
+                options: g("Rounding"),
+                "onUpdate:modelValue": l[9] || (l[9] = (F) => {
+                  var p, U, O;
+                  (O = (U = (p = e.value) == null ? void 0 : p.platform) == null ? void 0 : U.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = F.account);
                 })
               }, null, 8, ["model-value", "options"]),
-              (c(!0), F(L, null, H((z = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (D, g) => (c(), M(K, {
-                key: `charge-${g}`,
-                modelValue: e.value.platform.mappings.charges[g],
-                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[g] = U,
+              (c(!0), D(L, null, H((z = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (F, p) => (c(), M(K, {
+                key: `charge-${p}`,
+                modelValue: e.value.platform.mappings.charges[p],
+                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[p] = U,
                 options: {
                   key: { placeholder: "Key", editable: !1 },
                   account: { placeholder: "Account code", editable: !0 }
@@ -1775,70 +1775,70 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           r(Ue, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": a[10] || (a[10] = (D) => e.value.platform = D),
-            label: p(o)("report.input.email")
+            "onUpdate:modelValue": l[10] || (l[10] = (F) => e.value.platform = F),
+            label: u(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
           t("div", ca, [
-            t("div", da, T(p(o)("report.integration.items")), 1),
+            t("div", da, T(u(o)("report.integration.items")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[11] || (a[11] = () => d("items"))
+              onClick: l[11] || (l[11] = () => d("items"))
             })
           ]),
           t("div", pa, [
-            (c(!0), F(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (D, g) => (c(), M(K, {
-              key: `item-${g}`,
-              modelValue: e.value.platform.mappings.items[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[g] = U,
+            (c(!0), D(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (F, p) => (c(), M(K, {
+              key: `item-${p}`,
+              modelValue: e.value.platform.mappings.items[p],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[p] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("items", g)
+              onRemove: () => k("items", p)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", ua, [
-            t("div", fa, T(p(o)("report.integration.taxes")), 1),
+            t("div", fa, T(u(o)("report.integration.taxes")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => d("taxes"))
+              onClick: l[12] || (l[12] = () => d("taxes"))
             })
           ]),
           t("div", va, [
-            (c(!0), F(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (D, g) => (c(), M(K, {
-              key: `tax-${g}`,
-              modelValue: e.value.platform.mappings.taxes[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[g] = U,
+            (c(!0), D(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (F, p) => (c(), M(K, {
+              key: `tax-${p}`,
+              modelValue: e.value.platform.mappings.taxes[p],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[p] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("taxes", g)
+              onRemove: () => k("taxes", p)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", ga, [
-            t("div", ya, T(p(o)("report.integration.payments")), 1),
+            t("div", ya, T(u(o)("report.integration.payments")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => d("payments"))
+              onClick: l[13] || (l[13] = () => d("payments"))
             })
           ]),
           t("div", xa, [
-            (c(!0), F(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (D, g) => (c(), M(K, {
-              key: `payment-${g}`,
-              modelValue: e.value.platform.mappings.payments[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[g] = U,
+            (c(!0), D(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (F, p) => (c(), M(K, {
+              key: `payment-${p}`,
+              modelValue: e.value.platform.mappings.payments[p],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[p] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Payment name", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("payments", g)
+              onRemove: () => k("payments", p)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
@@ -1855,7 +1855,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
+  setup(v) {
     const { t: o } = J(), e = B([]), s = Y(
       () => e.value.reduce((m, w) => {
         const k = m.length, { invoice: d, payments: y } = w;
@@ -1867,16 +1867,16 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           description: d.Description
         };
         for (let n = 0; n < Math.max(d._items.length, y.length); n++) {
-          const v = k + n;
-          m[v] || (m[v] = {}), d._items[n] && (m[v] = {
-            ...m[v],
+          const g = k + n;
+          m[g] || (m[g] = {}), d._items[n] && (m[g] = {
+            ...m[g],
             itemDescription: d._items[n].DetailDescription,
             itemUnitPrice: d._items[n].Amount,
             itemAccount: d._items[n].AccNo,
             itemTaxCode: d._items[n].TaxType,
             itemTax: d._items[n].Tax
-          }), y[n] && (m[v] = {
-            ...m[v],
+          }), y[n] && (m[g] = {
+            ...m[g],
             paymentDocNo: y[n].DocNo,
             paymentMethod: y[n].paymentMethod,
             paymentDescription: y[n].Description,
@@ -1956,7 +1956,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Fe(pe());
+    ], h = X(v, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = De(pe());
     ve(
       () => b.value,
       async () => {
@@ -1984,23 +1984,23 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, w) => {
       const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), F("div", ba, [
+      return c(), D("div", ba, [
         t("div", wa, [
-          r(De, {
-            "date-range": p(b),
+          r(Fe, {
+            "date-range": u(b),
             "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
           r(k, {
             loading: _.value,
             variant: "primary",
-            label: p(o)("report.common.download"),
+            label: u(o)("report.common.download"),
             onClick: x
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), F("div", ha, [
+        _.value ? (c(), D("div", ha, [
           r(d, { size: "xl" }),
-          t("span", Va, T(p(o)("report.common.isLoading")), 1)
+          t("span", Va, T(u(o)("report.common.isLoading")), 1)
         ])) : s.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
@@ -2017,8 +2017,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2042,12 +2042,12 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (C, b) => {
       var w;
       const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), F("div", $a, [
+      return c(), D("div", $a, [
         r(x, {
           title: ((w = e.value) == null ? void 0 : w.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": p(h).back
+          "onClick:back": u(h).back
         }, {
           description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
@@ -2068,19 +2068,19 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Fa = {
+}), Da = {
   key: 0,
   class: "flex flex-col h-full"
-}, Da = { class: "flex flex-col gap-16 pb-[24px]" }, Ua = { class: "flex flex-row justify-between items-center gap-2" }, Ta = { class: "flex flex-row gap-2 items-center" }, Ia = { class: "relative group cursor-pointer" }, Ma = { 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" }, Ka = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Aa = { class: "flex flex-col gap-16" }, Pa = { class: "fm-typo-en-title-sm-800" }, Na = { class: "flex flex-row items-center max-w-[100%]" }, Ra = { class: "w-[25%]" }, Oa = { class: "flex-grow" }, Ba = { class: "flex flex-row items-center max-w-[100%]" }, ja = { class: "w-[25%]" }, La = { class: "flex flex-row items-center max-w-[100%]" }, Ea = { class: "w-[25%]" }, za = { class: "flex flex-col gap-16" }, Ya = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, qa = { class: "grid-cols-1 grid gap-16" }, Ha = { class: "flex flex-row items-center gap-x-16" }, Xa = { class: "fm-typo-en-title-sm-800" }, Qa = { class: "grid-cols-1 grid gap-16" }, Ga = { class: "flex flex-row items-center gap-x-16" }, Ja = { class: "fm-typo-en-title-sm-800" }, Wa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Za = { class: "flex flex-row items-center gap-x-16" }, el = { class: "fm-typo-en-title-sm-800" }, tl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ol = /* @__PURE__ */ q({
+}, Fa = { class: "flex flex-col gap-16 pb-[24px]" }, Ua = { class: "flex flex-row justify-between items-center gap-2" }, Ta = { class: "flex flex-row gap-2 items-center" }, Ia = { class: "relative group cursor-pointer" }, Ma = { 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" }, Ka = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Aa = { class: "flex flex-col gap-16" }, Pa = { class: "fm-typo-en-title-sm-800" }, Na = { class: "flex flex-row items-center max-w-[100%]" }, Ra = { class: "w-[25%]" }, Oa = { class: "flex-grow" }, Ba = { class: "flex flex-row items-center max-w-[100%]" }, ja = { class: "w-[25%]" }, La = { class: "flex flex-row items-center max-w-[100%]" }, Ea = { class: "w-[25%]" }, za = { class: "flex flex-col gap-16" }, Ya = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, qa = { class: "grid-cols-1 grid gap-16" }, Ha = { class: "flex flex-row items-center gap-x-16" }, Xa = { class: "fm-typo-en-title-sm-800" }, Qa = { class: "grid-cols-1 grid gap-16" }, Ga = { class: "flex flex-row items-center gap-x-16" }, Ja = { class: "fm-typo-en-title-sm-800" }, Wa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Za = { class: "flex flex-row items-center gap-x-16" }, el = { class: "fm-typo-en-title-sm-800" }, tl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ol = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
-      () => b.map((l) => ({ label: l.name, value: l.id }))
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
+      () => b.map((a) => ({ label: a.name, value: a.id }))
     );
     async function m() {
       await C({
@@ -2089,8 +2089,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }) && await _(async () => {
         try {
           await Ve(e.value._id), await V.getSettings(), h.back();
-        } catch (a) {
-          s.open({ type: "error", message: a.message });
+        } catch (l) {
+          s.open({ type: "error", message: l.message });
         }
       });
     }
@@ -2098,22 +2098,22 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       await _(async () => {
         try {
           await ke(e.value._id, e.value), await V.getSettings();
-        } catch (l) {
-          s.open({ type: "error", message: l.message });
+        } catch (a) {
+          s.open({ type: "error", message: a.message });
         }
       });
     }
-    function k(l, a) {
-      var u, i;
-      (i = (u = e.value.platform) == null ? void 0 : u.mappings) != null && i[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
-        (A, P) => P !== a
+    function k(a, l) {
+      var f, i;
+      (i = (f = e.value.platform) == null ? void 0 : f.mappings) != null && i[a] && (e.value.platform.mappings[a] = e.value.platform.mappings[a].filter(
+        (P, A) => A !== l
       ));
     }
-    function d(l) {
-      var a, u;
-      (u = (a = e.value.platform) == null ? void 0 : a.mappings) != null && u[l] && (e.value.platform.mappings[l] = [
-        ...e.value.platform.mappings[l],
-        l === "items" ? {
+    function d(a) {
+      var l, f;
+      (f = (l = e.value.platform) == null ? void 0 : l.mappings) != null && f[a] && (e.value.platform.mappings[a] = [
+        ...e.value.platform.mappings[a],
+        a === "items" ? {
           key: "",
           account: "",
           description: ""
@@ -2139,88 +2139,88 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     ];
     function n({
-      key: l,
-      value: a
+      key: a,
+      value: l
     }) {
-      var u, i;
-      (i = (u = e.value) == null ? void 0 : u.platform) != null && i.mappings && (e.value.platform.mappings[l] = a);
+      var f, i;
+      (i = (f = e.value) == null ? void 0 : f.platform) != null && i.mappings && (e.value.platform.mappings[a] = l);
     }
-    function v(l) {
+    function g(a) {
       return {
-        key: { placeholder: l, editable: !1 },
-        account: { placeholder: l, editable: !0 }
+        key: { placeholder: a, editable: !1 },
+        account: { placeholder: a, editable: !0 }
       };
     }
     async function $() {
       await _(async () => {
         try {
           await $e(e.value._id), await V.getSettings();
-        } catch (l) {
-          s.open({ type: "error", message: l.message });
+        } catch (a) {
+          s.open({ type: "error", message: a.message });
         }
       });
     }
     return be(async () => {
       await V.getSettings();
-    }), (l, a) => {
+    }), (a, l) => {
       var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
-      const u = S("FmIcon"), i = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", Fa, [
-        t("div", Da, [
+      const f = S("FmIcon"), i = S("FmButton"), P = S("FmMenuDivider"), A = S("FmTextField"), Q = S("FmSelect");
+      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), D("div", Da, [
+        t("div", Fa, [
           t("div", Ua, [
-            a[15] || (a[15] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
+            l[15] || (l[15] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
             t("div", Ta, [
               t("div", Ia, [
-                r(u, {
+                r(f, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", Ma, T(p(o)("report.integration.refreshSetting")), 1)
+                t("span", Ma, T(u(o)("report.integration.refreshSetting")), 1)
               ]),
               r(i, {
                 variant: "tertiary",
-                label: p(o)("report.common.delete"),
+                label: u(o)("report.common.delete"),
                 onClick: m
               }, null, 8, ["label"]),
               r(i, {
                 variant: "primary",
-                label: p(o)("report.common.update"),
+                label: u(o)("report.common.update"),
                 onClick: w
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        r(A, { style: { margin: 0 } }),
+        r(P, { style: { margin: 0 } }),
         t("div", Ka, [
           t("div", Aa, [
-            t("div", Pa, T(p(o)("report.integration.general")), 1),
+            t("div", Pa, T(u(o)("report.integration.general")), 1),
             t("div", Na, [
-              t("div", Ra, T(p(o)("report.common.name")), 1),
+              t("div", Ra, T(u(o)("report.common.name")), 1),
               t("div", Oa, [
-                r(P, {
+                r(A, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": a[0] || (a[0] = (D) => e.value.name = D)
+                  "onUpdate:modelValue": l[0] || (l[0] = (F) => e.value.name = F)
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", Ba, [
-              t("div", ja, T(p(o)("report.integration.location")), 1),
+              t("div", ja, T(u(o)("report.integration.location")), 1),
               r(Q, {
                 modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": a[1] || (a[1] = (D) => e.value.platform.locationIds = D),
+                "onUpdate:modelValue": l[1] || (l[1] = (F) => e.value.platform.locationIds = F),
                 multiselect: !0,
                 items: x.value,
                 placeholder: "Select location",
                 class: "flex-grow",
-                rules: [(D) => D.length !== 0 || "Please select at least 1 location"]
+                rules: [(F) => F.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
             t("div", La, [
-              t("div", Ea, T(p(o)("report.integration.grouping.title")), 1),
+              t("div", Ea, T(u(o)("report.integration.grouping.title")), 1),
               r(Q, {
                 modelValue: e.value.platform.grouping,
-                "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
+                "onUpdate:modelValue": l[2] || (l[2] = (F) => e.value.platform.grouping = F),
                 multiselect: !1,
                 items: y,
                 placeholder: "Select grouping",
@@ -2232,56 +2232,56 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", Ya, [
               r(K, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
-                options: v("Debtor"),
-                "onUpdate:modelValue": a[3] || (a[3] = (D) => n({ key: "debtor", value: D.account }))
+                options: g("Debtor"),
+                "onUpdate:modelValue": l[3] || (l[3] = (F) => n({ key: "debtor", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Invoice no",
                   account: e.value.platform.mappings.invoiceDocNo
                 },
-                options: v("Invoice no"),
-                "onUpdate:modelValue": a[4] || (a[4] = (D) => n({ key: "invoiceDocNo", value: D.account }))
+                options: g("Invoice no"),
+                "onUpdate:modelValue": l[4] || (l[4] = (F) => n({ key: "invoiceDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: e.value.platform.mappings.creditNoteDocNo
                 },
-                options: v("Credit note no"),
-                "onUpdate:modelValue": a[5] || (a[5] = (D) => n({ key: "creditNoteDocNo", value: D.account }))
+                options: g("Credit note no"),
+                "onUpdate:modelValue": l[5] || (l[5] = (F) => n({ key: "creditNoteDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Payment no",
                   account: e.value.platform.mappings.paymentDocNo
                 },
-                options: v("Payment no"),
-                "onUpdate:modelValue": a[6] || (a[6] = (D) => n({ key: "paymentDocNo", value: D.account }))
+                options: g("Payment no"),
+                "onUpdate:modelValue": l[6] || (l[6] = (F) => n({ key: "paymentDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Refund no",
                   account: e.value.platform.mappings.refundDocNo
                 },
-                options: v("Refund no"),
-                "onUpdate:modelValue": a[7] || (a[7] = (D) => n({ key: "refundDocNo", value: D.account }))
+                options: g("Refund no"),
+                "onUpdate:modelValue": l[7] || (l[7] = (F) => n({ key: "refundDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Project header",
                   account: e.value.platform.mappings.projectHeader
                 },
-                options: v("Project header"),
-                "onUpdate:modelValue": a[8] || (a[8] = (D) => n({ key: "projectHeader", value: D.account }))
+                options: g("Project header"),
+                "onUpdate:modelValue": l[8] || (l[8] = (F) => n({ key: "projectHeader", value: F.account }))
               }, null, 8, ["model-value", "options"]),
               r(K, {
                 "model-value": {
                   key: "Project detail",
                   account: e.value.platform.mappings.projectDetail
                 },
-                options: v("Project detail"),
-                "onUpdate:modelValue": a[9] || (a[9] = (D) => n({ key: "projectDetail", value: D.account }))
+                options: g("Project detail"),
+                "onUpdate:modelValue": l[9] || (l[9] = (F) => n({ key: "projectDetail", value: F.account }))
               }, null, 8, ["model-value", "options"])
             ]),
             t("div", qa, [
@@ -2296,15 +2296,15 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   account: { placeholder: "Account code", editable: !0 },
                   code: { placeholder: "Item code", editable: !0 }
                 },
-                "onUpdate:modelValue": a[10] || (a[10] = (D) => {
-                  var g, U, O;
-                  (O = (U = (g = e.value) == null ? void 0 : g.platform) == null ? void 0 : U.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = D.account, e.value.platform.mappings.rounding.code = D.code);
+                "onUpdate:modelValue": l[10] || (l[10] = (F) => {
+                  var p, U, O;
+                  (O = (U = (p = e.value) == null ? void 0 : p.platform) == null ? void 0 : U.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = F.account, e.value.platform.mappings.rounding.code = F.code);
                 })
               }, null, 8, ["model-value"]),
-              (c(!0), F(L, null, H((z = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (D, g) => (c(), M(K, {
-                key: `charge-${g}`,
-                modelValue: e.value.platform.mappings.charges[g],
-                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[g] = U,
+              (c(!0), D(L, null, H((z = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (F, p) => (c(), M(K, {
+                key: `charge-${p}`,
+                modelValue: e.value.platform.mappings.charges[p],
+                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[p] = U,
                 options: {
                   key: { placeholder: "Key", editable: !1 },
                   account: { placeholder: "Account code", editable: !0 },
@@ -2315,71 +2315,71 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           r(Ue, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": a[11] || (a[11] = (D) => e.value.platform = D),
+            "onUpdate:modelValue": l[11] || (l[11] = (F) => e.value.platform = F),
             label: "email"
           }, null, 8, ["modelValue"]),
           t("div", Ha, [
-            t("div", Xa, T(p(o)("report.integration.items")), 1),
+            t("div", Xa, T(u(o)("report.integration.items")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => d("items"))
+              onClick: l[12] || (l[12] = () => d("items"))
             })
           ]),
           t("div", Qa, [
-            (c(!0), F(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (D, g) => (c(), M(K, {
-              key: `item-${g}`,
-              modelValue: e.value.platform.mappings.items[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[g] = U,
+            (c(!0), D(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (F, p) => (c(), M(K, {
+              key: `item-${p}`,
+              modelValue: e.value.platform.mappings.items[p],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[p] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 },
                 code: { placeholder: "Item code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("items", g)
+              onRemove: () => k("items", p)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Ga, [
-            t("div", Ja, T(p(o)("report.integration.taxes")), 1),
+            t("div", Ja, T(u(o)("report.integration.taxes")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => d("taxes"))
+              onClick: l[13] || (l[13] = () => d("taxes"))
             })
           ]),
           t("div", Wa, [
-            (c(!0), F(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (D, g) => (c(), M(K, {
-              key: `tax-${g}`,
-              modelValue: e.value.platform.mappings.taxes[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[g] = U,
+            (c(!0), D(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (F, p) => (c(), M(K, {
+              key: `tax-${p}`,
+              modelValue: e.value.platform.mappings.taxes[p],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[p] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("taxes", g)
+              onRemove: () => k("taxes", p)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Za, [
-            t("div", el, T(p(o)("report.integration.payments")), 1),
+            t("div", el, T(u(o)("report.integration.payments")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
-              onClick: a[14] || (a[14] = () => d("payments"))
+              onClick: l[14] || (l[14] = () => d("payments"))
             })
           ]),
           t("div", tl, [
-            (c(!0), F(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (D, g) => (c(), M(K, {
-              key: `payment-${g}`,
-              modelValue: e.value.platform.mappings.payments[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[g] = U,
+            (c(!0), D(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (F, p) => (c(), M(K, {
+              key: `payment-${p}`,
+              modelValue: e.value.platform.mappings.payments[p],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[p] = U,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Method", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("payments", g)
+              onRemove: () => k("payments", p)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
@@ -2396,7 +2396,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
+  setup(v) {
     const { t: o } = J(), e = B([]), s = Y(
       () => e.value.reduce((m, w) => {
         const k = m.length, { invoice: d, payments: y } = w;
@@ -2407,16 +2407,16 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           description: d.Description_HDR
         };
         for (let n = 0; n < Math.max(d._items.length, y.length); n++) {
-          const v = k + n;
-          m[v] || (m[v] = {}), d._items[n] && (m[v] = {
-            ...m[v],
+          const g = k + n;
+          m[g] || (m[g] = {}), d._items[n] && (m[g] = {
+            ...m[g],
             itemDescription: d._items[n].Description_DTL,
             itemUnitPrice: d._items[n].UnitPrice,
             itemAccount: d._items[n].ACCOUNT,
             itemTaxCode: d._items[n].Tax,
             itemTax: d._items[n].TaxAmt
-          }), y[n] && (m[v] = {
-            ...m[v],
+          }), y[n] && (m[g] = {
+            ...m[g],
             paymentDocNo: y[n].DOCNO_Header,
             paymentMethod: y[n].PAYMENTMETHOD,
             paymentAccount: y[n].CODE,
@@ -2492,7 +2492,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Fe(pe());
+    ], h = X(v, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = De(pe());
     ve(
       () => b.value,
       async () => {
@@ -2520,23 +2520,23 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, w) => {
       const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), F("div", al, [
+      return c(), D("div", al, [
         t("div", ll, [
-          r(De, {
-            "date-range": p(b),
+          r(Fe, {
+            "date-range": u(b),
             "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
           r(k, {
             loading: _.value,
             variant: "primary",
-            label: p(o)("report.common.download"),
+            label: u(o)("report.common.download"),
             onClick: x
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), F("div", nl, [
+        _.value ? (c(), D("div", nl, [
           r(d, { size: "xl" }),
-          t("span", sl, T(p(o)("report.common.isLoading")), 1)
+          t("span", sl, T(u(o)("report.common.isLoading")), 1)
         ])) : s.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
@@ -2553,8 +2553,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2578,12 +2578,12 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (C, b) => {
       var w;
       const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), F("div", rl, [
+      return c(), D("div", rl, [
         r(x, {
           title: ((w = e.value) == null ? void 0 : w.name) || "SQL",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": p(h).back
+          "onClick:back": u(h).back
         }, {
           description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
@@ -2607,22 +2607,22 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), dl = {
   key: 0,
   class: "flex flex-col h-full"
-}, pl = { class: "flex flex-col gap-16 pb-[24px]" }, ul = { class: "flex flex-row justify-between items-center gap-2" }, fl = { class: "fm-typo-en-title-sm-800" }, vl = { class: "flex flex-row gap-2 items-center" }, gl = { class: "flex flex-row gap-2 items-center" }, yl = { class: "relative group cursor-pointer" }, xl = { 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" }, _l = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, bl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wl = { class: "flex flex-row items-center max-w-[100%]" }, hl = { class: "w-[25%]" }, Vl = { class: "flex-grow" }, kl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, $l = { class: "flex flex-row items-center justify-between" }, Sl = { class: "w-[25%]" }, Cl = { class: "flex-grow" }, Fl = { class: "flex flex-row items-center justify-between" }, Dl = { class: "w-[25%]" }, Ul = { class: "flex-grow" }, Tl = { class: "flex flex-col gap-16" }, Il = { class: "fm-typo-en-title-sm-800" }, Ml = { class: "flex flex-row items-center max-w-[100%]" }, Kl = { class: "w-[25%]" }, Al = { class: "flex-grow" }, Pl = { class: "flex flex-row items-center max-w-[100%]" }, Nl = { class: "w-[25%]" }, Rl = { class: "flex flex-row items-center max-w-[100%]" }, Ol = { class: "w-[25%]" }, Bl = {
+}, pl = { class: "flex flex-col gap-16 pb-[24px]" }, ul = { class: "flex flex-row justify-between items-center gap-2" }, fl = { class: "fm-typo-en-title-sm-800" }, vl = { class: "flex flex-row gap-2 items-center" }, gl = { class: "flex flex-row gap-2 items-center" }, yl = { class: "relative group cursor-pointer" }, xl = { 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" }, _l = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, bl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wl = { class: "flex flex-row items-center max-w-[100%]" }, hl = { class: "w-[25%]" }, Vl = { class: "flex-grow" }, kl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, $l = { class: "flex flex-row items-center justify-between" }, Sl = { class: "w-[25%]" }, Cl = { class: "flex-grow" }, Dl = { class: "flex flex-row items-center justify-between" }, Fl = { class: "w-[25%]" }, Ul = { class: "flex-grow" }, Tl = { class: "flex flex-col gap-16" }, Il = { class: "fm-typo-en-title-sm-800" }, Ml = { class: "flex flex-row items-center max-w-[100%]" }, Kl = { class: "w-[25%]" }, Al = { class: "flex-grow" }, Pl = { class: "flex flex-row items-center max-w-[100%]" }, Nl = { class: "w-[25%]" }, Rl = { class: "flex flex-row items-center max-w-[100%]" }, Ol = { class: "w-[25%]" }, Bl = { class: "flex flex-row items-center max-w-[100%]" }, jl = { class: "flex-grow" }, Ll = { class: "flex flex-row items-center max-w-[100%]" }, El = { class: "flex-grow" }, zl = {
   key: 0,
   class: "flex flex-row items-center max-w-[100%]"
-}, jl = { class: "flex flex-col gap-16" }, Ll = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, El = { key: 1 }, zl = { class: "flex flex-row items-center gap-x-16" }, Yl = { class: "fm-typo-en-title-sm-800" }, ql = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Hl = { class: "flex flex-row items-center gap-x-16" }, Xl = { class: "fm-typo-en-title-sm-800" }, Ql = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Gl = { class: "flex flex-row items-center gap-x-16" }, Jl = { class: "fm-typo-en-title-sm-800" }, Wl = { class: "flex flex-row items-center justify-between" }, Zl = { class: "flex-grow" }, en = {
+}, Yl = { class: "flex flex-col gap-16" }, ql = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Hl = { key: 1 }, Xl = { class: "flex flex-row items-center gap-x-16" }, Ql = { class: "fm-typo-en-title-sm-800" }, Gl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Jl = { class: "flex flex-row items-center gap-x-16" }, Wl = { class: "fm-typo-en-title-sm-800" }, Zl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, en = { class: "flex flex-row items-center gap-x-16" }, tn = { class: "fm-typo-en-title-sm-800" }, on = { class: "flex flex-row items-center justify-between" }, an = { class: "flex-grow" }, ln = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, tn = {
+}, nn = {
   key: 1,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, on = {
+}, sn = {
   key: 3,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, an = {
+}, rn = {
   key: 0,
   class: "flex flex-row items-center"
-}, ln = /* @__PURE__ */ q({
+}, mn = /* @__PURE__ */ q({
   __name: "Setting",
   props: /* @__PURE__ */ ye({
     retrievedMethods: {
@@ -2638,15 +2638,15 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
       () => b.map(($) => ({ label: $.name, value: $.id }))
     );
     function m($) {
-      var l;
-      !((l = f.retrievedMethods) != null && l.data) || !Array.isArray(f.retrievedMethods.data) || $.forEach((a) => {
-        const u = f.retrievedMethods.data.find((i) => i.value == a.id);
-        u && (a.cnId = u.cnId);
+      var a;
+      !((a = v.retrievedMethods) != null && a.data) || !Array.isArray(v.retrievedMethods.data) || $.forEach((l) => {
+        const f = v.retrievedMethods.data.find((i) => i.value == l.id);
+        f && (l.cnId = f.cnId);
       });
     }
     async function w() {
@@ -2656,30 +2656,30 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }) && await _(async () => {
         try {
           await Ve(e.value._id), await V.getSettings(), h.back();
-        } catch (l) {
-          s.open({ type: "error", message: l.message });
+        } catch (a) {
+          s.open({ type: "error", message: a.message });
         }
       });
     }
     async function k() {
       await _(async () => {
-        var $, l, a;
+        var $, a, l;
         try {
-          (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) != null && a.paymentMethods && m(e.value.platform.mappings.paymentMethods), await ke(e.value._id, e.value), await V.getSettings();
-        } catch (u) {
-          s.open({ type: "error", message: u.message });
+          (l = (a = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : a.mappings) != null && l.paymentMethods && m(e.value.platform.mappings.paymentMethods), await ke(e.value._id, e.value), await V.getSettings();
+        } catch (f) {
+          s.open({ type: "error", message: f.message });
         }
       });
     }
-    function d($, l) {
-      var a, u;
-      (u = (a = e.value.platform) == null ? void 0 : a.mappings) != null && u[$] && (e.value.platform.mappings[$] = e.value.platform.mappings[$].filter(
-        (i, A) => A !== l
+    function d($, a) {
+      var l, f;
+      (f = (l = e.value.platform) == null ? void 0 : l.mappings) != null && f[$] && (e.value.platform.mappings[$] = e.value.platform.mappings[$].filter(
+        (i, P) => P !== a
       ));
     }
     function y($) {
-      var l, a;
-      (a = (l = e.value.platform) == null ? void 0 : l.mappings) != null && a[$] && (e.value.platform.mappings[$] = [
+      var a, l;
+      (l = (a = e.value.platform) == null ? void 0 : a.mappings) != null && l[$] && (e.value.platform.mappings[$] = [
         ...e.value.platform.mappings[$],
         $ === "items" ? {
           key: "",
@@ -2702,16 +2702,16 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ];
     ve(
       () => {
-        var $, l, a;
-        return (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.taxes;
+        var $, a, l;
+        return (l = (a = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : a.mappings) == null ? void 0 : l.taxes;
       },
       ($) => {
-        $ && $.forEach((l, a) => {
-          var A;
-          const u = l.key || "";
-          let i = l.account;
-          if (!i && u) {
-            switch (u) {
+        $ && $.forEach((a, l) => {
+          var P;
+          const f = a.key || "";
+          let i = a.account;
+          if (!i && f) {
+            switch (f) {
               case "SST_SV":
                 i = "SST-6";
                 break;
@@ -2722,8 +2722,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 i = "SST-0";
                 break;
             }
-            (A = e.value.platform) != null && A.mappings && (e.value.platform.mappings.taxes[a] = {
-              ...l,
+            (P = e.value.platform) != null && P.mappings && (e.value.platform.mappings.taxes[l] = {
+              ...a,
               account: i
             });
           }
@@ -2732,19 +2732,19 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       { immediate: !0, deep: !0 }
     ), ve(
       () => {
-        var $, l, a;
-        return (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.version;
+        var $, a, l;
+        return (l = (a = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : a.mappings) == null ? void 0 : l.version;
       },
       ($) => {
-        var l, a, u, i, A;
-        $ === "v1" && !((u = (a = (l = e.value) == null ? void 0 : l.platform) == null ? void 0 : a.mappings) != null && u.payee) && (A = (i = e.value) == null ? void 0 : i.platform) != null && A.mappings && (e.value.platform.mappings.payee = {
+        var a, l, f, i, P;
+        $ === "v1" && !((f = (l = (a = e.value) == null ? void 0 : a.platform) == null ? void 0 : l.mappings) != null && f.payee) && (P = (i = e.value) == null ? void 0 : i.platform) != null && P.mappings && (e.value.platform.mappings.payee = {
           id: 1,
           name: ""
         });
       },
       { immediate: !0 }
     );
-    async function v() {
+    async function g() {
       await _(async () => {
         try {
           await $e(e.value._id), await V.getSettings();
@@ -2755,31 +2755,31 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return be(async () => {
       await V.getSettings();
-    }), ($, l) => {
-      var G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, D;
-      const a = S("FmIcon"), u = S("FmButton"), i = S("FmSelect"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmCircularProgress"), E = S("FmCheckbox");
-      return (R = (G = e.value) == null ? void 0 : G.platform) != null && R.mappings ? (c(), F("div", dl, [
+    }), ($, a) => {
+      var G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, F;
+      const l = S("FmIcon"), f = S("FmButton"), i = S("FmSelect"), P = S("FmMenuDivider"), A = S("FmTextField"), Q = S("FmCircularProgress"), E = S("FmCheckbox");
+      return (R = (G = e.value) == null ? void 0 : G.platform) != null && R.mappings ? (c(), D("div", dl, [
         t("div", pl, [
           t("div", ul, [
-            t("div", fl, T(p(o)("report.integration.connect")), 1),
+            t("div", fl, T(u(o)("report.integration.connect")), 1),
             t("div", vl, [
               t("div", gl, [
                 t("div", yl, [
-                  r(a, {
+                  r(l, {
                     name: "refresh",
                     class: "p-2 bg-gray-100 rounded-full",
-                    onClick: v
+                    onClick: g
                   }),
-                  t("span", xl, T(p(o)("report.integration.refreshSetting")), 1)
+                  t("span", xl, T(u(o)("report.integration.refreshSetting")), 1)
                 ]),
-                r(u, {
+                r(f, {
                   variant: "tertiary",
-                  label: p(o)("report.common.delete"),
+                  label: u(o)("report.common.delete"),
                   onClick: w
                 }, null, 8, ["label"]),
-                r(u, {
+                r(f, {
                   variant: "primary",
-                  label: p(o)("report.common.update"),
+                  label: u(o)("report.common.update"),
                   onClick: k
                 }, null, 8, ["label"])
               ])
@@ -2787,13 +2787,13 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])
         ]),
         t("div", _l, [
-          t("div", bl, T(p(o)("report.integration.biztory.authenticate")), 1),
+          t("div", bl, T(u(o)("report.integration.biztory.authenticate")), 1),
           t("div", wl, [
-            t("div", hl, "Biztory " + T(p(o)("report.integration.biztory.version")), 1),
+            t("div", hl, "Biztory " + T(u(o)("report.integration.biztory.version")), 1),
             t("div", Vl, [
               r(i, {
                 modelValue: e.value.platform.mappings.version,
-                "onUpdate:modelValue": l[0] || (l[0] = (g) => e.value.platform.mappings.version = g),
+                "onUpdate:modelValue": a[0] || (a[0] = (p) => e.value.platform.mappings.version = p),
                 items: [
                   { label: "v1", value: "v1" },
                   { label: "v2", value: "v2" }
@@ -2802,68 +2802,86 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          r(A, { style: { margin: 0 } }),
+          r(P, { style: { margin: 0 } }),
           t("div", kl, [
             t("div", $l, [
-              t("div", Sl, T(p(o)("report.integration.biztory.subdomain")), 1),
+              t("div", Sl, T(u(o)("report.integration.biztory.subdomain")), 1),
               t("div", Cl, [
-                r(P, {
+                r(A, {
                   modelValue: e.value.platform.subdomain,
-                  "onUpdate:modelValue": l[1] || (l[1] = (g) => e.value.platform.subdomain = g),
+                  "onUpdate:modelValue": a[1] || (a[1] = (p) => e.value.platform.subdomain = p),
                   placeholder: "Subdomain"
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Fl, [
-              t("div", Dl, T(p(o)("report.integration.biztory.apiKey")), 1),
+            t("div", Dl, [
+              t("div", Fl, T(u(o)("report.integration.biztory.apiKey")), 1),
               t("div", Ul, [
-                r(P, {
+                r(A, {
                   modelValue: e.value.platform.api_key,
-                  "onUpdate:modelValue": l[2] || (l[2] = (g) => e.value.platform.api_key = g),
+                  "onUpdate:modelValue": a[2] || (a[2] = (p) => e.value.platform.api_key = p),
                   placeholder: "API Key"
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", Tl, [
-              t("div", Il, T(p(o)("report.integration.general")), 1),
+              t("div", Il, T(u(o)("report.integration.general")), 1),
               t("div", Ml, [
-                t("div", Kl, T(p(o)("report.common.name")), 1),
+                t("div", Kl, T(u(o)("report.common.name")), 1),
                 t("div", Al, [
-                  r(P, {
+                  r(A, {
                     modelValue: e.value.name,
-                    "onUpdate:modelValue": l[3] || (l[3] = (g) => e.value.name = g)
+                    "onUpdate:modelValue": a[3] || (a[3] = (p) => e.value.name = p)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
               t("div", Pl, [
-                t("div", Nl, T(p(o)("report.common.location")), 1),
+                t("div", Nl, T(u(o)("report.common.location")), 1),
                 r(i, {
                   modelValue: e.value.platform.locationIds,
-                  "onUpdate:modelValue": l[4] || (l[4] = (g) => e.value.platform.locationIds = g),
+                  "onUpdate:modelValue": a[4] || (a[4] = (p) => e.value.platform.locationIds = p),
                   multiselect: !0,
                   items: x.value,
-                  placeholder: p(o)("report.common.location"),
+                  placeholder: u(o)("report.common.location"),
                   class: "flex-grow"
                 }, null, 8, ["modelValue", "items", "placeholder"])
               ]),
               t("div", Rl, [
-                t("div", Ol, T(p(o)("report.integration.grouping.title")), 1),
+                t("div", Ol, T(u(o)("report.integration.grouping.title")), 1),
                 r(i, {
                   modelValue: e.value.platform.grouping,
-                  "onUpdate:modelValue": l[5] || (l[5] = (g) => e.value.platform.grouping = g),
+                  "onUpdate:modelValue": a[5] || (a[5] = (p) => e.value.platform.grouping = p),
                   multiselect: !1,
                   items: n,
-                  placeholder: p(o)("report.integration.grouping.title"),
+                  placeholder: u(o)("report.integration.grouping.title"),
                   class: "flex-grow",
                   disabled: ""
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
-              e.value.platform.mappings.version == "v1" ? (c(), F("div", Bl, [
-                l[13] || (l[13] = t("div", { class: "w-[33%]" }, "Payee ID", -1)),
+              t("div", Bl, [
+                a[15] || (a[15] = t("div", { class: "w-[25%]" }, T("Invoice no"), -1)),
+                t("div", jl, [
+                  r(A, {
+                    modelValue: e.value.platform.mappings.invoiceDocNo,
+                    "onUpdate:modelValue": a[6] || (a[6] = (p) => e.value.platform.mappings.invoiceDocNo = p)
+                  }, null, 8, ["modelValue"])
+                ])
+              ]),
+              t("div", Ll, [
+                a[16] || (a[16] = t("div", { class: "w-[25%]" }, T("Credit no"), -1)),
+                t("div", El, [
+                  r(A, {
+                    modelValue: e.value.platform.mappings.creditNoteDocNo,
+                    "onUpdate:modelValue": a[7] || (a[7] = (p) => e.value.platform.mappings.creditNoteDocNo = p)
+                  }, null, 8, ["modelValue"])
+                ])
+              ]),
+              e.value.platform.mappings.version == "v1" ? (c(), D("div", zl, [
+                a[17] || (a[17] = t("div", { class: "w-[33%]" }, "Payee ID", -1)),
                 e.value.platform.mappings.version == "v1" ? (c(), M(K, {
                   key: 0,
                   modelValue: e.value.platform.mappings.payee,
-                  "onUpdate:modelValue": l[6] || (l[6] = (g) => e.value.platform.mappings.payee = g),
+                  "onUpdate:modelValue": a[8] || (a[8] = (p) => e.value.platform.mappings.payee = p),
                   options: {
                     id: { placeholder: "ID", editable: !0 }
                   },
@@ -2871,23 +2889,23 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])) : N("", !0)
               ])) : N("", !0)
             ]),
-            t("div", jl, [
-              t("div", Ll, [
-                !f.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (c(), M(Q, {
+            t("div", Yl, [
+              t("div", ql, [
+                !v.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (c(), M(Q, {
                   key: 0,
                   size: "xl"
                 })) : N("", !0),
-                f.retrievedCustomers.isLoaded && f.retrievedCustomers.data && ((j = f.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (c(), F("div", El, [
+                v.retrievedCustomers.isLoaded && v.retrievedCustomers.data && ((j = v.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (c(), D("div", Hl, [
                   e.value.platform.mappings.version == "v2" ? (c(), M(Ke, {
                     key: 0,
                     modelValue: e.value.platform.mappings.payeeId,
-                    "onUpdate:modelValue": l[7] || (l[7] = (g) => e.value.platform.mappings.payeeId = g),
+                    "onUpdate:modelValue": a[9] || (a[9] = (p) => e.value.platform.mappings.payeeId = p),
                     options: {
                       key: { placeholder: "Payee", editable: !1 },
                       customer: {
                         placeholder: "Select payee",
                         editable: !0,
-                        dropdownOptions: ((z = f.retrievedCustomers) == null ? void 0 : z.data) ?? []
+                        dropdownOptions: ((z = v.retrievedCustomers) == null ? void 0 : z.data) ?? []
                       }
                     },
                     removable: !1,
@@ -2898,20 +2916,20 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ]),
             r(Ue, {
               modelValue: e.value.platform,
-              "onUpdate:modelValue": l[8] || (l[8] = (g) => e.value.platform = g),
+              "onUpdate:modelValue": a[10] || (a[10] = (p) => e.value.platform = p),
               label: "upload",
               "last-upload-date": (W = e.value.platform) == null ? void 0 : W.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
-            t("div", zl, [
-              t("div", Yl, T(p(o)("report.integration.biztory.items")), 1),
-              r(u, {
+            t("div", Xl, [
+              t("div", Ql, T(u(o)("report.integration.biztory.items")), 1),
+              r(f, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[9] || (l[9] = () => y("items"))
+                onClick: a[11] || (a[11] = () => y("items"))
               })
             ]),
-            t("div", ql, [
-              (c(!0), F(L, null, H((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (g, U) => (c(), M(K, {
+            t("div", Gl, [
+              (c(!0), D(L, null, H((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (p, U) => (c(), M(K, {
                 key: `item-${U}`,
                 modelValue: e.value.platform.mappings.items[U],
                 "onUpdate:modelValue": (O) => e.value.platform.mappings.items[U] = O,
@@ -2923,16 +2941,16 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onRemove: () => d("items", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", Hl, [
-              t("div", Xl, T(p(o)("report.integration.biztory.taxes")), 1),
-              r(u, {
+            t("div", Jl, [
+              t("div", Wl, T(u(o)("report.integration.biztory.taxes")), 1),
+              r(f, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[10] || (l[10] = () => y("taxes"))
+                onClick: a[12] || (a[12] = () => y("taxes"))
               })
             ]),
-            t("div", Ql, [
-              (c(!0), F(L, null, H((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (g, U) => (c(), M(K, {
+            t("div", Zl, [
+              (c(!0), D(L, null, H((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (p, U) => (c(), M(K, {
                 key: `tax-${U}`,
                 modelValue: e.value.platform.mappings.taxes[U],
                 "onUpdate:modelValue": (O) => e.value.platform.mappings.taxes[U] = O,
@@ -2944,20 +2962,20 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onRemove: () => d("taxes", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", Gl, [
-              t("div", Jl, T(p(o)("report.integration.biztory.payments")), 1),
-              r(u, {
+            t("div", en, [
+              t("div", tn, T(u(o)("report.integration.biztory.payments")), 1),
+              r(f, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[11] || (l[11] = () => y("paymentMethods"))
+                onClick: a[13] || (a[13] = () => y("paymentMethods"))
               })
             ]),
-            t("div", Wl, [
-              l[14] || (l[14] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
-              t("div", Zl, [
+            t("div", on, [
+              a[18] || (a[18] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
+              t("div", an, [
                 r(K, {
                   modelValue: e.value.platform.mappings.paymentTerm,
-                  "onUpdate:modelValue": l[12] || (l[12] = (g) => e.value.platform.mappings.paymentTerm = g),
+                  "onUpdate:modelValue": a[14] || (a[14] = (p) => e.value.platform.mappings.paymentTerm = p),
                   options: {
                     id: { placeholder: "ID", editable: !0 },
                     name: { placeholder: "Name", editable: !0 }
@@ -2966,20 +2984,20 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            f.retrievedMethods.isError ? N("", !0) : (c(), F("div", en, T(p(o)("report.integration.biztory.paymentTerm")), 1)),
-            f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length == 0 && !f.retrievedMethods.isError ? (c(), F("span", tn, T(p(o)("report.integration.biztory.noPaymentMethods")), 1)) : N("", !0),
-            f.retrievedMethods.isLoaded ? N("", !0) : (c(), M(Q, {
+            v.retrievedMethods.isError ? N("", !0) : (c(), D("div", ln, T(u(o)("report.integration.biztory.paymentTerm")), 1)),
+            v.retrievedMethods.isLoaded && v.retrievedMethods.data && v.retrievedMethods.data.length == 0 && !v.retrievedMethods.isError ? (c(), D("span", nn, T(u(o)("report.integration.biztory.noPaymentMethods")), 1)) : N("", !0),
+            v.retrievedMethods.isLoaded ? N("", !0) : (c(), M(Q, {
               key: 2,
               size: "xl"
             })),
-            f.retrievedMethods.isError ? (c(), F("span", on, T(p(o)("report.integration.biztory.error")), 1)) : N("", !0),
-            (c(!0), F(L, null, H((D = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.paymentMethods, (g, U) => {
+            v.retrievedMethods.isError ? (c(), D("span", sn, T(u(o)("report.integration.biztory.error")), 1)) : N("", !0),
+            (c(!0), D(L, null, H((F = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : F.paymentMethods, (p, U) => {
               var O;
-              return c(), F("div", {
+              return c(), D("div", {
                 key: `payment-${U}`,
                 class: "grid-cols-1 grid gap-x-16"
               }, [
-                f.retrievedMethods.isLoaded && f.retrievedMethods.data && ((O = f.retrievedMethods.data) == null ? void 0 : O.length) != 0 ? (c(), F("div", an, [
+                v.retrievedMethods.isLoaded && v.retrievedMethods.data && ((O = v.retrievedMethods.data) == null ? void 0 : O.length) != 0 ? (c(), D("div", rn, [
                   r(E, {
                     "model-value": !e.value.platform.mappings.paymentMethods[U].skip,
                     value: "",
@@ -2999,7 +3017,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       id: {
                         placeholder: "Select mapping",
                         editable: !0,
-                        dropdownOptions: f.retrievedMethods.data
+                        dropdownOptions: v.retrievedMethods.data
                       }
                     },
                     removable: !0,
@@ -3014,9 +3032,9 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     };
   }
 });
-function nn(f) {
-  return f.reduce((o, e) => {
-    var h, _, C, b, x, m, w, k, d, y, n, v, $, l, a, u, i, A, P, Q, E, G;
+function cn(v) {
+  return v.reduce((o, e) => {
+    var h, _, C, b, x, m, w, k, d, y, n, g, $, a, l, f, i, P, A, Q, E, G;
     const { invoice: s } = e, V = o.length;
     o[V] = {
       invoice_date: s.invoice_date,
@@ -3034,7 +3052,7 @@ function nn(f) {
       payment_method: ((d = (k = s.transactions) == null ? void 0 : k[0]) == null ? void 0 : d.payment_method) || "-",
       payment_term: ((y = s == null ? void 0 : s.payment_term) == null ? void 0 : y.name) || ""
     };
-    for (let R = 1; R < Math.max(((n = s.items) == null ? void 0 : n.length) || 0, ((v = s.transactions) == null ? void 0 : v.length) || 0); R++) {
+    for (let R = 1; R < Math.max(((n = s.items) == null ? void 0 : n.length) || 0, ((g = s.transactions) == null ? void 0 : g.length) || 0); R++) {
       const j = V + R;
       o[j] || (o[j] = {});
       const z = s.items[R];
@@ -3045,11 +3063,11 @@ function nn(f) {
         item_price: z.price,
         item_tax: z.total_tax,
         item_tax_label: z.tax_label || "-",
-        payment_amount: ((l = ($ = s.transactions) == null ? void 0 : $[R]) == null ? void 0 : l.amount) || void 0,
-        payment_method: ((u = (a = s.transactions) == null ? void 0 : a[R]) == null ? void 0 : u.payment_method) || "-",
+        payment_amount: ((a = ($ = s.transactions) == null ? void 0 : $[R]) == null ? void 0 : a.amount) || void 0,
+        payment_method: ((f = (l = s.transactions) == null ? void 0 : l[R]) == null ? void 0 : f.payment_method) || "-",
         payment_term: ((i = s == null ? void 0 : s.payment_term) == null ? void 0 : i.name) || ""
       } : o[j] = {
-        payment_amount: ((P = (A = s.transactions) == null ? void 0 : A[R]) == null ? void 0 : P.amount) || void 0,
+        payment_amount: ((A = (P = s.transactions) == null ? void 0 : P[R]) == null ? void 0 : A.amount) || void 0,
         payment_method: ((E = (Q = s.transactions) == null ? void 0 : Q[R]) == null ? void 0 : E.payment_method) || "-",
         payment_term: ((G = s == null ? void 0 : s.payment_term) == null ? void 0 : G.name) || ""
       };
@@ -3057,7 +3075,7 @@ function nn(f) {
     return o;
   }, []);
 }
-const sn = [
+const dn = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3129,9 +3147,9 @@ const sn = [
     enableSorting: !1
   }
 ];
-function rn(f) {
-  return f.reduce((o, e) => {
-    var C, b, x, m, w, k, d, y, n, v;
+function pn(v) {
+  return v.reduce((o, e) => {
+    var C, b, x, m, w, k, d, y, n, g;
     const { invoice: s, payments: V } = e, h = o.length;
     o[h] = {
       invoice_date: s.invoice_date,
@@ -3150,33 +3168,33 @@ function rn(f) {
     };
     const _ = Math.max(
       ((n = s.items) == null ? void 0 : n.length) || 0,
-      ((v = s.terms) == null ? void 0 : v.length) || 0,
+      ((g = s.terms) == null ? void 0 : g.length) || 0,
       (V == null ? void 0 : V.length) || 0
     );
     for (let $ = 1; $ < _; $++) {
-      const l = h + $;
-      o[l] || (o[l] = {});
-      const a = s.items[$], u = s.terms[$], i = V[$];
-      a ? o[l] = {
-        ...o[l],
-        item_code: a.code,
-        item_description: a.description,
-        item_price: a.total,
-        item_tax_label: a.tax_label == "?" ? "" : a.tax_label ?? "",
-        item_tax_amount: a.total_tax ?? "",
+      const a = h + $;
+      o[a] || (o[a] = {});
+      const l = s.items[$], f = s.terms[$], i = V[$];
+      l ? o[a] = {
+        ...o[a],
+        item_code: l.code,
+        item_description: l.description,
+        item_price: l.total,
+        item_tax_label: l.tax_label == "?" ? "" : l.tax_label ?? "",
+        item_tax_amount: l.total_tax ?? "",
         payment_term_id: s.payment_term.name ?? "",
-        payment_term_amount: (u == null ? void 0 : u.amount) ?? "",
+        payment_term_amount: (f == null ? void 0 : f.amount) ?? "",
         payment_method: (i == null ? void 0 : i.payment_method_name) || ""
-      } : o[l] = {
+      } : o[a] = {
         payment_term_id: s.payment_term.name ?? "",
-        payment_term_amount: (u == null ? void 0 : u.amount) ?? "",
+        payment_term_amount: (f == null ? void 0 : f.amount) ?? "",
         payment_method: (i == null ? void 0 : i.payment_method_name) || ""
       };
     }
     return o;
   }, []);
 }
-const mn = [
+const un = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3242,18 +3260,18 @@ const mn = [
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method (ID)"),
     enableSorting: !1
   }
-], cn = { class: "h-full flex flex-col gap-16" }, dn = { class: "flex flex-row gap-2 justify-between items-center" }, pn = {
+], fn = { class: "h-full flex flex-col gap-16" }, vn = { class: "flex flex-row gap-2 justify-between items-center" }, gn = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, un = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fn = /* @__PURE__ */ q({
+}, yn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xn = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B(!1), V = ue(), { dateRange: h } = Fe(pe()), _ = B([]);
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = B(!1), V = ue(), { dateRange: h } = De(pe()), _ = B([]);
     ve(
       () => h.value,
       async () => {
@@ -3273,17 +3291,17 @@ const mn = [
     const C = Y(() => {
       switch (e.value.platform.mappings.version) {
         case "v1":
-          return nn(_.value);
+          return cn(_.value);
         case "v2":
-          return rn(_.value);
+          return pn(_.value);
       }
       return [];
     }), b = Y(() => {
       switch (e.value.platform.mappings.version) {
         case "v1":
-          return sn;
+          return dn;
         case "v2":
-          return mn;
+          return un;
       }
       return [];
     });
@@ -3298,10 +3316,10 @@ const mn = [
     }
     return (m, w) => {
       const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), F("div", cn, [
-        t("div", dn, [
-          r(De, {
-            "date-range": p(h),
+      return c(), D("div", fn, [
+        t("div", vn, [
+          r(Fe, {
+            "date-range": u(h),
             "onUpdate:dateRange": w[0] || (w[0] = (n) => we(h) ? h.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
@@ -3312,9 +3330,9 @@ const mn = [
             onClick: x
           }, null, 8, ["loading"])
         ]),
-        s.value ? (c(), F("div", pn, [
+        s.value ? (c(), D("div", gn, [
           r(d, { size: "xl" }),
-          t("span", un, T(p(o)("report.common.isLoading")), 1)
+          t("span", yn, T(u(o)("report.common.isLoading")), 1)
         ])) : (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
@@ -3324,15 +3342,15 @@ const mn = [
       ]);
     };
   }
-}), vn = { class: "h-full relative flex flex-col" }, gn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, yn = /* @__PURE__ */ q({
+}), _n = { class: "h-full relative flex flex-col" }, bn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, wn = /* @__PURE__ */ q({
   __name: "Biztory",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3347,11 +3365,11 @@ const mn = [
       switch (s.value) {
         case "preview":
           return {
-            component: fn
+            component: xn
           };
         case "setting":
           return {
-            component: ln,
+            component: mn,
             props: {
               retrievedMethods: C.value,
               retrievedCustomers: b.value
@@ -3360,18 +3378,18 @@ const mn = [
         default:
           return null;
       }
-    }), C = B({}), b = B({}), x = (y, n) => y.map((v) => ({
-      label: n.length > 2 ? `ID:${v[n[2]]} [${v[n[0]]}] ${v[n[1]]}` : `[${v[n[0]]}] ${v[n[1]]}`,
-      value: v.id,
-      cnId: v.cnId ? v.cnId : null
-    })), m = (y) => x(y, ["wallet", "name"]), w = (y) => x(y, ["id", "name"]), k = async (y, n, v, $) => {
+    }), C = B({}), b = B({}), x = (y, n) => y.map((g) => ({
+      label: n.length > 2 ? `ID:${g[n[2]]} [${g[n[0]]}] ${g[n[1]]}` : `[${g[n[0]]}] ${g[n[1]]}`,
+      value: g.id,
+      cnId: g.cnId ? g.cnId : null
+    })), m = (y) => x(y, ["wallet", "name"]), w = (y) => x(y, ["id", "name"]), k = async (y, n, g, $) => {
       try {
-        const l = await y(e.value._id);
-        v.value.data = n(l);
-      } catch (l) {
-        console.error($, l), v.value.isError = !0;
+        const a = await y(e.value._id);
+        g.value.data = n(a);
+      } catch (a) {
+        console.error($, a), g.value.isError = !0;
       } finally {
-        v.value.isLoaded = !0;
+        g.value.isLoaded = !0;
       }
     }, d = async () => {
       var y, n;
@@ -3391,14 +3409,14 @@ const mn = [
       var y;
       return (y = e.value.platform.mappings) == null ? void 0 : y.version;
     }, d), (y, n) => {
-      var l, a, u;
-      const v = S("FmPageHead"), $ = S("FmTabs");
-      return c(), F("div", vn, [
-        r(v, {
-          title: ((l = e.value) == null ? void 0 : l.name) || "Biztory",
+      var a, l, f;
+      const g = S("FmPageHead"), $ = S("FmTabs");
+      return c(), D("div", _n, [
+        r(g, {
+          title: ((a = e.value) == null ? void 0 : a.name) || "Biztory",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": p(h).back
+          "onClick:back": u(h).back
         }, {
           description: ge(() => n[2] || (n[2] = [
             t("div", null, null, -1)
@@ -3410,27 +3428,27 @@ const mn = [
           "onUpdate:modelValue": n[0] || (n[0] = (i) => s.value = i),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", gn, [
-          (c(), M(xe((a = _.value) == null ? void 0 : a.component), Ee({
+        t("div", bn, [
+          (c(), M(xe((l = _.value) == null ? void 0 : l.component), Ee({
             modelValue: e.value,
             "onUpdate:modelValue": n[1] || (n[1] = (i) => e.value = i)
-          }, (u = _.value) == null ? void 0 : u.props), null, 16, ["modelValue"]))
+          }, (f = _.value) == null ? void 0 : f.props), null, 16, ["modelValue"]))
         ])
       ]);
     };
   }
-}), xn = {
+}), hn = {
   key: 0,
   class: "flex flex-col h-full"
-}, _n = { class: "flex flex-col gap-16 pb-[24px]" }, bn = { class: "flex flex-row justify-between items-center gap-2" }, wn = { class: "flex flex-row gap-2 items-center" }, hn = { class: "relative group cursor-pointer" }, Vn = { 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" }, kn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, $n = { class: "flex flex-col gap-16" }, Sn = { class: "fm-typo-en-title-sm-800" }, Cn = { class: "flex flex-row items-center max-w-[100%]" }, Fn = { class: "w-[25%]" }, Dn = { class: "flex-grow" }, Un = { class: "flex flex-row items-center max-w-[100%]" }, Tn = { class: "w-[25%]" }, In = { class: "flex flex-row items-center gap-x-16" }, Mn = { class: "fm-typo-en-title-sm-800" }, Kn = { class: "grid-cols-1 grid gap-16" }, An = /* @__PURE__ */ q({
+}, Vn = { class: "flex flex-col gap-16 pb-[24px]" }, kn = { class: "flex flex-row justify-between items-center gap-2" }, $n = { class: "flex flex-row gap-2 items-center" }, Sn = { class: "relative group cursor-pointer" }, Cn = { 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" }, Dn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Fn = { class: "flex flex-col gap-16" }, Un = { class: "fm-typo-en-title-sm-800" }, Tn = { class: "flex flex-row items-center max-w-[100%]" }, In = { class: "w-[25%]" }, Mn = { class: "flex-grow" }, Kn = { class: "flex flex-row items-center max-w-[100%]" }, An = { class: "w-[25%]" }, Pn = { class: "flex flex-row items-center gap-x-16" }, Nn = { class: "fm-typo-en-title-sm-800" }, Rn = { class: "grid-cols-1 grid gap-16" }, On = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
       () => b.map((n) => ({ label: n.name, value: n.id }))
     );
     async function m() {
@@ -3440,8 +3458,8 @@ const mn = [
       }) && await _(async () => {
         try {
           await Ve(e.value._id), await V.getSettings(), h.back();
-        } catch (v) {
-          s.open({ type: "error", message: v.message });
+        } catch (g) {
+          s.open({ type: "error", message: g.message });
         }
       });
     }
@@ -3454,15 +3472,15 @@ const mn = [
         }
       });
     }
-    function k(n, v) {
-      var $, l;
-      (l = ($ = e.value.platform) == null ? void 0 : $.mappings) != null && l[n] && (e.value.platform.mappings[n] = e.value.platform.mappings[n].filter(
-        (a, u) => u !== v
+    function k(n, g) {
+      var $, a;
+      (a = ($ = e.value.platform) == null ? void 0 : $.mappings) != null && a[n] && (e.value.platform.mappings[n] = e.value.platform.mappings[n].filter(
+        (l, f) => f !== g
       ));
     }
     function d(n) {
-      var v, $;
-      ($ = (v = e.value.platform) == null ? void 0 : v.mappings) != null && $[n] && (e.value.platform.mappings[n] = [
+      var g, $;
+      ($ = (g = e.value.platform) == null ? void 0 : g.mappings) != null && $[n] && (e.value.platform.mappings[n] = [
         ...e.value.platform.mappings[n],
         {
           key: "",
@@ -3483,75 +3501,75 @@ const mn = [
     }
     return be(async () => {
       await V.getSettings();
-    }), (n, v) => {
-      var A, P, Q, E, G;
-      const $ = S("FmIcon"), l = S("FmButton"), a = S("FmMenuDivider"), u = S("FmTextField"), i = S("FmSelect");
-      return (P = (A = e.value) == null ? void 0 : A.platform) != null && P.mappings ? (c(), F("div", xn, [
-        t("div", _n, [
-          t("div", bn, [
-            v[4] || (v[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", wn, [
-              t("div", hn, [
+    }), (n, g) => {
+      var P, A, Q, E, G;
+      const $ = S("FmIcon"), a = S("FmButton"), l = S("FmMenuDivider"), f = S("FmTextField"), i = S("FmSelect");
+      return (A = (P = e.value) == null ? void 0 : P.platform) != null && A.mappings ? (c(), D("div", hn, [
+        t("div", Vn, [
+          t("div", kn, [
+            g[4] || (g[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
+            t("div", $n, [
+              t("div", Sn, [
                 r($, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: y
                 }),
-                t("span", Vn, T(p(o)("report.integration.refreshSetting")), 1)
+                t("span", Cn, T(u(o)("report.integration.refreshSetting")), 1)
               ]),
-              r(l, {
+              r(a, {
                 variant: "tertiary",
-                label: p(o)("report.common.delete"),
+                label: u(o)("report.common.delete"),
                 onClick: m
               }, null, 8, ["label"]),
-              r(l, {
+              r(a, {
                 variant: "primary",
-                label: p(o)("report.common.update"),
+                label: u(o)("report.common.update"),
                 onClick: w
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        r(a, { style: { margin: 0 } }),
-        t("div", kn, [
-          t("div", $n, [
-            t("div", Sn, T(p(o)("report.integration.general")), 1),
-            t("div", Cn, [
-              t("div", Fn, T(p(o)("report.common.name")), 1),
-              t("div", Dn, [
-                r(u, {
+        r(l, { style: { margin: 0 } }),
+        t("div", Dn, [
+          t("div", Fn, [
+            t("div", Un, T(u(o)("report.integration.general")), 1),
+            t("div", Tn, [
+              t("div", In, T(u(o)("report.common.name")), 1),
+              t("div", Mn, [
+                r(f, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": v[0] || (v[0] = (R) => e.value.name = R)
+                  "onUpdate:modelValue": g[0] || (g[0] = (R) => e.value.name = R)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Un, [
-              t("div", Tn, T(p(o)("report.integration.location")), 1),
+            t("div", Kn, [
+              t("div", An, T(u(o)("report.integration.location")), 1),
               r(i, {
                 "model-value": e.value.platform.locationIds[0],
                 multiselect: !1,
                 items: x.value,
                 placeholder: "Select location",
                 class: "flex-grow",
-                "onUpdate:modelValue": v[1] || (v[1] = (R) => e.value.platform.locationIds[0] = R)
+                "onUpdate:modelValue": g[1] || (g[1] = (R) => e.value.platform.locationIds[0] = R)
               }, null, 8, ["model-value", "items"])
             ])
           ]),
           r(Ue, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": v[2] || (v[2] = (R) => e.value.platform = R),
-            label: p(o)("report.input.email")
+            "onUpdate:modelValue": g[2] || (g[2] = (R) => e.value.platform = R),
+            label: u(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
-          t("div", In, [
-            t("div", Mn, T(p(o)("report.integration.iflexiHrms.employee")), 1),
-            r(l, {
+          t("div", Pn, [
+            t("div", Nn, T(u(o)("report.integration.iflexiHrms.employee")), 1),
+            r(a, {
               variant: "primary",
               icon: "add",
-              onClick: v[3] || (v[3] = () => d("employees"))
+              onClick: g[3] || (g[3] = () => d("employees"))
             })
           ]),
-          t("div", Kn, [
-            (c(!0), F(L, null, H((G = (E = (Q = e.value) == null ? void 0 : Q.platform) == null ? void 0 : E.mappings) == null ? void 0 : G.employees, (R, j) => (c(), M(K, {
+          t("div", Rn, [
+            (c(!0), D(L, null, H((G = (E = (Q = e.value) == null ? void 0 : Q.platform) == null ? void 0 : E.mappings) == null ? void 0 : G.employees, (R, j) => (c(), M(K, {
               key: `employee-${j}`,
               modelValue: e.value.platform.mappings.employees[j],
               "onUpdate:modelValue": (z) => e.value.platform.mappings.employees[j] = z,
@@ -3568,17 +3586,17 @@ const mn = [
       ])) : N("", !0);
     };
   }
-}), Pn = { class: "h-full flex flex-col gap-16" }, Nn = { class: "flex flex-row gap-2 justify-between items-center" }, Rn = {
+}), Bn = { class: "h-full flex flex-col gap-16" }, jn = { class: "flex flex-row gap-2 justify-between items-center" }, Ln = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, On = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bn = /* @__PURE__ */ q({
+}, En = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zn = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
+  setup(v) {
     const { t: o } = J(), e = B([]), s = [
       {
         accessorKey: "name",
@@ -3605,7 +3623,7 @@ const mn = [
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
         enableSorting: !1
       }
-    ], V = X(f, "modelValue"), h = B(!1), _ = ue(), { dateRange: C } = Fe(pe());
+    ], V = X(v, "modelValue"), h = B(!1), _ = ue(), { dateRange: C } = De(pe());
     ve(
       () => C.value,
       async () => {
@@ -3633,23 +3651,23 @@ const mn = [
     }
     return (x, m) => {
       const w = S("FmButton"), k = S("FmCircularProgress"), d = S("FmTable");
-      return c(), F("div", Pn, [
-        t("div", Nn, [
-          r(De, {
-            "date-range": p(C),
+      return c(), D("div", Bn, [
+        t("div", jn, [
+          r(Fe, {
+            "date-range": u(C),
             "onUpdate:dateRange": m[0] || (m[0] = (y) => we(C) ? C.value = y : null),
             compare: !1
           }, null, 8, ["date-range"]),
           r(w, {
             loading: h.value,
             variant: "primary",
-            label: p(o)("report.common.download"),
+            label: u(o)("report.common.download"),
             onClick: b
           }, null, 8, ["loading", "label"])
         ]),
-        h.value ? (c(), F("div", Rn, [
+        h.value ? (c(), D("div", Ln, [
           r(k, { size: "xl" }),
-          t("span", On, T(p(o)("report.common.isLoading")), 1)
+          t("span", En, T(u(o)("report.common.isLoading")), 1)
         ])) : e.value.length > 0 ? (c(), M(d, {
           key: 1,
           class: "flex overflow-scroll",
@@ -3659,15 +3677,15 @@ const mn = [
       ]);
     };
   }
-}), jn = { class: "h-full relative flex flex-col" }, Ln = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, En = /* @__PURE__ */ q({
+}), Yn = { class: "h-full relative flex flex-col" }, qn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Hn = /* @__PURE__ */ q({
   __name: "IFlexiHRMS",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
+  setup(v) {
+    const { t: o } = J(), e = X(v, "modelValue"), s = B("setting"), V = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3681,9 +3699,9 @@ const mn = [
     ], h = de(), _ = Y(() => {
       switch (s.value) {
         case "preview":
-          return Bn;
+          return zn;
         case "setting":
-          return An;
+          return On;
         default:
           return null;
       }
@@ -3691,12 +3709,12 @@ const mn = [
     return (C, b) => {
       var w;
       const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), F("div", jn, [
+      return c(), D("div", Yn, [
         r(x, {
           title: ((w = e.value) == null ? void 0 : w.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": p(h).back
+          "onClick:back": u(h).back
         }, {
           description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
@@ -3708,7 +3726,7 @@ const mn = [
           "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", Ln, [
+        t("div", qn, [
           (c(), M(xe(_.value), {
             modelValue: e.value,
             "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
@@ -3717,9 +3735,9 @@ const mn = [
       ]);
     };
   }
-}), zn = { class: "px-24 h-full relative" }, Zn = /* @__PURE__ */ q({
+}), Xn = { class: "px-24 h-full relative" }, as = /* @__PURE__ */ q({
   __name: "Integration",
-  setup(f) {
+  setup(v) {
     const o = B(void 0), { params: e } = Ye(), s = _e(), V = B();
     ze(async () => {
       s.settings.length === 0 && await s.getSettings();
@@ -3743,14 +3761,14 @@ const mn = [
         case ce.SQL:
           return cl;
         case ce.iFlexi_HRMS:
-          return En;
+          return Hn;
         case ce.Biztory:
-          return yn;
+          return wn;
         default:
           return null;
       }
     });
-    return (_, C) => (c(), F("div", zn, [
+    return (_, C) => (c(), D("div", Xn, [
       (c(), M(xe(h.value), {
         modelValue: V.value,
         "onUpdate:modelValue": C[0] || (C[0] = (b) => V.value = b)
@@ -3759,5 +3777,5 @@ const mn = [
   }
 });
 export {
-  Zn as default
+  as as default
 };