@feedmepos/mf-report 5.11.0 → 5.11.1

package/dist/{Integration-QtdzWEiF.js → Integration-DHAPKBmX.js}

@@ -1,14 +1,14 @@
-import { defineComponent as Z, mergeModels as Me, useModel as ae, computed as z, resolveComponent as U, createElementBlock as _, openBlock as s, createElementVNode as t, createCommentVNode as O, normalizeClass as Se, Fragment as B, renderList as Y, createBlock as N, createVNode as a, withCtx as W, toDisplayString as S, unref as d, renderSlot as st, ref as X, onUnmounted as je, watch as De, isRef as Ke, h as F, resolveDynamicComponent as Ie, mergeProps as ot, onMounted as at } from "vue";
+import { defineComponent as J, mergeModels as Me, useModel as oe, computed as Y, resolveComponent as U, createElementBlock as _, openBlock as i, createElementVNode as t, createCommentVNode as O, normalizeClass as Se, Fragment as B, renderList as z, createBlock as R, createVNode as a, withCtx as G, toDisplayString as S, unref as d, renderSlot as st, ref as H, onUnmounted as je, watch as De, isRef as Ke, h as F, resolveDynamicComponent as Ie, mergeProps as at, onMounted as lt } from "vue";
 import { useRouter as Ve, useRoute as it } from "vue-router";
-import { u as ne, I as Ae, d as lt, s as rt, e as Ne, f as Le, b as $e, v as dt, o as ct, t as Oe, w as Be, x as Ee, y as qe, z as et, A as mt, B as ut, E as pt, G as Fe, H as We, J as ft, K as vt, L as gt, M as yt } from "./vue-i18n-B1WI_h8l.js";
-import { u as ze } from "./message-dialog-UoMWOnil.js";
+import { u as le, I as Ae, d as et, s as rt, e as Ne, f as Le, b as $e, v as dt, o as ct, t as Oe, w as Be, x as Ee, y as qe, z as tt, A as mt, B as ut, E as pt, G as Fe, H as We, J as ft, K as vt, L as gt, M as yt } from "./vue-i18n-B1WI_h8l.js";
+import { u as Ye } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as Ce } from "@feedmepos/ui-library";
-import { storeToRefs as Ye } from "pinia";
+import { storeToRefs as ze } from "pinia";
 import { _ as He } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CgLjbbN6.js";
 const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, bt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis font-semibold" }, _t = {
   key: 0,
   class: "w-[24px] flex items-center"
-}, M = /* @__PURE__ */ Z({
+}, j = /* @__PURE__ */ J({
   __name: "MappingField",
   props: /* @__PURE__ */ Me({
     removable: {
@@ -37,9 +37,9 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: /* @__PURE__ */ Me(["remove"], ["update:modelValue"]),
   setup(f, { emit: o }) {
-    const e = ae(f, "modelValue"), i = f, x = z(
-      () => Object.keys(i.options).map((h) => {
-        const T = i.options[h];
+    const e = oe(f, "modelValue"), s = f, x = Y(
+      () => Object.keys(s.options).map((h) => {
+        const T = s.options[h];
         return {
           placeholder: T.placeholder,
           key: h,
@@ -49,16 +49,16 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ), A = o;
     return (h, T) => {
       const w = U("FmTextField"), k = U("FmTooltip"), m = U("FmIcon");
-      return s(), _("div", xt, [
+      return i(), _("div", xt, [
         t("div", {
           class: Se(`${f.removable || !f.isTakeWholeRow ? "w-[calc(100%-24px)] flex-row" : "w-[100%] flex-col"} flex items-start gap-[4px]`)
         }, [
-          (s(!0), _(B, null, Y(x.value, (V) => {
+          (i(!0), _(B, null, z(x.value, (V) => {
             var $;
-            return s(), _(B, {
+            return i(), _(B, {
               key: V.key
             }, [
-              V.editable ? (s(), _("div", {
+              V.editable ? (i(), _("div", {
                 key: 0,
                 class: Se(`${f.removable || !f.isTakeWholeRow ? "w-[50%]" : "w-[100%]"}`)
               }, [
@@ -75,12 +75,12 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     };
                   }
                 }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])
-              ], 2)) : (s(), N(k, {
+              ], 2)) : (i(), R(k, {
                 key: 1,
                 content: ($ = e.value[V.key]) == null ? void 0 : $.toString(),
                 class: "w-[50%]"
               }, {
-                default: W(() => [
+                default: G(() => [
                   t("div", bt, S(e.value[V.key]), 1)
                 ]),
                 _: 2
@@ -88,7 +88,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ], 64);
           }), 128))
         ], 2),
-        f.removable ? (s(), _("div", _t, [
+        f.removable ? (i(), _("div", _t, [
           a(m, {
             class: "cursor-pointer text-fm-color-neutral-gray-400",
             name: "delete",
@@ -105,7 +105,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, Vt = { class: "flex flex-col w-[100%] justify-between" }, $t = { class: "flex flex-row items-center w-[100%] justify-start" }, Ct = { class: "text-nowrap overflow-hidden text-ellipsis font-semibold w-[25%]" }, St = {
   key: 0,
   class: "flex flex-col w-[100%] justify-start"
-}, At = { class: "text-nowrap overflow-hidden text-ellipsis font-semibold" }, Dt = { class: "w-[100%]" }, Ft = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ut = { class: "flex flex-col w-[100%] justify-between" }, Tt = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis font-semibold" }, Kt = { class: "w-[100%]" }, Xe = /* @__PURE__ */ Z({
+}, At = { class: "text-nowrap overflow-hidden text-ellipsis font-semibold" }, Dt = { class: "w-[100%]" }, Ft = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ut = { class: "flex flex-col w-[100%] justify-between" }, Tt = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis font-semibold" }, Kt = { class: "w-[100%]" }, Xe = /* @__PURE__ */ J({
   __name: "UploadSection",
   props: /* @__PURE__ */ Me({
     label: {
@@ -122,7 +122,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = z(() => {
+    const { t: o } = le(), e = oe(f, "modelValue"), s = Y(() => {
       switch (e.value.name) {
         case Ae.AutoCount:
         case Ae.SQL:
@@ -135,10 +135,10 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (x, A) => {
       var k, m;
       const h = U("FmSwitch"), T = U("FmTextField"), w = U("FmTimePicker");
-      return s(), _(B, null, [
+      return i(), _(B, null, [
         t("div", ht, [
           t("div", wt, S(d(o)("report.integration.auto", { label: f.label })), 1),
-          f.label == "upload" ? (s(), _("div", kt, S(d(o)("report.integration.lastUploadDate")) + ": " + S(f.lastUploadDate ? d(lt)(f.lastUploadDate).format("MMMM D, YYYY h:mm A") : d(o)("report.integration.noData.title")), 1)) : O("", !0)
+          f.label == "upload" ? (i(), _("div", kt, S(d(o)("report.integration.lastUploadDate")) + ": " + S(f.lastUploadDate ? d(et)(f.lastUploadDate).format("MMMM D, YYYY h:mm A") : d(o)("report.integration.noData.title")), 1)) : O("", !0)
         ]),
         t("div", Vt, [
           t("div", $t, [
@@ -150,7 +150,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue"])
           ])
         ]),
-        i.value ? (s(), _("div", St, [
+        s.value ? (i(), _("div", St, [
           t("div", At, S(d(o)("report.common.email")), 1),
           t("div", Dt, [
             a(T, {
@@ -174,14 +174,14 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", Kt, [
               a(w, {
                 class: "gap-[0px]",
-                "model-value": d(lt)().hour(((k = e.value.triggerTime) == null ? void 0 : k.hour) ?? 0).minute(((m = e.value.triggerTime) == null ? void 0 : m.minute) ?? 0).format("HH:mm"),
+                "model-value": d(et)().hour(((k = e.value.triggerTime) == null ? void 0 : k.hour) ?? 0).minute(((m = e.value.triggerTime) == null ? void 0 : m.minute) ?? 0).format("HH:mm"),
                 "onUpdate:modelValue": A[2] || (A[2] = (V) => {
                   V && (e.value.triggerTime.hour = Number(V.split(":")[0]), e.value.triggerTime.minute = Number(V.split(":")[1]));
                 })
               }, null, 8, ["model-value"])
             ])
           ]),
-          a(M, {
+          a(j, {
             "model-value": {
               label: d(o)("report.integration.delayDay"),
               delayDay: e.value.delayDay
@@ -203,7 +203,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), It = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, Nt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis font-semibold" }, Rt = {
   key: 0,
   class: "w-[24px] flex items-center"
-}, Ge = /* @__PURE__ */ Z({
+}, Ge = /* @__PURE__ */ J({
   __name: "MappingDropdown",
   props: /* @__PURE__ */ Me({
     removable: {
@@ -232,9 +232,9 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: /* @__PURE__ */ Me(["remove"], ["update:modelValue"]),
   setup(f, { emit: o }) {
-    const e = ae(f, "modelValue"), i = f, x = z(
-      () => Object.keys(i.options).map((k) => {
-        const m = i.options[k];
+    const e = oe(f, "modelValue"), s = f, x = Y(
+      () => Object.keys(s.options).map((k) => {
+        const m = s.options[k];
         return {
           placeholder: m.placeholder,
           key: k,
@@ -243,36 +243,36 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         };
       })
     ), A = (k, m) => {
-      i.singleValueMode ? e.value = i.type === "number" ? Number(k) : k : m && (e.value = {
+      s.singleValueMode ? e.value = s.type === "number" ? Number(k) : k : m && (e.value = {
         ...e.value,
-        [m]: i.type === "number" ? Number(k) : k
+        [m]: s.type === "number" ? Number(k) : k
       });
     }, h = (k) => {
       var m;
-      return i.singleValueMode ? i.options.key.placeholder : (m = e.value[k.key]) == null ? void 0 : m.toString();
-    }, T = (k) => i.singleValueMode ? e.value : e.value[k.key], w = o;
+      return s.singleValueMode ? s.options.key.placeholder : (m = e.value[k.key]) == null ? void 0 : m.toString();
+    }, T = (k) => s.singleValueMode ? e.value : e.value[k.key], w = o;
     return (k, m) => {
       const V = U("FmSelect"), $ = U("FmTextField"), p = U("FmTooltip"), y = U("FmIcon");
-      return s(), _("div", It, [
+      return i(), _("div", It, [
         t("div", {
           class: Se(`${f.removable ? "w-[calc(100%-24px)] flex-row" : "w-[100%] flex-col"} flex items-center gap-[4px]`),
           style: { alignItems: "start" }
         }, [
-          (s(!0), _(B, null, Y(x.value, (c) => (s(), _(B, {
+          (i(!0), _(B, null, z(x.value, (c) => (i(), _(B, {
             key: c.key
           }, [
-            c.editable ? (s(), _("div", {
+            c.editable ? (i(), _("div", {
               key: 0,
               class: Se(f.removable ? "w-[50%]" : "w-[100%]")
             }, [
-              c.dropdownOptions ? (s(), N(V, {
+              c.dropdownOptions ? (i(), R(V, {
                 key: 0,
                 "model-value": T(c),
                 placeholder: c.placeholder,
                 items: c.dropdownOptions,
                 "shift-menu": !0,
                 "onUpdate:modelValue": (v) => A(v, c.key)
-              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (s(), N($, {
+              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (i(), R($, {
                 key: 1,
                 "model-value": T(c),
                 placeholder: c.placeholder,
@@ -280,19 +280,19 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 rules: f.rules,
                 "onUpdate:modelValue": (v) => A(v, c.key)
               }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
-            ], 2)) : (s(), N(p, {
+            ], 2)) : (i(), R(p, {
               key: 1,
               content: h(c),
               class: "w-[50%]"
             }, {
-              default: W(() => [
+              default: G(() => [
                 t("div", Nt, S(h(c)), 1)
               ]),
               _: 2
             }, 1032, ["content"]))
           ], 64))), 128))
         ], 2),
-        f.removable ? (s(), _("div", Rt, [
+        f.removable ? (i(), _("div", Rt, [
           a(y, {
             class: "cursor-pointer text-fm-color-neutral-gray-400",
             name: "delete",
@@ -324,13 +324,13 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, qt = {
   key: 1,
   class: "w-[24px] flex-shrink-0"
-}, zt = {
+}, Yt = {
   key: 0,
   class: "w-[28px] mr-2"
-}, Yt = {
+}, zt = {
   key: 1,
   class: "w-[24px]"
-}, Ht = "font-medium text-gray-600 bg-gray-100 p-3 border-b-4", Xt = /* @__PURE__ */ Z({
+}, Ht = "font-medium text-gray-600 bg-gray-100 p-3 border-b-4", Xt = /* @__PURE__ */ J({
   __name: "MappingHeader",
   props: {
     headerItems: {},
@@ -341,89 +341,89 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     isTakeWholeRow: { type: Boolean }
   },
   setup(f) {
-    const o = f, e = z(
+    const o = f, e = Y(
       () => o.headerItems.length === 3 && (o.columnsPerRow === 1 || o.columnsPerRow === void 0)
-    ), i = z(() => {
+    ), s = Y(() => {
       const m = o.columnsPerRow || 2;
       return o.totalItemsCount > 1 ? Math.min(o.totalItemsCount, m) : 1;
-    }), x = z(() => e.value || o.isTakeWholeRow), A = z(
+    }), x = Y(() => e.value || o.isTakeWholeRow), A = Y(
       () => x.value ? "grid-cols-1 grid gap-x-16 mb-2" : "xs:grid-cols-1 grid-cols-2 grid gap-16 mb-2"
-    ), h = z(() => [
+    ), h = Y(() => [
       Ht,
       x.value ? "grid grid-cols-1" : "flex flex-row w-full gap-[4px] justify-between"
-    ]), T = z(() => o.isIncludePreAction && o.isIncludePostAction ? "w-[calc(100%-48px)]" : o.isIncludePreAction || o.isIncludePostAction ? "w-[calc(100%-24px)]" : "w-full"), w = z(
+    ]), T = Y(() => o.isIncludePreAction && o.isIncludePostAction ? "w-[calc(100%-48px)]" : o.isIncludePreAction || o.isIncludePostAction ? "w-[calc(100%-24px)]" : "w-full"), w = Y(
       () => e.value ? "grid grid-cols-3" : "flex flex-row"
-    ), k = z(
+    ), k = Y(
       () => !e.value && o.isTakeWholeRow ? "w-[50%]" : e.value ? "" : "w-[50%]"
       // Default width for 2-column items
     );
-    return (m, V) => m.totalItemsCount > 0 ? (s(), _("div", {
+    return (m, V) => m.totalItemsCount > 0 ? (i(), _("div", {
       key: 0,
       class: Se(A.value)
     }, [
-      i.value === 1 ? (s(), _("div", {
+      s.value === 1 ? (i(), _("div", {
         key: 0,
         class: Se(h.value)
       }, [
-        x.value ? (s(), _("div", Pt, [
-          m.isIncludePreAction ? (s(), _("div", Mt)) : O("", !0),
+        x.value ? (i(), _("div", Pt, [
+          m.isIncludePreAction ? (i(), _("div", Mt)) : O("", !0),
           t("div", {
             class: Se(["flex-grow", w.value])
           }, [
-            (s(!0), _(B, null, Y(m.headerItems, ($, p) => (s(), _("div", {
+            (i(!0), _(B, null, z(m.headerItems, ($, p) => (i(), _("div", {
               key: `header-item-${p}`,
               class: Se(k.value)
             }, S($), 3))), 128))
           ], 2),
-          m.isIncludePostAction ? (s(), _("div", jt)) : O("", !0)
-        ])) : (s(), _(B, { key: 1 }, [
-          m.isIncludePreAction ? (s(), _("div", Lt)) : O("", !0),
+          m.isIncludePostAction ? (i(), _("div", jt)) : O("", !0)
+        ])) : (i(), _(B, { key: 1 }, [
+          m.isIncludePreAction ? (i(), _("div", Lt)) : O("", !0),
           t("div", {
             class: Se([T.value, "flex flex-row"])
           }, [
-            (s(!0), _(B, null, Y(m.headerItems, ($, p) => (s(), _("div", {
+            (i(!0), _(B, null, z(m.headerItems, ($, p) => (i(), _("div", {
               key: `header-item-${p}`,
               class: "w-[50%]"
             }, S($), 1))), 128))
           ], 2),
-          m.isIncludePostAction ? (s(), _("div", Ot)) : O("", !0)
+          m.isIncludePostAction ? (i(), _("div", Ot)) : O("", !0)
         ], 64))
-      ], 2)) : (s(), _(B, { key: 1 }, [
-        x.value ? (s(), _("div", {
+      ], 2)) : (i(), _(B, { key: 1 }, [
+        x.value ? (i(), _("div", {
           key: 0,
           class: Se(h.value)
         }, [
           t("div", Bt, [
-            m.isIncludePreAction ? (s(), _("div", Et)) : O("", !0),
+            m.isIncludePreAction ? (i(), _("div", Et)) : O("", !0),
             t("div", {
               class: Se(["flex-grow", w.value])
             }, [
-              (s(!0), _(B, null, Y(m.headerItems, ($, p) => (s(), _("div", {
+              (i(!0), _(B, null, z(m.headerItems, ($, p) => (i(), _("div", {
                 key: `header-item-${p}`,
                 class: Se(k.value)
               }, S($), 3))), 128))
             ], 2),
-            m.isIncludePostAction ? (s(), _("div", qt)) : O("", !0)
+            m.isIncludePostAction ? (i(), _("div", qt)) : O("", !0)
           ])
-        ], 2)) : (s(!0), _(B, { key: 1 }, Y(i.value, ($) => (s(), _("div", {
+        ], 2)) : (i(!0), _(B, { key: 1 }, z(s.value, ($) => (i(), _("div", {
           key: `header-column-${$}`,
           class: Se(h.value)
         }, [
-          m.isIncludePreAction ? (s(), _("div", zt)) : O("", !0),
+          m.isIncludePreAction ? (i(), _("div", Yt)) : O("", !0),
           t("div", {
             class: Se([T.value, "flex flex-row"])
           }, [
-            (s(!0), _(B, null, Y(m.headerItems, (p, y) => (s(), _("div", {
+            (i(!0), _(B, null, z(m.headerItems, (p, y) => (i(), _("div", {
               key: `header-item-${y}`,
               class: "w-[50%]"
             }, S(p), 1))), 128))
           ], 2),
-          m.isIncludePostAction ? (s(), _("div", Yt)) : O("", !0)
+          m.isIncludePostAction ? (i(), _("div", zt)) : O("", !0)
         ], 2))), 128))
       ], 64))
     ], 2)) : O("", !0);
   }
-}), de = /* @__PURE__ */ Z({
+}), re = /* @__PURE__ */ J({
   __name: "MappingSection",
   props: {
     headerItems: {},
@@ -434,7 +434,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     isTakeWholeRow: { type: Boolean }
   },
   setup(f) {
-    return (o, e) => (s(), _("div", null, [
+    return (o, e) => (i(), _("div", null, [
       a(Xt, {
         "header-items": o.headerItems,
         "total-items-count": o.totalItemsCount,
@@ -458,7 +458,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, ho = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, wo = { class: "flex flex-row items-center justify-between gap-x-16" }, ko = {
   key: 6,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Vo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, $o = /* @__PURE__ */ Z({
+}, Vo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, $o = /* @__PURE__ */ J({
   __name: "Setting",
   props: /* @__PURE__ */ Me({
     tenantOptions: {
@@ -479,16 +479,16 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = ze(), { restaurants: w } = $e(), k = X(!1), m = z(
+    const { t: o } = le(), e = oe(f, "modelValue"), s = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = Ye(), { restaurants: w } = $e(), k = H(!1), m = Y(
       () => w.map((l) => ({ label: l.name, value: l.id }))
-    ), V = z(() => {
+    ), V = Y(() => {
       var l, n;
       return k.value ? "Connecting" : (n = (l = e.value) == null ? void 0 : l.platform) != null && n.accessToken ? "Disconnect" : "Connect";
-    }), $ = X(0);
+    }), $ = H(0);
     async function p() {
       var l;
       if (k.value)
-        i.open({ type: "error", message: "Connecting in progress" });
+        s.open({ type: "error", message: "Connecting in progress" });
       else if ((l = e.value.platform) != null && l.accessToken)
         await T({
           message: o("report.integration.xero.confirmDisconnect", { name: e.value.name }),
@@ -509,10 +509,10 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           }, 5e3);
           window.open(n.redirect, "_blank");
         } catch (n) {
-          i.open({ type: "error", message: n.message });
+          s.open({ type: "error", message: n.message });
         }
       else
-        i.open({ type: "error", message: `invalid accounting ${e.value._id}` });
+        s.open({ type: "error", message: `invalid accounting ${e.value._id}` });
     }
     async function y() {
       await T({
@@ -522,7 +522,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           await Oe(e.value._id), await x.getSettings(), A.back();
         } catch (n) {
-          i.open({ type: "error", message: n.message });
+          s.open({ type: "error", message: n.message });
         }
       });
     }
@@ -531,7 +531,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           await Be(e.value._id, e.value), await x.getSettings();
         } catch (l) {
-          i.open({ type: "error", message: l.message });
+          s.open({ type: "error", message: l.message });
         }
       });
     }
@@ -545,7 +545,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     function b(l, n) {
       var C, I;
       (I = (C = e.value.platform) == null ? void 0 : C.mappings) != null && I[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
-        (R, Q) => Q !== n
+        (M, X) => X !== n
       ));
     }
     function g(l) {
@@ -570,16 +570,16 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           await Ee(e.value._id), await x.getSettings();
         } catch (l) {
-          i.open({ type: "error", message: l.message });
+          s.open({ type: "error", message: l.message });
         }
       });
     }
     return je(async () => {
       await x.getSettings();
     }), (l, n) => {
-      var ee, re, me, se, ce, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E, H, u, j, D, K, P, q, le, L, ie, ke, we;
-      const C = U("FmIcon"), I = U("FmButton"), R = U("FmMenuDivider"), Q = U("FmCircularProgress"), te = U("FmSelect"), J = U("FmTextField"), G = U("FmSwitch");
-      return (re = (ee = e.value) == null ? void 0 : ee.platform) != null && re.mappings ? (s(), _("div", Qt, [
+      var Z, ie, ce, ne, de, me, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E, u, P, K, D, N, q, ae, L, se, ke, we;
+      const C = U("FmIcon"), I = U("FmButton"), M = U("FmMenuDivider"), X = U("FmCircularProgress"), ee = U("FmSelect"), W = U("FmTextField"), Q = U("FmSwitch");
+      return (ie = (Z = e.value) == null ? void 0 : Z.platform) != null && ie.mappings ? (i(), _("div", Qt, [
         t("div", Gt, [
           t("div", Wt, [
             n[10] || (n[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
@@ -606,7 +606,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ])
         ]),
-        a(R, { style: { margin: 0 } }),
+        a(M, { style: { margin: 0 } }),
         t("div", eo, [
           t("div", to, [
             n[21] || (n[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)),
@@ -619,35 +619,35 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: p
                 }, null, 8, ["disabled", "label"])
               ]),
-              !f.tenantOptions.isLoaded && ((me = e.value.platform) != null && me.accessToken) ? (s(), N(Q, {
+              !f.tenantOptions.isLoaded && ((ce = e.value.platform) != null && ce.accessToken) ? (i(), R(X, {
                 key: 0,
                 size: "xl"
               })) : O("", !0),
-              a(te, {
+              a(ee, {
                 class: "flex-grow",
                 items: f.tenantOptions.data || [],
-                "model-value": (se = e.value.platform.tenant) == null ? void 0 : se.id,
-                placeholder: f.tenantOptions.data ? (ce = e.value.platform.tenant) == null ? void 0 : ce.name : "Select tenant ",
+                "model-value": (ne = e.value.platform.tenant) == null ? void 0 : ne.id,
+                placeholder: f.tenantOptions.data ? (de = e.value.platform.tenant) == null ? void 0 : de.name : "Select tenant ",
                 "onUpdate:modelValue": v
               }, null, 8, ["items", "model-value", "placeholder"])
             ]),
-            a(R, { style: { margin: 0 } }),
+            a(M, { style: { margin: 0 } }),
             t("div", lo, [
               n[13] || (n[13] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "General", -1)),
               t("div", no, [
                 n[11] || (n[11] = t("div", { class: "w-[25%] font-semibold" }, "Name", -1)),
                 t("div", so, [
-                  a(J, {
+                  a(W, {
                     modelValue: e.value.name,
-                    "onUpdate:modelValue": n[0] || (n[0] = (oe) => e.value.name = oe)
+                    "onUpdate:modelValue": n[0] || (n[0] = (te) => e.value.name = te)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
               t("div", io, [
                 n[12] || (n[12] = t("div", { class: "w-[25%] font-semibold" }, "Location", -1)),
-                a(te, {
+                a(ee, {
                   modelValue: e.value.platform.locationIds,
-                  "onUpdate:modelValue": n[1] || (n[1] = (oe) => e.value.platform.locationIds = oe),
+                  "onUpdate:modelValue": n[1] || (n[1] = (te) => e.value.platform.locationIds = te),
                   multiselect: !0,
                   items: m.value,
                   placeholder: "Select location",
@@ -655,22 +655,22 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue", "items"])
               ])
             ]),
-            a(R, { style: { margin: 0 } }),
+            a(M, { style: { margin: 0 } }),
             a(Xe, {
               modelValue: e.value.platform,
-              "onUpdate:modelValue": n[2] || (n[2] = (oe) => e.value.platform = oe),
+              "onUpdate:modelValue": n[2] || (n[2] = (te) => e.value.platform = te),
               label: "upload",
-              "last-upload-date": (ue = e.value.platform) == null ? void 0 : ue.lastUploadDate
+              "last-upload-date": (me = e.value.platform) == null ? void 0 : me.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
-            a(R, { style: { margin: 0 } }),
+            a(M, { style: { margin: 0 } }),
             t("div", ro, [
               n[20] || (n[20] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "Mapping", -1)),
               t("div", co, [
                 n[14] || (n[14] = t("div", { class: "w-[25%] font-semibold" }, "Contact", -1)),
                 t("div", mo, [
-                  a(J, {
+                  a(W, {
                     modelValue: e.value.platform.mappings.contact.xeroAccount,
-                    "onUpdate:modelValue": n[3] || (n[3] = (oe) => e.value.platform.mappings.contact.xeroAccount = oe),
+                    "onUpdate:modelValue": n[3] || (n[3] = (te) => e.value.platform.mappings.contact.xeroAccount = te),
                     placeholder: "Contact account number"
                   }, null, 8, ["modelValue"])
                 ])
@@ -678,11 +678,11 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               t("div", uo, [
                 n[15] || (n[15] = t("div", { class: "w-[25%] font-semibold" }, "Discount as Item", -1)),
                 t("div", po, [
-                  a(G, {
+                  a(Q, {
                     "model-value": e.value.platform.discountItem ?? !1,
                     style: { gap: 0 },
-                    "onUpdate:modelValue": n[4] || (n[4] = (oe) => {
-                      e.value.platform.discountItem = oe;
+                    "onUpdate:modelValue": n[4] || (n[4] = (te) => {
+                      e.value.platform.discountItem = te;
                     })
                   }, null, 8, ["model-value"])
                 ])
@@ -690,16 +690,16 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               t("div", fo, [
                 n[16] || (n[16] = t("div", { class: "w-[25%] font-semibold" }, "Combine Refund", -1)),
                 t("div", vo, [
-                  a(G, {
+                  a(Q, {
                     "model-value": e.value.platform.mappings.isCombineRefund ?? !1,
                     style: { gap: 0 },
-                    "onUpdate:modelValue": n[5] || (n[5] = (oe) => {
-                      e.value.platform.mappings.isCombineRefund = oe;
+                    "onUpdate:modelValue": n[5] || (n[5] = (te) => {
+                      e.value.platform.mappings.isCombineRefund = te;
                     })
                   }, null, 8, ["model-value"])
                 ])
               ]),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               t("div", go, [
                 n[17] || (n[17] = t("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
                 a(I, {
@@ -709,25 +709,25 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: n[6] || (n[6] = () => g("taxes"))
                 })
               ]),
-              f.taxOptions.isError || e.value.platform.accessToken == null ? (s(), _("div", yo, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : O("", !0),
-              !f.taxOptions.isLoaded && ((pe = e.value.platform) != null && pe.accessToken) ? (s(), N(Q, {
+              f.taxOptions.isError || e.value.platform.accessToken == null ? (i(), _("div", yo, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : O("", !0),
+              !f.taxOptions.isLoaded && ((ue = e.value.platform) != null && ue.accessToken) ? (i(), R(X, {
                 key: 1,
                 size: "xl"
               })) : O("", !0),
-              ((fe = f.taxOptions.data) == null ? void 0 : fe.length) > 0 ? (s(), N(de, {
+              ((pe = f.taxOptions.data) == null ? void 0 : pe.length) > 0 ? (i(), R(re, {
                 key: 2,
                 "header-items": ["Feedme Key", "Tax"],
-                "total-items-count": (((xe = (ye = (ge = (ve = e.value) == null ? void 0 : ve.platform) == null ? void 0 : ge.mappings) == null ? void 0 : ye.taxes) == null ? void 0 : xe.length) || 0) + (((E = (he = (_e = (be = e.value) == null ? void 0 : be.platform) == null ? void 0 : _e.mappings) == null ? void 0 : he.taxRoundingAdjustments) == null ? void 0 : E.length) || 0),
+                "total-items-count": (((ye = (ge = (ve = (fe = e.value) == null ? void 0 : fe.platform) == null ? void 0 : ve.mappings) == null ? void 0 : ge.taxes) == null ? void 0 : ye.length) || 0) + (((he = (_e = (be = (xe = e.value) == null ? void 0 : xe.platform) == null ? void 0 : be.mappings) == null ? void 0 : _e.taxRoundingAdjustments) == null ? void 0 : he.length) || 0),
                 "is-include-post-action": !0
               }, {
-                default: W(() => {
-                  var oe, Re, Pe, Ze, Ue, Qe;
+                default: G(() => {
+                  var te, Re, Pe, Ze, Ue, Qe;
                   return [
                     t("div", xo, [
-                      (s(!0), _(B, null, Y((Pe = (Re = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : Re.mappings) == null ? void 0 : Pe.taxes, (nt, Te) => (s(), N(Ge, {
+                      (i(!0), _(B, null, z((Pe = (Re = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : Re.mappings) == null ? void 0 : Pe.taxes, (nt, Te) => (i(), R(Ge, {
                         key: `tax-${Te}`,
                         modelValue: e.value.platform.mappings.taxes[Te],
-                        "onUpdate:modelValue": (tt) => e.value.platform.mappings.taxes[Te] = tt,
+                        "onUpdate:modelValue": (ot) => e.value.platform.mappings.taxes[Te] = ot,
                         options: {
                           feedmeKey: { placeholder: "Feedme Key", editable: !0 },
                           xeroAccount: {
@@ -739,10 +739,10 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                         removable: !0,
                         onRemove: () => b("taxes", Te)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128)),
-                      (s(!0), _(B, null, Y((Qe = (Ue = (Ze = e.value) == null ? void 0 : Ze.platform) == null ? void 0 : Ue.mappings) == null ? void 0 : Qe.taxRoundingAdjustments, (nt, Te) => (s(), N(Ge, {
+                      (i(!0), _(B, null, z((Qe = (Ue = (Ze = e.value) == null ? void 0 : Ze.platform) == null ? void 0 : Ue.mappings) == null ? void 0 : Qe.taxRoundingAdjustments, (nt, Te) => (i(), R(Ge, {
                         key: `tax-rounding-adjustment-${Te}`,
                         modelValue: e.value.platform.mappings.taxRoundingAdjustments[Te],
-                        "onUpdate:modelValue": (tt) => e.value.platform.mappings.taxRoundingAdjustments[Te] = tt,
+                        "onUpdate:modelValue": (ot) => e.value.platform.mappings.taxRoundingAdjustments[Te] = ot,
                         options: {
                           feedmeKey: { placeholder: "Feedme Key", editable: !0 },
                           xeroAccount: {
@@ -759,7 +759,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }),
                 _: 1
               }, 8, ["total-items-count"])) : O("", !0),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               t("div", bo, [
                 n[18] || (n[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
                 a(I, {
@@ -769,22 +769,22 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: n[7] || (n[7] = () => g("items"))
                 })
               ]),
-              f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (s(), _("div", _o, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : O("", !0),
-              !f.accountCodeOptions.isLoaded && ((H = e.value.platform) != null && H.accessToken) ? (s(), N(Q, {
+              f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (i(), _("div", _o, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : O("", !0),
+              !f.accountCodeOptions.isLoaded && ((E = e.value.platform) != null && E.accessToken) ? (i(), R(X, {
                 key: 4,
                 size: "xl"
               })) : O("", !0),
-              ((u = f.accountCodeOptions.data) == null ? void 0 : u.length) > 0 ? (s(), N(de, {
+              ((u = f.accountCodeOptions.data) == null ? void 0 : u.length) > 0 ? (i(), R(re, {
                 key: 5,
                 "header-items": ["Feedme Key", "Item Code"],
-                "total-items-count": ((P = (K = (D = (j = e.value) == null ? void 0 : j.platform) == null ? void 0 : D.mappings) == null ? void 0 : K.items) == null ? void 0 : P.length) || 0,
+                "total-items-count": ((N = (D = (K = (P = e.value) == null ? void 0 : P.platform) == null ? void 0 : K.mappings) == null ? void 0 : D.items) == null ? void 0 : N.length) || 0,
                 "is-include-post-action": !0
               }, {
-                default: W(() => {
-                  var oe, Re, Pe;
+                default: G(() => {
+                  var te, Re, Pe;
                   return [
                     t("div", ho, [
-                      (s(!0), _(B, null, Y((Pe = (Re = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : Re.mappings) == null ? void 0 : Pe.items, (Ze, Ue) => (s(), N(Ge, {
+                      (i(!0), _(B, null, z((Pe = (Re = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : Re.mappings) == null ? void 0 : Pe.items, (Ze, Ue) => (i(), R(Ge, {
                         key: `item-${Ue}`,
                         modelValue: e.value.platform.mappings.items[Ue],
                         "onUpdate:modelValue": (Qe) => e.value.platform.mappings.items[Ue] = Qe,
@@ -804,7 +804,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }),
                 _: 1
               }, 8, ["total-items-count"])) : O("", !0),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               t("div", wo, [
                 n[19] || (n[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
                 a(I, {
@@ -814,22 +814,22 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: n[8] || (n[8] = () => g("payments"))
                 })
               ]),
-              f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (s(), _("div", ko, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : O("", !0),
-              !f.accountCodeOptions.isLoaded && ((q = e.value.platform) != null && q.accessToken) ? (s(), N(Q, {
+              f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (i(), _("div", ko, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : O("", !0),
+              !f.accountCodeOptions.isLoaded && ((q = e.value.platform) != null && q.accessToken) ? (i(), R(X, {
                 key: 7,
                 size: "xl"
               })) : O("", !0),
-              ((le = f.accountCodeOptions.data) == null ? void 0 : le.length) > 0 ? (s(), N(de, {
+              ((ae = f.accountCodeOptions.data) == null ? void 0 : ae.length) > 0 ? (i(), R(re, {
                 key: 8,
                 "header-items": ["Feedme Key", "Payment Code"],
-                "total-items-count": ((we = (ke = (ie = (L = e.value) == null ? void 0 : L.platform) == null ? void 0 : ie.mappings) == null ? void 0 : ke.payments) == null ? void 0 : we.length) || 0,
+                "total-items-count": ((we = (ke = (se = (L = e.value) == null ? void 0 : L.platform) == null ? void 0 : se.mappings) == null ? void 0 : ke.payments) == null ? void 0 : we.length) || 0,
                 "is-include-post-action": !0
               }, {
-                default: W(() => {
-                  var oe, Re, Pe;
+                default: G(() => {
+                  var te, Re, Pe;
                   return [
                     t("div", Vo, [
-                      (s(!0), _(B, null, Y((Pe = (Re = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : Re.mappings) == null ? void 0 : Pe.payments, (Ze, Ue) => (s(), N(Ge, {
+                      (i(!0), _(B, null, z((Pe = (Re = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : Re.mappings) == null ? void 0 : Pe.payments, (Ze, Ue) => (i(), R(Ge, {
                         key: `payment-${Ue}`,
                         modelValue: e.value.platform.mappings.payments[Ue],
                         "onUpdate:modelValue": (Qe) => e.value.platform.mappings.payments[Ue] = Qe,
@@ -858,7 +858,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), Co = { class: "h-full flex flex-col gap-16" }, So = { class: "flex flex-row gap-2 justify-between items-center" }, Ao = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Do = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fo = /* @__PURE__ */ Z({
+}, Do = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fo = /* @__PURE__ */ J({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -866,7 +866,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const o = X([]), { t: e } = ne(), i = z(
+    const o = H([]), { t: e } = le(), s = Y(
       () => o.value.reduce((m, V) => {
         const $ = m.length, { invoice: p, payments: y } = V;
         m[$] = {
@@ -973,7 +973,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], A = ae(f, "modelValue"), h = X(!1), T = Ce(), { dateRange: w } = Ye($e());
+    ], A = oe(f, "modelValue"), h = H(!1), T = Ce(), { dateRange: w } = ze($e());
     De(
       () => w.value,
       async () => {
@@ -992,7 +992,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function k() {
       try {
-        A.value._id ? (h.value = !0, await et(A.value._id), T.open({ message: "Upload successful", type: "success" })) : T.open({ message: "Invalid accounting setting", type: "error" });
+        A.value._id ? (h.value = !0, await tt(A.value._id), T.open({ message: "Upload successful", type: "success" })) : T.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
         m.message && T.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((V) => T.open({ message: V.Message, type: "error" }));
       } finally {
@@ -1001,7 +1001,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, V) => {
       const $ = U("FmButton"), p = U("FmCircularProgress"), y = U("FmTable");
-      return s(), _("div", Co, [
+      return i(), _("div", Co, [
         t("div", So, [
           a(He, {
             "date-range": d(w),
@@ -1015,19 +1015,19 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: k
           }, null, 8, ["loading"])
         ]),
-        h.value ? (s(), _("div", Ao, [
+        h.value ? (i(), _("div", Ao, [
           a(p, { size: "xl" }),
           t("span", Do, S(d(e)("report.common.isLoading")), 1)
-        ])) : i.value.length > 0 ? (s(), N(y, {
+        ])) : s.value.length > 0 ? (i(), R(y, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
-          "row-data": i.value,
+          "row-data": s.value,
           "column-defs": x
         }, null, 8, ["row-data"])) : O("", !0)
       ]);
     };
   }
-}), Uo = { class: "h-full relative flex flex-col" }, To = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ko = /* @__PURE__ */ Z({
+}), Uo = { class: "h-full relative flex flex-col" }, To = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ko = /* @__PURE__ */ J({
   __name: "Xero",
   props: {
     modelValue: { required: !0 },
@@ -1035,7 +1035,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = X("setting"), x = X({}), A = X({}), h = X({}), T = [
+    const { t: o } = le(), e = oe(f, "modelValue"), s = H("setting"), x = H({}), A = H({}), h = H({}), T = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -1046,8 +1046,8 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], w = Ve(), k = z(() => {
-      switch (i.value) {
+    ], w = Ve(), k = Y(() => {
+      switch (s.value) {
         case "preview":
           return { component: Fo };
         case "setting":
@@ -1117,25 +1117,25 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ), (p, y) => {
       var b, g, r;
       const c = U("FmPageHead"), v = U("FmTabs");
-      return s(), _("div", Uo, [
+      return i(), _("div", Uo, [
         a(c, {
           title: ((b = e.value) == null ? void 0 : b.name) || "Xero",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": d(w).back
         }, {
-          description: W(() => y[2] || (y[2] = [
+          description: G(() => y[2] || (y[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         a(v, {
-          "model-value": i.value,
-          "onUpdate:modelValue": y[0] || (y[0] = (l) => i.value = l),
+          "model-value": s.value,
+          "onUpdate:modelValue": y[0] || (y[0] = (l) => s.value = l),
           items: T
         }, null, 8, ["model-value"]),
         t("div", To, [
-          (s(), N(Ie((g = k.value) == null ? void 0 : g.component), ot({
+          (i(), R(Ie((g = k.value) == null ? void 0 : g.component), at({
             modelValue: e.value,
             "onUpdate:modelValue": y[1] || (y[1] = (l) => e.value = l)
           }, (r = k.value) == null ? void 0 : r.props), null, 16, ["modelValue"]))
@@ -1143,10 +1143,10 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Io = { class: "mt-6 mb-6" }, No = { class: "list-disc pl-6 space-y-1" }, Je = /* @__PURE__ */ Z({
+}), Io = { class: "mt-6 mb-6" }, No = { class: "list-disc pl-6 space-y-1" }, Je = /* @__PURE__ */ J({
   __name: "ReferenceNumberGuideButton",
   setup(f) {
-    const { t: o } = ne(), e = [
+    const { t: o } = le(), e = [
       {
         placeholder: "[NO]",
         category: o("report.integration.refNumExplain.no.category"),
@@ -1189,7 +1189,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         meaning: o("report.integration.refNumExplain.5digit.meaning"),
         output: "[5DIGIT]"
       }
-    ], i = [
+    ], s = [
       {
         accessorKey: "placeholder",
         header: o("report.integration.placeholder")
@@ -1219,19 +1219,19 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ];
     return (x, A) => {
       const h = U("FmIcon"), T = U("FmTable"), w = U("FmSideSheet");
-      return s(), N(w, {
+      return i(), R(w, {
         header: d(o)("report.integration.refNumFormatInfo"),
         "dismiss-away": "",
         "max-width": 780
       }, {
-        "side-sheet-button": W(() => [
+        "side-sheet-button": G(() => [
           a(h, {
             name: "info",
             color: "primary",
             class: "cursor-pointer p-2"
           })
         ]),
-        default: W(() => [
+        default: G(() => [
           t("div", Io, [
             t("ul", No, [
               t("li", null, S(d(o)("report.integration.refNumGuide.1stPoint")), 1),
@@ -1242,7 +1242,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           a(T, {
             "row-data": e,
-            "column-defs": i,
+            "column-defs": s,
             "shrink-at": !1,
             "hide-footer": !0
           })
@@ -1254,7 +1254,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), Ro = {
   key: 0,
   class: "flex flex-col h-full"
-}, Po = { class: "flex flex-col gap-16 pb-[24px]" }, Mo = { class: "flex flex-row justify-between items-center gap-2" }, jo = { class: "fm-typo-en-title-sm-800" }, Lo = { class: "flex flex-row gap-2 items-center" }, Oo = { class: "relative group cursor-pointer" }, Bo = { 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" }, Eo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, qo = { class: "w-[90%] flex flex-col gap-24" }, zo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yo = { class: "flex flex-col justify-between" }, Ho = { class: "w-[25%] font-semibold" }, Xo = { class: "flex-grow" }, Qo = { class: "flex flex-col justify-between" }, Go = { class: "w-[25%] font-semibold" }, Wo = { class: "flex-grow" }, Jo = { class: "flex flex-col gap-16" }, Zo = { class: "fm-typo-en-title-sm-800" }, ea = { class: "flex flex-col max-w-[100%]" }, ta = { class: "w-[25%] font-semibold" }, oa = { class: "flex-grow" }, aa = { class: "flex flex-col max-w-[100%]" }, la = { class: "w-[25%] font-semibold" }, na = { class: "flex flex-col max-w-[100%]" }, sa = { class: "w-[25%] font-semibold" }, ia = { class: "flex flex-col max-w-[100%]" }, ra = { class: "flex flex-col gap-16" }, da = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ca = { class: "flex flex-col gap-16 pt-3 pb-3" }, ma = { class: "flex flex-row items-center gap-5" }, ua = { class: "fm-typo-en-title-sm-800" }, pa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, fa = { class: "flex flex-row items-center justify-between gap-x-16" }, va = { class: "fm-typo-en-title-sm-800" }, ga = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, ya = { class: "flex flex-row items-center justify-between gap-x-16" }, xa = { class: "fm-typo-en-title-sm-800" }, ba = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, _a = { class: "flex flex-row items-center justify-between gap-x-16" }, ha = { class: "fm-typo-en-title-sm-800" }, wa = { class: "grid-cols-1 grid gap-16 p-2" }, ka = /* @__PURE__ */ Z({
+}, Po = { class: "flex flex-col gap-16 pb-[24px]" }, Mo = { class: "flex flex-row justify-between items-center gap-2" }, jo = { class: "fm-typo-en-title-sm-800" }, Lo = { class: "flex flex-row gap-2 items-center" }, Oo = { class: "relative group cursor-pointer" }, Bo = { 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" }, Eo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, qo = { class: "w-[90%] flex flex-col gap-24" }, Yo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zo = { class: "flex flex-col justify-between" }, Ho = { class: "w-[25%] font-semibold" }, Xo = { class: "flex-grow" }, Qo = { class: "flex flex-col justify-between" }, Go = { class: "w-[25%] font-semibold" }, Wo = { class: "flex-grow" }, Jo = { class: "flex flex-col gap-16" }, Zo = { class: "fm-typo-en-title-sm-800" }, ea = { class: "flex flex-col max-w-[100%]" }, ta = { class: "w-[25%] font-semibold" }, oa = { class: "flex-grow" }, aa = { class: "flex flex-col max-w-[100%]" }, la = { class: "w-[25%] font-semibold" }, na = { class: "flex flex-col max-w-[100%]" }, sa = { class: "w-[25%] font-semibold" }, ia = { class: "flex flex-col max-w-[100%]" }, ra = { class: "flex flex-col gap-16" }, da = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ca = { class: "flex flex-col gap-16 pt-3 pb-3" }, ma = { class: "flex flex-row items-center gap-5" }, ua = { class: "fm-typo-en-title-sm-800" }, pa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, fa = { class: "flex flex-row items-center justify-between gap-x-16" }, va = { class: "fm-typo-en-title-sm-800" }, ga = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, ya = { class: "flex flex-row items-center justify-between gap-x-16" }, xa = { class: "fm-typo-en-title-sm-800" }, ba = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, _a = { class: "flex flex-row items-center justify-between gap-x-16" }, ha = { class: "fm-typo-en-title-sm-800" }, wa = { class: "grid-cols-1 grid gap-16 p-2" }, ka = /* @__PURE__ */ J({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -1262,16 +1262,16 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const o = ae(f, "modelValue"), e = Ce(), i = Ne(), x = Ve(), { promptLoader: A } = Le(), { promptMessage: h } = ze(), { restaurants: T } = $e(), w = z(
+    const o = oe(f, "modelValue"), e = Ce(), s = Ne(), x = Ve(), { promptLoader: A } = Le(), { promptMessage: h } = Ye(), { restaurants: T } = $e(), w = Y(
       () => T.map((r) => ({ label: r.name, value: r.id }))
-    ), { t: k } = ne();
+    ), { t: k } = le();
     async function m() {
       await h({
         message: k("report.messages.confirmDelete", { name: o.value.name }),
         title: k("report.common.delete")
       }) && await A(async () => {
         try {
-          await Oe(o.value._id), await i.getSettings(), x.back();
+          await Oe(o.value._id), await s.getSettings(), x.back();
         } catch (l) {
           e.open({ type: "error", message: l.message });
         }
@@ -1280,7 +1280,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function V() {
       await A(async () => {
         try {
-          await Be(o.value._id, o.value), await i.getSettings();
+          await Be(o.value._id, o.value), await s.getSettings();
         } catch (r) {
           e.open({ type: "error", message: r.message });
         }
@@ -1289,7 +1289,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     function $(r, l) {
       var n, C;
       (C = (n = o.value.platform) == null ? void 0 : n.mappings) != null && C[r] && (o.value.platform.mappings[r] = o.value.platform.mappings[r].filter(
-        (I, R) => R !== l
+        (I, M) => M !== l
       ));
     }
     function p(r) {
@@ -1372,18 +1372,18 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function g() {
       await A(async () => {
         try {
-          await Ee(o.value._id), await i.getSettings();
+          await Ee(o.value._id), await s.getSettings();
         } catch (r) {
           e.open({ type: "error", message: r.message });
         }
       });
     }
     return je(async () => {
-      await i.getSettings();
+      await s.getSettings();
     }), (r, l) => {
-      var te, J, G, ee, re, me, se, ce, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E, H, u, j;
-      const n = U("FmIcon"), C = U("FmButton"), I = U("FmMenuDivider"), R = U("FmTextField"), Q = U("FmSelect");
-      return (J = (te = o.value) == null ? void 0 : te.platform) != null && J.mappings ? (s(), _("div", Ro, [
+      var ee, W, Q, Z, ie, ce, ne, de, me, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E, u, P;
+      const n = U("FmIcon"), C = U("FmButton"), I = U("FmMenuDivider"), M = U("FmTextField"), X = U("FmSelect");
+      return (W = (ee = o.value) == null ? void 0 : ee.platform) != null && W.mappings ? (i(), _("div", Ro, [
         t("div", Po, [
           t("div", Mo, [
             t("div", jo, S(d(k)("report.integration.bukku.connect")), 1),
@@ -1413,13 +1413,13 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         a(I, { style: { margin: 0 } }),
         t("div", Eo, [
           t("div", qo, [
-            t("div", zo, S(d(k)("report.integration.bukku.authentication")), 1),
-            t("div", Yo, [
+            t("div", Yo, S(d(k)("report.integration.bukku.authentication")), 1),
+            t("div", zo, [
               t("div", Ho, S(d(k)("report.integration.subdomain")), 1),
               t("div", Xo, [
-                a(R, {
+                a(M, {
                   modelValue: o.value.platform.subdomain,
-                  "onUpdate:modelValue": l[0] || (l[0] = (D) => o.value.platform.subdomain = D),
+                  "onUpdate:modelValue": l[0] || (l[0] = (K) => o.value.platform.subdomain = K),
                   placeholder: d(k)("report.integration.subdomain")
                 }, null, 8, ["modelValue", "placeholder"])
               ])
@@ -1427,9 +1427,9 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", Qo, [
               t("div", Go, S(d(k)("report.integration.token")), 1),
               t("div", Wo, [
-                a(R, {
+                a(M, {
                   modelValue: o.value.platform.token,
-                  "onUpdate:modelValue": l[1] || (l[1] = (D) => o.value.platform.token = D),
+                  "onUpdate:modelValue": l[1] || (l[1] = (K) => o.value.platform.token = K),
                   placeholder: d(k)("report.integration.token")
                 }, null, 8, ["modelValue", "placeholder"])
               ])
@@ -1440,17 +1440,17 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               t("div", ea, [
                 t("div", ta, S(d(k)("report.common.name")), 1),
                 t("div", oa, [
-                  a(R, {
+                  a(M, {
                     modelValue: o.value.name,
-                    "onUpdate:modelValue": l[2] || (l[2] = (D) => o.value.name = D)
+                    "onUpdate:modelValue": l[2] || (l[2] = (K) => o.value.name = K)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
               t("div", aa, [
                 t("div", la, S(d(k)("report.common.location")), 1),
-                a(Q, {
+                a(X, {
                   modelValue: o.value.platform.locationIds,
-                  "onUpdate:modelValue": l[3] || (l[3] = (D) => o.value.platform.locationIds = D),
+                  "onUpdate:modelValue": l[3] || (l[3] = (K) => o.value.platform.locationIds = K),
                   multiselect: !0,
                   items: w.value,
                   placeholder: "Select location",
@@ -1459,9 +1459,9 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ]),
               t("div", na, [
                 t("div", sa, S(d(k)("report.integration.grouping.title")), 1),
-                a(Q, {
+                a(X, {
                   modelValue: o.value.platform.grouping,
-                  "onUpdate:modelValue": l[4] || (l[4] = (D) => o.value.platform.grouping = D),
+                  "onUpdate:modelValue": l[4] || (l[4] = (K) => o.value.platform.grouping = K),
                   multiselect: !1,
                   items: y,
                   placeholder: "Select grouping",
@@ -1470,9 +1470,9 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ]),
               t("div", ia, [
                 l[16] || (l[16] = t("div", { class: "w-[25%] font-semibold" }, S("My Invoice Action"), -1)),
-                a(Q, {
+                a(X, {
                   modelValue: o.value.platform.mappings.myinvoisAction,
-                  "onUpdate:modelValue": l[5] || (l[5] = (D) => o.value.platform.mappings.myinvoisAction = D),
+                  "onUpdate:modelValue": l[5] || (l[5] = (K) => o.value.platform.mappings.myinvoisAction = K),
                   multiselect: !1,
                   items: c,
                   placeholder: "Select My Invoice Action",
@@ -1482,7 +1482,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ]),
             t("div", ra, [
               t("div", da, [
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Contact",
                     account: o.value.platform.mappings.contact.account
@@ -1497,26 +1497,26 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       editable: !0
                     }
                   },
-                  "onUpdate:modelValue": l[6] || (l[6] = (D) => {
-                    var K, P, q;
-                    (q = (P = (K = o.value) == null ? void 0 : K.platform) == null ? void 0 : P.mappings) != null && q.contact && (o.value.platform.mappings.contact.account = D.account);
+                  "onUpdate:modelValue": l[6] || (l[6] = (K) => {
+                    var D, N, q;
+                    (q = (N = (D = o.value) == null ? void 0 : D.platform) == null ? void 0 : N.mappings) != null && q.contact && (o.value.platform.mappings.contact.account = K.account);
                   })
                 }, null, 8, ["model-value"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Rounding",
                     account: o.value.platform.mappings.rounding.account
                   },
                   options: b("Rounding"),
-                  "onUpdate:modelValue": l[7] || (l[7] = (D) => {
-                    var K, P, q;
-                    (q = (P = (K = o.value) == null ? void 0 : K.platform) == null ? void 0 : P.mappings) != null && q.rounding && (o.value.platform.mappings.rounding.account = D.account);
+                  "onUpdate:modelValue": l[7] || (l[7] = (K) => {
+                    var D, N, q;
+                    (q = (N = (D = o.value) == null ? void 0 : D.platform) == null ? void 0 : N.mappings) != null && q.rounding && (o.value.platform.mappings.rounding.account = K.account);
                   })
                 }, null, 8, ["model-value", "options"]),
-                (s(!0), _(B, null, Y((re = (ee = (G = o.value) == null ? void 0 : G.platform) == null ? void 0 : ee.mappings) == null ? void 0 : re.charges, (D, K) => (s(), N(M, {
-                  key: `charge-${K}`,
-                  modelValue: o.value.platform.mappings.charges[K],
-                  "onUpdate:modelValue": (P) => o.value.platform.mappings.charges[K] = P,
+                (i(!0), _(B, null, z((ie = (Z = (Q = o.value) == null ? void 0 : Q.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ie.charges, (K, D) => (i(), R(j, {
+                  key: `charge-${D}`,
+                  modelValue: o.value.platform.mappings.charges[D],
+                  "onUpdate:modelValue": (N) => o.value.platform.mappings.charges[D] = N,
                   options: {
                     key: {
                       placeholder: "Key",
@@ -1537,46 +1537,46 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 a(Je)
               ]),
               t("div", pa, [
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Invoice no",
                     account: o.value.platform.mappings.invoiceDocNo
                   },
                   options: b("Invoice no"),
-                  "onUpdate:modelValue": l[8] || (l[8] = (D) => v({ key: "invoiceDocNo", value: D.account }))
+                  "onUpdate:modelValue": l[8] || (l[8] = (K) => v({ key: "invoiceDocNo", value: K.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Credit note no",
                     account: o.value.platform.mappings.creditNoteDocNo
                   },
                   options: b("Credit note no"),
-                  "onUpdate:modelValue": l[9] || (l[9] = (D) => v({ key: "creditNoteDocNo", value: D.account }))
+                  "onUpdate:modelValue": l[9] || (l[9] = (K) => v({ key: "creditNoteDocNo", value: K.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Payment no",
                     account: o.value.platform.mappings.paymentDocNo
                   },
                   options: b("Payment no"),
-                  "onUpdate:modelValue": l[10] || (l[10] = (D) => v({ key: "paymentDocNo", value: D.account }))
+                  "onUpdate:modelValue": l[10] || (l[10] = (K) => v({ key: "paymentDocNo", value: K.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Refund no",
                     account: o.value.platform.mappings.refundDocNo
                   },
                   options: b("Refund no"),
-                  "onUpdate:modelValue": l[11] || (l[11] = (D) => v({ key: "refundDocNo", value: D.account }))
+                  "onUpdate:modelValue": l[11] || (l[11] = (K) => v({ key: "refundDocNo", value: K.account }))
                 }, null, 8, ["model-value", "options"])
               ])
             ]),
             a(I, { style: { margin: 0 } }),
             a(Xe, {
               modelValue: o.value.platform,
-              "onUpdate:modelValue": l[12] || (l[12] = (D) => o.value.platform = D),
+              "onUpdate:modelValue": l[12] || (l[12] = (K) => o.value.platform = K),
               label: "upload",
-              "last-upload-date": (me = o.value.platform) == null ? void 0 : me.lastUploadDate
+              "last-upload-date": (ce = o.value.platform) == null ? void 0 : ce.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
             a(I, { style: { margin: 0 } }),
             t("div", fa, [
@@ -1588,25 +1588,25 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: l[13] || (l[13] = () => p("items"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Key", "Account Code"],
-              "total-items-count": ((pe = (ue = (ce = (se = o.value) == null ? void 0 : se.platform) == null ? void 0 : ce.mappings) == null ? void 0 : ue.items) == null ? void 0 : pe.length) || 0,
+              "total-items-count": ((ue = (me = (de = (ne = o.value) == null ? void 0 : ne.platform) == null ? void 0 : de.mappings) == null ? void 0 : me.items) == null ? void 0 : ue.length) || 0,
               "is-include-post-action": !0
             }, {
-              default: W(() => {
-                var D, K, P;
+              default: G(() => {
+                var K, D, N;
                 return [
                   t("div", ga, [
-                    (s(!0), _(B, null, Y((P = (K = (D = o.value) == null ? void 0 : D.platform) == null ? void 0 : K.mappings) == null ? void 0 : P.items, (q, le) => (s(), N(M, {
-                      key: `item-${le}`,
-                      modelValue: o.value.platform.mappings.items[le],
-                      "onUpdate:modelValue": (L) => o.value.platform.mappings.items[le] = L,
+                    (i(!0), _(B, null, z((N = (D = (K = o.value) == null ? void 0 : K.platform) == null ? void 0 : D.mappings) == null ? void 0 : N.items, (q, ae) => (i(), R(j, {
+                      key: `item-${ae}`,
+                      modelValue: o.value.platform.mappings.items[ae],
+                      "onUpdate:modelValue": (L) => o.value.platform.mappings.items[ae] = L,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
                         account: { placeholder: "Account code", editable: !0 }
                       },
                       removable: !0,
-                      onRemove: () => $("items", le)
+                      onRemove: () => $("items", ae)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
                   ])
                 ];
@@ -1623,16 +1623,16 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: l[14] || (l[14] = () => p("taxes"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Key", "Account Code"],
-              "total-items-count": (((ye = (ge = (ve = (fe = o.value) == null ? void 0 : fe.platform) == null ? void 0 : ve.mappings) == null ? void 0 : ge.taxes) == null ? void 0 : ye.length) || 0) + (((he = (_e = (be = (xe = o.value) == null ? void 0 : xe.platform) == null ? void 0 : be.mappings) == null ? void 0 : _e.taxRoundingAdjustments) == null ? void 0 : he.length) || 0),
+              "total-items-count": (((ge = (ve = (fe = (pe = o.value) == null ? void 0 : pe.platform) == null ? void 0 : fe.mappings) == null ? void 0 : ve.taxes) == null ? void 0 : ge.length) || 0) + (((_e = (be = (xe = (ye = o.value) == null ? void 0 : ye.platform) == null ? void 0 : xe.mappings) == null ? void 0 : be.taxRoundingAdjustments) == null ? void 0 : _e.length) || 0),
               "is-include-post-action": !0
             }, {
-              default: W(() => {
-                var D, K, P, q, le, L;
+              default: G(() => {
+                var K, D, N, q, ae, L;
                 return [
                   t("div", ba, [
-                    (s(!0), _(B, null, Y((P = (K = (D = o.value) == null ? void 0 : D.platform) == null ? void 0 : K.mappings) == null ? void 0 : P.taxes, (ie, ke) => (s(), N(M, {
+                    (i(!0), _(B, null, z((N = (D = (K = o.value) == null ? void 0 : K.platform) == null ? void 0 : D.mappings) == null ? void 0 : N.taxes, (se, ke) => (i(), R(j, {
                       key: `tax-${ke}`,
                       modelValue: o.value.platform.mappings.taxes[ke],
                       "onUpdate:modelValue": (we) => o.value.platform.mappings.taxes[ke] = we,
@@ -1643,7 +1643,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       removable: !0,
                       onRemove: () => $("taxes", ke)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-                    (s(!0), _(B, null, Y((L = (le = (q = o.value) == null ? void 0 : q.platform) == null ? void 0 : le.mappings) == null ? void 0 : L.taxRoundingAdjustments, (ie, ke) => (s(), N(M, {
+                    (i(!0), _(B, null, z((L = (ae = (q = o.value) == null ? void 0 : q.platform) == null ? void 0 : ae.mappings) == null ? void 0 : L.taxRoundingAdjustments, (se, ke) => (i(), R(j, {
                       key: `tax-rounding-adjustment-${ke}`,
                       modelValue: o.value.platform.mappings.taxRoundingAdjustments[ke],
                       "onUpdate:modelValue": (we) => o.value.platform.mappings.taxRoundingAdjustments[ke] = we,
@@ -1669,27 +1669,27 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: l[15] || (l[15] = () => p("payments"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Key", "Method", "Account Code"],
-              "total-items-count": ((j = (u = (H = (E = o.value) == null ? void 0 : E.platform) == null ? void 0 : H.mappings) == null ? void 0 : u.payments) == null ? void 0 : j.length) || 0,
+              "total-items-count": ((P = (u = (E = (he = o.value) == null ? void 0 : he.platform) == null ? void 0 : E.mappings) == null ? void 0 : u.payments) == null ? void 0 : P.length) || 0,
               "columns-per-row": 1,
               "is-include-post-action": !0
             }, {
-              default: W(() => {
-                var D, K, P;
+              default: G(() => {
+                var K, D, N;
                 return [
                   t("div", wa, [
-                    (s(!0), _(B, null, Y((P = (K = (D = o.value) == null ? void 0 : D.platform) == null ? void 0 : K.mappings) == null ? void 0 : P.payments, (q, le) => (s(), N(M, {
-                      key: `payment-${le}`,
-                      modelValue: o.value.platform.mappings.payments[le],
-                      "onUpdate:modelValue": (L) => o.value.platform.mappings.payments[le] = L,
+                    (i(!0), _(B, null, z((N = (D = (K = o.value) == null ? void 0 : K.platform) == null ? void 0 : D.mappings) == null ? void 0 : N.payments, (q, ae) => (i(), R(j, {
+                      key: `payment-${ae}`,
+                      modelValue: o.value.platform.mappings.payments[ae],
+                      "onUpdate:modelValue": (L) => o.value.platform.mappings.payments[ae] = L,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
                         method: { placeholder: "Method", editable: !0 },
                         account: { placeholder: "Account code", editable: !0 }
                       },
                       removable: !0,
-                      onRemove: () => $("payments", le)
+                      onRemove: () => $("payments", ae)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
                   ])
                 ];
@@ -1704,7 +1704,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), Va = { class: "h-full flex flex-col gap-16" }, $a = { class: "flex flex-row gap-2 justify-between items-center" }, Ca = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Sa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Aa = /* @__PURE__ */ Z({
+}, Sa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Aa = /* @__PURE__ */ J({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -1712,7 +1712,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const o = X([]), e = z(
+    const o = H([]), e = Y(
       () => o.value.reduce((m, V) => {
         const $ = m.length, { invoice: p, payments: y } = V;
         m[$] = {
@@ -1747,19 +1747,19 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
         return m;
       }, [])
-    ), { t: i } = ne(), x = [
+    ), { t: s } = le(), x = [
       {
         accessorKey: "date",
         header: () => F(
           "p",
           { class: "min-w-[90px] text-nowrap text-ellipsis" },
-          i("report.integration.table.date")
+          s("report.integration.table.date")
         ),
         enableSorting: !1
       },
       {
         accessorKey: "no",
-        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, i("report.integration.table.no")),
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, s("report.integration.table.no")),
         enableSorting: !1
       },
       {
@@ -1832,7 +1832,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], A = ae(f, "modelValue"), h = X(!1), T = Ce(), { dateRange: w } = Ye($e());
+    ], A = oe(f, "modelValue"), h = H(!1), T = Ce(), { dateRange: w } = ze($e());
     De(
       () => w.value,
       async () => {
@@ -1851,7 +1851,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function k() {
       try {
-        A.value._id ? (h.value = !0, await et(A.value._id), T.open({ message: i("report.integration.uploadSuccess"), type: "success" })) : T.open({ message: i("report.integration.error.invalid"), type: "error" });
+        A.value._id ? (h.value = !0, await tt(A.value._id), T.open({ message: s("report.integration.uploadSuccess"), type: "success" })) : T.open({ message: s("report.integration.error.invalid"), type: "error" });
       } catch (m) {
         T.open({ message: m.message, type: "error" });
       } finally {
@@ -1860,7 +1860,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, V) => {
       const $ = U("FmButton"), p = U("FmCircularProgress"), y = U("FmTable");
-      return s(), _("div", Va, [
+      return i(), _("div", Va, [
         t("div", $a, [
           a(He, {
             "date-range": d(w),
@@ -1870,14 +1870,14 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           a($, {
             loading: h.value,
             variant: "primary",
-            label: d(i)("report.common.upload"),
+            label: d(s)("report.common.upload"),
             onClick: k
           }, null, 8, ["loading", "label"])
         ]),
-        h.value ? (s(), _("div", Ca, [
+        h.value ? (i(), _("div", Ca, [
           a(p, { size: "xl" }),
-          t("span", Sa, S(d(i)("report.integration.table.loading")), 1)
-        ])) : e.value.length > 0 ? (s(), N(y, {
+          t("span", Sa, S(d(s)("report.integration.table.loading")), 1)
+        ])) : e.value.length > 0 ? (i(), R(y, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
           "row-data": e.value,
@@ -1886,7 +1886,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Da = { class: "h-full relative flex flex-col" }, Fa = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ua = /* @__PURE__ */ Z({
+}), Da = { class: "h-full relative flex flex-col" }, Fa = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ua = /* @__PURE__ */ J({
   __name: "Bukku",
   props: {
     modelValue: {},
@@ -1894,7 +1894,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = X("setting"), x = [
+    const { t: o } = le(), e = oe(f, "modelValue"), s = H("setting"), x = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -1905,8 +1905,8 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], A = Ve(), h = z(() => {
-      switch (i.value) {
+    ], A = Ve(), h = Y(() => {
+      switch (s.value) {
         case "preview":
           return Aa;
         case "setting":
@@ -1918,25 +1918,25 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (T, w) => {
       var V;
       const k = U("FmPageHead"), m = U("FmTabs");
-      return s(), _("div", Da, [
+      return i(), _("div", Da, [
         a(k, {
           title: ((V = e.value) == null ? void 0 : V.name) || "Bukku",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": d(A).back
         }, {
-          description: W(() => w[2] || (w[2] = [
+          description: G(() => w[2] || (w[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         a(m, {
-          "model-value": i.value,
-          "onUpdate:modelValue": w[0] || (w[0] = ($) => i.value = $),
+          "model-value": s.value,
+          "onUpdate:modelValue": w[0] || (w[0] = ($) => s.value = $),
           items: x
         }, null, 8, ["model-value"]),
         t("div", Fa, [
-          (s(), N(Ie(h.value), {
+          (i(), R(Ie(h.value), {
             modelValue: e.value,
             "onUpdate:modelValue": w[1] || (w[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
@@ -1947,7 +1947,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), Ta = {
   key: 0,
   class: "flex flex-col h-full"
-}, Ka = { class: "flex flex-col gap-16 pb-[24px]" }, Ia = { class: "flex flex-row justify-between items-center gap-2" }, Na = { class: "flex flex-row gap-2 items-center" }, Ra = { class: "relative group cursor-pointer" }, Pa = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Ma = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, ja = { class: "w-[90%] flex flex-col gap-24" }, La = { class: "flex flex-col gap-16" }, Oa = { class: "fm-typo-en-title-sm-800" }, Ba = { class: "flex flex-col max-w-[100%]" }, Ea = { class: "w-[25%] font-semibold" }, qa = { class: "flex-grow" }, za = { class: "flex flex-col max-w-[100%]" }, Ya = { class: "w-[25%] font-semibold" }, Ha = { class: "flex flex-col max-w-[100%]" }, Xa = { class: "w-[25%] font-semibold" }, Qa = { class: "flex flex-col gap-16" }, Ga = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Wa = { class: "flex flex-col gap-16 pt-3 pb-3" }, Ja = { class: "flex flex-row items-center gap-5" }, Za = { class: "fm-typo-en-title-sm-800" }, el = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, tl = { class: "flex flex-row items-center justify-between gap-x-16" }, ol = { class: "fm-typo-en-title-sm-800" }, al = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, ll = { class: "flex flex-row items-center justify-between gap-x-16" }, nl = { class: "fm-typo-en-title-sm-800" }, sl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, il = { class: "flex flex-row items-center justify-between gap-x-16" }, rl = { class: "fm-typo-en-title-sm-800" }, dl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, cl = /* @__PURE__ */ Z({
+}, Ka = { class: "flex flex-col gap-16 pb-[24px]" }, Ia = { class: "flex flex-row justify-between items-center gap-2" }, Na = { class: "flex flex-row gap-2 items-center" }, Ra = { class: "relative group cursor-pointer" }, Pa = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Ma = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, ja = { class: "w-[90%] flex flex-col gap-24" }, La = { class: "flex flex-col gap-16" }, Oa = { class: "fm-typo-en-title-sm-800" }, Ba = { class: "flex flex-col max-w-[100%]" }, Ea = { class: "w-[25%] font-semibold" }, qa = { class: "flex-grow" }, Ya = { class: "flex flex-col max-w-[100%]" }, za = { class: "w-[25%] font-semibold" }, Ha = { class: "flex flex-col max-w-[100%]" }, Xa = { class: "w-[25%] font-semibold" }, Qa = { class: "flex flex-col gap-16" }, Ga = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Wa = { class: "flex flex-col gap-16 pt-3 pb-3" }, Ja = { class: "flex flex-row items-center gap-5" }, Za = { class: "fm-typo-en-title-sm-800" }, el = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, tl = { class: "flex flex-row items-center justify-between gap-x-16" }, ol = { class: "fm-typo-en-title-sm-800" }, al = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, ll = { class: "flex flex-row items-center justify-between gap-x-16" }, nl = { class: "fm-typo-en-title-sm-800" }, sl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, il = { class: "flex flex-row items-center justify-between gap-x-16" }, rl = { class: "fm-typo-en-title-sm-800" }, dl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, cl = /* @__PURE__ */ J({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -1955,7 +1955,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = ze(), { restaurants: w } = $e(), k = z(
+    const { t: o } = le(), e = oe(f, "modelValue"), s = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = Ye(), { restaurants: w } = $e(), k = Y(
       () => w.map((g) => ({ label: g.name, value: g.id }))
     );
     async function m() {
@@ -1966,7 +1966,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           await Oe(e.value._id), await x.getSettings(), A.back();
         } catch (r) {
-          i.open({ type: "error", message: r.message });
+          s.open({ type: "error", message: r.message });
         }
       });
     }
@@ -1975,7 +1975,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           await Be(e.value._id, e.value), await x.getSettings();
         } catch (g) {
-          i.open({ type: "error", message: g.message });
+          s.open({ type: "error", message: g.message });
         }
       });
     }
@@ -2031,16 +2031,16 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           await Ee(e.value._id), await x.getSettings();
         } catch (g) {
-          i.open({ type: "error", message: g.message });
+          s.open({ type: "error", message: g.message });
         }
       });
     }
     return je(async () => {
       await x.getSettings();
     }), (g, r) => {
-      var Q, te, J, G, ee, re, me, se, ce, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E, H;
-      const l = U("FmIcon"), n = U("FmButton"), C = U("FmMenuDivider"), I = U("FmTextField"), R = U("FmSelect");
-      return (te = (Q = e.value) == null ? void 0 : Q.platform) != null && te.mappings ? (s(), _("div", Ta, [
+      var X, ee, W, Q, Z, ie, ce, ne, de, me, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E;
+      const l = U("FmIcon"), n = U("FmButton"), C = U("FmMenuDivider"), I = U("FmTextField"), M = U("FmSelect");
+      return (ee = (X = e.value) == null ? void 0 : X.platform) != null && ee.mappings ? (i(), _("div", Ta, [
         t("div", Ka, [
           t("div", Ia, [
             r[14] || (r[14] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
@@ -2081,9 +2081,9 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }, null, 8, ["modelValue"])
                 ])
               ]),
-              t("div", za, [
-                t("div", Ya, S(d(o)("report.integration.location")), 1),
-                a(R, {
+              t("div", Ya, [
+                t("div", za, S(d(o)("report.integration.location")), 1),
+                a(M, {
                   modelValue: e.value.platform.locationIds,
                   "onUpdate:modelValue": r[1] || (r[1] = (u) => e.value.platform.locationIds = u),
                   multiselect: !0,
@@ -2095,7 +2095,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ]),
               t("div", Ha, [
                 t("div", Xa, S(d(o)("report.integration.grouping.title")), 1),
-                a(R, {
+                a(M, {
                   modelValue: e.value.platform.grouping,
                   "onUpdate:modelValue": r[2] || (r[2] = (u) => e.value.platform.grouping = u),
                   multiselect: !1,
@@ -2107,31 +2107,31 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ]),
             t("div", Qa, [
               t("div", Ga, [
-                a(M, {
+                a(j, {
                   "model-value": { key: "Project", account: e.value.platform.mappings.project },
                   options: v("Project"),
                   "onUpdate:modelValue": r[3] || (r[3] = (u) => c({ key: "project", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
                   options: v("Debtor"),
                   "onUpdate:modelValue": r[4] || (r[4] = (u) => c({ key: "debtor", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Rounding",
                     account: e.value.platform.mappings.rounding.account
                   },
                   options: v("Rounding"),
                   "onUpdate:modelValue": r[5] || (r[5] = (u) => {
-                    var j, D, K;
-                    (K = (D = (j = e.value) == null ? void 0 : j.platform) == null ? void 0 : D.mappings) != null && K.rounding && (e.value.platform.mappings.rounding.account = u.account);
+                    var P, K, D;
+                    (D = (K = (P = e.value) == null ? void 0 : P.platform) == null ? void 0 : K.mappings) != null && D.rounding && (e.value.platform.mappings.rounding.account = u.account);
                   })
                 }, null, 8, ["model-value", "options"]),
-                (s(!0), _(B, null, Y((ee = (G = (J = e.value) == null ? void 0 : J.platform) == null ? void 0 : G.mappings) == null ? void 0 : ee.charges, (u, j) => (s(), N(M, {
-                  key: `charge-${j}`,
-                  modelValue: e.value.platform.mappings.charges[j],
-                  "onUpdate:modelValue": (D) => e.value.platform.mappings.charges[j] = D,
+                (i(!0), _(B, null, z((Z = (Q = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Q.mappings) == null ? void 0 : Z.charges, (u, P) => (i(), R(j, {
+                  key: `charge-${P}`,
+                  modelValue: e.value.platform.mappings.charges[P],
+                  "onUpdate:modelValue": (K) => e.value.platform.mappings.charges[P] = K,
                   options: {
                     key: { placeholder: "Key", editable: !1 },
                     account: { placeholder: "Account code", editable: !0 }
@@ -2146,7 +2146,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 a(Je)
               ]),
               t("div", el, [
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Invoice no",
                     account: e.value.platform.mappings.invoiceDocNo
@@ -2154,7 +2154,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   options: v("Invoice no"),
                   "onUpdate:modelValue": r[6] || (r[6] = (u) => c({ key: "invoiceDocNo", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Credit note no",
                     account: e.value.platform.mappings.creditNoteDocNo
@@ -2162,7 +2162,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   options: v("Credit note no"),
                   "onUpdate:modelValue": r[7] || (r[7] = (u) => c({ key: "creditNoteDocNo", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Payment no",
                     account: e.value.platform.mappings.paymentDocNo
@@ -2170,7 +2170,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   options: v("Payment no"),
                   "onUpdate:modelValue": r[8] || (r[8] = (u) => c({ key: "paymentDocNo", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Refund no",
                     account: e.value.platform.mappings.refundDocNo
@@ -2196,25 +2196,25 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: r[11] || (r[11] = () => p("items"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Key", "Account Code"],
-              "total-items-count": ((ce = (se = (me = (re = e.value) == null ? void 0 : re.platform) == null ? void 0 : me.mappings) == null ? void 0 : se.items) == null ? void 0 : ce.length) || 0,
+              "total-items-count": ((de = (ne = (ce = (ie = e.value) == null ? void 0 : ie.platform) == null ? void 0 : ce.mappings) == null ? void 0 : ne.items) == null ? void 0 : de.length) || 0,
               "is-include-post-action": !0
             }, {
-              default: W(() => {
-                var u, j, D;
+              default: G(() => {
+                var u, P, K;
                 return [
                   t("div", al, [
-                    (s(!0), _(B, null, Y((D = (j = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : j.mappings) == null ? void 0 : D.items, (K, P) => (s(), N(M, {
-                      key: `item-${P}`,
-                      modelValue: e.value.platform.mappings.items[P],
-                      "onUpdate:modelValue": (q) => e.value.platform.mappings.items[P] = q,
+                    (i(!0), _(B, null, z((K = (P = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : P.mappings) == null ? void 0 : K.items, (D, N) => (i(), R(j, {
+                      key: `item-${N}`,
+                      modelValue: e.value.platform.mappings.items[N],
+                      "onUpdate:modelValue": (q) => e.value.platform.mappings.items[N] = q,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
                         account: { placeholder: "Account code", editable: !0 }
                       },
                       removable: !0,
-                      onRemove: () => $("items", P)
+                      onRemove: () => $("items", N)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
                   ])
                 ];
@@ -2231,19 +2231,19 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: r[12] || (r[12] = () => p("taxes"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Key", "Account Code"],
-              "total-items-count": (((ve = (fe = (pe = (ue = e.value) == null ? void 0 : ue.platform) == null ? void 0 : pe.mappings) == null ? void 0 : fe.taxes) == null ? void 0 : ve.length) || 0) + (((be = (xe = (ye = (ge = e.value) == null ? void 0 : ge.platform) == null ? void 0 : ye.mappings) == null ? void 0 : xe.taxRoundingAdjustments) == null ? void 0 : be.length) || 0),
+              "total-items-count": (((fe = (pe = (ue = (me = e.value) == null ? void 0 : me.platform) == null ? void 0 : ue.mappings) == null ? void 0 : pe.taxes) == null ? void 0 : fe.length) || 0) + (((xe = (ye = (ge = (ve = e.value) == null ? void 0 : ve.platform) == null ? void 0 : ge.mappings) == null ? void 0 : ye.taxRoundingAdjustments) == null ? void 0 : xe.length) || 0),
               "is-include-post-action": !0
             }, {
-              default: W(() => {
-                var u, j, D, K, P, q;
+              default: G(() => {
+                var u, P, K, D, N, q;
                 return [
                   t("div", sl, [
-                    (s(!0), _(B, null, Y((D = (j = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : j.mappings) == null ? void 0 : D.taxes, (le, L) => (s(), N(M, {
+                    (i(!0), _(B, null, z((K = (P = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : P.mappings) == null ? void 0 : K.taxes, (ae, L) => (i(), R(j, {
                       key: `tax-${L}`,
                       modelValue: e.value.platform.mappings.taxes[L],
-                      "onUpdate:modelValue": (ie) => e.value.platform.mappings.taxes[L] = ie,
+                      "onUpdate:modelValue": (se) => e.value.platform.mappings.taxes[L] = se,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
                         account: { placeholder: "Account code", editable: !0 }
@@ -2251,10 +2251,10 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       removable: !0,
                       onRemove: () => $("taxes", L)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-                    (s(!0), _(B, null, Y((q = (P = (K = e.value) == null ? void 0 : K.platform) == null ? void 0 : P.mappings) == null ? void 0 : q.taxRoundingAdjustments, (le, L) => (s(), N(M, {
+                    (i(!0), _(B, null, z((q = (N = (D = e.value) == null ? void 0 : D.platform) == null ? void 0 : N.mappings) == null ? void 0 : q.taxRoundingAdjustments, (ae, L) => (i(), R(j, {
                       key: `tax-rounding-adjustment-${L}`,
                       modelValue: e.value.platform.mappings.taxRoundingAdjustments[L],
-                      "onUpdate:modelValue": (ie) => e.value.platform.mappings.taxRoundingAdjustments[L] = ie,
+                      "onUpdate:modelValue": (se) => e.value.platform.mappings.taxRoundingAdjustments[L] = se,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
                         account: { placeholder: "Account code", editable: !0 }
@@ -2277,25 +2277,25 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: r[13] || (r[13] = () => p("payments"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Key", "Payment Name"],
-              "total-items-count": ((H = (E = (he = (_e = e.value) == null ? void 0 : _e.platform) == null ? void 0 : he.mappings) == null ? void 0 : E.payments) == null ? void 0 : H.length) || 0,
+              "total-items-count": ((E = (he = (_e = (be = e.value) == null ? void 0 : be.platform) == null ? void 0 : _e.mappings) == null ? void 0 : he.payments) == null ? void 0 : E.length) || 0,
               "is-include-post-action": !0
             }, {
-              default: W(() => {
-                var u, j, D;
+              default: G(() => {
+                var u, P, K;
                 return [
                   t("div", dl, [
-                    (s(!0), _(B, null, Y((D = (j = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : j.mappings) == null ? void 0 : D.payments, (K, P) => (s(), N(M, {
-                      key: `payment-${P}`,
-                      modelValue: e.value.platform.mappings.payments[P],
-                      "onUpdate:modelValue": (q) => e.value.platform.mappings.payments[P] = q,
+                    (i(!0), _(B, null, z((K = (P = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : P.mappings) == null ? void 0 : K.payments, (D, N) => (i(), R(j, {
+                      key: `payment-${N}`,
+                      modelValue: e.value.platform.mappings.payments[N],
+                      "onUpdate:modelValue": (q) => e.value.platform.mappings.payments[N] = q,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
                         account: { placeholder: "Payment name", editable: !0 }
                       },
                       removable: !0,
-                      onRemove: () => $("payments", P)
+                      onRemove: () => $("payments", N)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
                   ])
                 ];
@@ -2310,7 +2310,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), ml = { class: "h-full flex flex-col gap-16" }, ul = { class: "flex flex-row gap-2 justify-between items-center" }, pl = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, fl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, vl = /* @__PURE__ */ Z({
+}, fl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, vl = /* @__PURE__ */ J({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -2318,7 +2318,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = X([]), i = z(
+    const { t: o } = le(), e = H([]), s = Y(
       () => e.value.reduce((m, V) => {
         const $ = m.length, { invoice: p, payments: y } = V;
         m[$] = {
@@ -2418,7 +2418,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], A = ae(f, "modelValue"), h = X(!1), T = Ce(), { dateRange: w } = Ye($e());
+    ], A = oe(f, "modelValue"), h = H(!1), T = Ce(), { dateRange: w } = ze($e());
     De(
       () => w.value,
       async () => {
@@ -2446,7 +2446,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, V) => {
       const $ = U("FmButton"), p = U("FmCircularProgress"), y = U("FmTable");
-      return s(), _("div", ml, [
+      return i(), _("div", ml, [
         t("div", ul, [
           a(He, {
             "date-range": d(w),
@@ -2460,19 +2460,19 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: k
           }, null, 8, ["loading", "label"])
         ]),
-        h.value ? (s(), _("div", pl, [
+        h.value ? (i(), _("div", pl, [
           a(p, { size: "xl" }),
           t("span", fl, S(d(o)("report.common.isLoading")), 1)
-        ])) : i.value.length > 0 ? (s(), N(y, {
+        ])) : s.value.length > 0 ? (i(), R(y, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
-          "row-data": i.value,
+          "row-data": s.value,
           "column-defs": x
         }, null, 8, ["row-data"])) : O("", !0)
       ]);
     };
   }
-}), gl = { class: "h-full relative flex flex-col" }, yl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, xl = /* @__PURE__ */ Z({
+}), gl = { class: "h-full relative flex flex-col" }, yl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, xl = /* @__PURE__ */ J({
   __name: "AutoCount",
   props: {
     modelValue: {},
@@ -2480,7 +2480,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = X("setting"), x = [
+    const { t: o } = le(), e = oe(f, "modelValue"), s = H("setting"), x = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2491,8 +2491,8 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], A = Ve(), h = z(() => {
-      switch (i.value) {
+    ], A = Ve(), h = Y(() => {
+      switch (s.value) {
         case "preview":
           return vl;
         case "setting":
@@ -2504,25 +2504,25 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (T, w) => {
       var V;
       const k = U("FmPageHead"), m = U("FmTabs");
-      return s(), _("div", gl, [
+      return i(), _("div", gl, [
         a(k, {
           title: ((V = e.value) == null ? void 0 : V.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": d(A).back
         }, {
-          description: W(() => w[2] || (w[2] = [
+          description: G(() => w[2] || (w[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         a(m, {
-          "model-value": i.value,
-          "onUpdate:modelValue": w[0] || (w[0] = ($) => i.value = $),
+          "model-value": s.value,
+          "onUpdate:modelValue": w[0] || (w[0] = ($) => s.value = $),
           items: x
         }, null, 8, ["model-value"]),
         t("div", yl, [
-          (s(), N(Ie(h.value), {
+          (i(), R(Ie(h.value), {
             modelValue: e.value,
             "onUpdate:modelValue": w[1] || (w[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
@@ -2533,7 +2533,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), bl = {
   key: 0,
   class: "flex flex-col h-full"
-}, _l = { class: "flex flex-col gap-16 pb-[24px]" }, hl = { class: "flex flex-row justify-between items-center gap-2" }, wl = { class: "flex flex-row gap-2 items-center" }, kl = { class: "relative group cursor-pointer" }, Vl = { 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-scroll" }, Cl = { class: "w-[90%] flex flex-col gap-24" }, Sl = { class: "flex flex-col gap-16" }, Al = { class: "fm-typo-en-title-sm-800" }, Dl = { class: "flex flex-col max-w-[100%]" }, Fl = { class: "w-[25%] font-semibold" }, Ul = { class: "flex-grow" }, Tl = { class: "flex flex-col max-w-[100%]" }, Kl = { class: "w-[25%] font-semibold" }, Il = { class: "flex flex-col max-w-[100%]" }, Nl = { class: "w-[25%] font-semibold" }, Rl = { class: "flex flex-col gap-16" }, Pl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ml = { class: "grid-cols-1 grid gap-16" }, jl = { class: "flex flex-col gap-16 pt-3 pb-3" }, Ll = { class: "flex flex-row items-center gap-5" }, Ol = { class: "fm-typo-en-title-sm-800" }, Bl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, El = { class: "flex flex-row items-center justify-between gap-x-16" }, ql = { class: "fm-typo-en-title-sm-800" }, zl = { class: "grid-cols-1 grid gap-16 p-2" }, Yl = { class: "flex flex-row items-center justify-between gap-x-16" }, Hl = { class: "fm-typo-en-title-sm-800" }, Xl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, Ql = { class: "flex flex-row items-center justify-between gap-x-16" }, Gl = { class: "fm-typo-en-title-sm-800" }, Wl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, Jl = /* @__PURE__ */ Z({
+}, _l = { class: "flex flex-col gap-16 pb-[24px]" }, hl = { class: "flex flex-row justify-between items-center gap-2" }, wl = { class: "flex flex-row gap-2 items-center" }, kl = { class: "relative group cursor-pointer" }, Vl = { 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-scroll" }, Cl = { class: "w-[90%] flex flex-col gap-24" }, Sl = { class: "flex flex-col gap-16" }, Al = { class: "fm-typo-en-title-sm-800" }, Dl = { class: "flex flex-col max-w-[100%]" }, Fl = { class: "w-[25%] font-semibold" }, Ul = { class: "flex-grow" }, Tl = { class: "flex flex-col max-w-[100%]" }, Kl = { class: "w-[25%] font-semibold" }, Il = { class: "flex flex-col max-w-[100%]" }, Nl = { class: "w-[25%] font-semibold" }, Rl = { class: "flex flex-col gap-16" }, Pl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ml = { class: "grid-cols-1 grid gap-16" }, jl = { class: "flex flex-col gap-16 pt-3 pb-3" }, Ll = { class: "flex flex-row items-center gap-5" }, Ol = { class: "fm-typo-en-title-sm-800" }, Bl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, El = { class: "flex flex-row items-center justify-between gap-x-16" }, ql = { class: "fm-typo-en-title-sm-800" }, Yl = { class: "grid-cols-1 grid gap-16 p-2" }, zl = { class: "flex flex-row items-center justify-between gap-x-16" }, Hl = { class: "fm-typo-en-title-sm-800" }, Xl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, Ql = { class: "flex flex-row items-center justify-between gap-x-16" }, Gl = { class: "fm-typo-en-title-sm-800" }, Wl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, Jl = /* @__PURE__ */ J({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -2541,7 +2541,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = ze(), { restaurants: w } = $e(), k = z(
+    const { t: o } = le(), e = oe(f, "modelValue"), s = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = Ye(), { restaurants: w } = $e(), k = Y(
       () => w.map((g) => ({ label: g.name, value: g.id }))
     );
     async function m() {
@@ -2552,7 +2552,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           await Oe(e.value._id), await x.getSettings(), A.back();
         } catch (r) {
-          i.open({ type: "error", message: r.message });
+          s.open({ type: "error", message: r.message });
         }
       });
     }
@@ -2561,7 +2561,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           await Be(e.value._id, e.value), await x.getSettings();
         } catch (g) {
-          i.open({ type: "error", message: g.message });
+          s.open({ type: "error", message: g.message });
         }
       });
     }
@@ -2618,16 +2618,16 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           await Ee(e.value._id), await x.getSettings();
         } catch (g) {
-          i.open({ type: "error", message: g.message });
+          s.open({ type: "error", message: g.message });
         }
       });
     }
     return je(async () => {
       await x.getSettings();
     }), (g, r) => {
-      var Q, te, J, G, ee, re, me, se, ce, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E, H;
-      const l = U("FmIcon"), n = U("FmButton"), C = U("FmMenuDivider"), I = U("FmTextField"), R = U("FmSelect");
-      return (te = (Q = e.value) == null ? void 0 : Q.platform) != null && te.mappings ? (s(), _("div", bl, [
+      var X, ee, W, Q, Z, ie, ce, ne, de, me, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E;
+      const l = U("FmIcon"), n = U("FmButton"), C = U("FmMenuDivider"), I = U("FmTextField"), M = U("FmSelect");
+      return (ee = (X = e.value) == null ? void 0 : X.platform) != null && ee.mappings ? (i(), _("div", bl, [
         t("div", _l, [
           t("div", hl, [
             r[15] || (r[15] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
@@ -2670,7 +2670,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ]),
               t("div", Tl, [
                 t("div", Kl, S(d(o)("report.integration.location")), 1),
-                a(R, {
+                a(M, {
                   modelValue: e.value.platform.locationIds,
                   "onUpdate:modelValue": r[1] || (r[1] = (u) => e.value.platform.locationIds = u),
                   multiselect: !0,
@@ -2682,7 +2682,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ]),
               t("div", Il, [
                 t("div", Nl, S(d(o)("report.integration.grouping.title")), 1),
-                a(R, {
+                a(M, {
                   modelValue: e.value.platform.grouping,
                   "onUpdate:modelValue": r[2] || (r[2] = (u) => e.value.platform.grouping = u),
                   multiselect: !1,
@@ -2694,12 +2694,12 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ]),
             t("div", Rl, [
               t("div", Pl, [
-                a(M, {
+                a(j, {
                   "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
                   options: v("Debtor"),
                   "onUpdate:modelValue": r[3] || (r[3] = (u) => c({ key: "debtor", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Project header",
                     account: e.value.platform.mappings.projectHeader
@@ -2707,7 +2707,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   options: v("Project header"),
                   "onUpdate:modelValue": r[4] || (r[4] = (u) => c({ key: "projectHeader", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Project detail",
                     account: e.value.platform.mappings.projectDetail
@@ -2717,7 +2717,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["model-value", "options"])
               ]),
               t("div", Ml, [
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Rounding",
                     account: e.value.platform.mappings.rounding.account,
@@ -2729,14 +2729,14 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     code: { placeholder: "Item code", editable: !0 }
                   },
                   "onUpdate:modelValue": r[6] || (r[6] = (u) => {
-                    var j, D, K;
-                    (K = (D = (j = e.value) == null ? void 0 : j.platform) == null ? void 0 : D.mappings) != null && K.rounding && (e.value.platform.mappings.rounding.account = u.account, e.value.platform.mappings.rounding.code = u.code);
+                    var P, K, D;
+                    (D = (K = (P = e.value) == null ? void 0 : P.platform) == null ? void 0 : K.mappings) != null && D.rounding && (e.value.platform.mappings.rounding.account = u.account, e.value.platform.mappings.rounding.code = u.code);
                   })
                 }, null, 8, ["model-value"]),
-                (s(!0), _(B, null, Y((ee = (G = (J = e.value) == null ? void 0 : J.platform) == null ? void 0 : G.mappings) == null ? void 0 : ee.charges, (u, j) => (s(), N(M, {
-                  key: `charge-${j}`,
-                  modelValue: e.value.platform.mappings.charges[j],
-                  "onUpdate:modelValue": (D) => e.value.platform.mappings.charges[j] = D,
+                (i(!0), _(B, null, z((Z = (Q = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Q.mappings) == null ? void 0 : Z.charges, (u, P) => (i(), R(j, {
+                  key: `charge-${P}`,
+                  modelValue: e.value.platform.mappings.charges[P],
+                  "onUpdate:modelValue": (K) => e.value.platform.mappings.charges[P] = K,
                   options: {
                     key: { placeholder: "Key", editable: !1 },
                     account: { placeholder: "Account code", editable: !0 },
@@ -2752,7 +2752,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 a(Je)
               ]),
               t("div", Bl, [
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Invoice no",
                     account: e.value.platform.mappings.invoiceDocNo
@@ -2760,7 +2760,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   options: v("Invoice no"),
                   "onUpdate:modelValue": r[7] || (r[7] = (u) => c({ key: "invoiceDocNo", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Credit note no",
                     account: e.value.platform.mappings.creditNoteDocNo
@@ -2768,7 +2768,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   options: v("Credit note no"),
                   "onUpdate:modelValue": r[8] || (r[8] = (u) => c({ key: "creditNoteDocNo", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Payment no",
                     account: e.value.platform.mappings.paymentDocNo
@@ -2776,7 +2776,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   options: v("Payment no"),
                   "onUpdate:modelValue": r[9] || (r[9] = (u) => c({ key: "paymentDocNo", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Refund no",
                     account: e.value.platform.mappings.refundDocNo
@@ -2802,26 +2802,26 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: r[12] || (r[12] = () => p("items"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Key", "Account Code", "Item Code"],
-              "total-items-count": ((ce = (se = (me = (re = e.value) == null ? void 0 : re.platform) == null ? void 0 : me.mappings) == null ? void 0 : se.items) == null ? void 0 : ce.length) || 0,
+              "total-items-count": ((de = (ne = (ce = (ie = e.value) == null ? void 0 : ie.platform) == null ? void 0 : ce.mappings) == null ? void 0 : ne.items) == null ? void 0 : de.length) || 0,
               "is-include-post-action": !0
             }, {
-              default: W(() => {
-                var u, j, D;
+              default: G(() => {
+                var u, P, K;
                 return [
-                  t("div", zl, [
-                    (s(!0), _(B, null, Y((D = (j = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : j.mappings) == null ? void 0 : D.items, (K, P) => (s(), N(M, {
-                      key: `item-${P}`,
-                      modelValue: e.value.platform.mappings.items[P],
-                      "onUpdate:modelValue": (q) => e.value.platform.mappings.items[P] = q,
+                  t("div", Yl, [
+                    (i(!0), _(B, null, z((K = (P = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : P.mappings) == null ? void 0 : K.items, (D, N) => (i(), R(j, {
+                      key: `item-${N}`,
+                      modelValue: e.value.platform.mappings.items[N],
+                      "onUpdate:modelValue": (q) => e.value.platform.mappings.items[N] = q,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
                         account: { placeholder: "Account code", editable: !0 },
                         code: { placeholder: "Item code", editable: !0 }
                       },
                       removable: !0,
-                      onRemove: () => $("items", P)
+                      onRemove: () => $("items", N)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
                   ])
                 ];
@@ -2829,7 +2829,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               _: 1
             }, 8, ["total-items-count"]),
             a(C, { style: { margin: 0 } }),
-            t("div", Yl, [
+            t("div", zl, [
               t("div", Hl, S(d(o)("report.integration.taxes")), 1),
               a(n, {
                 variant: "secondary",
@@ -2838,19 +2838,19 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: r[13] || (r[13] = () => p("taxes"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Key", "Account Code"],
-              "total-items-count": (((ve = (fe = (pe = (ue = e.value) == null ? void 0 : ue.platform) == null ? void 0 : pe.mappings) == null ? void 0 : fe.taxes) == null ? void 0 : ve.length) || 0) + (((be = (xe = (ye = (ge = e.value) == null ? void 0 : ge.platform) == null ? void 0 : ye.mappings) == null ? void 0 : xe.taxRoundingAdjustments) == null ? void 0 : be.length) || 0),
+              "total-items-count": (((fe = (pe = (ue = (me = e.value) == null ? void 0 : me.platform) == null ? void 0 : ue.mappings) == null ? void 0 : pe.taxes) == null ? void 0 : fe.length) || 0) + (((xe = (ye = (ge = (ve = e.value) == null ? void 0 : ve.platform) == null ? void 0 : ge.mappings) == null ? void 0 : ye.taxRoundingAdjustments) == null ? void 0 : xe.length) || 0),
               "is-include-post-action": !0
             }, {
-              default: W(() => {
-                var u, j, D, K, P, q;
+              default: G(() => {
+                var u, P, K, D, N, q;
                 return [
                   t("div", Xl, [
-                    (s(!0), _(B, null, Y((D = (j = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : j.mappings) == null ? void 0 : D.taxes, (le, L) => (s(), N(M, {
+                    (i(!0), _(B, null, z((K = (P = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : P.mappings) == null ? void 0 : K.taxes, (ae, L) => (i(), R(j, {
                       key: `tax-${L}`,
                       modelValue: e.value.platform.mappings.taxes[L],
-                      "onUpdate:modelValue": (ie) => e.value.platform.mappings.taxes[L] = ie,
+                      "onUpdate:modelValue": (se) => e.value.platform.mappings.taxes[L] = se,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
                         account: { placeholder: "Account code", editable: !0 }
@@ -2858,10 +2858,10 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       removable: !0,
                       onRemove: () => $("taxes", L)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-                    (s(!0), _(B, null, Y((q = (P = (K = e.value) == null ? void 0 : K.platform) == null ? void 0 : P.mappings) == null ? void 0 : q.taxRoundingAdjustments, (le, L) => (s(), N(M, {
+                    (i(!0), _(B, null, z((q = (N = (D = e.value) == null ? void 0 : D.platform) == null ? void 0 : N.mappings) == null ? void 0 : q.taxRoundingAdjustments, (ae, L) => (i(), R(j, {
                       key: `tax-rounding-adjustment-${L}`,
                       modelValue: e.value.platform.mappings.taxRoundingAdjustments[L],
-                      "onUpdate:modelValue": (ie) => e.value.platform.mappings.taxRoundingAdjustments[L] = ie,
+                      "onUpdate:modelValue": (se) => e.value.platform.mappings.taxRoundingAdjustments[L] = se,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
                         account: { placeholder: "Account code", editable: !0 }
@@ -2884,25 +2884,25 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: r[14] || (r[14] = () => p("payments"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Key", "Method"],
-              "total-items-count": ((H = (E = (he = (_e = e.value) == null ? void 0 : _e.platform) == null ? void 0 : he.mappings) == null ? void 0 : E.payments) == null ? void 0 : H.length) || 0,
+              "total-items-count": ((E = (he = (_e = (be = e.value) == null ? void 0 : be.platform) == null ? void 0 : _e.mappings) == null ? void 0 : he.payments) == null ? void 0 : E.length) || 0,
               "is-include-post-action": !0
             }, {
-              default: W(() => {
-                var u, j, D;
+              default: G(() => {
+                var u, P, K;
                 return [
                   t("div", Wl, [
-                    (s(!0), _(B, null, Y((D = (j = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : j.mappings) == null ? void 0 : D.payments, (K, P) => (s(), N(M, {
-                      key: `payment-${P}`,
-                      modelValue: e.value.platform.mappings.payments[P],
-                      "onUpdate:modelValue": (q) => e.value.platform.mappings.payments[P] = q,
+                    (i(!0), _(B, null, z((K = (P = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : P.mappings) == null ? void 0 : K.payments, (D, N) => (i(), R(j, {
+                      key: `payment-${N}`,
+                      modelValue: e.value.platform.mappings.payments[N],
+                      "onUpdate:modelValue": (q) => e.value.platform.mappings.payments[N] = q,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
                         account: { placeholder: "Method", editable: !0 }
                       },
                       removable: !0,
-                      onRemove: () => $("payments", P)
+                      onRemove: () => $("payments", N)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
                   ])
                 ];
@@ -2917,7 +2917,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), Zl = { class: "h-full flex flex-col gap-16" }, en = { class: "flex flex-row gap-2 justify-between items-center" }, tn = {
   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" }, an = /* @__PURE__ */ Z({
+}, on = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, an = /* @__PURE__ */ J({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -2925,7 +2925,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = X([]), i = z(
+    const { t: o } = le(), e = H([]), s = Y(
       () => e.value.reduce((m, V) => {
         const $ = m.length, { invoice: p, payments: y } = V;
         m[$] = {
@@ -3020,7 +3020,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], A = ae(f, "modelValue"), h = X(!1), T = Ce(), { dateRange: w } = Ye($e());
+    ], A = oe(f, "modelValue"), h = H(!1), T = Ce(), { dateRange: w } = ze($e());
     De(
       () => w.value,
       async () => {
@@ -3048,7 +3048,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, V) => {
       const $ = U("FmButton"), p = U("FmCircularProgress"), y = U("FmTable");
-      return s(), _("div", Zl, [
+      return i(), _("div", Zl, [
         t("div", en, [
           a(He, {
             "date-range": d(w),
@@ -3062,19 +3062,19 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: k
           }, null, 8, ["loading", "label"])
         ]),
-        h.value ? (s(), _("div", tn, [
+        h.value ? (i(), _("div", tn, [
           a(p, { size: "xl" }),
           t("span", on, S(d(o)("report.common.isLoading")), 1)
-        ])) : i.value.length > 0 ? (s(), N(y, {
+        ])) : s.value.length > 0 ? (i(), R(y, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
-          "row-data": i.value,
+          "row-data": s.value,
           "column-defs": x
         }, null, 8, ["row-data"])) : O("", !0)
       ]);
     };
   }
-}), ln = { class: "h-full relative flex flex-col" }, nn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, sn = /* @__PURE__ */ Z({
+}), ln = { class: "h-full relative flex flex-col" }, nn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, sn = /* @__PURE__ */ J({
   __name: "SQL",
   props: {
     modelValue: {},
@@ -3082,7 +3082,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = X("setting"), x = [
+    const { t: o } = le(), e = oe(f, "modelValue"), s = H("setting"), x = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3093,8 +3093,8 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], A = Ve(), h = z(() => {
-      switch (i.value) {
+    ], A = Ve(), h = Y(() => {
+      switch (s.value) {
         case "preview":
           return an;
         case "setting":
@@ -3106,25 +3106,25 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (T, w) => {
       var V;
       const k = U("FmPageHead"), m = U("FmTabs");
-      return s(), _("div", ln, [
+      return i(), _("div", ln, [
         a(k, {
           title: ((V = e.value) == null ? void 0 : V.name) || "SQL",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": d(A).back
         }, {
-          description: W(() => w[2] || (w[2] = [
+          description: G(() => w[2] || (w[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         a(m, {
-          "model-value": i.value,
-          "onUpdate:modelValue": w[0] || (w[0] = ($) => i.value = $),
+          "model-value": s.value,
+          "onUpdate:modelValue": w[0] || (w[0] = ($) => s.value = $),
           items: x
         }, null, 8, ["model-value"]),
         t("div", nn, [
-          (s(), N(Ie(h.value), {
+          (i(), R(Ie(h.value), {
             modelValue: e.value,
             "onUpdate:modelValue": w[1] || (w[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
@@ -3138,7 +3138,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, dn = { class: "flex flex-col gap-16 pb-[24px]" }, cn = { class: "flex flex-row justify-between items-center gap-2" }, mn = { class: "fm-typo-en-title-sm-800" }, un = { class: "flex flex-row gap-2 items-center" }, pn = { class: "flex flex-row gap-2 items-center" }, fn = { 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" }, gn = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, yn = { class: "w-[90%] flex flex-col gap-24" }, xn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, bn = { class: "flex flex-col max-w-[100%]" }, _n = { class: "w-[25%] font-semibold" }, hn = { class: "flex-grow" }, wn = { class: "flex flex-col gap-24 pt-[24px]" }, kn = { class: "flex flex-col justify-between" }, Vn = { class: "w-[25%] font-semibold" }, $n = { class: "flex-grow" }, Cn = { class: "flex flex-col justify-between" }, Sn = { class: "w-[25%] font-semibold" }, An = { class: "flex-grow" }, Dn = { class: "flex flex-col gap-16" }, Fn = { class: "fm-typo-en-title-sm-800" }, Un = { class: "flex flex-col max-w-[100%]" }, Tn = { class: "w-[25%] font-semibold" }, Kn = { class: "flex-grow" }, In = { class: "flex flex-col max-w-[100%]" }, Nn = { class: "w-[25%] font-semibold" }, Rn = { class: "flex flex-col max-w-[100%]" }, Pn = { class: "w-[25%] font-semibold" }, Mn = {
   key: 0,
   class: "flex flex-col max-w-[100%]"
-}, jn = { class: "flex flex-col gap-16" }, Ln = { class: "xs:grid-cols-1 grid gap-16" }, On = { key: 1 }, Bn = { class: "flex flex-col gap-16 pt-3 pb-3" }, En = { class: "flex flex-row items-center gap-5" }, qn = { class: "fm-typo-en-title-sm-800" }, zn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Yn = { class: "flex flex-row items-center justify-between gap-x-16" }, Hn = { class: "fm-typo-en-title-sm-800" }, Xn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, Qn = { class: "flex flex-row items-center justify-between gap-x-16" }, Gn = { class: "fm-typo-en-title-sm-800" }, Wn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, Jn = { class: "flex flex-row items-center justify-between gap-x-16" }, Zn = { class: "fm-typo-en-title-sm-800" }, es = { class: "flex flex-row items-center justify-between" }, ts = { class: "flex-grow" }, os = {
+}, jn = { class: "flex flex-col gap-16" }, Ln = { class: "xs:grid-cols-1 grid gap-16" }, On = { key: 1 }, Bn = { class: "flex flex-col gap-16 pt-3 pb-3" }, En = { class: "flex flex-row items-center gap-5" }, qn = { class: "fm-typo-en-title-sm-800" }, Yn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, zn = { class: "flex flex-row items-center justify-between gap-x-16" }, Hn = { class: "fm-typo-en-title-sm-800" }, Xn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, Qn = { class: "flex flex-row items-center justify-between gap-x-16" }, Gn = { class: "fm-typo-en-title-sm-800" }, Wn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, Jn = { class: "flex flex-row items-center justify-between gap-x-16" }, Zn = { class: "fm-typo-en-title-sm-800" }, es = { class: "flex flex-row items-center justify-between" }, ts = { class: "flex-grow" }, os = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, as = {
@@ -3150,7 +3150,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, ns = { class: "xs:grid-cols-1 grid gap-16 p-2" }, ss = {
   key: 0,
   class: "flex flex-row items-center gap-16"
-}, is = /* @__PURE__ */ Z({
+}, is = /* @__PURE__ */ J({
   __name: "Setting",
   props: /* @__PURE__ */ Me({
     retrievedMethods: {
@@ -3167,7 +3167,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = ze(), { restaurants: w } = $e(), k = z(
+    const { t: o } = le(), e = oe(f, "modelValue"), s = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = Ye(), { restaurants: w } = $e(), k = Y(
       () => w.map((r) => ({ label: r.name, value: r.id }))
     );
     function m(r) {
@@ -3185,7 +3185,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           await Oe(e.value._id), await x.getSettings(), A.back();
         } catch (l) {
-          i.open({ type: "error", message: l.message });
+          s.open({ type: "error", message: l.message });
         }
       });
     }
@@ -3195,14 +3195,14 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           (n = (l = (r = e.value) == null ? void 0 : r.platform) == null ? void 0 : l.mappings) != null && n.paymentMethods && m(e.value.platform.mappings.paymentMethods), await Be(e.value._id, e.value), await x.getSettings();
         } catch (C) {
-          i.open({ type: "error", message: C.message });
+          s.open({ type: "error", message: C.message });
         }
       });
     }
     function p(r, l) {
       var n, C;
       (C = (n = e.value.platform) == null ? void 0 : n.mappings) != null && C[r] && (e.value.platform.mappings[r] = e.value.platform.mappings[r].filter(
-        (I, R) => R !== l
+        (I, M) => M !== l
       ));
     }
     function y(r) {
@@ -3248,7 +3248,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       (r) => {
         r && r.forEach((l, n) => {
-          var R;
+          var M;
           const C = l.key || "";
           let I = l.account;
           if (!I && C) {
@@ -3263,7 +3263,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 I = "SST-0";
                 break;
             }
-            (R = e.value.platform) != null && R.mappings && (e.value.platform.mappings.taxes[n] = {
+            (M = e.value.platform) != null && M.mappings && (e.value.platform.mappings.taxes[n] = {
               ...l,
               account: I
             });
@@ -3277,8 +3277,8 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         return (n = (l = (r = e.value) == null ? void 0 : r.platform) == null ? void 0 : l.mappings) == null ? void 0 : n.version;
       },
       (r) => {
-        var l, n, C, I, R;
-        r === "v1" && !((C = (n = (l = e.value) == null ? void 0 : l.platform) == null ? void 0 : n.mappings) != null && C.payee) && (R = (I = e.value) == null ? void 0 : I.platform) != null && R.mappings && (e.value.platform.mappings.payee = {
+        var l, n, C, I, M;
+        r === "v1" && !((C = (n = (l = e.value) == null ? void 0 : l.platform) == null ? void 0 : n.mappings) != null && C.payee) && (M = (I = e.value) == null ? void 0 : I.platform) != null && M.mappings && (e.value.platform.mappings.payee = {
           id: 1,
           name: ""
         });
@@ -3290,16 +3290,16 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           await Ee(e.value._id), await x.getSettings();
         } catch (r) {
-          i.open({ type: "error", message: r.message });
+          s.open({ type: "error", message: r.message });
         }
       });
     }
     return je(async () => {
       await x.getSettings();
     }), (r, l) => {
-      var G, ee, re, me, se, ce, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E, H, u, j, D;
-      const n = U("FmIcon"), C = U("FmButton"), I = U("FmSelect"), R = U("FmMenuDivider"), Q = U("FmTextField"), te = U("FmCircularProgress"), J = U("FmCheckbox");
-      return (ee = (G = e.value) == null ? void 0 : G.platform) != null && ee.mappings ? (s(), _("div", rn, [
+      var Q, Z, ie, ce, ne, de, me, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E, u, P, K;
+      const n = U("FmIcon"), C = U("FmButton"), I = U("FmSelect"), M = U("FmMenuDivider"), X = U("FmTextField"), ee = U("FmCircularProgress"), W = U("FmCheckbox");
+      return (Z = (Q = e.value) == null ? void 0 : Q.platform) != null && Z.mappings ? (i(), _("div", rn, [
         t("div", dn, [
           t("div", cn, [
             t("div", mn, S(d(o)("report.integration.connect")), 1),
@@ -3336,7 +3336,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               t("div", hn, [
                 a(I, {
                   modelValue: e.value.platform.mappings.version,
-                  "onUpdate:modelValue": l[0] || (l[0] = (K) => e.value.platform.mappings.version = K),
+                  "onUpdate:modelValue": l[0] || (l[0] = (D) => e.value.platform.mappings.version = D),
                   items: [
                     { label: "v1", value: "v1" },
                     { label: "v2", value: "v2" }
@@ -3345,14 +3345,14 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            a(R, { style: { margin: 0 } }),
+            a(M, { style: { margin: 0 } }),
             t("div", wn, [
               t("div", kn, [
                 t("div", Vn, S(d(o)("report.integration.biztory.subdomain")), 1),
                 t("div", $n, [
-                  a(Q, {
+                  a(X, {
                     modelValue: e.value.platform.subdomain,
-                    "onUpdate:modelValue": l[1] || (l[1] = (K) => e.value.platform.subdomain = K),
+                    "onUpdate:modelValue": l[1] || (l[1] = (D) => e.value.platform.subdomain = D),
                     placeholder: "Subdomain"
                   }, null, 8, ["modelValue"])
                 ])
@@ -3360,9 +3360,9 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               t("div", Cn, [
                 t("div", Sn, S(d(o)("report.integration.biztory.apiKey")), 1),
                 t("div", An, [
-                  a(Q, {
+                  a(X, {
                     modelValue: e.value.platform.api_key,
-                    "onUpdate:modelValue": l[2] || (l[2] = (K) => e.value.platform.api_key = K),
+                    "onUpdate:modelValue": l[2] || (l[2] = (D) => e.value.platform.api_key = D),
                     placeholder: "API Key"
                   }, null, 8, ["modelValue"])
                 ])
@@ -3372,9 +3372,9 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 t("div", Un, [
                   t("div", Tn, S(d(o)("report.common.name")), 1),
                   t("div", Kn, [
-                    a(Q, {
+                    a(X, {
                       modelValue: e.value.name,
-                      "onUpdate:modelValue": l[3] || (l[3] = (K) => e.value.name = K)
+                      "onUpdate:modelValue": l[3] || (l[3] = (D) => e.value.name = D)
                     }, null, 8, ["modelValue"])
                   ])
                 ]),
@@ -3382,7 +3382,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   t("div", Nn, S(d(o)("report.common.location")), 1),
                   a(I, {
                     modelValue: e.value.platform.locationIds,
-                    "onUpdate:modelValue": l[4] || (l[4] = (K) => e.value.platform.locationIds = K),
+                    "onUpdate:modelValue": l[4] || (l[4] = (D) => e.value.platform.locationIds = D),
                     multiselect: !0,
                     items: k.value,
                     placeholder: d(o)("report.common.location"),
@@ -3393,7 +3393,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   t("div", Pn, S(d(o)("report.integration.grouping.title")), 1),
                   a(I, {
                     modelValue: e.value.platform.grouping,
-                    "onUpdate:modelValue": l[5] || (l[5] = (K) => e.value.platform.grouping = K),
+                    "onUpdate:modelValue": l[5] || (l[5] = (D) => e.value.platform.grouping = D),
                     multiselect: !1,
                     items: c,
                     placeholder: d(o)("report.integration.grouping.title"),
@@ -3401,12 +3401,12 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     disabled: ""
                   }, null, 8, ["modelValue", "placeholder"])
                 ]),
-                e.value.platform.mappings.version == "v1" ? (s(), _("div", Mn, [
+                e.value.platform.mappings.version == "v1" ? (i(), _("div", Mn, [
                   l[17] || (l[17] = t("div", { class: "w-[33%] font-semibold" }, "Payee ID", -1)),
-                  e.value.platform.mappings.version == "v1" ? (s(), N(M, {
+                  e.value.platform.mappings.version == "v1" ? (i(), R(j, {
                     key: 0,
                     modelValue: e.value.platform.mappings.payee,
-                    "onUpdate:modelValue": l[6] || (l[6] = (K) => e.value.platform.mappings.payee = K),
+                    "onUpdate:modelValue": l[6] || (l[6] = (D) => e.value.platform.mappings.payee = D),
                     options: {
                       id: { placeholder: "ID", editable: !0 }
                     },
@@ -3415,21 +3415,21 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 ])) : O("", !0),
                 t("div", jn, [
                   t("div", Ln, [
-                    !f.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (s(), N(te, {
+                    !f.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (i(), R(ee, {
                       key: 0,
                       size: "xl"
                     })) : O("", !0),
-                    f.retrievedCustomers.isLoaded && f.retrievedCustomers.data && ((re = f.retrievedCustomers.data) == null ? void 0 : re.length) != 0 ? (s(), _("div", On, [
-                      e.value.platform.mappings.version == "v2" ? (s(), N(Ge, {
+                    f.retrievedCustomers.isLoaded && f.retrievedCustomers.data && ((ie = f.retrievedCustomers.data) == null ? void 0 : ie.length) != 0 ? (i(), _("div", On, [
+                      e.value.platform.mappings.version == "v2" ? (i(), R(Ge, {
                         key: 0,
                         modelValue: e.value.platform.mappings.payeeId,
-                        "onUpdate:modelValue": l[7] || (l[7] = (K) => e.value.platform.mappings.payeeId = K),
+                        "onUpdate:modelValue": l[7] || (l[7] = (D) => e.value.platform.mappings.payeeId = D),
                         options: {
                           key: { placeholder: "Payee", editable: !1 },
                           customer: {
                             placeholder: "Select payee",
                             editable: !0,
-                            dropdownOptions: ((me = f.retrievedCustomers) == null ? void 0 : me.data) ?? []
+                            dropdownOptions: ((ce = f.retrievedCustomers) == null ? void 0 : ce.data) ?? []
                           }
                         },
                         removable: !1,
@@ -3439,58 +3439,58 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   ])
                 ])
               ]),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               t("div", Bn, [
                 t("div", En, [
                   t("div", qn, S(d(o)("report.integration.refNumFormat")), 1),
                   a(Je)
                 ]),
-                t("div", zn, [
-                  a(M, {
+                t("div", Yn, [
+                  a(j, {
                     "model-value": {
                       key: "Invoice no",
                       account: e.value.platform.mappings.invoiceDocNo
                     },
                     options: b("Invoice no"),
-                    "onUpdate:modelValue": l[8] || (l[8] = (K) => v({ key: "invoiceDocNo", value: K.account }))
+                    "onUpdate:modelValue": l[8] || (l[8] = (D) => v({ key: "invoiceDocNo", value: D.account }))
                   }, null, 8, ["model-value", "options"]),
-                  a(M, {
+                  a(j, {
                     "model-value": {
                       key: "Credit note no",
                       account: e.value.platform.mappings.creditNoteDocNo
                     },
                     options: b("Credit note no"),
-                    "onUpdate:modelValue": l[9] || (l[9] = (K) => v({ key: "creditNoteDocNo", value: K.account }))
+                    "onUpdate:modelValue": l[9] || (l[9] = (D) => v({ key: "creditNoteDocNo", value: D.account }))
                   }, null, 8, ["model-value", "options"]),
-                  e.value.platform.mappings.version == "v2" ? (s(), N(M, {
+                  e.value.platform.mappings.version == "v2" ? (i(), R(j, {
                     key: 0,
                     "model-value": {
                       key: "Payment no",
                       account: e.value.platform.mappings.paymentDocNo
                     },
                     options: b("Payment no"),
-                    "onUpdate:modelValue": l[10] || (l[10] = (K) => v({ key: "paymentDocNo", value: K.account }))
+                    "onUpdate:modelValue": l[10] || (l[10] = (D) => v({ key: "paymentDocNo", value: D.account }))
                   }, null, 8, ["model-value", "options"])) : O("", !0),
-                  e.value.platform.mappings.version == "v2" ? (s(), N(M, {
+                  e.value.platform.mappings.version == "v2" ? (i(), R(j, {
                     key: 1,
                     "model-value": {
                       key: "Refund no",
                       account: e.value.platform.mappings.refundDocNo
                     },
                     options: b("Refund no"),
-                    "onUpdate:modelValue": l[11] || (l[11] = (K) => v({ key: "refundDocNo", value: K.account }))
+                    "onUpdate:modelValue": l[11] || (l[11] = (D) => v({ key: "refundDocNo", value: D.account }))
                   }, null, 8, ["model-value", "options"])) : O("", !0)
                 ])
               ]),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               a(Xe, {
                 modelValue: e.value.platform,
-                "onUpdate:modelValue": l[12] || (l[12] = (K) => e.value.platform = K),
+                "onUpdate:modelValue": l[12] || (l[12] = (D) => e.value.platform = D),
                 label: "upload",
-                "last-upload-date": (se = e.value.platform) == null ? void 0 : se.lastUploadDate
+                "last-upload-date": (ne = e.value.platform) == null ? void 0 : ne.lastUploadDate
               }, null, 8, ["modelValue", "last-upload-date"]),
-              a(R, { style: { margin: 0 } }),
-              t("div", Yn, [
+              a(M, { style: { margin: 0 } }),
+              t("div", zn, [
                 t("div", Hn, S(d(o)("report.integration.biztory.items")), 1),
                 a(C, {
                   variant: "secondary",
@@ -3499,19 +3499,19 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: l[13] || (l[13] = () => y("items"))
                 })
               ]),
-              a(de, {
+              a(re, {
                 "header-items": ["Key", "Account Code"],
-                "total-items-count": ((fe = (pe = (ue = (ce = e.value) == null ? void 0 : ce.platform) == null ? void 0 : ue.mappings) == null ? void 0 : pe.items) == null ? void 0 : fe.length) || 0,
+                "total-items-count": ((pe = (ue = (me = (de = e.value) == null ? void 0 : de.platform) == null ? void 0 : me.mappings) == null ? void 0 : ue.items) == null ? void 0 : pe.length) || 0,
                 "is-include-post-action": !0
               }, {
-                default: W(() => {
-                  var K, P, q;
+                default: G(() => {
+                  var D, N, q;
                   return [
                     t("div", Xn, [
-                      (s(!0), _(B, null, Y((q = (P = (K = e.value) == null ? void 0 : K.platform) == null ? void 0 : P.mappings) == null ? void 0 : q.items, (le, L) => (s(), N(M, {
+                      (i(!0), _(B, null, z((q = (N = (D = e.value) == null ? void 0 : D.platform) == null ? void 0 : N.mappings) == null ? void 0 : q.items, (ae, L) => (i(), R(j, {
                         key: `item-${L}`,
                         modelValue: e.value.platform.mappings.items[L],
-                        "onUpdate:modelValue": (ie) => e.value.platform.mappings.items[L] = ie,
+                        "onUpdate:modelValue": (se) => e.value.platform.mappings.items[L] = se,
                         options: {
                           key: { placeholder: "Key", editable: !0 },
                           code: { placeholder: "Account code", editable: !0 }
@@ -3524,7 +3524,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }),
                 _: 1
               }, 8, ["total-items-count"]),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               t("div", Qn, [
                 t("div", Gn, S(d(o)("report.integration.biztory.taxes")), 1),
                 a(C, {
@@ -3534,19 +3534,19 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: l[14] || (l[14] = () => y("taxes"))
                 })
               ]),
-              a(de, {
+              a(re, {
                 "header-items": ["Key", "Account Code"],
-                "total-items-count": (((xe = (ye = (ge = (ve = e.value) == null ? void 0 : ve.platform) == null ? void 0 : ge.mappings) == null ? void 0 : ye.taxes) == null ? void 0 : xe.length) || 0) + (((E = (he = (_e = (be = e.value) == null ? void 0 : be.platform) == null ? void 0 : _e.mappings) == null ? void 0 : he.taxRoundingAdjustments) == null ? void 0 : E.length) || 0),
+                "total-items-count": (((ye = (ge = (ve = (fe = e.value) == null ? void 0 : fe.platform) == null ? void 0 : ve.mappings) == null ? void 0 : ge.taxes) == null ? void 0 : ye.length) || 0) + (((he = (_e = (be = (xe = e.value) == null ? void 0 : xe.platform) == null ? void 0 : be.mappings) == null ? void 0 : _e.taxRoundingAdjustments) == null ? void 0 : he.length) || 0),
                 "is-include-post-action": !0
               }, {
-                default: W(() => {
-                  var K, P, q, le, L, ie;
+                default: G(() => {
+                  var D, N, q, ae, L, se;
                   return [
                     t("div", Wn, [
-                      (s(!0), _(B, null, Y((q = (P = (K = e.value) == null ? void 0 : K.platform) == null ? void 0 : P.mappings) == null ? void 0 : q.taxes, (ke, we) => (s(), N(M, {
+                      (i(!0), _(B, null, z((q = (N = (D = e.value) == null ? void 0 : D.platform) == null ? void 0 : N.mappings) == null ? void 0 : q.taxes, (ke, we) => (i(), R(j, {
                         key: `tax-${we}`,
                         modelValue: e.value.platform.mappings.taxes[we],
-                        "onUpdate:modelValue": (oe) => e.value.platform.mappings.taxes[we] = oe,
+                        "onUpdate:modelValue": (te) => e.value.platform.mappings.taxes[we] = te,
                         options: {
                           key: { placeholder: "Key", editable: !0 },
                           account: { placeholder: "Account code", editable: !0 }
@@ -3554,10 +3554,10 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                         removable: !0,
                         onRemove: () => p("taxes", we)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-                      (s(!0), _(B, null, Y((ie = (L = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : L.mappings) == null ? void 0 : ie.taxRoundingAdjustments, (ke, we) => (s(), N(M, {
+                      (i(!0), _(B, null, z((se = (L = (ae = e.value) == null ? void 0 : ae.platform) == null ? void 0 : L.mappings) == null ? void 0 : se.taxRoundingAdjustments, (ke, we) => (i(), R(j, {
                         key: `tax-rounding-adjustment-${we}`,
                         modelValue: e.value.platform.mappings.taxRoundingAdjustments[we],
-                        "onUpdate:modelValue": (oe) => e.value.platform.mappings.taxRoundingAdjustments[we] = oe,
+                        "onUpdate:modelValue": (te) => e.value.platform.mappings.taxRoundingAdjustments[we] = te,
                         options: {
                           key: { placeholder: "Key", editable: !0 },
                           account: { placeholder: "Account code", editable: !0 }
@@ -3570,7 +3570,7 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }),
                 _: 1
               }, 8, ["total-items-count"]),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               t("div", Jn, [
                 t("div", Zn, S(d(o)("report.integration.biztory.payments")), 1),
                 a(C, {
@@ -3583,9 +3583,9 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               t("div", es, [
                 l[18] || (l[18] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
                 t("div", ts, [
-                  a(M, {
+                  a(j, {
                     modelValue: e.value.platform.mappings.paymentTerm,
-                    "onUpdate:modelValue": l[16] || (l[16] = (K) => e.value.platform.mappings.paymentTerm = K),
+                    "onUpdate:modelValue": l[16] || (l[16] = (D) => e.value.platform.mappings.paymentTerm = D),
                     options: {
                       id: { placeholder: "ID", editable: !0 },
                       name: { placeholder: "Name", editable: !0 }
@@ -3595,38 +3595,38 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }, null, 8, ["modelValue"])
                 ])
               ]),
-              f.retrievedMethods.isError ? O("", !0) : (s(), _("div", os, S(d(o)("report.integration.biztory.paymentTerm")), 1)),
-              f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length == 0 && !f.retrievedMethods.isError ? (s(), _("span", as, S(d(o)("report.integration.biztory.noPaymentMethods")), 1)) : O("", !0),
-              f.retrievedMethods.isLoaded ? O("", !0) : (s(), N(te, {
+              f.retrievedMethods.isError ? O("", !0) : (i(), _("div", os, S(d(o)("report.integration.biztory.paymentTerm")), 1)),
+              f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length == 0 && !f.retrievedMethods.isError ? (i(), _("span", as, S(d(o)("report.integration.biztory.noPaymentMethods")), 1)) : O("", !0),
+              f.retrievedMethods.isLoaded ? O("", !0) : (i(), R(ee, {
                 key: 2,
                 size: "xl"
               })),
-              f.retrievedMethods.isError ? (s(), _("span", ls, S(d(o)("report.integration.biztory.error")), 1)) : O("", !0),
-              f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length != 0 ? (s(), N(de, {
+              f.retrievedMethods.isError ? (i(), _("span", ls, S(d(o)("report.integration.biztory.error")), 1)) : O("", !0),
+              f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length != 0 ? (i(), R(re, {
                 key: 4,
                 "header-items": ["Key", "Payment Method"],
-                "total-items-count": ((D = (j = (u = (H = e.value) == null ? void 0 : H.platform) == null ? void 0 : u.mappings) == null ? void 0 : j.paymentMethods) == null ? void 0 : D.length) || 0,
+                "total-items-count": ((K = (P = (u = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : u.mappings) == null ? void 0 : P.paymentMethods) == null ? void 0 : K.length) || 0,
                 "is-include-pre-action": !0,
                 "is-include-post-action": !0,
                 "is-take-whole-row": !0
               }, {
-                default: W(() => {
-                  var K, P, q;
+                default: G(() => {
+                  var D, N, q;
                   return [
                     t("div", ns, [
-                      (s(!0), _(B, null, Y((q = (P = (K = e.value) == null ? void 0 : K.platform) == null ? void 0 : P.mappings) == null ? void 0 : q.paymentMethods, (le, L) => {
-                        var ie;
-                        return s(), _("div", {
+                      (i(!0), _(B, null, z((q = (N = (D = e.value) == null ? void 0 : D.platform) == null ? void 0 : N.mappings) == null ? void 0 : q.paymentMethods, (ae, L) => {
+                        var se;
+                        return i(), _("div", {
                           key: `payment-${L}`,
                           class: "grid-cols-1 grid gap-x-16"
                         }, [
-                          f.retrievedMethods.isLoaded && f.retrievedMethods.data && ((ie = f.retrievedMethods.data) == null ? void 0 : ie.length) != 0 ? (s(), _("div", ss, [
-                            a(J, {
+                          f.retrievedMethods.isLoaded && f.retrievedMethods.data && ((se = f.retrievedMethods.data) == null ? void 0 : se.length) != 0 ? (i(), _("div", ss, [
+                            a(W, {
                               "model-value": !e.value.platform.mappings.paymentMethods[L].skip,
                               value: "",
                               "onUpdate:modelValue": (ke) => {
-                                var we, oe;
-                                (oe = (we = e.value.platform) == null ? void 0 : we.mappings) != null && oe.paymentMethods[L] && (e.value.platform.mappings.paymentMethods[L].skip = !ke);
+                                var we, te;
+                                (te = (we = e.value.platform) == null ? void 0 : we.mappings) != null && te.paymentMethods[L] && (e.value.platform.mappings.paymentMethods[L].skip = !ke);
                               }
                             }, null, 8, ["model-value", "onUpdate:modelValue"]),
                             a(Ge, {
@@ -3663,42 +3663,42 @@ const xt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 });
 function rs(f) {
   return f.reduce((o, e) => {
-    var A, h, T, w, k, m, V, $, p, y, c, v, b, g, r, l, n, C, I, R, Q, te;
-    const { invoice: i } = e, x = o.length;
+    var A, h, T, w, k, m, V, $, p, y, c, v, b, g, r, l, n, C, I, M, X, ee;
+    const { invoice: s } = e, x = o.length;
     o[x] = {
-      invoice_date: i.invoice_date,
-      ref_num: i.ref_num,
-      grandTotal: i.grandTotal,
+      invoice_date: s.invoice_date,
+      ref_num: s.ref_num,
+      grandTotal: s.grandTotal,
       // tax_code: invoice.tax[0].tax_code,
       // tax: invoice.tax.reduce((sum, tax) => sum + tax.tax, 0),
       // service_charge: invoice.service_charge.total,
-      item_code: (A = i.items[0]) == null ? void 0 : A.code,
-      item_desc: (h = i.items[0]) == null ? void 0 : h.description,
-      item_price: (T = i.items[0]) == null ? void 0 : T.price,
-      item_tax: (w = i.items[0]) == null ? void 0 : w.total_tax,
-      item_tax_label: ((k = i.items[0]) == null ? void 0 : k.tax_label) || "-",
-      payment_amount: ((V = (m = i.transactions) == null ? void 0 : m[0]) == null ? void 0 : V.amount) || void 0,
-      payment_method: ((p = ($ = i.transactions) == null ? void 0 : $[0]) == null ? void 0 : p.payment_method) || "-",
-      payment_term: ((y = i == null ? void 0 : i.payment_term) == null ? void 0 : y.name) || ""
+      item_code: (A = s.items[0]) == null ? void 0 : A.code,
+      item_desc: (h = s.items[0]) == null ? void 0 : h.description,
+      item_price: (T = s.items[0]) == null ? void 0 : T.price,
+      item_tax: (w = s.items[0]) == null ? void 0 : w.total_tax,
+      item_tax_label: ((k = s.items[0]) == null ? void 0 : k.tax_label) || "-",
+      payment_amount: ((V = (m = s.transactions) == null ? void 0 : m[0]) == null ? void 0 : V.amount) || void 0,
+      payment_method: ((p = ($ = s.transactions) == null ? void 0 : $[0]) == null ? void 0 : p.payment_method) || "-",
+      payment_term: ((y = s == null ? void 0 : s.payment_term) == null ? void 0 : y.name) || ""
     };
-    for (let J = 1; J < Math.max(((c = i.items) == null ? void 0 : c.length) || 0, ((v = i.transactions) == null ? void 0 : v.length) || 0); J++) {
-      const G = x + J;
-      o[G] || (o[G] = {});
-      const ee = i.items[J];
-      ee ? o[G] = {
-        ...o[G],
-        item_code: ee.code,
-        item_desc: ee.description,
-        item_price: ee.price,
-        item_tax: ee.total_tax,
-        item_tax_label: ee.tax_label || "-",
-        payment_amount: ((g = (b = i.transactions) == null ? void 0 : b[J]) == null ? void 0 : g.amount) || void 0,
-        payment_method: ((l = (r = i.transactions) == null ? void 0 : r[J]) == null ? void 0 : l.payment_method) || "-",
-        payment_term: ((n = i == null ? void 0 : i.payment_term) == null ? void 0 : n.name) || ""
-      } : o[G] = {
-        payment_amount: ((I = (C = i.transactions) == null ? void 0 : C[J]) == null ? void 0 : I.amount) || void 0,
-        payment_method: ((Q = (R = i.transactions) == null ? void 0 : R[J]) == null ? void 0 : Q.payment_method) || "-",
-        payment_term: ((te = i == null ? void 0 : i.payment_term) == null ? void 0 : te.name) || ""
+    for (let W = 1; W < Math.max(((c = s.items) == null ? void 0 : c.length) || 0, ((v = s.transactions) == null ? void 0 : v.length) || 0); W++) {
+      const Q = x + W;
+      o[Q] || (o[Q] = {});
+      const Z = s.items[W];
+      Z ? o[Q] = {
+        ...o[Q],
+        item_code: Z.code,
+        item_desc: Z.description,
+        item_price: Z.price,
+        item_tax: Z.total_tax,
+        item_tax_label: Z.tax_label || "-",
+        payment_amount: ((g = (b = s.transactions) == null ? void 0 : b[W]) == null ? void 0 : g.amount) || void 0,
+        payment_method: ((l = (r = s.transactions) == null ? void 0 : r[W]) == null ? void 0 : l.payment_method) || "-",
+        payment_term: ((n = s == null ? void 0 : s.payment_term) == null ? void 0 : n.name) || ""
+      } : o[Q] = {
+        payment_amount: ((I = (C = s.transactions) == null ? void 0 : C[W]) == null ? void 0 : I.amount) || void 0,
+        payment_method: ((X = (M = s.transactions) == null ? void 0 : M[W]) == null ? void 0 : X.payment_method) || "-",
+        payment_term: ((ee = s == null ? void 0 : s.payment_term) == null ? void 0 : ee.name) || ""
       };
     }
     return o;
@@ -3779,31 +3779,31 @@ const ds = [
 function cs(f) {
   return f.reduce((o, e) => {
     var T, w, k, m, V, $, p, y, c, v, b, g, r, l;
-    const { invoice: i, payments: x } = e, A = o.length;
+    const { invoice: s, payments: x } = e, A = o.length;
     o[A] = {
-      invoice_date: i.invoice_date,
-      ref_num: e.isRefund && e.credit_notes && e.credit_notes.length > 0 ? ((T = e.credit_notes[0]) == null ? void 0 : T.ref_num) ?? i.ref_num : i.ref_num,
-      total: i.total,
-      item_code: (w = i.items[0]) == null ? void 0 : w.code,
-      item_description: (k = i.items[0]) == null ? void 0 : k.description,
-      item_price: (m = i.items[0]) == null ? void 0 : m.price,
-      item_tax_label: ((V = i.items[0]) == null ? void 0 : V.tax_label) ?? "",
-      item_tax_amount: (($ = i.items[0]) == null ? void 0 : $.total_tax) ?? "",
-      service_charge_amount: ((p = i.service_charges[0]) == null ? void 0 : p.total) ?? "",
-      rounding: i.rounding ?? 0,
-      payment_term_id: i.payment_term.name ?? "",
+      invoice_date: s.invoice_date,
+      ref_num: e.isRefund && e.credit_notes && e.credit_notes.length > 0 ? ((T = e.credit_notes[0]) == null ? void 0 : T.ref_num) ?? s.ref_num : s.ref_num,
+      total: s.total,
+      item_code: (w = s.items[0]) == null ? void 0 : w.code,
+      item_description: (k = s.items[0]) == null ? void 0 : k.description,
+      item_price: (m = s.items[0]) == null ? void 0 : m.price,
+      item_tax_label: ((V = s.items[0]) == null ? void 0 : V.tax_label) ?? "",
+      item_tax_amount: (($ = s.items[0]) == null ? void 0 : $.total_tax) ?? "",
+      service_charge_amount: ((p = s.service_charges[0]) == null ? void 0 : p.total) ?? "",
+      rounding: s.rounding ?? 0,
+      payment_term_id: s.payment_term.name ?? "",
       payment_term_amount: ((c = (y = x[0]) == null ? void 0 : y.ids[0]) == null ? void 0 : c.amount) ?? "",
       payment_method: ((v = x[0]) == null ? void 0 : v.payment_method_name) || ""
     };
     const h = Math.max(
-      ((b = i.items) == null ? void 0 : b.length) || 0,
-      ((g = i.terms) == null ? void 0 : g.length) || 0,
+      ((b = s.items) == null ? void 0 : b.length) || 0,
+      ((g = s.terms) == null ? void 0 : g.length) || 0,
       (x == null ? void 0 : x.length) || 0
     );
     for (let n = 1; n < h; n++) {
       const C = A + n;
       o[C] || (o[C] = {});
-      const I = i.items[n], R = x[n];
+      const I = s.items[n], M = x[n];
       I ? o[C] = {
         ...o[C],
         item_code: I.code,
@@ -3811,14 +3811,14 @@ function cs(f) {
         item_price: I.total,
         item_tax_label: I.tax_label == "?" ? "" : I.tax_label ?? "",
         item_tax_amount: I.total_tax ?? "",
-        payment_term_id: i.payment_term.name ?? "",
-        payment_term_amount: ((r = R == null ? void 0 : R.ids[0]) == null ? void 0 : r.amount) ?? "",
-        payment_method: (R == null ? void 0 : R.payment_method_name) || ""
+        payment_term_id: s.payment_term.name ?? "",
+        payment_term_amount: ((r = M == null ? void 0 : M.ids[0]) == null ? void 0 : r.amount) ?? "",
+        payment_method: (M == null ? void 0 : M.payment_method_name) || ""
       } : o[C] = {
         ...o[C],
-        payment_term_id: i.payment_term.name ?? "",
-        payment_term_amount: ((l = R == null ? void 0 : R.ids[0]) == null ? void 0 : l.amount) ?? "",
-        payment_method: (R == null ? void 0 : R.payment_method_name) || ""
+        payment_term_id: s.payment_term.name ?? "",
+        payment_term_amount: ((l = M == null ? void 0 : M.ids[0]) == null ? void 0 : l.amount) ?? "",
+        payment_method: (M == null ? void 0 : M.payment_method_name) || ""
       };
     }
     return o;
@@ -3893,7 +3893,7 @@ const ms = [
 ], us = { class: "h-full flex flex-col gap-16" }, ps = { class: "flex flex-row gap-2 justify-between items-center" }, fs = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-y-auto"
-}, vs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, gs = /* @__PURE__ */ Z({
+}, vs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, gs = /* @__PURE__ */ J({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -3901,24 +3901,24 @@ const ms = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = X(!1), x = Ce(), { dateRange: A } = Ye($e()), h = X([]);
+    const { t: o } = le(), e = oe(f, "modelValue"), s = H(!1), x = Ce(), { dateRange: A } = ze($e()), h = H([]);
     De(
       () => A.value,
       async () => {
         if (e.value._id)
           try {
-            i.value = !0, h.value = await qe(e.value._id);
+            s.value = !0, h.value = await qe(e.value._id);
           } catch (m) {
             x.open({ message: m.message, type: "error" });
           } finally {
-            i.value = !1;
+            s.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    const T = z(() => {
+    const T = Y(() => {
       switch (e.value.platform.mappings.version) {
         case "v1":
           return rs(h.value);
@@ -3926,7 +3926,7 @@ const ms = [
           return cs(h.value);
       }
       return [];
-    }), w = z(() => {
+    }), w = Y(() => {
       switch (e.value.platform.mappings.version) {
         case "v1":
           return ds;
@@ -3937,16 +3937,16 @@ const ms = [
     });
     async function k() {
       try {
-        e.value._id && e.value.platform.subdomain && e.value.platform.api_key ? (i.value = !0, await et(e.value._id), x.open({ message: "Upload successful", type: "success" })) : x.open({ message: "Invalid accounting setting", type: "error" });
+        e.value._id && e.value.platform.subdomain && e.value.platform.api_key ? (s.value = !0, await tt(e.value._id), x.open({ message: "Upload successful", type: "success" })) : x.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
         m.message && x.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((V) => x.open({ message: V, type: "error" }));
       } finally {
-        i.value = !1;
+        s.value = !1;
       }
     }
     return (m, V) => {
       const $ = U("FmButton"), p = U("FmCircularProgress"), y = U("FmTable");
-      return s(), _("div", us, [
+      return i(), _("div", us, [
         t("div", ps, [
           a(He, {
             "date-range": d(A),
@@ -3954,16 +3954,16 @@ const ms = [
             compare: !1
           }, null, 8, ["date-range"]),
           a($, {
-            loading: i.value,
+            loading: s.value,
             variant: "primary",
             label: "Upload",
             onClick: k
           }, null, 8, ["loading"])
         ]),
-        i.value ? (s(), _("div", fs, [
+        s.value ? (i(), _("div", fs, [
           a(p, { size: "xl" }),
           t("span", vs, S(d(o)("report.common.isLoading")), 1)
-        ])) : (s(), N(y, {
+        ])) : (i(), R(y, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
           "row-data": T.value,
@@ -3972,7 +3972,7 @@ const ms = [
       ]);
     };
   }
-}), ys = { class: "h-full relative flex flex-col" }, xs = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, bs = /* @__PURE__ */ Z({
+}), ys = { class: "h-full relative flex flex-col" }, xs = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, bs = /* @__PURE__ */ J({
   __name: "Biztory",
   props: {
     modelValue: { required: !0 },
@@ -3980,7 +3980,7 @@ const ms = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = X("setting"), x = [
+    const { t: o } = le(), e = oe(f, "modelValue"), s = H("setting"), x = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3991,8 +3991,8 @@ const ms = [
         value: "preview",
         icon: "table"
       }
-    ], A = Ve(), h = z(() => {
-      switch (i.value) {
+    ], A = Ve(), h = Y(() => {
+      switch (s.value) {
         case "preview":
           return {
             component: gs
@@ -4008,7 +4008,7 @@ const ms = [
         default:
           return null;
       }
-    }), T = X({}), w = X({}), k = (y, c) => y.map((v) => ({
+    }), T = H({}), w = H({}), k = (y, c) => y.map((v) => ({
       label: c.length > 2 ? `ID:${v[c[2]]} [${v[c[0]]}] ${v[c[1]]}` : `[${v[c[0]]}] ${v[c[1]]}`,
       value: v.id,
       cnId: v.cnId ? v.cnId : null
@@ -4035,31 +4035,31 @@ const ms = [
         "Failed to fetch customers:"
       ), T.value.isLoaded = !0, w.value.isLoaded = !0;
     };
-    return at(p), De(() => {
+    return lt(p), De(() => {
       var y;
       return (y = e.value.platform.mappings) == null ? void 0 : y.version;
     }, p), (y, c) => {
       var g, r, l;
       const v = U("FmPageHead"), b = U("FmTabs");
-      return s(), _("div", ys, [
+      return i(), _("div", ys, [
         a(v, {
           title: ((g = e.value) == null ? void 0 : g.name) || "Biztory",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": d(A).back
         }, {
-          description: W(() => c[2] || (c[2] = [
+          description: G(() => c[2] || (c[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         a(b, {
-          "model-value": i.value,
-          "onUpdate:modelValue": c[0] || (c[0] = (n) => i.value = n),
+          "model-value": s.value,
+          "onUpdate:modelValue": c[0] || (c[0] = (n) => s.value = n),
           items: x
         }, null, 8, ["model-value"]),
         t("div", xs, [
-          (s(), N(Ie((r = h.value) == null ? void 0 : r.component), ot({
+          (i(), R(Ie((r = h.value) == null ? void 0 : r.component), at({
             modelValue: e.value,
             "onUpdate:modelValue": c[1] || (c[1] = (n) => e.value = n)
           }, (l = h.value) == null ? void 0 : l.props), null, 16, ["modelValue"]))
@@ -4070,7 +4070,7 @@ const ms = [
 }), _s = {
   key: 0,
   class: "flex flex-col h-full"
-}, hs = { class: "flex flex-col gap-16 pb-[24px]" }, ws = { class: "flex flex-row justify-between items-center gap-2" }, ks = { class: "flex flex-row gap-2 items-center" }, Vs = { class: "relative group cursor-pointer" }, $s = { 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" }, Cs = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ss = { class: "w-[90%] flex flex-col gap-24" }, As = { class: "flex flex-col gap-16" }, Ds = { class: "fm-typo-en-title-sm-800" }, Fs = { class: "flex flex-row items-center max-w-[100%]" }, Us = { class: "w-[25%]" }, Ts = { class: "flex-grow" }, Ks = { class: "flex flex-row items-center max-w-[100%]" }, Is = { class: "w-[25%]" }, Ns = { class: "flex flex-row items-center justify-between gap-x-16" }, Rs = { class: "fm-typo-en-title-sm-800" }, Ps = { class: "grid-cols-1 grid gap-16 p-2" }, Ms = /* @__PURE__ */ Z({
+}, hs = { class: "flex flex-col gap-16 pb-[24px]" }, ws = { class: "flex flex-row justify-between items-center gap-2" }, ks = { class: "flex flex-row gap-2 items-center" }, Vs = { class: "relative group cursor-pointer" }, $s = { 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" }, Cs = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ss = { class: "w-[90%] flex flex-col gap-24" }, As = { class: "flex flex-col gap-16" }, Ds = { class: "fm-typo-en-title-sm-800" }, Fs = { class: "flex flex-row items-center max-w-[100%]" }, Us = { class: "w-[25%]" }, Ts = { class: "flex-grow" }, Ks = { class: "flex flex-row items-center max-w-[100%]" }, Is = { class: "w-[25%]" }, Ns = { class: "flex flex-row items-center justify-between gap-x-16" }, Rs = { class: "fm-typo-en-title-sm-800" }, Ps = { class: "grid-cols-1 grid gap-16 p-2" }, Ms = /* @__PURE__ */ J({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -4078,7 +4078,7 @@ const ms = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = ze(), { restaurants: w } = $e(), k = z(
+    const { t: o } = le(), e = oe(f, "modelValue"), s = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = Ye(), { restaurants: w } = $e(), k = Y(
       () => w.map((c) => ({ label: c.name, value: c.id }))
     );
     async function m() {
@@ -4089,7 +4089,7 @@ const ms = [
         try {
           await Oe(e.value._id), await x.getSettings(), A.back();
         } catch (v) {
-          i.open({ type: "error", message: v.message });
+          s.open({ type: "error", message: v.message });
         }
       });
     }
@@ -4098,7 +4098,7 @@ const ms = [
         try {
           await Be(e.value._id, e.value), await x.getSettings();
         } catch (c) {
-          i.open({ type: "error", message: c.message });
+          s.open({ type: "error", message: c.message });
         }
       });
     }
@@ -4125,16 +4125,16 @@ const ms = [
         try {
           await Ee(e.value._id), await x.getSettings();
         } catch (c) {
-          i.open({ type: "error", message: c.message });
+          s.open({ type: "error", message: c.message });
         }
       });
     }
     return je(async () => {
       await x.getSettings();
     }), (c, v) => {
-      var C, I, R, Q, te, J;
+      var C, I, M, X, ee, W;
       const b = U("FmIcon"), g = U("FmButton"), r = U("FmMenuDivider"), l = U("FmTextField"), n = U("FmSelect");
-      return (I = (C = e.value) == null ? void 0 : C.platform) != null && I.mappings ? (s(), _("div", _s, [
+      return (I = (C = e.value) == null ? void 0 : C.platform) != null && I.mappings ? (i(), _("div", _s, [
         t("div", hs, [
           t("div", ws, [
             v[4] || (v[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
@@ -4171,7 +4171,7 @@ const ms = [
                 t("div", Ts, [
                   a(l, {
                     modelValue: e.value.name,
-                    "onUpdate:modelValue": v[0] || (v[0] = (G) => e.value.name = G)
+                    "onUpdate:modelValue": v[0] || (v[0] = (Q) => e.value.name = Q)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
@@ -4183,14 +4183,14 @@ const ms = [
                   items: k.value,
                   placeholder: "Select location",
                   class: "flex-grow",
-                  "onUpdate:modelValue": v[1] || (v[1] = (G) => e.value.platform.locationIds[0] = G)
+                  "onUpdate:modelValue": v[1] || (v[1] = (Q) => e.value.platform.locationIds[0] = Q)
                 }, null, 8, ["model-value", "items"])
               ])
             ]),
             a(r, { style: { margin: 0 } }),
             a(Xe, {
               modelValue: e.value.platform,
-              "onUpdate:modelValue": v[2] || (v[2] = (G) => e.value.platform = G),
+              "onUpdate:modelValue": v[2] || (v[2] = (Q) => e.value.platform = Q),
               label: d(o)("report.input.email")
             }, null, 8, ["modelValue", "label"]),
             a(r, { style: { margin: 0 } }),
@@ -4203,26 +4203,26 @@ const ms = [
                 onClick: v[3] || (v[3] = () => p("employees"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Name", "Badge No", "Employee No"],
-              "total-items-count": ((J = (te = (Q = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : Q.mappings) == null ? void 0 : te.employees) == null ? void 0 : J.length) || 0,
+              "total-items-count": ((W = (ee = (X = (M = e.value) == null ? void 0 : M.platform) == null ? void 0 : X.mappings) == null ? void 0 : ee.employees) == null ? void 0 : W.length) || 0,
               "is-include-post-action": !0
             }, {
-              default: W(() => {
-                var G, ee, re;
+              default: G(() => {
+                var Q, Z, ie;
                 return [
                   t("div", Ps, [
-                    (s(!0), _(B, null, Y((re = (ee = (G = e.value) == null ? void 0 : G.platform) == null ? void 0 : ee.mappings) == null ? void 0 : re.employees, (me, se) => (s(), N(M, {
-                      key: `employee-${se}`,
-                      modelValue: e.value.platform.mappings.employees[se],
-                      "onUpdate:modelValue": (ce) => e.value.platform.mappings.employees[se] = ce,
+                    (i(!0), _(B, null, z((ie = (Z = (Q = e.value) == null ? void 0 : Q.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ie.employees, (ce, ne) => (i(), R(j, {
+                      key: `employee-${ne}`,
+                      modelValue: e.value.platform.mappings.employees[ne],
+                      "onUpdate:modelValue": (de) => e.value.platform.mappings.employees[ne] = de,
                       options: {
                         key: { placeholder: "Name", editable: !0 },
                         badgeNo: { placeholder: "Badge No", editable: !0 },
                         employeeNo: { placeholder: "Employee No", editable: !0 }
                       },
                       removable: !0,
-                      onRemove: () => $("employees", se)
+                      onRemove: () => $("employees", ne)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
                   ])
                 ];
@@ -4237,7 +4237,7 @@ const ms = [
 }), js = { class: "h-full flex flex-col gap-16" }, Ls = { class: "flex flex-row gap-2 justify-between items-center" }, Os = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Bs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Es = /* @__PURE__ */ Z({
+}, Bs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Es = /* @__PURE__ */ J({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -4245,7 +4245,7 @@ const ms = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = X([]), i = [
+    const { t: o } = le(), e = H([]), s = [
       {
         accessorKey: "name",
         header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Name"),
@@ -4271,7 +4271,7 @@ const ms = [
         header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
         enableSorting: !1
       }
-    ], x = ae(f, "modelValue"), A = X(!1), h = Ce(), { dateRange: T } = Ye($e());
+    ], x = oe(f, "modelValue"), A = H(!1), h = Ce(), { dateRange: T } = ze($e());
     De(
       () => T.value,
       async () => {
@@ -4299,7 +4299,7 @@ const ms = [
     }
     return (k, m) => {
       const V = U("FmButton"), $ = U("FmCircularProgress"), p = U("FmTable");
-      return s(), _("div", js, [
+      return i(), _("div", js, [
         t("div", Ls, [
           a(He, {
             "date-range": d(T),
@@ -4313,19 +4313,19 @@ const ms = [
             onClick: w
           }, null, 8, ["loading", "label"])
         ]),
-        A.value ? (s(), _("div", Os, [
+        A.value ? (i(), _("div", Os, [
           a($, { size: "xl" }),
           t("span", Bs, S(d(o)("report.common.isLoading")), 1)
-        ])) : e.value.length > 0 ? (s(), N(p, {
+        ])) : e.value.length > 0 ? (i(), R(p, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
           "row-data": e.value,
-          "column-defs": i
+          "column-defs": s
         }, null, 8, ["row-data"])) : O("", !0)
       ]);
     };
   }
-}), qs = { class: "h-full relative flex flex-col" }, zs = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ys = /* @__PURE__ */ Z({
+}), qs = { class: "h-full relative flex flex-col" }, Ys = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, zs = /* @__PURE__ */ J({
   __name: "IFlexiHRMS",
   props: {
     modelValue: {},
@@ -4333,7 +4333,7 @@ const ms = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = X("setting"), x = [
+    const { t: o } = le(), e = oe(f, "modelValue"), s = H("setting"), x = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -4344,8 +4344,8 @@ const ms = [
         value: "preview",
         icon: "table"
       }
-    ], A = Ve(), h = z(() => {
-      switch (i.value) {
+    ], A = Ve(), h = Y(() => {
+      switch (s.value) {
         case "preview":
           return Es;
         case "setting":
@@ -4357,25 +4357,25 @@ const ms = [
     return (T, w) => {
       var V;
       const k = U("FmPageHead"), m = U("FmTabs");
-      return s(), _("div", qs, [
+      return i(), _("div", qs, [
         a(k, {
           title: ((V = e.value) == null ? void 0 : V.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": d(A).back
         }, {
-          description: W(() => w[2] || (w[2] = [
+          description: G(() => w[2] || (w[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         a(m, {
-          "model-value": i.value,
-          "onUpdate:modelValue": w[0] || (w[0] = ($) => i.value = $),
+          "model-value": s.value,
+          "onUpdate:modelValue": w[0] || (w[0] = ($) => s.value = $),
           items: x
         }, null, 8, ["model-value"]),
-        t("div", zs, [
-          (s(), N(Ie(h.value), {
+        t("div", Ys, [
+          (i(), R(Ie(h.value), {
             modelValue: e.value,
             "onUpdate:modelValue": w[1] || (w[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
@@ -4398,7 +4398,7 @@ const ms = [
 }, Fi = {
   key: 2,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Ui = { class: "flex flex-col gap-16" }, Ti = { class: "fm-typo-en-title-sm-800" }, Ki = { class: "flex flex-row items-center w-[100%] justify-start" }, Ii = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, Ni = { class: "flex flex-row items-center w-[100%] justify-start" }, Ri = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, Pi = { class: "flex flex-row items-center w-[100%] justify-start" }, Mi = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, ji = { class: "flex flex-col gap-16 pt-3 pb-3" }, Li = { class: "flex flex-row items-center gap-5" }, Oi = { class: "fm-typo-en-title-sm-800" }, Bi = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ei = { class: "flex flex-row items-center justify-between gap-x-16" }, qi = { class: "fm-typo-en-title-sm-800" }, zi = { class: "flex flex-row items-center justify-between gap-x-16" }, Yi = { class: "fm-typo-en-title-sm-800" }, Hi = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, Xi = { class: "flex flex-row items-center justify-between gap-x-16" }, Qi = { class: "fm-typo-en-title-sm-800" }, Gi = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Wi = /* @__PURE__ */ Z({
+}, Ui = { class: "flex flex-col gap-16" }, Ti = { class: "fm-typo-en-title-sm-800" }, Ki = { class: "flex flex-row items-center w-[100%] justify-start" }, Ii = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, Ni = { class: "flex flex-row items-center w-[100%] justify-start" }, Ri = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, Pi = { class: "flex flex-row items-center w-[100%] justify-start" }, Mi = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, ji = { class: "flex flex-col gap-16 pt-3 pb-3" }, Li = { class: "flex flex-row items-center gap-5" }, Oi = { class: "fm-typo-en-title-sm-800" }, Bi = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ei = { class: "flex flex-row items-center justify-between gap-x-16" }, qi = { class: "fm-typo-en-title-sm-800" }, Yi = { class: "flex flex-row items-center justify-between gap-x-16" }, zi = { class: "fm-typo-en-title-sm-800" }, Hi = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16 p-2" }, Xi = { class: "flex flex-row items-center justify-between gap-x-16" }, Qi = { class: "fm-typo-en-title-sm-800" }, Gi = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Wi = /* @__PURE__ */ J({
   __name: "Setting",
   props: /* @__PURE__ */ Me({
     retrievedDebtors: {
@@ -4415,10 +4415,10 @@ const ms = [
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = ze(), { restaurants: w } = $e(), k = z(
+    const { t: o } = le(), e = oe(f, "modelValue"), s = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = Ye(), { restaurants: w } = $e(), k = Y(
       () => w.map((l) => ({ label: l.name, value: l.id }))
     );
-    let m = X("");
+    let m = H("");
     async function V() {
       await T({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
@@ -4427,7 +4427,7 @@ const ms = [
         try {
           await Oe(e.value._id), await x.getSettings(), A.back();
         } catch (n) {
-          i.open({ type: "error", message: n.message });
+          s.open({ type: "error", message: n.message });
         }
       });
     }
@@ -4436,14 +4436,14 @@ const ms = [
         try {
           await Be(e.value._id, e.value), await x.getSettings();
         } catch (l) {
-          i.open({ type: "error", message: l.message });
+          s.open({ type: "error", message: l.message });
         }
       });
     }
     function p(l, n) {
       var C, I;
       (I = (C = e.value.platform) == null ? void 0 : C.mappings) != null && I[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
-        (R, Q) => Q !== n
+        (M, X) => X !== n
       ));
     }
     function y(l) {
@@ -4473,7 +4473,7 @@ const ms = [
         try {
           await Ee(e.value._id), await x.getSettings();
         } catch (l) {
-          i.open({ type: "error", message: l.message });
+          s.open({ type: "error", message: l.message });
         }
       });
     }
@@ -4512,9 +4512,9 @@ const ms = [
       },
       { immediate: !0 }
     ), (l, n) => {
-      var ee, re, me, se, ce, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E, H;
-      const C = U("FmIcon"), I = U("FmButton"), R = U("FmMenuDivider"), Q = U("FmTextField"), te = U("FmSelect"), J = U("FmCircularProgress"), G = U("FmSwitch");
-      return (re = (ee = e.value) == null ? void 0 : ee.platform) != null && re.mappings ? (s(), _("div", Hs, [
+      var Z, ie, ce, ne, de, me, ue, pe, fe, ve, ge, ye, xe, be, _e, he, E;
+      const C = U("FmIcon"), I = U("FmButton"), M = U("FmMenuDivider"), X = U("FmTextField"), ee = U("FmSelect"), W = U("FmCircularProgress"), Q = U("FmSwitch");
+      return (ie = (Z = e.value) == null ? void 0 : Z.platform) != null && ie.mappings ? (i(), _("div", Hs, [
         t("div", Xs, [
           t("div", Qs, [
             t("div", Gs, S(d(o)("report.integration.connect")), 1),
@@ -4546,12 +4546,12 @@ const ms = [
         t("div", ti, [
           t("div", oi, [
             t("div", ai, S(d(o)("report.integration.authDescription")), 1),
-            a(R, { style: { margin: 0 } }),
+            a(M, { style: { margin: 0 } }),
             t("div", li, [
               t("div", ni, [
                 t("div", si, S(d(o)("report.integration.autocount.keyId")), 1),
                 t("div", ii, [
-                  a(Q, {
+                  a(X, {
                     modelValue: e.value.platform.keyId,
                     "onUpdate:modelValue": n[0] || (n[0] = (u) => e.value.platform.keyId = u),
                     placeholder: d(o)("report.integration.autocount.keyId")
@@ -4561,7 +4561,7 @@ const ms = [
               t("div", ri, [
                 t("div", di, S(d(o)("report.integration.apiKey")), 1),
                 t("div", ci, [
-                  a(Q, {
+                  a(X, {
                     modelValue: e.value.platform.apiKey,
                     "onUpdate:modelValue": n[1] || (n[1] = (u) => e.value.platform.apiKey = u),
                     placeholder: d(o)("report.integration.apiKey")
@@ -4571,20 +4571,20 @@ const ms = [
               t("div", mi, [
                 t("div", ui, S(d(o)("report.integration.autocount.accountBookId")), 1),
                 t("div", pi, [
-                  a(Q, {
+                  a(X, {
                     modelValue: e.value.platform.accountBookId,
                     "onUpdate:modelValue": n[2] || (n[2] = (u) => e.value.platform.accountBookId = u),
                     placeholder: d(o)("report.integration.autocount.accountBookId")
                   }, null, 8, ["modelValue", "placeholder"])
                 ])
               ]),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               t("div", fi, [
                 t("div", vi, S(d(o)("report.common.general")), 1),
                 t("div", gi, [
                   t("div", yi, S(d(o)("report.common.name")), 1),
                   t("div", xi, [
-                    a(Q, {
+                    a(X, {
                       modelValue: e.value.name,
                       "onUpdate:modelValue": n[3] || (n[3] = (u) => e.value.name = u)
                     }, null, 8, ["modelValue"])
@@ -4592,7 +4592,7 @@ const ms = [
                 ]),
                 t("div", bi, [
                   t("div", _i, S(d(o)("report.common.location")), 1),
-                  a(te, {
+                  a(ee, {
                     modelValue: e.value.platform.locationIds,
                     "onUpdate:modelValue": n[4] || (n[4] = (u) => e.value.platform.locationIds = u),
                     multiselect: !0,
@@ -4603,7 +4603,7 @@ const ms = [
                 ]),
                 t("div", hi, [
                   t("div", wi, S(d(o)("report.integration.grouping.title")), 1),
-                  a(te, {
+                  a(ee, {
                     modelValue: e.value.platform.grouping,
                     "onUpdate:modelValue": n[5] || (n[5] = (u) => e.value.platform.grouping = u),
                     multiselect: !1,
@@ -4615,12 +4615,12 @@ const ms = [
                 ]),
                 t("div", ki, [
                   t("div", Vi, S(d(o)("report.integration.autocount.debtor")), 1),
-                  f.retrievedDebtors.isLoaded ? O("", !0) : (s(), N(J, {
+                  f.retrievedDebtors.isLoaded ? O("", !0) : (i(), R(W, {
                     key: 0,
                     size: "xl"
                   })),
-                  f.retrievedDebtors.isLoaded && f.retrievedDebtors.data && ((me = f.retrievedDebtors.data) == null ? void 0 : me.length) != 0 && !f.retrievedDebtors.isError ? (s(), _("div", $i, [
-                    a(te, {
+                  f.retrievedDebtors.isLoaded && f.retrievedDebtors.data && ((ce = f.retrievedDebtors.data) == null ? void 0 : ce.length) != 0 && !f.retrievedDebtors.isError ? (i(), _("div", $i, [
+                    a(ee, {
                       modelValue: d(m),
                       "onUpdate:modelValue": [
                         n[6] || (n[6] = (u) => Ke(m) ? m.value = u : m = u),
@@ -4631,16 +4631,16 @@ const ms = [
                       class: "flex-grow",
                       disabled: !f.retrievedDebtors.isLoaded
                     }, null, 8, ["modelValue", "items", "placeholder", "disabled"])
-                  ])) : f.retrievedDebtors.isError ? (s(), _("div", Ci, S(d(o)("report.integration.errorFetchingDebtor")), 1)) : O("", !0)
+                  ])) : f.retrievedDebtors.isError ? (i(), _("div", Ci, S(d(o)("report.integration.errorFetchingDebtor")), 1)) : O("", !0)
                 ]),
                 t("div", Si, [
                   t("div", Ai, S(d(o)("report.integration.autocount.location")), 1),
-                  f.retrievedLocations.isLoaded ? O("", !0) : (s(), N(J, {
+                  f.retrievedLocations.isLoaded ? O("", !0) : (i(), R(W, {
                     key: 0,
                     size: "xl"
                   })),
-                  f.retrievedLocations.isLoaded && f.retrievedLocations.data && ((se = f.retrievedLocations.data) == null ? void 0 : se.length) != 0 && !f.retrievedLocations.isError ? (s(), _("div", Di, [
-                    a(te, {
+                  f.retrievedLocations.isLoaded && f.retrievedLocations.data && ((ne = f.retrievedLocations.data) == null ? void 0 : ne.length) != 0 && !f.retrievedLocations.isError ? (i(), _("div", Di, [
+                    a(ee, {
                       modelValue: e.value.platform.mappings.salesLocation,
                       "onUpdate:modelValue": n[7] || (n[7] = (u) => e.value.platform.mappings.salesLocation = u),
                       items: f.retrievedLocations.data,
@@ -4648,15 +4648,15 @@ const ms = [
                       class: "flex-grow",
                       disabled: !f.retrievedLocations.isLoaded
                     }, null, 8, ["modelValue", "items", "placeholder", "disabled"])
-                  ])) : f.retrievedLocations.isError ? (s(), _("div", Fi, S(d(o)("report.integration.errorFetchingLocation")), 1)) : O("", !0)
+                  ])) : f.retrievedLocations.isError ? (i(), _("div", Fi, S(d(o)("report.integration.errorFetchingLocation")), 1)) : O("", !0)
                 ])
               ]),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               t("div", Ui, [
                 t("div", Ti, S(d(o)("report.integration.autocount.saveAndApprove")), 1),
                 t("div", Ki, [
                   t("div", Ii, S(d(o)("report.integration.autocount.invoice")), 1),
-                  a(G, {
+                  a(Q, {
                     modelValue: e.value.platform.mappings.saveApproveInvoice,
                     "onUpdate:modelValue": n[8] || (n[8] = (u) => e.value.platform.mappings.saveApproveInvoice = u),
                     style: { gap: "0px" }
@@ -4664,7 +4664,7 @@ const ms = [
                 ]),
                 t("div", Ni, [
                   t("div", Ri, S(d(o)("report.integration.autocount.creditNote")), 1),
-                  a(G, {
+                  a(Q, {
                     modelValue: e.value.platform.mappings.saveApproveCreditNote,
                     "onUpdate:modelValue": n[9] || (n[9] = (u) => e.value.platform.mappings.saveApproveCreditNote = u),
                     style: { gap: "0px" }
@@ -4672,21 +4672,21 @@ const ms = [
                 ]),
                 t("div", Pi, [
                   t("div", Mi, S(d(o)("report.integration.autocount.payment")), 1),
-                  a(G, {
+                  a(Q, {
                     modelValue: e.value.platform.mappings.saveApprovePayment,
                     "onUpdate:modelValue": n[10] || (n[10] = (u) => e.value.platform.mappings.saveApprovePayment = u),
                     style: { gap: "0px" }
                   }, null, 8, ["modelValue"])
                 ])
               ]),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               t("div", ji, [
                 t("div", Li, [
                   t("div", Oi, S(d(o)("report.integration.refNumFormat")), 1),
                   a(Je)
                 ]),
                 t("div", Bi, [
-                  a(M, {
+                  a(j, {
                     "model-value": {
                       key: "Invoice no",
                       account: e.value.platform.mappings.invoiceDocNo
@@ -4694,7 +4694,7 @@ const ms = [
                     options: g("Invoice no"),
                     "onUpdate:modelValue": n[11] || (n[11] = (u) => b({ key: "invoiceDocNo", value: u.account }))
                   }, null, 8, ["model-value", "options"]),
-                  a(M, {
+                  a(j, {
                     "model-value": {
                       key: "Credit note no",
                       account: e.value.platform.mappings.creditNoteDocNo
@@ -4702,7 +4702,7 @@ const ms = [
                     options: g("Credit note no"),
                     "onUpdate:modelValue": n[12] || (n[12] = (u) => b({ key: "creditNoteDocNo", value: u.account }))
                   }, null, 8, ["model-value", "options"]),
-                  a(M, {
+                  a(j, {
                     "model-value": {
                       key: "Payment no",
                       account: e.value.platform.mappings.paymentDocNo
@@ -4710,7 +4710,7 @@ const ms = [
                     options: g("Payment no"),
                     "onUpdate:modelValue": n[13] || (n[13] = (u) => b({ key: "paymentDocNo", value: u.account }))
                   }, null, 8, ["model-value", "options"]),
-                  a(M, {
+                  a(j, {
                     "model-value": {
                       key: "Refund no",
                       account: e.value.platform.mappings.refundDocNo
@@ -4720,14 +4720,14 @@ const ms = [
                   }, null, 8, ["model-value", "options"])
                 ])
               ]),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               a(Xe, {
                 modelValue: e.value.platform,
                 "onUpdate:modelValue": n[15] || (n[15] = (u) => e.value.platform = u),
                 label: "upload",
-                "last-upload-date": (ce = e.value.platform) == null ? void 0 : ce.lastUploadDate
+                "last-upload-date": (de = e.value.platform) == null ? void 0 : de.lastUploadDate
               }, null, 8, ["modelValue", "last-upload-date"]),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               t("div", Ei, [
                 t("div", qi, S(d(o)("report.integration.biztory.items")), 1),
                 a(I, {
@@ -4737,25 +4737,25 @@ const ms = [
                   onClick: n[16] || (n[16] = () => y("items"))
                 })
               ]),
-              a(de, {
+              a(re, {
                 "header-items": [
                   d(o)("report.integration.autocount.feedmeKey"),
                   d(o)("report.integration.autocount.productCode"),
                   d(o)("report.integration.autocount.accountCode")
                 ],
-                "total-items-count": ((ve = (fe = (pe = (ue = e.value) == null ? void 0 : ue.platform) == null ? void 0 : pe.mappings) == null ? void 0 : fe.items) == null ? void 0 : ve.length) || 0,
+                "total-items-count": ((fe = (pe = (ue = (me = e.value) == null ? void 0 : me.platform) == null ? void 0 : ue.mappings) == null ? void 0 : pe.items) == null ? void 0 : fe.length) || 0,
                 "is-include-post-action": !0
               }, {
-                default: W(() => {
-                  var u, j, D;
+                default: G(() => {
+                  var u, P, K;
                   return [
-                    (s(!0), _(B, null, Y((D = (j = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : j.mappings) == null ? void 0 : D.items, (K, P) => (s(), _("div", {
-                      key: `items-${P}`,
+                    (i(!0), _(B, null, z((K = (P = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : P.mappings) == null ? void 0 : K.items, (D, N) => (i(), _("div", {
+                      key: `items-${N}`,
                       class: "grid-cols-1 grid gap-x-16 gap-16 p-2"
                     }, [
-                      a(M, {
-                        modelValue: e.value.platform.mappings.items[P],
-                        "onUpdate:modelValue": (q) => e.value.platform.mappings.items[P] = q,
+                      a(j, {
+                        modelValue: e.value.platform.mappings.items[N],
+                        "onUpdate:modelValue": (q) => e.value.platform.mappings.items[N] = q,
                         options: {
                           feedmeKey: {
                             placeholder: d(o)("report.integration.autocount.feedmeKey"),
@@ -4771,16 +4771,16 @@ const ms = [
                           }
                         },
                         removable: !0,
-                        onRemove: () => p("items", P)
+                        onRemove: () => p("items", N)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"])
                     ]))), 128))
                   ];
                 }),
                 _: 1
               }, 8, ["header-items", "total-items-count"]),
-              a(R, { style: { margin: 0 } }),
-              t("div", zi, [
-                t("div", Yi, S(d(o)("report.integration.biztory.taxes")), 1),
+              a(M, { style: { margin: 0 } }),
+              t("div", Yi, [
+                t("div", zi, S(d(o)("report.integration.biztory.taxes")), 1),
                 a(I, {
                   variant: "secondary",
                   "prepend-icon": "add",
@@ -4788,22 +4788,22 @@ const ms = [
                   onClick: n[17] || (n[17] = () => y("taxes"))
                 })
               ]),
-              a(de, {
+              a(re, {
                 "header-items": [
                   d(o)("report.integration.autocount.feedmeKey"),
                   d(o)("report.integration.autocount.accountCode")
                 ],
-                "total-items-count": ((be = (xe = (ye = (ge = e.value) == null ? void 0 : ge.platform) == null ? void 0 : ye.mappings) == null ? void 0 : xe.taxes) == null ? void 0 : be.length) || 0,
+                "total-items-count": ((xe = (ye = (ge = (ve = e.value) == null ? void 0 : ve.platform) == null ? void 0 : ge.mappings) == null ? void 0 : ye.taxes) == null ? void 0 : xe.length) || 0,
                 "is-include-post-action": !0
               }, {
-                default: W(() => {
-                  var u, j, D, K, P, q;
+                default: G(() => {
+                  var u, P, K, D, N, q;
                   return [
                     t("div", Hi, [
-                      (s(!0), _(B, null, Y((D = (j = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : j.mappings) == null ? void 0 : D.taxes, (le, L) => (s(), N(M, {
+                      (i(!0), _(B, null, z((K = (P = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : P.mappings) == null ? void 0 : K.taxes, (ae, L) => (i(), R(j, {
                         key: `tax-${L}`,
                         modelValue: e.value.platform.mappings.taxes[L],
-                        "onUpdate:modelValue": (ie) => e.value.platform.mappings.taxes[L] = ie,
+                        "onUpdate:modelValue": (se) => e.value.platform.mappings.taxes[L] = se,
                         options: {
                           feedmeKey: { placeholder: d(o)("report.integration.autocount.key"), editable: !0 },
                           accountCode: {
@@ -4814,10 +4814,10 @@ const ms = [
                         removable: !0,
                         onRemove: () => p("taxes", L)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128)),
-                      (s(!0), _(B, null, Y((q = (P = (K = e.value) == null ? void 0 : K.platform) == null ? void 0 : P.mappings) == null ? void 0 : q.taxRoundingAdjustments, (le, L) => (s(), N(M, {
+                      (i(!0), _(B, null, z((q = (N = (D = e.value) == null ? void 0 : D.platform) == null ? void 0 : N.mappings) == null ? void 0 : q.taxRoundingAdjustments, (ae, L) => (i(), R(j, {
                         key: `tax-rounding-adjustment-${L}`,
                         modelValue: e.value.platform.mappings.taxRoundingAdjustments[L],
-                        "onUpdate:modelValue": (ie) => e.value.platform.mappings.taxRoundingAdjustments[L] = ie,
+                        "onUpdate:modelValue": (se) => e.value.platform.mappings.taxRoundingAdjustments[L] = se,
                         options: {
                           feedmeKey: {
                             placeholder: d(o)("report.integration.autocount.key"),
@@ -4836,7 +4836,7 @@ const ms = [
                 }),
                 _: 1
               }, 8, ["header-items", "total-items-count"]),
-              a(R, { style: { margin: 0 } }),
+              a(M, { style: { margin: 0 } }),
               t("div", Xi, [
                 t("div", Qi, S(d(o)("report.integration.biztory.payments")), 1),
                 a(I, {
@@ -4847,7 +4847,7 @@ const ms = [
                 })
               ]),
               t("div", Gi, [
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Credit Term",
                     account: e.value.platform.mappings.creditTerm
@@ -4855,7 +4855,7 @@ const ms = [
                   options: g("creditTerm"),
                   "onUpdate:modelValue": n[19] || (n[19] = (u) => b({ key: "creditTerm", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Currency Code",
                     account: e.value.platform.mappings.currencyCode
@@ -4863,7 +4863,7 @@ const ms = [
                   options: g("currencyCode"),
                   "onUpdate:modelValue": n[20] || (n[20] = (u) => b({ key: "currencyCode", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Journal Type",
                     account: e.value.platform.mappings.journalType
@@ -4871,7 +4871,7 @@ const ms = [
                   options: g("journalType"),
                   "onUpdate:modelValue": n[21] || (n[21] = (u) => b({ key: "journalType", value: u.account }))
                 }, null, 8, ["model-value", "options"]),
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Currency Rate",
                     account: e.value.platform.mappings.currencyRate
@@ -4880,25 +4880,25 @@ const ms = [
                   "onUpdate:modelValue": n[22] || (n[22] = (u) => b({ key: "currencyRate", value: u.account }))
                 }, null, 8, ["model-value", "options"])
               ]),
-              a(de, {
+              a(re, {
                 "header-items": [
                   d(o)("report.integration.autocount.feedmeKey"),
                   d(o)("report.integration.autocount.accountCode"),
                   d(o)("report.integration.autocount.paymentMethod")
                 ],
-                "total-items-count": ((H = (E = (he = (_e = e.value) == null ? void 0 : _e.platform) == null ? void 0 : he.mappings) == null ? void 0 : E.payments) == null ? void 0 : H.length) || 0,
+                "total-items-count": ((E = (he = (_e = (be = e.value) == null ? void 0 : be.platform) == null ? void 0 : _e.mappings) == null ? void 0 : he.payments) == null ? void 0 : E.length) || 0,
                 "is-include-post-action": !0
               }, {
-                default: W(() => {
-                  var u, j, D;
+                default: G(() => {
+                  var u, P, K;
                   return [
-                    (s(!0), _(B, null, Y((D = (j = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : j.mappings) == null ? void 0 : D.payments, (K, P) => (s(), _("div", {
-                      key: `payment-${P}`,
+                    (i(!0), _(B, null, z((K = (P = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : P.mappings) == null ? void 0 : K.payments, (D, N) => (i(), _("div", {
+                      key: `payment-${N}`,
                       class: "grid-cols-1 grid gap-x-16 gap-16 p-2"
                     }, [
-                      a(M, {
-                        modelValue: e.value.platform.mappings.payments[P],
-                        "onUpdate:modelValue": (q) => e.value.platform.mappings.payments[P] = q,
+                      a(j, {
+                        modelValue: e.value.platform.mappings.payments[N],
+                        "onUpdate:modelValue": (q) => e.value.platform.mappings.payments[N] = q,
                         options: {
                           feedmeKey: {
                             placeholder: d(o)("report.integration.autocount.feedmeKey"),
@@ -4914,7 +4914,7 @@ const ms = [
                           }
                         },
                         removable: !0,
-                        onRemove: () => p("payments", P)
+                        onRemove: () => p("payments", N)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"])
                     ]))), 128))
                   ];
@@ -4931,33 +4931,33 @@ const ms = [
 function Ji(f) {
   return f.reduce((o, e) => {
     var T, w, k, m, V, $, p, y, c, v, b, g, r;
-    const { invoice: i, payments: x } = e, A = o.length;
+    const { invoice: s, payments: x } = e, A = o.length;
     o[A] = {
-      docNo: i.master.docNo,
-      debtorCode: i.master.debtorCode,
-      debtorName: i.master.debtorName,
-      itemProductCode: (T = i.details[0]) == null ? void 0 : T.productCode,
-      description: (w = i.details[0]) == null ? void 0 : w.description,
-      unitPrice: (k = i.details[0]) == null ? void 0 : k.unitPrice,
-      discount: (m = i.details[0]) == null ? void 0 : m.discount,
-      taxCode: (V = i.details[0]) == null ? void 0 : V.taxCode,
-      creditTerm: i.master.creditTerm,
+      docNo: s.master.docNo,
+      debtorCode: s.master.debtorCode,
+      debtorName: s.master.debtorName,
+      itemProductCode: (T = s.details[0]) == null ? void 0 : T.productCode,
+      description: (w = s.details[0]) == null ? void 0 : w.description,
+      unitPrice: (k = s.details[0]) == null ? void 0 : k.unitPrice,
+      discount: (m = s.details[0]) == null ? void 0 : m.discount,
+      taxCode: (V = s.details[0]) == null ? void 0 : V.taxCode,
+      creditTerm: s.master.creditTerm,
       docType: ($ = x[0]) == null ? void 0 : $.master.docType,
       paymentMethod: (y = (p = x[0]) == null ? void 0 : p.paymentDetails[0]) == null ? void 0 : y.paymentMethod,
       amount: ((c = x[0]) == null ? void 0 : c.details[0].amount) || 0,
       currencyCode: (v = x[0]) == null ? void 0 : v.master.currencyCode,
       journalType: (b = x[0]) == null ? void 0 : b.master.journalType
     };
-    const h = Math.max(i.details.length, (x == null ? void 0 : x.length) || 0);
+    const h = Math.max(s.details.length, (x == null ? void 0 : x.length) || 0);
     for (let l = 1; l < h; l++) {
       const n = A + l;
       o[n] || (o[n] = {});
-      const C = i.details[l], I = x[l];
+      const C = s.details[l], I = x[l];
       C && (o[n] = {
         ...o[n],
-        debtorCode: i.master.debtorCode,
-        debtorName: i.master.debtorName,
-        creditTerm: i.master.creditTerm,
+        debtorCode: s.master.debtorCode,
+        debtorName: s.master.debtorName,
+        creditTerm: s.master.creditTerm,
         itemProductCode: C.productCode,
         description: C.description,
         unitPrice: C.unitPrice,
@@ -4965,9 +4965,9 @@ function Ji(f) {
         taxCode: C.taxCode
       }), I && (o[n] = {
         ...o[n],
-        debtorCode: i.master.debtorCode,
-        debtorName: i.master.debtorName,
-        creditTerm: i.master.creditTerm,
+        debtorCode: s.master.debtorCode,
+        debtorName: s.master.debtorName,
+        creditTerm: s.master.creditTerm,
         docType: I.master.docType,
         paymentMethod: (g = I.paymentDetails[0]) == null ? void 0 : g.paymentMethod,
         amount: ((r = I.details[0]) == null ? void 0 : r.amount) || 0,
@@ -5052,7 +5052,7 @@ const Zi = [
 ], er = { class: "h-full flex flex-col gap-16" }, tr = { class: "flex flex-row gap-2 justify-between items-center" }, or = { class: "flex flex-row gap-5" }, ar = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-y-auto"
-}, lr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, nr = /* @__PURE__ */ Z({
+}, lr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, nr = /* @__PURE__ */ J({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -5060,45 +5060,45 @@ const Zi = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = X(!1), x = Ce(), { dateRange: A } = Ye($e()), h = X([]);
+    const { t: o } = le(), e = oe(f, "modelValue"), s = H(!1), x = Ce(), { dateRange: A } = ze($e()), h = H([]);
     De(
       () => A.value,
       async () => {
         if (e.value._id)
           try {
-            i.value = !0, h.value = await qe(e.value._id);
+            s.value = !0, h.value = await qe(e.value._id);
           } catch (V) {
             x.open({ message: V.message, type: "error" });
           } finally {
-            i.value = !1;
+            s.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    const T = z(() => Ji(h.value)), w = z(() => Zi);
+    const T = Y(() => Ji(h.value)), w = Y(() => Zi);
     async function k() {
       try {
-        e.value._id && e.value.platform.apiKey ? (i.value = !0, await et(e.value._id), x.open({ message: o("report.integration.uploadSuccess"), type: "success" })) : x.open({ message: o("report.integration.invalidSetting"), type: "error" });
+        e.value._id && e.value.platform.apiKey ? (s.value = !0, await tt(e.value._id), x.open({ message: o("report.integration.uploadSuccess"), type: "success" })) : x.open({ message: o("report.integration.invalidSetting"), type: "error" });
       } catch (V) {
         V.message && x.open({ message: V.message, type: "error" }), V.errors && V.errors.forEach(($) => x.open({ message: $, type: "error" }));
       } finally {
-        i.value = !1;
+        s.value = !1;
       }
     }
     async function m() {
       try {
-        e.value._id ? (i.value = !0, await We(e.value._id)) : x.open({ message: o("report.integration.invalidSetting"), type: "error" });
+        e.value._id ? (s.value = !0, await We(e.value._id)) : x.open({ message: o("report.integration.invalidSetting"), type: "error" });
       } catch (V) {
         x.open({ message: V.message, type: "error" });
       } finally {
-        i.value = !1;
+        s.value = !1;
       }
     }
     return (V, $) => {
       const p = U("FmButton"), y = U("FmCircularProgress"), c = U("FmTable");
-      return s(), _("div", er, [
+      return i(), _("div", er, [
         t("div", tr, [
           a(He, {
             "date-range": d(A),
@@ -5107,23 +5107,23 @@ const Zi = [
           }, null, 8, ["date-range"]),
           t("div", or, [
             a(p, {
-              loading: i.value,
+              loading: s.value,
               variant: "primary",
               label: d(o)("report.common.upload"),
               onClick: k
             }, null, 8, ["loading", "label"]),
             a(p, {
-              loading: i.value,
+              loading: s.value,
               variant: "primary",
               label: d(o)("report.common.download"),
               onClick: m
             }, null, 8, ["loading", "label"])
           ])
         ]),
-        i.value ? (s(), _("div", ar, [
+        s.value ? (i(), _("div", ar, [
           a(y, { size: "xl" }),
           t("span", lr, S(d(o)("report.common.isLoading")), 1)
-        ])) : (s(), N(c, {
+        ])) : (i(), R(c, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
           "row-data": T.value,
@@ -5132,7 +5132,7 @@ const Zi = [
       ]);
     };
   }
-}), sr = { class: "h-full relative flex flex-col" }, ir = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, rr = /* @__PURE__ */ Z({
+}), sr = { class: "h-full relative flex flex-col" }, ir = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, rr = /* @__PURE__ */ J({
   __name: "AutocountCloud",
   props: {
     modelValue: { required: !0 },
@@ -5140,7 +5140,7 @@ const Zi = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = X("setting"), x = [
+    const { t: o } = le(), e = oe(f, "modelValue"), s = H("setting"), x = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -5151,8 +5151,8 @@ const Zi = [
         value: "preview",
         icon: "table"
       }
-    ], A = Ve(), h = z(() => {
-      switch (i.value) {
+    ], A = Ve(), h = Y(() => {
+      switch (s.value) {
         case "preview":
           return {
             component: nr
@@ -5168,7 +5168,7 @@ const Zi = [
         default:
           return null;
       }
-    }), T = X({}), w = X({}), k = (p) => p.data.map((y) => ({
+    }), T = H({}), w = H({}), k = (p) => p.data.map((y) => ({
       label: y.location + " - " + y.description,
       value: y.location
     })), m = (p) => p.data.map((y) => ({
@@ -5198,30 +5198,30 @@ const Zi = [
         "Failed to fetch locations:"
       ), T.value.isLoaded = !0, w.value.isLoaded = !0;
     };
-    return at(() => {
+    return lt(() => {
       e.value.platform.apiKey && e.value.platform.accountBookId && e.value.platform.keyId ? $() : (T.value.isLoaded = !0, w.value.isLoaded = !0, T.value.isError = !0, w.value.isError = !0);
     }), (p, y) => {
       var b, g, r;
       const c = U("FmPageHead"), v = U("FmTabs");
-      return s(), _("div", sr, [
+      return i(), _("div", sr, [
         a(c, {
           title: ((b = e.value) == null ? void 0 : b.name) || "Autocount Cloud",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": d(A).back
         }, {
-          description: W(() => y[2] || (y[2] = [
+          description: G(() => y[2] || (y[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         a(v, {
-          "model-value": i.value,
-          "onUpdate:modelValue": y[0] || (y[0] = (l) => i.value = l),
+          "model-value": s.value,
+          "onUpdate:modelValue": y[0] || (y[0] = (l) => s.value = l),
           items: x
         }, null, 8, ["model-value"]),
         t("div", ir, [
-          (s(), N(Ie((g = h.value) == null ? void 0 : g.component), ot({
+          (i(), R(Ie((g = h.value) == null ? void 0 : g.component), at({
             modelValue: e.value,
             "onUpdate:modelValue": y[1] || (y[1] = (l) => e.value = l)
           }, (r = h.value) == null ? void 0 : r.props), null, 16, ["modelValue"]))
@@ -5231,8 +5231,8 @@ const Zi = [
   }
 }), dr = {
   key: 0,
-  class: "flex flex-col h-full"
-}, cr = { class: "flex flex-col gap-16 pb-[24px]" }, mr = { class: "flex flex-row justify-between items-center gap-2" }, ur = { class: "flex flex-row gap-2 items-center" }, pr = { class: "relative group cursor-pointer" }, fr = { 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" }, vr = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, gr = { class: "w-[90%] flex flex-col gap-24" }, yr = { class: "flex flex-col gap-16" }, xr = { class: "fm-typo-en-title-sm-800" }, br = { class: "flex flex-col max-w-[100%]" }, _r = { class: "w-[25%] font-semibold" }, hr = { class: "flex-grow" }, wr = { class: "flex flex-col max-w-[100%]" }, kr = { class: "w-[25%] font-semibold" }, Vr = { class: "flex flex-col max-w-[100%]" }, $r = { class: "w-[25%] font-semibold" }, Cr = { class: "flex flex-col gap-16" }, Sr = { class: "grid-cols-2 grid gap-16" }, Ar = { class: "flex flex-row items-center justify-between gap-x-16" }, Dr = { class: "grid-cols-1 grid gap-16 p-2" }, Fr = { class: "flex flex-row items-center justify-between gap-x-16" }, Ur = { class: "fm-typo-en-title-sm-800" }, Tr = { class: "grid-cols-1 grid gap-16 p-2" }, Kr = { class: "flex flex-row items-center justify-between gap-x-16" }, Ir = { class: "grid-cols-1 grid gap-16 p-2" }, Nr = { class: "flex flex-row items-center justify-between gap-x-16" }, Rr = { class: "grid-cols-1 grid gap-16 p-2" }, Pr = /* @__PURE__ */ Z({
+  class: "flex flex-col h-full w-full"
+}, cr = { class: "flex flex-col gap-16 pb-[24px]" }, mr = { class: "flex flex-row justify-between items-center gap-2" }, ur = { class: "flex flex-row gap-2 items-center" }, pr = { class: "relative group cursor-pointer" }, fr = { 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" }, vr = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, gr = { class: "w-[90%] flex flex-col gap-24" }, yr = { class: "flex flex-col gap-16" }, xr = { class: "fm-typo-en-title-sm-800" }, br = { class: "flex flex-col max-w-[100%]" }, _r = { class: "w-[25%] font-semibold" }, hr = { class: "flex-grow" }, wr = { class: "flex flex-col max-w-[100%]" }, kr = { class: "w-[25%] font-semibold" }, Vr = { class: "flex flex-col max-w-[100%]" }, $r = { class: "w-[25%] font-semibold" }, Cr = { class: "flex flex-col gap-16" }, Sr = { class: "grid-cols-2 grid gap-16" }, Ar = { class: "flex flex-row items-center justify-between gap-x-16" }, Dr = { class: "grid-cols-1 grid gap-16 p-2" }, Fr = { class: "flex flex-row items-center justify-between gap-x-16" }, Ur = { class: "fm-typo-en-title-sm-800" }, Tr = { class: "grid-cols-1 grid gap-16 p-2" }, Kr = { class: "flex flex-row items-center justify-between gap-x-16" }, Ir = { class: "grid-cols-1 grid gap-16 p-2" }, Nr = { class: "flex flex-row items-center justify-between gap-x-16" }, Rr = { class: "grid-cols-1 grid gap-16 p-2" }, Pr = /* @__PURE__ */ J({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -5240,7 +5240,7 @@ const Zi = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = ze(), { restaurants: w } = $e(), k = z(
+    const { t: o } = le(), e = oe(f, "modelValue"), s = Ce(), x = Ne(), A = Ve(), { promptLoader: h } = Le(), { promptMessage: T } = Ye(), { restaurants: w } = $e(), k = Y(
       () => w.map((v) => ({ label: v.name, value: v.id }))
     );
     async function m() {
@@ -5251,7 +5251,7 @@ const Zi = [
         try {
           await Oe(e.value._id), await x.getSettings(), A.back();
         } catch (b) {
-          i.open({ type: "error", message: b.message });
+          s.open({ type: "error", message: b.message });
         }
       });
     }
@@ -5260,7 +5260,7 @@ const Zi = [
         try {
           await Be(e.value._id, e.value), await x.getSettings();
         } catch (v) {
-          i.open({ type: "error", message: v.message });
+          s.open({ type: "error", message: v.message });
         }
       });
     }
@@ -5291,16 +5291,16 @@ const Zi = [
         try {
           await Ee(e.value._id), await x.getSettings();
         } catch (v) {
-          i.open({ type: "error", message: v.message });
+          s.open({ type: "error", message: v.message });
         }
       });
     }
     return je(async () => {
       await x.getSettings();
     }), (v, b) => {
-      var I, R, Q, te, J, G, ee, re, me, se, ce, ue, pe, fe, ve, ge, ye, xe, be, _e, he;
+      var I, M, X, ee, W, Q, Z, ie, ce, ne, de, me, ue, pe, fe, ve, ge, ye, xe, be, _e, he;
       const g = U("FmIcon"), r = U("FmButton"), l = U("FmMenuDivider"), n = U("FmTextField"), C = U("FmSelect");
-      return (R = (I = e.value) == null ? void 0 : I.platform) != null && R.mappings ? (s(), _("div", dr, [
+      return (M = (I = e.value) == null ? void 0 : I.platform) != null && M.mappings ? (i(), _("div", dr, [
         t("div", cr, [
           t("div", mr, [
             b[9] || (b[9] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
@@ -5368,7 +5368,7 @@ const Zi = [
               ])
             ]),
             t("div", Cr, [
-              a(M, {
+              a(j, {
                 "is-take-whole-row": !0,
                 "model-value": {
                   key: "Debtor",
@@ -5381,32 +5381,35 @@ const Zi = [
                   name: { placeholder: "Name", editable: !0 }
                 },
                 "onUpdate:modelValue": b[3] || (b[3] = (E) => {
-                  var H, u, j, D;
-                  (D = (j = (u = (H = e.value) == null ? void 0 : H.platform) == null ? void 0 : u.mappings) == null ? void 0 : j.invoice) != null && D.debtor && (e.value.platform.mappings.invoice.debtor.name = E.name, e.value.platform.mappings.invoice.debtor.code = E.code);
+                  var u, P, K, D;
+                  (D = (K = (P = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : P.mappings) == null ? void 0 : K.invoice) != null && D.debtor && (e.value.platform.mappings.invoice.debtor.name = E.name, e.value.platform.mappings.invoice.debtor.code = E.code);
                 })
               }, null, 8, ["model-value"]),
               t("div", Sr, [
-                a(M, {
+                a(j, {
                   "model-value": {
                     key: "Rounding",
-                    account: (Q = e.value.platform.mappings) == null ? void 0 : Q.invoice.rounding.account
+                    account: (X = e.value.platform.mappings) == null ? void 0 : X.invoice.rounding.account,
+                    code: (ee = e.value.platform.mappings) == null ? void 0 : ee.invoice.rounding.code
                   },
                   options: {
                     key: { placeholder: "Rounding", editable: !1 },
-                    account: { placeholder: "Account code", editable: !0 }
+                    account: { placeholder: "Account code", editable: !0 },
+                    code: { placeholder: "Item code", editable: !0 }
                   },
                   "onUpdate:modelValue": b[4] || (b[4] = (E) => {
-                    var H, u, j, D;
-                    (D = (j = (u = (H = e.value) == null ? void 0 : H.platform) == null ? void 0 : u.mappings) == null ? void 0 : j.invoice) != null && D.rounding && (e.value.platform.mappings.invoice.rounding.account = E.account);
+                    var u, P, K, D;
+                    (D = (K = (P = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : P.mappings) == null ? void 0 : K.invoice) != null && D.rounding && (e.value.platform.mappings.invoice.rounding.account = E.account, e.value.platform.mappings.invoice.rounding.code = E.code);
                   })
                 }, null, 8, ["model-value"]),
-                (s(!0), _(B, null, Y((G = (J = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : J.mappings) == null ? void 0 : G.invoice.charges, (E, H) => (s(), N(M, {
-                  key: `charge-${H}`,
-                  modelValue: e.value.platform.mappings.invoice.charges[H],
-                  "onUpdate:modelValue": (u) => e.value.platform.mappings.invoice.charges[H] = u,
+                (i(!0), _(B, null, z((Z = (Q = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Q.mappings) == null ? void 0 : Z.invoice.charges, (E, u) => (i(), R(j, {
+                  key: `charge-${u}`,
+                  modelValue: e.value.platform.mappings.invoice.charges[u],
+                  "onUpdate:modelValue": (P) => e.value.platform.mappings.invoice.charges[u] = P,
                   options: {
                     key: { placeholder: "Key", editable: !1 },
-                    account: { placeholder: "Account code", editable: !0 }
+                    account: { placeholder: "Account code", editable: !0 },
+                    code: { placeholder: "Item code", editable: !0 }
                   }
                 }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
               ])
@@ -5421,26 +5424,36 @@ const Zi = [
                 onClick: b[5] || (b[5] = () => p("invoice", "items"))
               })
             ]),
-            a(de, {
-              "header-items": ["Key", "Account Code"],
-              "total-items-count": ((se = (me = (re = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : re.mappings) == null ? void 0 : me.invoice.items) == null ? void 0 : se.length) || 0,
+            a(re, {
+              "header-items": ["Key", "Account Code", "UOM"],
+              "total-items-count": ((de = (ne = (ce = (ie = e.value) == null ? void 0 : ie.platform) == null ? void 0 : ce.mappings) == null ? void 0 : ne.invoice.items) == null ? void 0 : de.length) || 0,
               "is-include-post-action": !0,
               "is-take-whole-row": !0
             }, {
-              default: W(() => {
-                var E, H, u;
+              default: G(() => {
+                var E, u, P;
                 return [
                   t("div", Dr, [
-                    (s(!0), _(B, null, Y((u = (H = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : H.mappings) == null ? void 0 : u.invoice.items, (j, D) => (s(), N(M, {
+                    (i(!0), _(B, null, z((P = (u = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : u.mappings) == null ? void 0 : P.invoice.items, (K, D) => (i(), R(j, {
                       key: `item-${D}`,
                       modelValue: e.value.platform.mappings.invoice.items[D],
-                      "onUpdate:modelValue": (K) => e.value.platform.mappings.invoice.items[D] = K,
+                      "onUpdate:modelValue": (N) => e.value.platform.mappings.invoice.items[D] = N,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
-                        account: { placeholder: "Account code", editable: !0 }
+                        account: { placeholder: "Account code", editable: !0 },
+                        uom: { placeholder: "UOM", editable: !0 }
                       },
                       removable: !0,
-                      onRemove: () => $("items", D)
+                      onRemove: () => {
+                        if (K.key === "DEFAULT") {
+                          d(s).open({
+                            type: "error",
+                            message: "DEFAULT item cannot be removed."
+                          });
+                          return;
+                        }
+                        return $("items", D);
+                      }
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
                   ])
                 ];
@@ -5457,23 +5470,23 @@ const Zi = [
                 onClick: b[6] || (b[6] = () => p("invoice", "taxes"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Key", "Account Code"],
-              "total-items-count": ((fe = (pe = (ue = (ce = e.value) == null ? void 0 : ce.platform) == null ? void 0 : ue.mappings) == null ? void 0 : pe.invoice.taxes) == null ? void 0 : fe.length) || 0,
+              "total-items-count": ((fe = (pe = (ue = (me = e.value) == null ? void 0 : me.platform) == null ? void 0 : ue.mappings) == null ? void 0 : pe.invoice.taxes) == null ? void 0 : fe.length) || 0,
               "is-include-post-action": !0,
               "is-take-whole-row": !0
             }, {
-              default: W(() => {
-                var E, H, u;
+              default: G(() => {
+                var E, u, P;
                 return [
                   t("div", Tr, [
-                    (s(!0), _(B, null, Y((u = (H = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : H.mappings) == null ? void 0 : u.invoice.taxes, (j, D) => (s(), N(M, {
+                    (i(!0), _(B, null, z((P = (u = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : u.mappings) == null ? void 0 : P.invoice.taxes, (K, D) => (i(), R(j, {
                       key: `tax-${D}`,
                       modelValue: e.value.platform.mappings.invoice.taxes[D],
-                      "onUpdate:modelValue": (K) => e.value.platform.mappings.invoice.taxes[D] = K,
+                      "onUpdate:modelValue": (N) => e.value.platform.mappings.invoice.taxes[D] = N,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
-                        account: { placeholder: "Account code", editable: !0 }
+                        code: { placeholder: "Code", editable: !0 }
                       },
                       removable: !0,
                       onRemove: () => $("taxes", D)
@@ -5493,26 +5506,36 @@ const Zi = [
                 onClick: b[7] || (b[7] = () => p("inventory", "items"))
               })
             ]),
-            a(de, {
-              "header-items": ["Key", "Account Code"],
+            a(re, {
+              "header-items": ["Key", "Account Code", "UOM"],
               "total-items-count": ((xe = (ye = (ge = (ve = e.value) == null ? void 0 : ve.platform) == null ? void 0 : ge.mappings) == null ? void 0 : ye.inventory.items) == null ? void 0 : xe.length) || 0,
               "is-include-post-action": !0,
               "is-take-whole-row": !0
             }, {
-              default: W(() => {
-                var E, H, u;
+              default: G(() => {
+                var E, u, P;
                 return [
                   t("div", Ir, [
-                    (s(!0), _(B, null, Y((u = (H = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : H.mappings) == null ? void 0 : u.inventory.items, (j, D) => (s(), N(M, {
+                    (i(!0), _(B, null, z((P = (u = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : u.mappings) == null ? void 0 : P.inventory.items, (K, D) => (i(), R(j, {
                       key: `item-${D}`,
                       modelValue: e.value.platform.mappings.inventory.items[D],
-                      "onUpdate:modelValue": (K) => e.value.platform.mappings.inventory.items[D] = K,
+                      "onUpdate:modelValue": (N) => e.value.platform.mappings.inventory.items[D] = N,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
-                        account: { placeholder: "Account code", editable: !0 }
+                        account: { placeholder: "Account code", editable: !0 },
+                        uom: { placeholder: "UOM", editable: !0 }
                       },
                       removable: !0,
-                      onRemove: () => $("items", D)
+                      onRemove: () => {
+                        if (K.key === "DEFAULT") {
+                          d(s).open({
+                            type: "error",
+                            message: "DEFAULT item cannot be removed."
+                          });
+                          return;
+                        }
+                        $("items", D);
+                      }
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
                   ])
                 ];
@@ -5529,20 +5552,20 @@ const Zi = [
                 onClick: b[8] || (b[8] = () => p("inventory", "suppliers"))
               })
             ]),
-            a(de, {
+            a(re, {
               "header-items": ["Key", "Code", "Name"],
               "total-items-count": ((he = (_e = (be = e.value) == null ? void 0 : be.platform) == null ? void 0 : _e.mappings) == null ? void 0 : he.inventory.suppliers.length) || 0,
               "is-include-post-action": !0,
               "is-take-whole-row": !0
             }, {
-              default: W(() => {
-                var E, H, u;
+              default: G(() => {
+                var E, u, P;
                 return [
                   t("div", Rr, [
-                    (s(!0), _(B, null, Y((u = (H = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : H.mappings) == null ? void 0 : u.inventory.suppliers, (j, D) => (s(), N(M, {
+                    (i(!0), _(B, null, z((P = (u = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : u.mappings) == null ? void 0 : P.inventory.suppliers, (K, D) => (i(), R(j, {
                       key: `supplier-${D}`,
                       modelValue: e.value.platform.mappings.inventory.suppliers[D],
-                      "onUpdate:modelValue": (K) => e.value.platform.mappings.inventory.suppliers[D] = K,
+                      "onUpdate:modelValue": (N) => e.value.platform.mappings.inventory.suppliers[D] = N,
                       options: {
                         key: { placeholder: "Key", editable: !0 },
                         code: { placeholder: "Code", editable: !0 },
@@ -5561,13 +5584,13 @@ const Zi = [
       ])) : O("", !0);
     };
   }
-}), Mr = { class: "h-full flex flex-col" }, jr = { class: "flex flex-row gap-2 justify-between items-center" }, Lr = {
+}), Mr = { class: "h-full w-full flex flex-col" }, jr = { class: "flex flex-row gap-2 justify-between items-center" }, Lr = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
 }, Or = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Br = {
   key: 1,
-  class: "w-full h-full flex flex-col"
-}, Er = { class: "flex w-full h-full" }, qr = /* @__PURE__ */ Z({
+  class: "w-full h-full flex flex-col flex-grow"
+}, Er = /* @__PURE__ */ J({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -5575,10 +5598,10 @@ const Zi = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = X({ invoices: [], deliveryOrders: [], purchaseOrders: [] }), i = z(() => e.value.invoices.reduce((v, b) => {
+    const { t: o } = le(), e = H({ invoices: [], deliveryOrders: [], purchaseOrders: [] }), s = Y(() => e.value.invoices.reduce((v, b) => {
       for (const g of b._items)
         v.push({
-          rDate: b.rDate,
+          rDate: et(b.rDate).format("D-MMM-YY"),
           rNo: b.rNo,
           debtorCode: b.debtorCode,
           debtorName: b.debtorName,
@@ -5599,7 +5622,7 @@ const Zi = [
           accountCode: g.accountCode
         });
       return v;
-    }, [])), x = z(() => e.value.purchaseOrders.reduce((v, b) => {
+    }, [])), x = Y(() => e.value.purchaseOrders.reduce((v, b) => {
       for (const g of b._skus)
         v.push({
           code: g.code,
@@ -5608,11 +5631,11 @@ const Zi = [
           unitPrice: g.unitPrice
         });
       return v;
-    }, [])), A = z(() => e.value.deliveryOrders.reduce((v, b) => {
+    }, [])), A = Y(() => e.value.deliveryOrders.reduce((v, b) => {
       for (const g of b._skus)
         v.push({
           rNo: b.rNo,
-          rDate: b.rDate,
+          rDate: et(b.rDate).format("D-MMM-YY"),
           debtorCode: b.debtorCode,
           debtorName: b.debtorName,
           salesType: b.salesType,
@@ -5829,7 +5852,7 @@ const Zi = [
         header: () => F("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Account Code"),
         enableSorting: !1
       }
-    ], k = ae(f, "modelValue"), m = X(!1), V = Ce(), { dateRange: $ } = Ye($e());
+    ], k = oe(f, "modelValue"), m = H(!1), V = Ce(), { dateRange: $ } = ze($e());
     De(
       () => $.value,
       async () => {
@@ -5868,10 +5891,10 @@ const Zi = [
         label: "Purchase Orders",
         value: "purchaseOrders"
       }
-    ], c = X(y[0].value);
+    ], c = H(y[0].value);
     return (v, b) => {
       const g = U("FmButton"), r = U("FmCircularProgress"), l = U("FmTabs"), n = U("FmTable");
-      return s(), _("div", Mr, [
+      return i(), _("div", Mr, [
         t("div", jr, [
           a(He, {
             "date-range": d($),
@@ -5885,38 +5908,36 @@ const Zi = [
             onClick: p
           }, null, 8, ["loading", "label"])
         ]),
-        m.value ? (s(), _("div", Lr, [
+        m.value ? (i(), _("div", Lr, [
           a(r, { size: "xl" }),
           t("span", Or, S(d(o)("report.common.isLoading")), 1)
-        ])) : (s(), _("div", Br, [
+        ])) : (i(), _("div", Br, [
           a(l, {
             "model-value": c.value,
             "onUpdate:modelValue": b[1] || (b[1] = (C) => c.value = C),
             items: y
           }, null, 8, ["model-value"]),
-          t("div", Er, [
-            c.value === "invoices" ? (s(), N(n, {
-              key: 0,
-              class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
-              "row-data": i.value,
-              "column-defs": h
-            }, null, 8, ["row-data"])) : c.value === "deliveryOrders" ? (s(), N(n, {
-              key: 1,
-              class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
-              "row-data": A.value,
-              "column-defs": w
-            }, null, 8, ["row-data"])) : c.value === "purchaseOrders" ? (s(), N(n, {
-              key: 2,
-              class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
-              "row-data": x.value,
-              "column-defs": T
-            }, null, 8, ["row-data"])) : O("", !0)
-          ])
+          c.value === "invoices" ? (i(), R(n, {
+            key: 0,
+            class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg",
+            "row-data": s.value,
+            "column-defs": h
+          }, null, 8, ["row-data"])) : c.value === "deliveryOrders" ? (i(), R(n, {
+            key: 1,
+            class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg",
+            "row-data": A.value,
+            "column-defs": w
+          }, null, 8, ["row-data"])) : c.value === "purchaseOrders" ? (i(), R(n, {
+            key: 2,
+            class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg",
+            "row-data": x.value,
+            "column-defs": T
+          }, null, 8, ["row-data"])) : O("", !0)
         ]))
       ]);
     };
   }
-}), zr = { class: "h-full relative flex flex-col" }, Yr = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Hr = /* @__PURE__ */ Z({
+}), qr = { class: "h-full w-full flex flex-col" }, Yr = { class: "py-16 px-16 flex h-full w-full overflow-hidden" }, zr = /* @__PURE__ */ J({
   __name: "SynergyExport",
   props: {
     modelValue: {},
@@ -5924,7 +5945,7 @@ const Zi = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = ne(), e = ae(f, "modelValue"), i = X("setting"), x = [
+    const { t: o } = le(), e = oe(f, "modelValue"), s = H("setting"), x = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -5935,10 +5956,10 @@ const Zi = [
         value: "preview",
         icon: "table"
       }
-    ], A = Ve(), h = z(() => {
-      switch (i.value) {
+    ], A = Ve(), h = Y(() => {
+      switch (s.value) {
         case "preview":
-          return qr;
+          return Er;
         case "setting":
           return Pr;
         default:
@@ -5948,25 +5969,25 @@ const Zi = [
     return (T, w) => {
       var V;
       const k = U("FmPageHead"), m = U("FmTabs");
-      return s(), _("div", zr, [
+      return i(), _("div", qr, [
         a(k, {
           title: ((V = e.value) == null ? void 0 : V.name) || "Synergy",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": d(A).back
         }, {
-          description: W(() => w[2] || (w[2] = [
+          description: G(() => w[2] || (w[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         a(m, {
-          "model-value": i.value,
-          "onUpdate:modelValue": w[0] || (w[0] = ($) => i.value = $),
+          "model-value": s.value,
+          "onUpdate:modelValue": w[0] || (w[0] = ($) => s.value = $),
           items: x
         }, null, 8, ["model-value"]),
         t("div", Yr, [
-          (s(), N(Ie(h.value), {
+          (i(), R(Ie(h.value), {
             modelValue: e.value,
             "onUpdate:modelValue": w[1] || (w[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
@@ -5974,14 +5995,14 @@ const Zi = [
       ]);
     };
   }
-}), Xr = { class: "px-24 h-full relative" }, od = /* @__PURE__ */ Z({
+}), Hr = { class: "px-24 h-full relative" }, td = /* @__PURE__ */ J({
   __name: "Integration",
   setup(f) {
-    const o = X(void 0), { params: e } = it(), i = Ne(), x = X();
-    at(async () => {
-      i.settings.length === 0 && await i.getSettings();
+    const o = H(void 0), { params: e } = it(), s = Ne(), x = H();
+    lt(async () => {
+      s.settings.length === 0 && await s.getSettings();
     }), De(
-      () => i.settings,
+      () => s.settings,
       (h) => {
         var w;
         const T = h.find((k) => k._id === e.id);
@@ -5989,7 +6010,7 @@ const Zi = [
       },
       { immediate: !0 }
     );
-    const A = z(() => {
+    const A = Y(() => {
       switch (o.value) {
         case Ae.Xero:
           return Ko;
@@ -6000,19 +6021,19 @@ const Zi = [
         case Ae.SQL:
           return sn;
         case Ae.iFlexi_HRMS:
-          return Ys;
+          return zs;
         case Ae.Biztory:
           return bs;
         case Ae.AutoCountCloud:
           return rr;
         case Ae.SynergyExport:
-          return Hr;
+          return zr;
         default:
           return null;
       }
     });
-    return (h, T) => (s(), _("div", Xr, [
-      (s(), N(Ie(A.value), {
+    return (h, T) => (i(), _("div", Hr, [
+      (i(), R(Ie(A.value), {
         modelValue: x.value,
         "onUpdate:modelValue": T[0] || (T[0] = (w) => x.value = w)
       }, null, 8, ["modelValue"]))
@@ -6020,5 +6041,5 @@ const Zi = [
   }
 });
 export {
-  od as default
+  td as default
 };