@feedmepos/mf-report 5.14.1 → 5.14.2-beta.0

package/dist/{Integration-DrGnZU7Q.js → Integration-C1vkCqlT.js}

@@ -1,10 +1,10 @@
-import { defineComponent as Q, mergeModels as Ae, useModel as J, computed as q, resolveComponent as K, createElementBlock as P, openBlock as x, createElementVNode as t, createCommentVNode as j, normalizeClass as je, Fragment as xe, createBlock as M, withCtx as be, toDisplayString as C, renderList as Ce, createVNode as l, unref as r, normalizeStyle as We, createTextVNode as Ze, ref as E, onUnmounted as Se, watch as we, isRef as $e, h as F, resolveDynamicComponent as Ve, mergeProps as Ee, onMounted as qe } from "vue";
+import { defineComponent as Q, mergeModels as Ae, useModel as J, computed as Y, resolveComponent as K, createElementBlock as R, openBlock as b, createElementVNode as t, createCommentVNode as j, normalizeClass as je, Fragment as xe, createBlock as M, withCtx as be, toDisplayString as C, renderList as Ce, createVNode as l, unref as r, normalizeStyle as We, createTextVNode as Ze, ref as B, onUnmounted as Se, watch as we, isRef as $e, h as F, resolveDynamicComponent as Ve, mergeProps as Be, onMounted as Ye } from "vue";
 import { useRouter as ue, useRoute as et } from "vue-router";
-import { u as W, I as ge, d as Me, s as tt, e as ke, f as De, b as fe, v as ot, o as at, t as Fe, w as Ke, x as Te, y as Ne, z as Be, A as lt, B as nt, E as st, G as _e, H as Oe, J as it, K as rt, L as dt, M as mt } from "./vue-i18n-DG0DIzwC.js";
+import { u as W, I as ge, d as Me, s as tt, e as ke, f as De, b as fe, v as ot, o as at, t as Fe, w as Ke, x as Te, y as Ne, z as Ee, A as lt, B as nt, E as st, G as _e, H as Oe, J as it, K as rt, L as dt, M as mt } from "./vue-i18n-CLA-22OG.js";
 import { u as Ue } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as ve } from "@feedmepos/ui-library";
 import { storeToRefs as Ie } from "pinia";
-import { _ as Pe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-DPMsvMfX.js";
+import { _ as Re } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-D_vOomEW.js";
 const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, ct = { class: "w-[100%]" }, ut = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis font-semibold" }, ft = { class: "w-[100%] flex flex-row gap-[4px]" }, vt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis font-semibold" }, gt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis font-semibold" }, yt = {
   key: 0,
   class: "w-[24px] flex items-center"
@@ -37,7 +37,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: /* @__PURE__ */ Ae(["remove"], ["update:modelValue"]),
   setup(f, { emit: a }) {
-    const e = J(f, "modelValue"), i = f, g = q(
+    const e = J(f, "modelValue"), i = f, g = Y(
       () => Object.keys(i.options).map((U) => {
         const y = i.options[U];
         return {
@@ -58,20 +58,20 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (U, y) => {
       var A;
       const h = K("FmTextField"), c = K("FmTooltip"), T = K("FmIcon");
-      return x(), P("div", pt, [
+      return b(), R("div", pt, [
         t("div", {
           class: je(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-col items-start gap-[4px]`)
         }, [
-          g.value.length === 3 && !g.value.every((m) => m.editable) ? (x(), P(xe, { key: 0 }, [
+          g.value.length === 3 && !g.value.every((m) => m.editable) ? (b(), R(xe, { key: 0 }, [
             t("div", ct, [
-              g.value[0].editable ? (x(), M(h, {
+              g.value[0].editable ? (b(), M(h, {
                 key: 0,
                 "model-value": e.value[g.value[0].key],
                 placeholder: g.value[0].placeholder,
                 type: f.type,
                 rules: f.rules,
                 "onUpdate:modelValue": y[0] || (y[0] = (m) => V(g.value[0].key, m))
-              }, null, 8, ["model-value", "placeholder", "type", "rules"])) : (x(), M(c, {
+              }, null, 8, ["model-value", "placeholder", "type", "rules"])) : (b(), M(c, {
                 key: 1,
                 content: (A = e.value[g.value[0].key]) == null ? void 0 : A.toString(),
                 class: "w-[100%]"
@@ -83,20 +83,20 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, 8, ["content"]))
             ]),
             t("div", ft, [
-              (x(!0), P(xe, null, Ce(g.value.slice(1), (m) => {
+              (b(!0), R(xe, null, Ce(g.value.slice(1), (m) => {
                 var u;
-                return x(), P("div", {
+                return b(), R("div", {
                   key: m.key,
                   class: "w-[50%]"
                 }, [
-                  m.editable ? (x(), M(h, {
+                  m.editable ? (b(), M(h, {
                     key: 0,
                     "model-value": e.value[m.key],
                     placeholder: m.placeholder,
                     type: f.type,
                     rules: f.rules,
                     "onUpdate:modelValue": (d) => V(m.key, d)
-                  }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])) : (x(), M(c, {
+                  }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])) : (b(), M(c, {
                     key: 1,
                     content: (u = e.value[m.key]) == null ? void 0 : u.toString(),
                     class: "w-[100%]"
@@ -109,16 +109,16 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 ]);
               }), 128))
             ])
-          ], 64)) : (x(), P("div", {
+          ], 64)) : (b(), R("div", {
             key: 1,
             class: je(`${f.removable || !f.isTakeWholeRow ? "flex-row" : "flex-col"} flex items-start gap-[4px] w-[100%]`)
           }, [
-            (x(!0), P(xe, null, Ce(g.value, (m) => {
+            (b(!0), R(xe, null, Ce(g.value, (m) => {
               var u;
-              return x(), P(xe, {
+              return b(), R(xe, {
                 key: m.key
               }, [
-                m.editable ? (x(), P("div", {
+                m.editable ? (b(), R("div", {
                   key: 0,
                   class: je(`${f.removable || !f.isTakeWholeRow ? "w-[50%]" : "w-[100%]"}`)
                 }, [
@@ -129,7 +129,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     rules: f.rules,
                     "onUpdate:modelValue": (d) => V(m.key, d)
                   }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])
-                ], 2)) : (x(), M(c, {
+                ], 2)) : (b(), M(c, {
                   key: 1,
                   content: (u = e.value[m.key]) == null ? void 0 : u.toString(),
                   class: "w-[50%]"
@@ -143,7 +143,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }), 128))
           ], 2))
         ], 2),
-        f.removable ? (x(), P("div", yt, [
+        f.removable ? (b(), R("div", yt, [
           l(T, {
             class: "cursor-pointer text-fm-color-neutral-gray-400",
             name: "delete",
@@ -160,7 +160,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, _t = { class: "flex flex-col w-[100%] justify-between" }, ht = { class: "flex flex-row items-center w-[100%] justify-start" }, kt = { class: "text-nowrap overflow-hidden text-ellipsis font-semibold w-[25%]" }, Ct = {
   key: 0,
   class: "flex flex-col w-[100%] justify-start"
-}, $t = { class: "text-nowrap overflow-hidden text-ellipsis font-semibold" }, Vt = { class: "w-[100%]" }, At = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, St = { class: "flex flex-col w-[100%] justify-between" }, Dt = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis font-semibold" }, Ft = { class: "w-[100%]" }, Re = /* @__PURE__ */ Q({
+}, $t = { class: "text-nowrap overflow-hidden text-ellipsis font-semibold" }, Vt = { class: "w-[100%]" }, At = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, St = { class: "flex flex-col w-[100%] justify-between" }, Dt = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis font-semibold" }, Ft = { class: "w-[100%]" }, Pe = /* @__PURE__ */ Q({
   __name: "UploadSection",
   props: /* @__PURE__ */ Ae({
     label: {
@@ -177,7 +177,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = q(() => {
+    const { t: a } = W(), e = J(f, "modelValue"), i = Y(() => {
       switch (e.value.name) {
         case ge.AutoCount:
         case ge.SQL:
@@ -190,10 +190,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (g, V) => {
       var h, c;
       const $ = K("FmSwitch"), U = K("FmTextField"), y = K("FmTimePicker");
-      return x(), P(xe, null, [
+      return b(), R(xe, null, [
         t("div", xt, [
           t("div", bt, C(r(a)("report.integration.auto", { label: f.label })), 1),
-          f.label == "upload" ? (x(), P("div", wt, C(r(a)("report.integration.lastUploadDate")) + ": " + C(f.lastUploadDate ? r(Me)(f.lastUploadDate).format("MMMM D, YYYY h:mm A") : r(a)("report.integration.noData.title")), 1)) : j("", !0)
+          f.label == "upload" ? (b(), R("div", wt, C(r(a)("report.integration.lastUploadDate")) + ": " + C(f.lastUploadDate ? r(Me)(f.lastUploadDate).format("MMMM D, YYYY h:mm A") : r(a)("report.integration.noData.title")), 1)) : j("", !0)
         ]),
         t("div", _t, [
           t("div", ht, [
@@ -205,7 +205,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue"])
           ])
         ]),
-        i.value ? (x(), P("div", Ct, [
+        i.value ? (b(), R("div", Ct, [
           t("div", $t, C(r(a)("report.common.email")), 1),
           t("div", Vt, [
             l(U, {
@@ -287,7 +287,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: /* @__PURE__ */ Ae(["remove"], ["update:modelValue"]),
   setup(f, { emit: a }) {
-    const e = J(f, "modelValue"), i = f, g = q(
+    const e = J(f, "modelValue"), i = f, g = Y(
       () => Object.keys(i.options).map((h) => {
         const c = i.options[h];
         return {
@@ -308,26 +308,26 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }, U = (h) => i.singleValueMode ? e.value : e.value[h.key], y = a;
     return (h, c) => {
       const T = K("FmSelect"), A = K("FmTextField"), m = K("FmTooltip"), u = K("FmIcon");
-      return x(), P("div", Kt, [
+      return b(), R("div", Kt, [
         t("div", {
           class: je(`${f.removable ? "w-[calc(100%-24px)] flex-row" : "w-[100%] flex-col"} flex items-center gap-[4px]`),
           style: { alignItems: "start" }
         }, [
-          (x(!0), P(xe, null, Ce(g.value, (d) => (x(), P(xe, {
+          (b(!0), R(xe, null, Ce(g.value, (d) => (b(), R(xe, {
             key: d.key
           }, [
-            d.editable ? (x(), P("div", {
+            d.editable ? (b(), R("div", {
               key: 0,
               class: je(f.removable ? "w-[50%]" : "w-[100%]")
             }, [
-              d.dropdownOptions ? (x(), M(T, {
+              d.dropdownOptions ? (b(), M(T, {
                 key: 0,
                 "model-value": U(d),
                 placeholder: d.placeholder,
                 items: d.dropdownOptions,
                 "shift-menu": !0,
                 "onUpdate:modelValue": (v) => V(v, d.key)
-              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (x(), M(A, {
+              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (b(), M(A, {
                 key: 1,
                 "model-value": U(d),
                 placeholder: d.placeholder,
@@ -335,7 +335,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 rules: f.rules,
                 "onUpdate:modelValue": (v) => V(v, d.key)
               }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
-            ], 2)) : (x(), M(m, {
+            ], 2)) : (b(), M(m, {
               key: 1,
               content: $(d),
               class: "w-[50%]"
@@ -347,7 +347,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, 1032, ["content"]))
           ], 64))), 128))
         ], 2),
-        f.removable ? (x(), P("div", Nt, [
+        f.removable ? (b(), R("div", Nt, [
           l(u, {
             class: "cursor-pointer text-fm-color-neutral-gray-400",
             name: "delete",
@@ -373,9 +373,9 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["remove", "update:rows"],
   setup(f, { emit: a }) {
-    const e = f, i = q(() => e.rows.length > 1 ? Math.min(e.rows.length, e.columnsPerRow) : 1), g = a;
-    return (V, $) => (x(), P("div", Ut, [
-      (x(!0), P(xe, null, Ce(e.rows, (U, y) => (x(), P("div", {
+    const e = f, i = Y(() => e.rows.length > 1 ? Math.min(e.rows.length, e.columnsPerRow) : 1), g = a;
+    return (V, $) => (b(), R("div", Ut, [
+      (b(!0), R(xe, null, Ce(e.rows, (U, y) => (b(), R("div", {
         key: y,
         class: "flex flex-col",
         style: We(
@@ -388,17 +388,17 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             "flex flex-row items-center w-full font-medium text-gray-600 mb-2"
           ])
         }, [
-          (x(!0), P(xe, null, Ce(e.headerItems, (h, c) => (x(), P("div", {
+          (b(!0), R(xe, null, Ce(e.headerItems, (h, c) => (b(), R("div", {
             key: `header-item-${c}`,
             class: "w-[50%]"
           }, [
-            y < i.value ? (x(), P(xe, { key: 0 }, [
+            y < i.value ? (b(), R(xe, { key: 0 }, [
               Ze(C(h), 1)
             ], 64)) : j("", !0)
           ]))), 128)),
-          V.removable ? (x(), P("div", It)) : j("", !0)
+          V.removable ? (b(), R("div", It)) : j("", !0)
         ], 2),
-        !e.fieldsOptions || !Object.values(e.fieldsOptions).some((h) => h.dropdownOptions) ? (x(), M(L, {
+        !e.fieldsOptions || !Object.values(e.fieldsOptions).some((h) => h.dropdownOptions) ? (b(), M(L, {
           key: `item-${y}`,
           "model-value": e.rows[y],
           options: e.fieldsOptions || {},
@@ -409,7 +409,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             c[y] = h, g("update:rows", c);
           },
           onRemove: () => g("remove", e.mappingType || "", y)
-        }, null, 8, ["model-value", "options", "removable", "onUpdate:modelValue", "onRemove"])) : (x(), M(Je, {
+        }, null, 8, ["model-value", "options", "removable", "onUpdate:modelValue", "onRemove"])) : (b(), M(Je, {
           key: 1,
           "model-value": e.rows[y],
           options: e.fieldsOptions || {},
@@ -423,10 +423,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ], 4))), 128))
     ]));
   }
-}), Pt = {
+}), Rt = {
   key: 0,
   class: "flex flex-col h-full"
-}, Rt = { class: "flex flex-col gap-[16px] pb-[24px]" }, Mt = { class: "flex flex-row justify-between items-center gap-2" }, jt = { class: "flex flex-row gap-2 items-center" }, Ot = { class: "relative group cursor-pointer" }, Lt = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, Bt = { class: "w-[90%] flex flex-col gap-24" }, Et = { class: "flex flex-row items-center justify-between gap-2" }, qt = { class: "w-[25%]" }, Yt = { class: "flex flex-col gap-[16px]" }, zt = { class: "flex flex-col max-w-[100%] justify-between" }, Ht = { class: "flex-grow" }, Xt = { class: "flex flex-col max-w-[100%] justify-between" }, Qt = { class: "flex flex-col gap-[16px]" }, Gt = { class: "flex flex-col max-w-[100%] justify-between" }, Jt = { class: "flex-grow" }, Wt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Zt = { class: "flex-grow" }, eo = { class: "flex flex-row items-center max-w-[100%] justify-between" }, to = { class: "flex-grow" }, oo = { class: "flex flex-row items-center justify-between gap-x-16" }, ao = {
+}, Pt = { class: "flex flex-col gap-[16px] pb-[24px]" }, Mt = { class: "flex flex-row justify-between items-center gap-2" }, jt = { class: "flex flex-row gap-2 items-center" }, Ot = { class: "relative group cursor-pointer" }, Lt = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, Et = { class: "w-[90%] flex flex-col gap-24" }, Bt = { class: "flex flex-row items-center justify-between gap-2" }, Yt = { class: "w-[25%]" }, qt = { class: "flex flex-col gap-[16px]" }, zt = { class: "flex flex-col max-w-[100%] justify-between" }, Ht = { class: "flex-grow" }, Xt = { class: "flex flex-col max-w-[100%] justify-between" }, Qt = { class: "flex flex-col gap-[16px]" }, Gt = { class: "flex flex-col max-w-[100%] justify-between" }, Jt = { class: "flex-grow" }, Wt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Zt = { class: "flex-grow" }, eo = { class: "flex flex-row items-center max-w-[100%] justify-between" }, to = { class: "flex-grow" }, oo = { class: "flex flex-row items-center justify-between gap-x-16" }, ao = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, lo = { class: "flex flex-row items-center justify-between gap-x-16" }, no = {
@@ -459,12 +459,12 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = E(!1), c = q(
+    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = B(!1), c = Y(
       () => y.map((o) => ({ label: o.name, value: o.id }))
-    ), T = q(() => {
+    ), T = Y(() => {
       var o, n;
       return h.value ? "Connecting" : (n = (o = e.value) == null ? void 0 : o.platform) != null && n.accessToken ? "Disconnect" : "Connect";
-    }), A = E(0);
+    }), A = B(0);
     async function m() {
       var o;
       if (h.value)
@@ -522,7 +522,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         name: n.label
       });
     }
-    function b(o, n) {
+    function x(o, n) {
       var k, D;
       (D = (k = e.value.platform) == null ? void 0 : k.mappings) != null && D[o] && (e.value.platform.mappings[o] = e.value.platform.mappings[o].filter(
         (I, O) => O !== n
@@ -557,10 +557,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return Se(async () => {
       await g.getSettings();
     }), (o, n) => {
-      var X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe, _, N, p, R, S, Y, ye, Ye, ze, He, Xe, Qe, Ge;
-      const k = K("FmIcon"), D = K("FmButton"), I = K("FmMenuDivider"), O = K("FmCircularProgress"), z = K("FmSelect"), B = K("FmTextField"), H = K("FmSwitch");
-      return (ee = (X = e.value) == null ? void 0 : X.platform) != null && ee.mappings ? (x(), P("div", Pt, [
-        t("div", Rt, [
+      var X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe, _, N, p, P, S, q, ye, qe, ze, He, Xe, Qe, Ge;
+      const k = K("FmIcon"), D = K("FmButton"), I = K("FmMenuDivider"), O = K("FmCircularProgress"), z = K("FmSelect"), E = K("FmTextField"), H = K("FmSwitch");
+      return (ee = (X = e.value) == null ? void 0 : X.platform) != null && ee.mappings ? (b(), R("div", Rt, [
+        t("div", Pt, [
           t("div", Mt, [
             n[19] || (n[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
             t("div", jt, [
@@ -588,10 +588,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         ]),
         l(I, { style: { margin: 0 } }),
         t("div", Lt, [
-          t("div", Bt, [
+          t("div", Et, [
             n[31] || (n[31] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Authenticate with your official Xero account to enable FeedMe to securely upload data to Xero. ", -1)),
-            t("div", Et, [
-              t("div", qt, [
+            t("div", Bt, [
+              t("div", Yt, [
                 l(D, {
                   disabled: h.value,
                   variant: "primary",
@@ -599,7 +599,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: m
                 }, null, 8, ["disabled", "label"])
               ]),
-              !f.tenantOptions.isLoaded && ((te = e.value.platform) != null && te.accessToken) ? (x(), M(O, {
+              !f.tenantOptions.isLoaded && ((te = e.value.platform) != null && te.accessToken) ? (b(), M(O, {
                 key: 0,
                 size: "xl"
               })) : j("", !0),
@@ -612,12 +612,12 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["items", "model-value", "placeholder"])
             ]),
             l(I, { style: { margin: 0 } }),
-            t("div", Yt, [
+            t("div", qt, [
               n[22] || (n[22] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "General", -1)),
               t("div", zt, [
                 n[20] || (n[20] = t("div", { class: "w-[25%] font-semibold" }, "Name", -1)),
                 t("div", Ht, [
-                  l(B, {
+                  l(E, {
                     modelValue: e.value.name,
                     "onUpdate:modelValue": n[0] || (n[0] = (Z) => e.value.name = Z)
                   }, null, 8, ["modelValue"])
@@ -636,7 +636,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             l(I, { style: { margin: 0 } }),
-            l(Re, {
+            l(Pe, {
               modelValue: e.value.platform,
               "onUpdate:modelValue": n[2] || (n[2] = (Z) => e.value.platform = Z),
               label: "upload",
@@ -648,7 +648,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               t("div", Gt, [
                 n[23] || (n[23] = t("div", { class: "w-[25%] font-semibold" }, "Contact", -1)),
                 t("div", Jt, [
-                  l(B, {
+                  l(E, {
                     modelValue: e.value.platform.mappings.contact.xeroAccount,
                     "onUpdate:modelValue": n[3] || (n[3] = (Z) => e.value.platform.mappings.contact.xeroAccount = Z),
                     placeholder: "Contact account number"
@@ -689,12 +689,12 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: n[6] || (n[6] = () => w("taxes"))
                 })
               ]),
-              f.taxOptions.isError || e.value.platform.accessToken == null ? (x(), P("div", ao, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : j("", !0),
-              !f.taxOptions.isLoaded && ((ne = e.value.platform) != null && ne.accessToken) ? (x(), M(O, {
+              f.taxOptions.isError || e.value.platform.accessToken == null ? (b(), R("div", ao, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : j("", !0),
+              !f.taxOptions.isLoaded && ((ne = e.value.platform) != null && ne.accessToken) ? (b(), M(O, {
                 key: 1,
                 size: "xl"
               })) : j("", !0),
-              ((se = f.taxOptions.data) == null ? void 0 : se.length) > 0 ? (x(), M(G, {
+              ((se = f.taxOptions.data) == null ? void 0 : se.length) > 0 ? (b(), M(G, {
                 key: 2,
                 "header-items": ["Feedme Key", "Tax"],
                 rows: ((de = (re = (ie = e.value) == null ? void 0 : ie.platform) == null ? void 0 : re.mappings) == null ? void 0 : de.taxes) || [],
@@ -709,7 +709,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     dropdownOptions: f.taxOptions.data ?? []
                   }
                 },
-                onRemove: n[7] || (n[7] = (Z, ce) => b("taxes", ce)),
+                onRemove: n[7] || (n[7] = (Z, ce) => x("taxes", ce)),
                 "onUpdate:rows": n[8] || (n[8] = (Z) => {
                   var ce, he;
                   (he = (ce = e.value) == null ? void 0 : ce.platform) != null && he.mappings && (e.value.platform.mappings.taxes = Z);
@@ -725,12 +725,12 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: n[9] || (n[9] = () => w("taxRoundingAdjustments"))
                 })
               ]),
-              f.taxOptions.isError || e.value.platform.accessToken == null ? (x(), P("div", no, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : j("", !0),
-              !f.taxOptions.isLoaded && ((me = e.value.platform) != null && me.accessToken) ? (x(), M(O, {
+              f.taxOptions.isError || e.value.platform.accessToken == null ? (b(), R("div", no, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : j("", !0),
+              !f.taxOptions.isLoaded && ((me = e.value.platform) != null && me.accessToken) ? (b(), M(O, {
                 key: 4,
                 size: "xl"
               })) : j("", !0),
-              ((pe = f.taxOptions.data) == null ? void 0 : pe.length) > 0 ? (x(), M(G, {
+              ((pe = f.taxOptions.data) == null ? void 0 : pe.length) > 0 ? (b(), M(G, {
                 key: 5,
                 "header-items": ["Feedme Key", "Tax"],
                 rows: ((p = (N = (_ = e.value) == null ? void 0 : _.platform) == null ? void 0 : N.mappings) == null ? void 0 : p.taxRoundingAdjustments) || [],
@@ -745,7 +745,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     dropdownOptions: f.accountCodeOptions.data ?? []
                   }
                 },
-                onRemove: n[10] || (n[10] = (Z, ce) => b("taxRoundingAdjustments", ce)),
+                onRemove: n[10] || (n[10] = (Z, ce) => x("taxRoundingAdjustments", ce)),
                 "onUpdate:rows": n[11] || (n[11] = (Z) => {
                   var ce, he;
                   (he = (ce = e.value) == null ? void 0 : ce.platform) != null && he.mappings && (e.value.platform.mappings.taxRoundingAdjustments = Z);
@@ -761,15 +761,15 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: n[12] || (n[12] = () => w("items"))
                 })
               ]),
-              f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (x(), P("div", io, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : j("", !0),
-              !f.accountCodeOptions.isLoaded && ((R = e.value.platform) != null && R.accessToken) ? (x(), M(O, {
+              f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (b(), R("div", io, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : j("", !0),
+              !f.accountCodeOptions.isLoaded && ((P = e.value.platform) != null && P.accessToken) ? (b(), M(O, {
                 key: 7,
                 size: "xl"
               })) : j("", !0),
-              ((S = f.accountCodeOptions.data) == null ? void 0 : S.length) > 0 ? (x(), M(G, {
+              ((S = f.accountCodeOptions.data) == null ? void 0 : S.length) > 0 ? (b(), M(G, {
                 key: 8,
                 "header-items": ["Feedme Key", "Item Code"],
-                rows: ((Ye = (ye = (Y = e.value) == null ? void 0 : Y.platform) == null ? void 0 : ye.mappings) == null ? void 0 : Ye.items) || [],
+                rows: ((qe = (ye = (q = e.value) == null ? void 0 : q.platform) == null ? void 0 : ye.mappings) == null ? void 0 : qe.items) || [],
                 "columns-per-row": 2,
                 removable: !0,
                 "mapping-type": "items",
@@ -781,7 +781,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     dropdownOptions: f.accountCodeOptions.data ?? []
                   }
                 },
-                onRemove: n[13] || (n[13] = (Z, ce) => b("items", ce)),
+                onRemove: n[13] || (n[13] = (Z, ce) => x("items", ce)),
                 "onUpdate:rows": n[14] || (n[14] = (Z) => {
                   var ce, he;
                   (he = (ce = e.value) == null ? void 0 : ce.platform) != null && he.mappings && (e.value.platform.mappings.items = Z);
@@ -797,12 +797,12 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: n[15] || (n[15] = () => w("payments"))
                 })
               ]),
-              f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (x(), P("div", mo, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : j("", !0),
-              !f.accountCodeOptions.isLoaded && ((ze = e.value.platform) != null && ze.accessToken) ? (x(), M(O, {
+              f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (b(), R("div", mo, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : j("", !0),
+              !f.accountCodeOptions.isLoaded && ((ze = e.value.platform) != null && ze.accessToken) ? (b(), M(O, {
                 key: 10,
                 size: "xl"
               })) : j("", !0),
-              ((He = f.accountCodeOptions.data) == null ? void 0 : He.length) > 0 ? (x(), M(G, {
+              ((He = f.accountCodeOptions.data) == null ? void 0 : He.length) > 0 ? (b(), M(G, {
                 key: 11,
                 "header-items": ["Feedme Key", "Payment Code"],
                 rows: ((Ge = (Qe = (Xe = e.value) == null ? void 0 : Xe.platform) == null ? void 0 : Qe.mappings) == null ? void 0 : Ge.payments) || [],
@@ -817,7 +817,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     dropdownOptions: f.accountCodeOptions.data ?? []
                   }
                 },
-                onRemove: n[16] || (n[16] = (Z, ce) => b("payments", ce)),
+                onRemove: n[16] || (n[16] = (Z, ce) => x("payments", ce)),
                 "onUpdate:rows": n[17] || (n[17] = (Z) => {
                   var ce, he;
                   (he = (ce = e.value) == null ? void 0 : ce.platform) != null && he.mappings && (e.value.platform.mappings.payments = Z);
@@ -840,7 +840,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const a = E([]), { t: e } = W(), i = q(
+    const a = B([]), { t: e } = W(), i = Y(
       () => a.value.reduce((c, T) => {
         const A = c.length, { invoice: m, payments: u } = T;
         c[A] = {
@@ -947,7 +947,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], V = J(f, "modelValue"), $ = E(!1), U = ve(), { dateRange: y } = Ie(fe());
+    ], V = J(f, "modelValue"), $ = B(!1), U = ve(), { dateRange: y } = Ie(fe());
     we(
       () => y.value,
       async () => {
@@ -966,7 +966,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function h() {
       try {
-        V.value._id ? ($.value = !0, await Be(V.value._id), U.open({ message: "Upload successful", type: "success" })) : U.open({ message: "Invalid accounting setting", type: "error" });
+        V.value._id ? ($.value = !0, await Ee(V.value._id), U.open({ message: "Upload successful", type: "success" })) : U.open({ message: "Invalid accounting setting", type: "error" });
       } catch (c) {
         c.message && U.open({ message: c.message, type: "error" }), c.errors && c.errors.forEach((T) => U.open({ message: T.Message, type: "error" }));
       } finally {
@@ -975,9 +975,9 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (c, T) => {
       const A = K("FmButton"), m = K("FmCircularProgress"), u = K("FmTable");
-      return x(), P("div", co, [
+      return b(), R("div", co, [
         t("div", uo, [
-          l(Pe, {
+          l(Re, {
             "date-range": r(y),
             "onUpdate:dateRange": T[0] || (T[0] = (d) => $e(y) ? y.value = d : null),
             compare: !1
@@ -989,10 +989,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: h
           }, null, 8, ["loading"])
         ]),
-        $.value ? (x(), P("div", fo, [
+        $.value ? (b(), R("div", fo, [
           l(m, { size: "xl" }),
           t("span", vo, C(r(e)("report.common.isLoading")), 1)
-        ])) : i.value.length > 0 ? (x(), M(u, {
+        ])) : i.value.length > 0 ? (b(), M(u, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
           "row-data": i.value,
@@ -1009,7 +1009,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = E("setting"), g = E({}), V = E({}), $ = E({}), U = [
+    const { t: a } = W(), e = J(f, "modelValue"), i = B("setting"), g = B({}), V = B({}), $ = B({}), U = [
       {
         label: a("report.integration.setting"),
         value: "setting",
@@ -1020,7 +1020,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], y = ue(), h = q(() => {
+    ], y = ue(), h = Y(() => {
       switch (i.value) {
         case "preview":
           return { component: go };
@@ -1089,11 +1089,11 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       { immediate: !0 }
     ), (m, u) => {
-      var b, w, s;
+      var x, w, s;
       const d = K("FmPageHead"), v = K("FmTabs");
-      return x(), P("div", yo, [
+      return b(), R("div", yo, [
         l(d, {
-          title: ((b = e.value) == null ? void 0 : b.name) || "Xero",
+          title: ((x = e.value) == null ? void 0 : x.name) || "Xero",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": r(y).back
@@ -1109,7 +1109,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           items: U
         }, null, 8, ["model-value"]),
         t("div", xo, [
-          (x(), M(Ve((w = h.value) == null ? void 0 : w.component), Ee({
+          (b(), M(Ve((w = h.value) == null ? void 0 : w.component), Be({
             modelValue: e.value,
             "onUpdate:modelValue": u[1] || (u[1] = (o) => e.value = o)
           }, (s = h.value) == null ? void 0 : s.props), null, 16, ["modelValue"]))
@@ -1193,7 +1193,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ];
     return (g, V) => {
       const $ = K("FmIcon"), U = K("FmTable"), y = K("FmSideSheet");
-      return x(), M(y, {
+      return b(), M(y, {
         header: r(a)("report.integration.refNumFormatInfo"),
         "dismiss-away": "",
         "max-width": 780
@@ -1228,7 +1228,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), ho = {
   key: 0,
   class: "flex flex-col h-full"
-}, ko = { class: "flex flex-col gap-16 pb-[24px]" }, Co = { class: "flex flex-row justify-between items-center gap-2" }, $o = { class: "fm-typo-en-title-sm-800" }, Vo = { class: "flex flex-row gap-2 items-center" }, Ao = { class: "relative group cursor-pointer" }, So = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Do = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Fo = { class: "w-[90%] flex flex-col gap-24" }, Ko = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, To = { class: "flex flex-col justify-between" }, No = { class: "w-[25%] font-semibold" }, Uo = { class: "flex-grow" }, Io = { class: "flex flex-col justify-between" }, Po = { class: "w-[25%] font-semibold" }, Ro = { class: "flex-grow" }, Mo = { class: "flex flex-col gap-16" }, jo = { class: "fm-typo-en-title-sm-800" }, Oo = { class: "flex flex-col max-w-[100%]" }, Lo = { class: "w-[25%] font-semibold" }, Bo = { class: "flex-grow" }, Eo = { class: "flex flex-col max-w-[100%]" }, qo = { class: "w-[25%] font-semibold" }, Yo = { class: "flex flex-col max-w-[100%]" }, zo = { class: "w-[25%] font-semibold" }, Ho = { class: "flex flex-col max-w-[100%]" }, Xo = { class: "flex flex-col gap-16" }, Qo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Go = { class: "flex flex-col gap-16 pt-3 pb-3" }, Jo = { class: "flex flex-row items-center gap-5" }, Wo = { class: "fm-typo-en-title-sm-800" }, Zo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ea = { class: "flex flex-row items-center justify-between gap-x-16" }, ta = { class: "fm-typo-en-title-sm-800" }, oa = { class: "flex flex-row items-center justify-between gap-x-16" }, aa = { class: "fm-typo-en-title-sm-800" }, la = { class: "flex flex-row items-center justify-between gap-x-16" }, na = { class: "fm-typo-en-title-sm-800" }, sa = { class: "flex flex-row items-center justify-between gap-x-16" }, ia = { class: "fm-typo-en-title-sm-800" }, ra = /* @__PURE__ */ Q({
+}, ko = { class: "flex flex-col gap-16 pb-[24px]" }, Co = { class: "flex flex-row justify-between items-center gap-2" }, $o = { class: "fm-typo-en-title-sm-800" }, Vo = { class: "flex flex-row gap-2 items-center" }, Ao = { class: "relative group cursor-pointer" }, So = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Do = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Fo = { class: "w-[90%] flex flex-col gap-24" }, Ko = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, To = { class: "flex flex-col justify-between" }, No = { class: "w-[25%] font-semibold" }, Uo = { class: "flex-grow" }, Io = { class: "flex flex-col justify-between" }, Ro = { class: "w-[25%] font-semibold" }, Po = { class: "flex-grow" }, Mo = { class: "flex flex-col gap-16" }, jo = { class: "fm-typo-en-title-sm-800" }, Oo = { class: "flex flex-col max-w-[100%]" }, Lo = { class: "w-[25%] font-semibold" }, Eo = { class: "flex-grow" }, Bo = { class: "flex flex-col max-w-[100%]" }, Yo = { class: "w-[25%] font-semibold" }, qo = { class: "flex flex-col max-w-[100%]" }, zo = { class: "w-[25%] font-semibold" }, Ho = { class: "flex flex-col max-w-[100%]" }, Xo = { class: "flex flex-col gap-16" }, Qo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Go = { class: "flex flex-col gap-16 pt-3 pb-3" }, Jo = { class: "flex flex-row items-center gap-5" }, Wo = { class: "fm-typo-en-title-sm-800" }, Zo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ea = { class: "flex flex-row items-center justify-between gap-x-16" }, ta = { class: "fm-typo-en-title-sm-800" }, oa = { class: "flex flex-row items-center justify-between gap-x-16" }, aa = { class: "fm-typo-en-title-sm-800" }, la = { class: "flex flex-row items-center justify-between gap-x-16" }, na = { class: "fm-typo-en-title-sm-800" }, sa = { class: "flex flex-row items-center justify-between gap-x-16" }, ia = { class: "fm-typo-en-title-sm-800" }, ra = /* @__PURE__ */ Q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -1236,7 +1236,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const a = J(f, "modelValue"), e = ve(), i = ke(), g = ue(), { promptLoader: V } = De(), { promptMessage: $ } = Ue(), { restaurants: U } = fe(), y = q(
+    const a = J(f, "modelValue"), e = ve(), i = ke(), g = ue(), { promptLoader: V } = De(), { promptMessage: $ } = Ue(), { restaurants: U } = fe(), y = Y(
       () => U.map((s) => ({ label: s.name, value: s.id }))
     ), { t: h } = W();
     async function c() {
@@ -1342,7 +1342,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       var n, k;
       (k = (n = a.value) == null ? void 0 : n.platform) != null && k.mappings && (a.value.platform.mappings[s] = o);
     }
-    function b(s) {
+    function x(s) {
       return {
         key: { placeholder: s, editable: !1 },
         account: { placeholder: s, editable: !0 }
@@ -1360,9 +1360,9 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return Se(async () => {
       await i.getSettings();
     }), (s, o) => {
-      var z, B, H, X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe, _, N;
+      var z, E, H, X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe, _, N;
       const n = K("FmIcon"), k = K("FmButton"), D = K("FmMenuDivider"), I = K("FmTextField"), O = K("FmSelect");
-      return (B = (z = a.value) == null ? void 0 : z.platform) != null && B.mappings ? (x(), P("div", ho, [
+      return (E = (z = a.value) == null ? void 0 : z.platform) != null && E.mappings ? (b(), R("div", ho, [
         t("div", ko, [
           t("div", Co, [
             t("div", $o, C(r(h)("report.integration.bukku.connect")), 1),
@@ -1404,8 +1404,8 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             t("div", Io, [
-              t("div", Po, C(r(h)("report.integration.token")), 1),
-              t("div", Ro, [
+              t("div", Ro, C(r(h)("report.integration.token")), 1),
+              t("div", Po, [
                 l(I, {
                   modelValue: a.value.platform.token,
                   "onUpdate:modelValue": o[1] || (o[1] = (p) => a.value.platform.token = p),
@@ -1418,15 +1418,15 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               t("div", jo, C(r(h)("report.integration.general")), 1),
               t("div", Oo, [
                 t("div", Lo, C(r(h)("report.common.name")), 1),
-                t("div", Bo, [
+                t("div", Eo, [
                   l(I, {
                     modelValue: a.value.name,
                     "onUpdate:modelValue": o[2] || (o[2] = (p) => a.value.name = p)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
-              t("div", Eo, [
-                t("div", qo, C(r(h)("report.common.location")), 1),
+              t("div", Bo, [
+                t("div", Yo, C(r(h)("report.common.location")), 1),
                 l(O, {
                   modelValue: a.value.platform.locationIds,
                   "onUpdate:modelValue": o[3] || (o[3] = (p) => a.value.platform.locationIds = p),
@@ -1436,7 +1436,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   class: "flex-grow"
                 }, null, 8, ["modelValue", "items"])
               ]),
-              t("div", Yo, [
+              t("div", qo, [
                 t("div", zo, C(r(h)("report.integration.grouping.title")), 1),
                 l(O, {
                   modelValue: a.value.platform.grouping,
@@ -1477,8 +1477,8 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     }
                   },
                   "onUpdate:modelValue": o[6] || (o[6] = (p) => {
-                    var R, S, Y;
-                    (Y = (S = (R = a.value) == null ? void 0 : R.platform) == null ? void 0 : S.mappings) != null && Y.contact && (a.value.platform.mappings.contact.account = p.account);
+                    var P, S, q;
+                    (q = (S = (P = a.value) == null ? void 0 : P.platform) == null ? void 0 : S.mappings) != null && q.contact && (a.value.platform.mappings.contact.account = p.account);
                   })
                 }, null, 8, ["model-value"]),
                 l(L, {
@@ -1486,16 +1486,16 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     key: "Rounding",
                     account: a.value.platform.mappings.rounding.account
                   },
-                  options: b("Rounding"),
+                  options: x("Rounding"),
                   "onUpdate:modelValue": o[7] || (o[7] = (p) => {
-                    var R, S, Y;
-                    (Y = (S = (R = a.value) == null ? void 0 : R.platform) == null ? void 0 : S.mappings) != null && Y.rounding && (a.value.platform.mappings.rounding.account = p.account);
+                    var P, S, q;
+                    (q = (S = (P = a.value) == null ? void 0 : P.platform) == null ? void 0 : S.mappings) != null && q.rounding && (a.value.platform.mappings.rounding.account = p.account);
                   })
                 }, null, 8, ["model-value", "options"]),
-                (x(!0), P(xe, null, Ce((ee = (X = (H = a.value) == null ? void 0 : H.platform) == null ? void 0 : X.mappings) == null ? void 0 : ee.charges, (p, R) => (x(), M(L, {
-                  key: `charge-${R}`,
-                  modelValue: a.value.platform.mappings.charges[R],
-                  "onUpdate:modelValue": (S) => a.value.platform.mappings.charges[R] = S,
+                (b(!0), R(xe, null, Ce((ee = (X = (H = a.value) == null ? void 0 : H.platform) == null ? void 0 : X.mappings) == null ? void 0 : ee.charges, (p, P) => (b(), M(L, {
+                  key: `charge-${P}`,
+                  modelValue: a.value.platform.mappings.charges[P],
+                  "onUpdate:modelValue": (S) => a.value.platform.mappings.charges[P] = S,
                   options: {
                     key: {
                       placeholder: "Key",
@@ -1521,7 +1521,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     key: "Invoice no",
                     account: a.value.platform.mappings.invoiceDocNo
                   },
-                  options: b("Invoice no"),
+                  options: x("Invoice no"),
                   "onUpdate:modelValue": o[8] || (o[8] = (p) => v({ key: "invoiceDocNo", value: p.account }))
                 }, null, 8, ["model-value", "options"]),
                 l(L, {
@@ -1529,7 +1529,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     key: "Credit note no",
                     account: a.value.platform.mappings.creditNoteDocNo
                   },
-                  options: b("Credit note no"),
+                  options: x("Credit note no"),
                   "onUpdate:modelValue": o[9] || (o[9] = (p) => v({ key: "creditNoteDocNo", value: p.account }))
                 }, null, 8, ["model-value", "options"]),
                 l(L, {
@@ -1537,7 +1537,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     key: "Payment no",
                     account: a.value.platform.mappings.paymentDocNo
                   },
-                  options: b("Payment no"),
+                  options: x("Payment no"),
                   "onUpdate:modelValue": o[10] || (o[10] = (p) => v({ key: "paymentDocNo", value: p.account }))
                 }, null, 8, ["model-value", "options"]),
                 l(L, {
@@ -1545,13 +1545,13 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     key: "Refund no",
                     account: a.value.platform.mappings.refundDocNo
                   },
-                  options: b("Refund no"),
+                  options: x("Refund no"),
                   "onUpdate:modelValue": o[11] || (o[11] = (p) => v({ key: "refundDocNo", value: p.account }))
                 }, null, 8, ["model-value", "options"])
               ])
             ]),
             l(D, { style: { margin: 0 } }),
-            l(Re, {
+            l(Pe, {
               modelValue: a.value.platform,
               "onUpdate:modelValue": o[12] || (o[12] = (p) => a.value.platform = p),
               label: "upload",
@@ -1577,10 +1577,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
-              onRemove: o[14] || (o[14] = (p, R) => A(p, R)),
+              onRemove: o[14] || (o[14] = (p, P) => A(p, P)),
               "onUpdate:rows": o[15] || (o[15] = (p) => {
-                var R, S;
-                (S = (R = a.value) == null ? void 0 : R.platform) != null && S.mappings && (a.value.platform.mappings.items = p);
+                var P, S;
+                (S = (P = a.value) == null ? void 0 : P.platform) != null && S.mappings && (a.value.platform.mappings.items = p);
               })
             }, null, 8, ["rows"]),
             l(D, { style: { margin: 0 } }),
@@ -1603,10 +1603,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
-              onRemove: o[17] || (o[17] = (p, R) => A(p, R)),
+              onRemove: o[17] || (o[17] = (p, P) => A(p, P)),
               "onUpdate:rows": o[18] || (o[18] = (p) => {
-                var R, S;
-                (S = (R = a.value) == null ? void 0 : R.platform) != null && S.mappings && (a.value.platform.mappings.taxes = p);
+                var P, S;
+                (S = (P = a.value) == null ? void 0 : P.platform) != null && S.mappings && (a.value.platform.mappings.taxes = p);
               })
             }, null, 8, ["rows"]),
             l(D, { style: { margin: 0 } }),
@@ -1629,10 +1629,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
-              onRemove: o[20] || (o[20] = (p, R) => A(p, R)),
+              onRemove: o[20] || (o[20] = (p, P) => A(p, P)),
               "onUpdate:rows": o[21] || (o[21] = (p) => {
-                var R, S;
-                (S = (R = a.value) == null ? void 0 : R.platform) != null && S.mappings && (a.value.platform.mappings.taxRoundingAdjustments = p);
+                var P, S;
+                (S = (P = a.value) == null ? void 0 : P.platform) != null && S.mappings && (a.value.platform.mappings.taxRoundingAdjustments = p);
               })
             }, null, 8, ["rows"]),
             l(D, { style: { margin: 0 } }),
@@ -1656,10 +1656,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 method: { placeholder: "Method", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
-              onRemove: o[23] || (o[23] = (p, R) => A(p, R)),
+              onRemove: o[23] || (o[23] = (p, P) => A(p, P)),
               "onUpdate:rows": o[24] || (o[24] = (p) => {
-                var R, S;
-                (S = (R = a.value) == null ? void 0 : R.platform) != null && S.mappings && (a.value.platform.mappings.payments = p);
+                var P, S;
+                (S = (P = a.value) == null ? void 0 : P.platform) != null && S.mappings && (a.value.platform.mappings.payments = p);
               })
             }, null, 8, ["rows"])
           ])
@@ -1678,7 +1678,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const a = E([]), e = q(
+    const a = B([]), e = Y(
       () => a.value.reduce((c, T) => {
         const A = c.length, { invoice: m, payments: u } = T;
         c[A] = {
@@ -1691,15 +1691,15 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         for (let d = 0; d < Math.max(m.form_items.length, u.length); d++) {
           const v = A + d;
           c[v] || (c[v] = {});
-          const b = m.form_items[d];
-          b && (c[v] = {
+          const x = m.form_items[d];
+          x && (c[v] = {
             ...c[v],
-            itemDescription: b.description,
-            itemQuantity: b.quantity,
-            itemUnitPrice: b.unit_price,
-            itemAccount: b._account_name,
-            itemTaxCode: b._tax_code_name,
-            itemDiscount: b.discount
+            itemDescription: x.description,
+            itemQuantity: x.quantity,
+            itemUnitPrice: x.unit_price,
+            itemAccount: x._account_name,
+            itemTaxCode: x._tax_code_name,
+            itemDiscount: x.discount
           });
           const w = u[d];
           w && (c[v] = {
@@ -1798,7 +1798,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], V = J(f, "modelValue"), $ = E(!1), U = ve(), { dateRange: y } = Ie(fe());
+    ], V = J(f, "modelValue"), $ = B(!1), U = ve(), { dateRange: y } = Ie(fe());
     we(
       () => y.value,
       async () => {
@@ -1817,7 +1817,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function h() {
       try {
-        V.value._id ? ($.value = !0, await Be(V.value._id), U.open({ message: i("report.integration.uploadSuccess"), type: "success" })) : U.open({ message: i("report.integration.error.invalid"), type: "error" });
+        V.value._id ? ($.value = !0, await Ee(V.value._id), U.open({ message: i("report.integration.uploadSuccess"), type: "success" })) : U.open({ message: i("report.integration.error.invalid"), type: "error" });
       } catch (c) {
         U.open({ message: c.message, type: "error" });
       } finally {
@@ -1826,9 +1826,9 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (c, T) => {
       const A = K("FmButton"), m = K("FmCircularProgress"), u = K("FmTable");
-      return x(), P("div", da, [
+      return b(), R("div", da, [
         t("div", ma, [
-          l(Pe, {
+          l(Re, {
             "date-range": r(y),
             "onUpdate:dateRange": T[0] || (T[0] = (d) => $e(y) ? y.value = d : null),
             compare: !1
@@ -1840,10 +1840,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: h
           }, null, 8, ["loading", "label"])
         ]),
-        $.value ? (x(), P("div", pa, [
+        $.value ? (b(), R("div", pa, [
           l(m, { size: "xl" }),
           t("span", ca, C(r(i)("report.integration.table.loading")), 1)
-        ])) : e.value.length > 0 ? (x(), M(u, {
+        ])) : e.value.length > 0 ? (b(), M(u, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
           "row-data": e.value,
@@ -1860,7 +1860,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = E("setting"), g = [
+    const { t: a } = W(), e = J(f, "modelValue"), i = B("setting"), g = [
       {
         label: a("report.integration.setting"),
         value: "setting",
@@ -1871,7 +1871,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], V = ue(), $ = q(() => {
+    ], V = ue(), $ = Y(() => {
       switch (i.value) {
         case "preview":
           return ua;
@@ -1884,7 +1884,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (U, y) => {
       var T;
       const h = K("FmPageHead"), c = K("FmTabs");
-      return x(), P("div", fa, [
+      return b(), R("div", fa, [
         l(h, {
           title: ((T = e.value) == null ? void 0 : T.name) || "Bukku",
           "back-button": !0,
@@ -1902,7 +1902,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           items: g
         }, null, 8, ["model-value"]),
         t("div", va, [
-          (x(), M(Ve($.value), {
+          (b(), M(Ve($.value), {
             modelValue: e.value,
             "onUpdate:modelValue": y[1] || (y[1] = (A) => e.value = A)
           }, null, 8, ["modelValue"]))
@@ -1913,7 +1913,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), ya = {
   key: 0,
   class: "flex flex-col h-full"
-}, xa = { class: "flex flex-col gap-16 pb-[24px]" }, ba = { class: "flex flex-row justify-between items-center gap-2" }, wa = { class: "flex flex-row gap-2 items-center" }, _a = { class: "relative group cursor-pointer" }, ha = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, ka = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ca = { class: "w-[90%] flex flex-col gap-24" }, $a = { class: "flex flex-col gap-16" }, Va = { class: "fm-typo-en-title-sm-800" }, Aa = { class: "flex flex-col max-w-[100%]" }, Sa = { class: "w-[25%] font-semibold" }, Da = { class: "flex-grow" }, Fa = { class: "flex flex-col max-w-[100%]" }, Ka = { class: "w-[25%] font-semibold" }, Ta = { class: "flex flex-col max-w-[100%]" }, Na = { class: "w-[25%] font-semibold" }, Ua = { class: "flex flex-col gap-16" }, Ia = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Pa = { class: "flex flex-col gap-16 pt-3 pb-3" }, Ra = { class: "flex flex-row items-center gap-5" }, Ma = { class: "fm-typo-en-title-sm-800" }, ja = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Oa = { class: "flex flex-row items-center justify-between gap-x-16" }, La = { class: "fm-typo-en-title-sm-800" }, Ba = { class: "flex flex-row items-center justify-between gap-x-16" }, Ea = { class: "fm-typo-en-title-sm-800" }, qa = { class: "flex flex-row items-center justify-between gap-x-16" }, Ya = { class: "fm-typo-en-title-sm-800" }, za = { class: "flex flex-row items-center justify-between gap-x-16" }, Ha = { class: "fm-typo-en-title-sm-800" }, Xa = /* @__PURE__ */ Q({
+}, xa = { class: "flex flex-col gap-16 pb-[24px]" }, ba = { class: "flex flex-row justify-between items-center gap-2" }, wa = { class: "flex flex-row gap-2 items-center" }, _a = { class: "relative group cursor-pointer" }, ha = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, ka = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ca = { class: "w-[90%] flex flex-col gap-24" }, $a = { class: "flex flex-col gap-16" }, Va = { class: "fm-typo-en-title-sm-800" }, Aa = { class: "flex flex-col max-w-[100%]" }, Sa = { class: "w-[25%] font-semibold" }, Da = { class: "flex-grow" }, Fa = { class: "flex flex-col max-w-[100%]" }, Ka = { class: "w-[25%] font-semibold" }, Ta = { class: "flex flex-col max-w-[100%]" }, Na = { class: "w-[25%] font-semibold" }, Ua = { class: "flex flex-col gap-16" }, Ia = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ra = { class: "flex flex-col gap-16 pt-3 pb-3" }, Pa = { class: "flex flex-row items-center gap-5" }, Ma = { class: "fm-typo-en-title-sm-800" }, ja = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Oa = { class: "flex flex-row items-center justify-between gap-x-16" }, La = { class: "fm-typo-en-title-sm-800" }, Ea = { class: "flex flex-row items-center justify-between gap-x-16" }, Ba = { class: "fm-typo-en-title-sm-800" }, Ya = { class: "flex flex-row items-center justify-between gap-x-16" }, qa = { class: "fm-typo-en-title-sm-800" }, za = { class: "flex flex-row items-center justify-between gap-x-16" }, Ha = { class: "fm-typo-en-title-sm-800" }, Xa = /* @__PURE__ */ Q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -1921,7 +1921,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = q(
+    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = Y(
       () => y.map((w) => ({ label: w.name, value: w.id }))
     );
     async function c() {
@@ -1997,7 +1997,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         account: { placeholder: w, editable: !0 }
       };
     }
-    async function b() {
+    async function x() {
       await $(async () => {
         try {
           await Te(e.value._id), await g.getSettings();
@@ -2009,9 +2009,9 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return Se(async () => {
       await g.getSettings();
     }), (w, s) => {
-      var O, z, B, H, X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe;
+      var O, z, E, H, X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe;
       const o = K("FmIcon"), n = K("FmButton"), k = K("FmMenuDivider"), D = K("FmTextField"), I = K("FmSelect");
-      return (z = (O = e.value) == null ? void 0 : O.platform) != null && z.mappings ? (x(), P("div", ya, [
+      return (z = (O = e.value) == null ? void 0 : O.platform) != null && z.mappings ? (b(), R("div", ya, [
         t("div", xa, [
           t("div", ba, [
             s[23] || (s[23] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
@@ -2020,7 +2020,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 l(o, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: b
+                  onClick: x
                 }),
                 t("span", ha, C(r(a)("report.integration.refreshSetting")), 1)
               ]),
@@ -2095,11 +2095,11 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   },
                   options: v("Rounding"),
                   "onUpdate:modelValue": s[5] || (s[5] = (_) => {
-                    var N, p, R;
-                    (R = (p = (N = e.value) == null ? void 0 : N.platform) == null ? void 0 : p.mappings) != null && R.rounding && (e.value.platform.mappings.rounding.account = _.account);
+                    var N, p, P;
+                    (P = (p = (N = e.value) == null ? void 0 : N.platform) == null ? void 0 : p.mappings) != null && P.rounding && (e.value.platform.mappings.rounding.account = _.account);
                   })
                 }, null, 8, ["model-value", "options"]),
-                (x(!0), P(xe, null, Ce((X = (H = (B = e.value) == null ? void 0 : B.platform) == null ? void 0 : H.mappings) == null ? void 0 : X.charges, (_, N) => (x(), M(L, {
+                (b(!0), R(xe, null, Ce((X = (H = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : H.mappings) == null ? void 0 : X.charges, (_, N) => (b(), M(L, {
                   key: `charge-${N}`,
                   modelValue: e.value.platform.mappings.charges[N],
                   "onUpdate:modelValue": (p) => e.value.platform.mappings.charges[N] = p,
@@ -2111,8 +2111,8 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             l(k, { style: { margin: 0 } }),
-            t("div", Pa, [
-              t("div", Ra, [
+            t("div", Ra, [
+              t("div", Pa, [
                 t("div", Ma, C(r(a)("report.integration.refNumFormat")), 1),
                 l(Le)
               ]),
@@ -2152,7 +2152,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             l(k, { style: { margin: 0 } }),
-            l(Re, {
+            l(Pe, {
               modelValue: e.value.platform,
               "onUpdate:modelValue": s[10] || (s[10] = (_) => e.value.platform = _),
               label: r(a)("report.input.email")
@@ -2184,8 +2184,8 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               })
             }, null, 8, ["rows"]),
             l(k, { style: { margin: 0 } }),
-            t("div", Ba, [
-              t("div", Ea, C(r(a)("report.integration.taxes")), 1),
+            t("div", Ea, [
+              t("div", Ba, C(r(a)("report.integration.taxes")), 1),
               l(n, {
                 variant: "secondary",
                 "prepend-icon": "add",
@@ -2210,8 +2210,8 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               })
             }, null, 8, ["rows"]),
             l(k, { style: { margin: 0 } }),
-            t("div", qa, [
-              t("div", Ya, C(r(a)("report.integration.taxRoundingAdjustments")), 1),
+            t("div", Ya, [
+              t("div", qa, C(r(a)("report.integration.taxRoundingAdjustments")), 1),
               l(n, {
                 variant: "secondary",
                 "prepend-icon": "add",
@@ -2277,7 +2277,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = E([]), i = q(
+    const { t: a } = W(), e = B([]), i = Y(
       () => e.value.reduce((c, T) => {
         const A = c.length, { invoice: m, payments: u } = T;
         c[A] = {
@@ -2377,7 +2377,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], V = J(f, "modelValue"), $ = E(!1), U = ve(), { dateRange: y } = Ie(fe());
+    ], V = J(f, "modelValue"), $ = B(!1), U = ve(), { dateRange: y } = Ie(fe());
     we(
       () => y.value,
       async () => {
@@ -2405,9 +2405,9 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (c, T) => {
       const A = K("FmButton"), m = K("FmCircularProgress"), u = K("FmTable");
-      return x(), P("div", Qa, [
+      return b(), R("div", Qa, [
         t("div", Ga, [
-          l(Pe, {
+          l(Re, {
             "date-range": r(y),
             "onUpdate:dateRange": T[0] || (T[0] = (d) => $e(y) ? y.value = d : null),
             compare: !1
@@ -2419,10 +2419,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: h
           }, null, 8, ["loading", "label"])
         ]),
-        $.value ? (x(), P("div", Ja, [
+        $.value ? (b(), R("div", Ja, [
           l(m, { size: "xl" }),
           t("span", Wa, C(r(a)("report.common.isLoading")), 1)
-        ])) : i.value.length > 0 ? (x(), M(u, {
+        ])) : i.value.length > 0 ? (b(), M(u, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
           "row-data": i.value,
@@ -2439,7 +2439,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = E("setting"), g = [
+    const { t: a } = W(), e = J(f, "modelValue"), i = B("setting"), g = [
       {
         label: a("report.integration.setting"),
         value: "setting",
@@ -2450,7 +2450,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], V = ue(), $ = q(() => {
+    ], V = ue(), $ = Y(() => {
       switch (i.value) {
         case "preview":
           return Za;
@@ -2463,7 +2463,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (U, y) => {
       var T;
       const h = K("FmPageHead"), c = K("FmTabs");
-      return x(), P("div", el, [
+      return b(), R("div", el, [
         l(h, {
           title: ((T = e.value) == null ? void 0 : T.name) || "AutoCount",
           "back-button": !0,
@@ -2481,7 +2481,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           items: g
         }, null, 8, ["model-value"]),
         t("div", tl, [
-          (x(), M(Ve($.value), {
+          (b(), M(Ve($.value), {
             modelValue: e.value,
             "onUpdate:modelValue": y[1] || (y[1] = (A) => e.value = A)
           }, null, 8, ["modelValue"]))
@@ -2500,7 +2500,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = q(
+    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = Y(
       () => y.map((w) => ({ label: w.name, value: w.id }))
     );
     async function c() {
@@ -2577,7 +2577,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         account: { placeholder: w, editable: !0 }
       };
     }
-    async function b() {
+    async function x() {
       await $(async () => {
         try {
           await Te(e.value._id), await g.getSettings();
@@ -2589,9 +2589,9 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return Se(async () => {
       await g.getSettings();
     }), (w, s) => {
-      var O, z, B, H, X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe;
+      var O, z, E, H, X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe;
       const o = K("FmIcon"), n = K("FmButton"), k = K("FmMenuDivider"), D = K("FmTextField"), I = K("FmSelect");
-      return (z = (O = e.value) == null ? void 0 : O.platform) != null && z.mappings ? (x(), P("div", al, [
+      return (z = (O = e.value) == null ? void 0 : O.platform) != null && z.mappings ? (b(), R("div", al, [
         t("div", ll, [
           t("div", nl, [
             s[24] || (s[24] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
@@ -2600,7 +2600,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 l(o, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: b
+                  onClick: x
                 }),
                 t("span", rl, C(r(a)("report.integration.refreshSetting")), 1)
               ]),
@@ -2693,11 +2693,11 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     code: { placeholder: "Item code", editable: !0 }
                   },
                   "onUpdate:modelValue": s[6] || (s[6] = (_) => {
-                    var N, p, R;
-                    (R = (p = (N = e.value) == null ? void 0 : N.platform) == null ? void 0 : p.mappings) != null && R.rounding && (e.value.platform.mappings.rounding.account = _.account, e.value.platform.mappings.rounding.code = _.code);
+                    var N, p, P;
+                    (P = (p = (N = e.value) == null ? void 0 : N.platform) == null ? void 0 : p.mappings) != null && P.rounding && (e.value.platform.mappings.rounding.account = _.account, e.value.platform.mappings.rounding.code = _.code);
                   })
                 }, null, 8, ["model-value"]),
-                (x(!0), P(xe, null, Ce((X = (H = (B = e.value) == null ? void 0 : B.platform) == null ? void 0 : H.mappings) == null ? void 0 : X.charges, (_, N) => (x(), M(L, {
+                (b(!0), R(xe, null, Ce((X = (H = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : H.mappings) == null ? void 0 : X.charges, (_, N) => (b(), M(L, {
                   key: `charge-${N}`,
                   modelValue: e.value.platform.mappings.charges[N],
                   "onUpdate:modelValue": (p) => e.value.platform.mappings.charges[N] = p,
@@ -2751,7 +2751,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             l(k, { style: { margin: 0 } }),
-            l(Re, {
+            l(Pe, {
               modelValue: e.value.platform,
               "onUpdate:modelValue": s[11] || (s[11] = (_) => e.value.platform = _),
               label: "email"
@@ -2866,7 +2866,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ])) : j("", !0);
     };
   }
-}), Pl = { class: "h-full flex flex-col gap-16" }, Rl = { class: "flex flex-row gap-2 justify-between items-center" }, Ml = {
+}), Rl = { class: "h-full flex flex-col gap-16" }, Pl = { class: "flex flex-row gap-2 justify-between items-center" }, Ml = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
 }, jl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ol = /* @__PURE__ */ Q({
@@ -2877,7 +2877,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = E([]), i = q(
+    const { t: a } = W(), e = B([]), i = Y(
       () => e.value.reduce((c, T) => {
         const A = c.length, { invoice: m, payments: u } = T;
         c[A] = {
@@ -2972,7 +2972,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], V = J(f, "modelValue"), $ = E(!1), U = ve(), { dateRange: y } = Ie(fe());
+    ], V = J(f, "modelValue"), $ = B(!1), U = ve(), { dateRange: y } = Ie(fe());
     we(
       () => y.value,
       async () => {
@@ -3000,9 +3000,9 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (c, T) => {
       const A = K("FmButton"), m = K("FmCircularProgress"), u = K("FmTable");
-      return x(), P("div", Pl, [
-        t("div", Rl, [
-          l(Pe, {
+      return b(), R("div", Rl, [
+        t("div", Pl, [
+          l(Re, {
             "date-range": r(y),
             "onUpdate:dateRange": T[0] || (T[0] = (d) => $e(y) ? y.value = d : null),
             compare: !1
@@ -3014,10 +3014,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: h
           }, null, 8, ["loading", "label"])
         ]),
-        $.value ? (x(), P("div", Ml, [
+        $.value ? (b(), R("div", Ml, [
           l(m, { size: "xl" }),
           t("span", jl, C(r(a)("report.common.isLoading")), 1)
-        ])) : i.value.length > 0 ? (x(), M(u, {
+        ])) : i.value.length > 0 ? (b(), M(u, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
           "row-data": i.value,
@@ -3026,7 +3026,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Ll = { class: "h-full relative flex flex-col" }, Bl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, El = /* @__PURE__ */ Q({
+}), Ll = { class: "h-full relative flex flex-col" }, El = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Bl = /* @__PURE__ */ Q({
   __name: "SQL",
   props: {
     modelValue: {},
@@ -3034,7 +3034,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = E("setting"), g = [
+    const { t: a } = W(), e = J(f, "modelValue"), i = B("setting"), g = [
       {
         label: a("report.integration.setting"),
         value: "setting",
@@ -3045,7 +3045,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], V = ue(), $ = q(() => {
+    ], V = ue(), $ = Y(() => {
       switch (i.value) {
         case "preview":
           return Ol;
@@ -3058,7 +3058,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (U, y) => {
       var T;
       const h = K("FmPageHead"), c = K("FmTabs");
-      return x(), P("div", Ll, [
+      return b(), R("div", Ll, [
         l(h, {
           title: ((T = e.value) == null ? void 0 : T.name) || "SQL",
           "back-button": !0,
@@ -3075,8 +3075,8 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           "onUpdate:modelValue": y[0] || (y[0] = (A) => i.value = A),
           items: g
         }, null, 8, ["model-value"]),
-        t("div", Bl, [
-          (x(), M(Ve($.value), {
+        t("div", El, [
+          (b(), M(Ve($.value), {
             modelValue: e.value,
             "onUpdate:modelValue": y[1] || (y[1] = (A) => e.value = A)
           }, null, 8, ["modelValue"]))
@@ -3084,13 +3084,13 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), ql = {
+}), Yl = {
   key: 0,
   class: "flex flex-col h-full"
-}, Yl = { class: "flex flex-col gap-16 pb-[24px]" }, zl = { class: "flex flex-row justify-between items-center gap-2" }, Hl = { class: "fm-typo-en-title-sm-800" }, Xl = { class: "flex flex-row gap-2 items-center" }, Ql = { class: "flex flex-row gap-2 items-center" }, Gl = { class: "relative group cursor-pointer" }, Jl = { 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" }, Wl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Zl = { class: "w-[90%] flex flex-col gap-24" }, en = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, tn = { class: "flex flex-col max-w-[100%]" }, on = { class: "w-[25%] font-semibold" }, an = { class: "flex-grow" }, ln = { class: "flex flex-col gap-24 pt-[24px]" }, nn = { class: "flex flex-col justify-between" }, sn = { class: "w-[25%] font-semibold" }, rn = { class: "flex-grow" }, dn = { class: "flex flex-col justify-between" }, mn = { class: "w-[25%] font-semibold" }, pn = { class: "flex-grow" }, cn = { class: "flex flex-col gap-16" }, un = { class: "fm-typo-en-title-sm-800" }, fn = { class: "flex flex-col max-w-[100%]" }, vn = { class: "w-[25%] font-semibold" }, gn = { class: "flex-grow" }, yn = { class: "flex flex-col max-w-[100%]" }, xn = { class: "w-[25%] font-semibold" }, bn = { class: "flex flex-col max-w-[100%]" }, wn = { class: "w-[25%] font-semibold" }, _n = {
+}, ql = { class: "flex flex-col gap-16 pb-[24px]" }, zl = { class: "flex flex-row justify-between items-center gap-2" }, Hl = { class: "fm-typo-en-title-sm-800" }, Xl = { class: "flex flex-row gap-2 items-center" }, Ql = { class: "flex flex-row gap-2 items-center" }, Gl = { class: "relative group cursor-pointer" }, Jl = { 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" }, Wl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Zl = { class: "w-[90%] flex flex-col gap-24" }, en = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, tn = { class: "flex flex-col max-w-[100%]" }, on = { class: "w-[25%] font-semibold" }, an = { class: "flex-grow" }, ln = { class: "flex flex-col gap-24 pt-[24px]" }, nn = { class: "flex flex-col justify-between" }, sn = { class: "w-[25%] font-semibold" }, rn = { class: "flex-grow" }, dn = { class: "flex flex-col justify-between" }, mn = { class: "w-[25%] font-semibold" }, pn = { class: "flex-grow" }, cn = { class: "flex flex-col gap-16" }, un = { class: "fm-typo-en-title-sm-800" }, fn = { class: "flex flex-col max-w-[100%]" }, vn = { class: "w-[25%] font-semibold" }, gn = { class: "flex-grow" }, yn = { class: "flex flex-col max-w-[100%]" }, xn = { class: "w-[25%] font-semibold" }, bn = { class: "flex flex-col max-w-[100%]" }, wn = { class: "w-[25%] font-semibold" }, _n = {
   key: 0,
   class: "flex flex-col max-w-[100%]"
-}, hn = { class: "flex flex-col gap-16" }, kn = { class: "xs:grid-cols-1 grid gap-16" }, Cn = { key: 1 }, $n = { class: "flex flex-col gap-16 pt-3 pb-3" }, Vn = { class: "flex flex-row items-center gap-5" }, An = { class: "fm-typo-en-title-sm-800" }, Sn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Dn = { class: "flex flex-row items-center justify-between gap-x-16" }, Fn = { class: "fm-typo-en-title-sm-800" }, Kn = { class: "flex flex-row items-center justify-between gap-x-16" }, Tn = { class: "fm-typo-en-title-sm-800" }, Nn = { class: "flex flex-row items-center justify-between gap-x-16" }, Un = { class: "fm-typo-en-title-sm-800" }, In = { class: "flex flex-row items-center justify-between gap-x-16" }, Pn = { class: "fm-typo-en-title-sm-800" }, Rn = { class: "flex flex-row items-center justify-between" }, Mn = { class: "flex-grow" }, jn = {
+}, hn = { class: "flex flex-col gap-16" }, kn = { class: "xs:grid-cols-1 grid gap-16" }, Cn = { key: 1 }, $n = { class: "flex flex-col gap-16 pt-3 pb-3" }, Vn = { class: "flex flex-row items-center gap-5" }, An = { class: "fm-typo-en-title-sm-800" }, Sn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Dn = { class: "flex flex-row items-center justify-between gap-x-16" }, Fn = { class: "fm-typo-en-title-sm-800" }, Kn = { class: "flex flex-row items-center justify-between gap-x-16" }, Tn = { class: "fm-typo-en-title-sm-800" }, Nn = { class: "flex flex-row items-center justify-between gap-x-16" }, Un = { class: "fm-typo-en-title-sm-800" }, In = { class: "flex flex-row items-center justify-between gap-x-16" }, Rn = { class: "fm-typo-en-title-sm-800" }, Pn = { class: "flex flex-row items-center justify-between" }, Mn = { class: "flex-grow" }, jn = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, On = {
@@ -3099,7 +3099,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, Ln = {
   key: 3,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Bn = /* @__PURE__ */ Q({
+}, En = /* @__PURE__ */ Q({
   __name: "Setting",
   props: /* @__PURE__ */ Ae({
     retrievedMethods: {
@@ -3116,7 +3116,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = q(
+    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = Y(
       () => y.map((s) => ({ label: s.name, value: s.id }))
     );
     function c(s) {
@@ -3189,7 +3189,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       var n, k;
       (k = (n = e.value) == null ? void 0 : n.platform) != null && k.mappings && (e.value.platform.mappings[s] = o);
     }
-    function b(s) {
+    function x(s) {
       return {
         key: { placeholder: s, editable: !1 },
         account: { placeholder: s, editable: !0 }
@@ -3251,10 +3251,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return Se(async () => {
       await g.getSettings();
     }), (s, o) => {
-      var B, H, X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe, _, N;
+      var E, H, X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe, _, N;
       const n = K("FmIcon"), k = K("FmButton"), D = K("FmSelect"), I = K("FmMenuDivider"), O = K("FmTextField"), z = K("FmCircularProgress");
-      return (H = (B = e.value) == null ? void 0 : B.platform) != null && H.mappings ? (x(), P("div", ql, [
-        t("div", Yl, [
+      return (H = (E = e.value) == null ? void 0 : E.platform) != null && H.mappings ? (b(), R("div", Yl, [
+        t("div", ql, [
           t("div", zl, [
             t("div", Hl, C(r(a)("report.integration.connect")), 1),
             t("div", Xl, [
@@ -3355,9 +3355,9 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     disabled: ""
                   }, null, 8, ["modelValue", "placeholder"])
                 ]),
-                e.value.platform.mappings.version == "v1" ? (x(), P("div", _n, [
+                e.value.platform.mappings.version == "v1" ? (b(), R("div", _n, [
                   o[26] || (o[26] = t("div", { class: "w-[33%] font-semibold" }, "Payee ID", -1)),
-                  e.value.platform.mappings.version == "v1" ? (x(), M(L, {
+                  e.value.platform.mappings.version == "v1" ? (b(), M(L, {
                     key: 0,
                     modelValue: e.value.platform.mappings.payee,
                     "onUpdate:modelValue": o[6] || (o[6] = (p) => e.value.platform.mappings.payee = p),
@@ -3369,12 +3369,12 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 ])) : j("", !0),
                 t("div", hn, [
                   t("div", kn, [
-                    !f.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (x(), M(z, {
+                    !f.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (b(), M(z, {
                       key: 0,
                       size: "xl"
                     })) : j("", !0),
-                    f.retrievedCustomers.isLoaded && f.retrievedCustomers.data && ((X = f.retrievedCustomers.data) == null ? void 0 : X.length) != 0 ? (x(), P("div", Cn, [
-                      e.value.platform.mappings.version == "v2" ? (x(), M(Je, {
+                    f.retrievedCustomers.isLoaded && f.retrievedCustomers.data && ((X = f.retrievedCustomers.data) == null ? void 0 : X.length) != 0 ? (b(), R("div", Cn, [
+                      e.value.platform.mappings.version == "v2" ? (b(), M(Je, {
                         key: 0,
                         modelValue: e.value.platform.mappings.payeeId,
                         "onUpdate:modelValue": o[7] || (o[7] = (p) => e.value.platform.mappings.payeeId = p),
@@ -3405,7 +3405,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       key: "Invoice no",
                       account: e.value.platform.mappings.invoiceDocNo
                     },
-                    options: b("Invoice no"),
+                    options: x("Invoice no"),
                     "onUpdate:modelValue": o[8] || (o[8] = (p) => v({ key: "invoiceDocNo", value: p.account }))
                   }, null, 8, ["model-value", "options"]),
                   l(L, {
@@ -3413,31 +3413,31 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       key: "Credit note no",
                       account: e.value.platform.mappings.creditNoteDocNo
                     },
-                    options: b("Credit note no"),
+                    options: x("Credit note no"),
                     "onUpdate:modelValue": o[9] || (o[9] = (p) => v({ key: "creditNoteDocNo", value: p.account }))
                   }, null, 8, ["model-value", "options"]),
-                  e.value.platform.mappings.version == "v2" ? (x(), M(L, {
+                  e.value.platform.mappings.version == "v2" ? (b(), M(L, {
                     key: 0,
                     "model-value": {
                       key: "Payment no",
                       account: e.value.platform.mappings.paymentDocNo
                     },
-                    options: b("Payment no"),
+                    options: x("Payment no"),
                     "onUpdate:modelValue": o[10] || (o[10] = (p) => v({ key: "paymentDocNo", value: p.account }))
                   }, null, 8, ["model-value", "options"])) : j("", !0),
-                  e.value.platform.mappings.version == "v2" ? (x(), M(L, {
+                  e.value.platform.mappings.version == "v2" ? (b(), M(L, {
                     key: 1,
                     "model-value": {
                       key: "Refund no",
                       account: e.value.platform.mappings.refundDocNo
                     },
-                    options: b("Refund no"),
+                    options: x("Refund no"),
                     "onUpdate:modelValue": o[11] || (o[11] = (p) => v({ key: "refundDocNo", value: p.account }))
                   }, null, 8, ["model-value", "options"])) : j("", !0)
                 ])
               ]),
               l(I, { style: { margin: 0 } }),
-              l(Re, {
+              l(Pe, {
                 modelValue: e.value.platform,
                 "onUpdate:modelValue": o[12] || (o[12] = (p) => e.value.platform = p),
                 label: "upload",
@@ -3463,10 +3463,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   key: { placeholder: "Key", editable: !0 },
                   code: { placeholder: "Account code", editable: !0 }
                 },
-                onRemove: o[14] || (o[14] = (p, R) => m(p, R)),
+                onRemove: o[14] || (o[14] = (p, P) => m(p, P)),
                 "onUpdate:rows": o[15] || (o[15] = (p) => {
-                  var R, S;
-                  (S = (R = e.value) == null ? void 0 : R.platform) != null && S.mappings && (e.value.platform.mappings.items = p);
+                  var P, S;
+                  (S = (P = e.value) == null ? void 0 : P.platform) != null && S.mappings && (e.value.platform.mappings.items = p);
                 })
               }, null, 8, ["rows"]),
               l(I, { style: { margin: 0 } }),
@@ -3489,10 +3489,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   key: { placeholder: "Key", editable: !0 },
                   account: { placeholder: "Account code", editable: !0 }
                 },
-                onRemove: o[17] || (o[17] = (p, R) => m(p, R)),
+                onRemove: o[17] || (o[17] = (p, P) => m(p, P)),
                 "onUpdate:rows": o[18] || (o[18] = (p) => {
-                  var R, S;
-                  (S = (R = e.value) == null ? void 0 : R.platform) != null && S.mappings && (e.value.platform.mappings.taxes = p);
+                  var P, S;
+                  (S = (P = e.value) == null ? void 0 : P.platform) != null && S.mappings && (e.value.platform.mappings.taxes = p);
                 })
               }, null, 8, ["rows"]),
               l(I, { style: { margin: 0 } }),
@@ -3515,15 +3515,15 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   key: { placeholder: "Key", editable: !0 },
                   account: { placeholder: "Account code", editable: !0 }
                 },
-                onRemove: o[20] || (o[20] = (p, R) => m(p, R)),
+                onRemove: o[20] || (o[20] = (p, P) => m(p, P)),
                 "onUpdate:rows": o[21] || (o[21] = (p) => {
-                  var R, S;
-                  (S = (R = e.value) == null ? void 0 : R.platform) != null && S.mappings && (e.value.platform.mappings.taxRoundingAdjustments = p);
+                  var P, S;
+                  (S = (P = e.value) == null ? void 0 : P.platform) != null && S.mappings && (e.value.platform.mappings.taxRoundingAdjustments = p);
                 })
               }, null, 8, ["rows"]),
               l(I, { style: { margin: 0 } }),
               t("div", In, [
-                t("div", Pn, C(r(a)("report.integration.biztory.payments")), 1),
+                t("div", Rn, C(r(a)("report.integration.biztory.payments")), 1),
                 l(k, {
                   variant: "secondary",
                   "prepend-icon": "add",
@@ -3531,7 +3531,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: o[22] || (o[22] = () => u("paymentMethods"))
                 })
               ]),
-              t("div", Rn, [
+              t("div", Pn, [
                 o[27] || (o[27] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
                 t("div", Mn, [
                   l(L, {
@@ -3546,14 +3546,14 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }, null, 8, ["modelValue"])
                 ])
               ]),
-              f.retrievedMethods.isError ? j("", !0) : (x(), P("div", jn, C(r(a)("report.integration.biztory.paymentTerm")), 1)),
-              f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length == 0 && !f.retrievedMethods.isError ? (x(), P("span", On, C(r(a)("report.integration.biztory.noPaymentMethods")), 1)) : j("", !0),
-              f.retrievedMethods.isLoaded ? j("", !0) : (x(), M(z, {
+              f.retrievedMethods.isError ? j("", !0) : (b(), R("div", jn, C(r(a)("report.integration.biztory.paymentTerm")), 1)),
+              f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length == 0 && !f.retrievedMethods.isError ? (b(), R("span", On, C(r(a)("report.integration.biztory.noPaymentMethods")), 1)) : j("", !0),
+              f.retrievedMethods.isLoaded ? j("", !0) : (b(), M(z, {
                 key: 2,
                 size: "xl"
               })),
-              f.retrievedMethods.isError ? (x(), P("span", Ln, C(r(a)("report.integration.biztory.error")), 1)) : j("", !0),
-              f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length != 0 ? (x(), M(G, {
+              f.retrievedMethods.isError ? (b(), R("span", Ln, C(r(a)("report.integration.biztory.error")), 1)) : j("", !0),
+              f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length != 0 ? (b(), M(G, {
                 key: 4,
                 "header-items": ["Key", "Payment Method"],
                 rows: ((N = (_ = (pe = e.value) == null ? void 0 : pe.platform) == null ? void 0 : _.mappings) == null ? void 0 : N.paymentMethods) || [],
@@ -3568,10 +3568,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 },
                 removable: !0,
                 "mapping-type": s.paymentMethods,
-                onRemove: o[24] || (o[24] = (p, R) => m(p, R)),
+                onRemove: o[24] || (o[24] = (p, P) => m(p, P)),
                 "onUpdate:rows": o[25] || (o[25] = (p) => {
-                  var R, S;
-                  (S = (R = e.value) == null ? void 0 : R.platform) != null && S.mappings && (e.value.platform.mappings.paymentMethods = p);
+                  var P, S;
+                  (S = (P = e.value) == null ? void 0 : P.platform) != null && S.mappings && (e.value.platform.mappings.paymentMethods = p);
                 })
               }, null, 8, ["rows", "fields-options", "mapping-type"])) : j("", !0)
             ])
@@ -3581,9 +3581,9 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     };
   }
 });
-function En(f) {
+function Bn(f) {
   return f.reduce((a, e) => {
-    var V, $, U, y, h, c, T, A, m, u, d, v, b, w, s, o, n, k, D, I, O, z;
+    var V, $, U, y, h, c, T, A, m, u, d, v, x, w, s, o, n, k, D, I, O, z;
     const { invoice: i } = e, g = a.length;
     a[g] = {
       invoice_date: i.invoice_date,
@@ -3601,10 +3601,10 @@ function En(f) {
       payment_method: ((m = (A = i.transactions) == null ? void 0 : A[0]) == null ? void 0 : m.payment_method) || "-",
       payment_term: ((u = i == null ? void 0 : i.payment_term) == null ? void 0 : u.name) || ""
     };
-    for (let B = 1; B < Math.max(((d = i.items) == null ? void 0 : d.length) || 0, ((v = i.transactions) == null ? void 0 : v.length) || 0); B++) {
-      const H = g + B;
+    for (let E = 1; E < Math.max(((d = i.items) == null ? void 0 : d.length) || 0, ((v = i.transactions) == null ? void 0 : v.length) || 0); E++) {
+      const H = g + E;
       a[H] || (a[H] = {});
-      const X = i.items[B];
+      const X = i.items[E];
       X ? a[H] = {
         ...a[H],
         item_code: X.code,
@@ -3612,19 +3612,19 @@ function En(f) {
         item_price: X.price,
         item_tax: X.total_tax,
         item_tax_label: X.tax_label || "-",
-        payment_amount: ((w = (b = i.transactions) == null ? void 0 : b[B]) == null ? void 0 : w.amount) || void 0,
-        payment_method: ((o = (s = i.transactions) == null ? void 0 : s[B]) == null ? void 0 : o.payment_method) || "-",
+        payment_amount: ((w = (x = i.transactions) == null ? void 0 : x[E]) == null ? void 0 : w.amount) || void 0,
+        payment_method: ((o = (s = i.transactions) == null ? void 0 : s[E]) == null ? void 0 : o.payment_method) || "-",
         payment_term: ((n = i == null ? void 0 : i.payment_term) == null ? void 0 : n.name) || ""
       } : a[H] = {
-        payment_amount: ((D = (k = i.transactions) == null ? void 0 : k[B]) == null ? void 0 : D.amount) || void 0,
-        payment_method: ((O = (I = i.transactions) == null ? void 0 : I[B]) == null ? void 0 : O.payment_method) || "-",
+        payment_amount: ((D = (k = i.transactions) == null ? void 0 : k[E]) == null ? void 0 : D.amount) || void 0,
+        payment_method: ((O = (I = i.transactions) == null ? void 0 : I[E]) == null ? void 0 : O.payment_method) || "-",
         payment_term: ((z = i == null ? void 0 : i.payment_term) == null ? void 0 : z.name) || ""
       };
     }
     return a;
   }, []);
 }
-const qn = [
+const Yn = [
   {
     accessorKey: "invoice_date",
     header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3696,9 +3696,9 @@ const qn = [
     enableSorting: !1
   }
 ];
-function Yn(f) {
+function qn(f) {
   return f.reduce((a, e) => {
-    var U, y, h, c, T, A, m, u, d, v, b, w, s, o;
+    var U, y, h, c, T, A, m, u, d, v, x, w, s, o;
     const { invoice: i, payments: g } = e, V = a.length;
     a[V] = {
       invoice_date: i.invoice_date,
@@ -3716,7 +3716,7 @@ function Yn(f) {
       payment_method: ((v = g[0]) == null ? void 0 : v.payment_method_name) || ""
     };
     const $ = Math.max(
-      ((b = i.items) == null ? void 0 : b.length) || 0,
+      ((x = i.items) == null ? void 0 : x.length) || 0,
       ((w = i.terms) == null ? void 0 : w.length) || 0,
       (g == null ? void 0 : g.length) || 0
     );
@@ -3821,7 +3821,7 @@ const zn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = E(!1), g = ve(), { dateRange: V } = Ie(fe()), $ = E([]);
+    const { t: a } = W(), e = J(f, "modelValue"), i = B(!1), g = ve(), { dateRange: V } = Ie(fe()), $ = B([]);
     we(
       () => V.value,
       async () => {
@@ -3838,18 +3838,18 @@ const zn = [
         immediate: !0
       }
     );
-    const U = q(() => {
+    const U = Y(() => {
       switch (e.value.platform.mappings.version) {
         case "v1":
-          return En($.value);
+          return Bn($.value);
         case "v2":
-          return Yn($.value);
+          return qn($.value);
       }
       return [];
-    }), y = q(() => {
+    }), y = Y(() => {
       switch (e.value.platform.mappings.version) {
         case "v1":
-          return qn;
+          return Yn;
         case "v2":
           return zn;
       }
@@ -3857,7 +3857,7 @@ const zn = [
     });
     async function h() {
       try {
-        e.value._id && e.value.platform.subdomain && e.value.platform.api_key ? (i.value = !0, await Be(e.value._id), g.open({ message: "Upload successful", type: "success" })) : g.open({ message: "Invalid accounting setting", type: "error" });
+        e.value._id && e.value.platform.subdomain && e.value.platform.api_key ? (i.value = !0, await Ee(e.value._id), g.open({ message: "Upload successful", type: "success" })) : g.open({ message: "Invalid accounting setting", type: "error" });
       } catch (c) {
         c.message && g.open({ message: c.message, type: "error" }), c.errors && c.errors.forEach((T) => g.open({ message: T, type: "error" }));
       } finally {
@@ -3866,9 +3866,9 @@ const zn = [
     }
     return (c, T) => {
       const A = K("FmButton"), m = K("FmCircularProgress"), u = K("FmTable");
-      return x(), P("div", Hn, [
+      return b(), R("div", Hn, [
         t("div", Xn, [
-          l(Pe, {
+          l(Re, {
             "date-range": r(V),
             "onUpdate:dateRange": T[0] || (T[0] = (d) => $e(V) ? V.value = d : null),
             compare: !1
@@ -3880,10 +3880,10 @@ const zn = [
             onClick: h
           }, null, 8, ["loading"])
         ]),
-        i.value ? (x(), P("div", Qn, [
+        i.value ? (b(), R("div", Qn, [
           l(m, { size: "xl" }),
           t("span", Gn, C(r(a)("report.common.isLoading")), 1)
-        ])) : (x(), M(u, {
+        ])) : (b(), M(u, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
           "row-data": U.value,
@@ -3900,7 +3900,7 @@ const zn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = E("setting"), g = [
+    const { t: a } = W(), e = J(f, "modelValue"), i = B("setting"), g = [
       {
         label: a("report.integration.setting"),
         value: "setting",
@@ -3911,7 +3911,7 @@ const zn = [
         value: "preview",
         icon: "table"
       }
-    ], V = ue(), $ = q(() => {
+    ], V = ue(), $ = Y(() => {
       switch (i.value) {
         case "preview":
           return {
@@ -3919,7 +3919,7 @@ const zn = [
           };
         case "setting":
           return {
-            component: Bn,
+            component: En,
             props: {
               retrievedMethods: U.value,
               retrievedCustomers: y.value
@@ -3928,16 +3928,16 @@ const zn = [
         default:
           return null;
       }
-    }), U = E({}), y = E({}), h = (u, d) => u.map((v) => ({
+    }), U = B({}), y = B({}), h = (u, d) => u.map((v) => ({
       label: d.length > 2 ? `ID:${v[d[2]]} [${v[d[0]]}] ${v[d[1]]}` : `[${v[d[0]]}] ${v[d[1]]}`,
       value: v.id,
       cnId: v.cnId ? v.cnId : null
-    })), c = (u) => h(u, ["wallet", "name"]), T = (u) => h(u, ["id", "name"]), A = async (u, d, v, b) => {
+    })), c = (u) => h(u, ["wallet", "name"]), T = (u) => h(u, ["id", "name"]), A = async (u, d, v, x) => {
       try {
         const w = await u(e.value._id);
         v.value.data = d(w);
       } catch (w) {
-        console.error(b, w), v.value.isError = !0;
+        console.error(x, w), v.value.isError = !0;
       } finally {
         v.value.isLoaded = !0;
       }
@@ -3955,13 +3955,13 @@ const zn = [
         "Failed to fetch customers:"
       ), U.value.isLoaded = !0, y.value.isLoaded = !0;
     };
-    return qe(m), we(() => {
+    return Ye(m), we(() => {
       var u;
       return (u = e.value.platform.mappings) == null ? void 0 : u.version;
     }, m), (u, d) => {
       var w, s, o;
-      const v = K("FmPageHead"), b = K("FmTabs");
-      return x(), P("div", Wn, [
+      const v = K("FmPageHead"), x = K("FmTabs");
+      return b(), R("div", Wn, [
         l(v, {
           title: ((w = e.value) == null ? void 0 : w.name) || "Biztory",
           "back-button": !0,
@@ -3973,13 +3973,13 @@ const zn = [
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        l(b, {
+        l(x, {
           "model-value": i.value,
           "onUpdate:modelValue": d[0] || (d[0] = (n) => i.value = n),
           items: g
         }, null, 8, ["model-value"]),
         t("div", Zn, [
-          (x(), M(Ve((s = $.value) == null ? void 0 : s.component), Ee({
+          (b(), M(Ve((s = $.value) == null ? void 0 : s.component), Be({
             modelValue: e.value,
             "onUpdate:modelValue": d[1] || (d[1] = (n) => e.value = n)
           }, (o = $.value) == null ? void 0 : o.props), null, 16, ["modelValue"]))
@@ -3998,7 +3998,7 @@ const zn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = q(
+    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = Y(
       () => y.map((d) => ({ label: d.name, value: d.id }))
     );
     async function c() {
@@ -4023,14 +4023,14 @@ const zn = [
       });
     }
     function A(d, v) {
-      var b, w;
-      (w = (b = e.value.platform) == null ? void 0 : b.mappings) != null && w[d] && (e.value.platform.mappings[d] = e.value.platform.mappings[d].filter(
+      var x, w;
+      (w = (x = e.value.platform) == null ? void 0 : x.mappings) != null && w[d] && (e.value.platform.mappings[d] = e.value.platform.mappings[d].filter(
         (s, o) => o !== v
       ));
     }
     function m(d) {
-      var v, b;
-      (b = (v = e.value.platform) == null ? void 0 : v.mappings) != null && b[d] && (e.value.platform.mappings[d] = [
+      var v, x;
+      (x = (v = e.value.platform) == null ? void 0 : v.mappings) != null && x[d] && (e.value.platform.mappings[d] = [
         ...e.value.platform.mappings[d],
         {
           key: "",
@@ -4053,14 +4053,14 @@ const zn = [
       await g.getSettings();
     }), (d, v) => {
       var k, D, I, O, z;
-      const b = K("FmIcon"), w = K("FmButton"), s = K("FmMenuDivider"), o = K("FmTextField"), n = K("FmSelect");
-      return (D = (k = e.value) == null ? void 0 : k.platform) != null && D.mappings ? (x(), P("div", ts, [
+      const x = K("FmIcon"), w = K("FmButton"), s = K("FmMenuDivider"), o = K("FmTextField"), n = K("FmSelect");
+      return (D = (k = e.value) == null ? void 0 : k.platform) != null && D.mappings ? (b(), R("div", ts, [
         t("div", os, [
           t("div", as, [
             v[6] || (v[6] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
             t("div", ls, [
               t("div", ns, [
-                l(b, {
+                l(x, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: u
@@ -4091,7 +4091,7 @@ const zn = [
                 t("div", us, [
                   l(o, {
                     modelValue: e.value.name,
-                    "onUpdate:modelValue": v[0] || (v[0] = (B) => e.value.name = B)
+                    "onUpdate:modelValue": v[0] || (v[0] = (E) => e.value.name = E)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
@@ -4103,14 +4103,14 @@ const zn = [
                   items: h.value,
                   placeholder: "Select location",
                   class: "flex-grow",
-                  "onUpdate:modelValue": v[1] || (v[1] = (B) => e.value.platform.locationIds[0] = B)
+                  "onUpdate:modelValue": v[1] || (v[1] = (E) => e.value.platform.locationIds[0] = E)
                 }, null, 8, ["model-value", "items"])
               ])
             ]),
             l(s, { style: { margin: 0 } }),
-            l(Re, {
+            l(Pe, {
               modelValue: e.value.platform,
-              "onUpdate:modelValue": v[2] || (v[2] = (B) => e.value.platform = B),
+              "onUpdate:modelValue": v[2] || (v[2] = (E) => e.value.platform = E),
               label: r(a)("report.input.email")
             }, null, 8, ["modelValue", "label"]),
             l(s, { style: { margin: 0 } }),
@@ -4134,10 +4134,10 @@ const zn = [
                 badgeNo: { placeholder: "Badge No", editable: !0 },
                 employeeNo: { placeholder: "Employee No", editable: !0 }
               },
-              onRemove: v[4] || (v[4] = (B, H) => A("employees", H)),
-              "onUpdate:rows": v[5] || (v[5] = (B) => {
+              onRemove: v[4] || (v[4] = (E, H) => A("employees", H)),
+              "onUpdate:rows": v[5] || (v[5] = (E) => {
                 var H, X;
-                (X = (H = e.value) == null ? void 0 : H.platform) != null && X.mappings && (e.value.platform.mappings.employees = B);
+                (X = (H = e.value) == null ? void 0 : H.platform) != null && X.mappings && (e.value.platform.mappings.employees = E);
               })
             }, null, 8, ["rows"])
           ])
@@ -4156,7 +4156,7 @@ const zn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = E([]), i = [
+    const { t: a } = W(), e = B([]), i = [
       {
         accessorKey: "name",
         header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Name"),
@@ -4182,7 +4182,7 @@ const zn = [
         header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
         enableSorting: !1
       }
-    ], g = J(f, "modelValue"), V = E(!1), $ = ve(), { dateRange: U } = Ie(fe());
+    ], g = J(f, "modelValue"), V = B(!1), $ = ve(), { dateRange: U } = Ie(fe());
     we(
       () => U.value,
       async () => {
@@ -4210,9 +4210,9 @@ const zn = [
     }
     return (h, c) => {
       const T = K("FmButton"), A = K("FmCircularProgress"), m = K("FmTable");
-      return x(), P("div", bs, [
+      return b(), R("div", bs, [
         t("div", ws, [
-          l(Pe, {
+          l(Re, {
             "date-range": r(U),
             "onUpdate:dateRange": c[0] || (c[0] = (u) => $e(U) ? U.value = u : null),
             compare: !1
@@ -4224,10 +4224,10 @@ const zn = [
             onClick: y
           }, null, 8, ["loading", "label"])
         ]),
-        V.value ? (x(), P("div", _s, [
+        V.value ? (b(), R("div", _s, [
           l(A, { size: "xl" }),
           t("span", hs, C(r(a)("report.common.isLoading")), 1)
-        ])) : e.value.length > 0 ? (x(), M(m, {
+        ])) : e.value.length > 0 ? (b(), M(m, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
           "row-data": e.value,
@@ -4244,7 +4244,7 @@ const zn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = E("setting"), g = [
+    const { t: a } = W(), e = J(f, "modelValue"), i = B("setting"), g = [
       {
         label: a("report.integration.setting"),
         value: "setting",
@@ -4255,7 +4255,7 @@ const zn = [
         value: "preview",
         icon: "table"
       }
-    ], V = ue(), $ = q(() => {
+    ], V = ue(), $ = Y(() => {
       switch (i.value) {
         case "preview":
           return ks;
@@ -4268,7 +4268,7 @@ const zn = [
     return (U, y) => {
       var T;
       const h = K("FmPageHead"), c = K("FmTabs");
-      return x(), P("div", Cs, [
+      return b(), R("div", Cs, [
         l(h, {
           title: ((T = e.value) == null ? void 0 : T.name) || "AutoCount",
           "back-button": !0,
@@ -4286,7 +4286,7 @@ const zn = [
           items: g
         }, null, 8, ["model-value"]),
         t("div", $s, [
-          (x(), M(Ve($.value), {
+          (b(), M(Ve($.value), {
             modelValue: e.value,
             "onUpdate:modelValue": y[1] || (y[1] = (A) => e.value = A)
           }, null, 8, ["modelValue"]))
@@ -4297,7 +4297,7 @@ const zn = [
 }), As = {
   key: 0,
   class: "flex flex-col h-full"
-}, Ss = { class: "flex flex-col gap-16 pb-[24px]" }, Ds = { class: "flex flex-row justify-between items-center gap-2" }, Fs = { class: "fm-typo-en-title-sm-800" }, Ks = { class: "flex flex-row gap-2 items-center" }, Ts = { class: "flex flex-row gap-2 items-center" }, Ns = { class: "relative group cursor-pointer" }, Us = { 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" }, Is = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Ps = { class: "flex flex-col gap-24 w-[90%]" }, Rs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ms = { class: "flex flex-col gap-24 overflow-y-auto overflow-x-hidden" }, js = { class: "flex flex-col justify-between" }, Os = { class: "w-[25%] font-semibold" }, Ls = { class: "flex-grow" }, Bs = { class: "flex flex-col justify-between" }, Es = { class: "w-[25%] font-semibold" }, qs = { class: "flex-grow" }, Ys = { class: "flex flex-col justify-between" }, zs = { class: "w-[25%] font-semibold" }, Hs = { class: "flex-grow" }, Xs = { class: "flex flex-col gap-16" }, Qs = { class: "flex flex-row items-center gap-5" }, Gs = { class: "fm-typo-en-title-sm-800" }, Js = { class: "flex flex-col max-w-[100%]" }, Ws = { class: "w-[25%] font-semibold" }, Zs = { class: "flex-grow" }, ei = { class: "flex flex-col max-w-[100%]" }, ti = { class: "w-[25%] font-semibold" }, oi = { class: "flex flex-col max-w-[100%]" }, ai = { class: "w-[25%] font-semibold" }, li = { class: "flex flex-col max-w-[100%]" }, ni = { class: "w-[25%] font-semibold" }, si = {
+}, Ss = { class: "flex flex-col gap-16 pb-[24px]" }, Ds = { class: "flex flex-row justify-between items-center gap-2" }, Fs = { class: "fm-typo-en-title-sm-800" }, Ks = { class: "flex flex-row gap-2 items-center" }, Ts = { class: "flex flex-row gap-2 items-center" }, Ns = { class: "relative group cursor-pointer" }, Us = { 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" }, Is = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Rs = { class: "flex flex-col gap-24 w-[90%]" }, Ps = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ms = { class: "flex flex-col gap-24 overflow-y-auto overflow-x-hidden" }, js = { class: "flex flex-col justify-between" }, Os = { class: "w-[25%] font-semibold" }, Ls = { class: "flex-grow" }, Es = { class: "flex flex-col justify-between" }, Bs = { class: "w-[25%] font-semibold" }, Ys = { class: "flex-grow" }, qs = { class: "flex flex-col justify-between" }, zs = { class: "w-[25%] font-semibold" }, Hs = { class: "flex-grow" }, Xs = { class: "flex flex-col gap-16" }, Qs = { class: "flex flex-row items-center gap-5" }, Gs = { class: "fm-typo-en-title-sm-800" }, Js = { class: "flex flex-col max-w-[100%]" }, Ws = { class: "w-[25%] font-semibold" }, Zs = { class: "flex-grow" }, ei = { class: "flex flex-col max-w-[100%]" }, ti = { class: "w-[25%] font-semibold" }, oi = { class: "flex flex-col max-w-[100%]" }, ai = { class: "w-[25%] font-semibold" }, li = { class: "flex flex-col max-w-[100%]" }, ni = { class: "w-[25%] font-semibold" }, si = {
   key: 1,
   class: "w-[100%] flex flex-col gap-2"
 }, ii = {
@@ -4326,10 +4326,10 @@ const zn = [
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = q(
+    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = Y(
       () => y.map((o) => ({ label: o.name, value: o.id }))
     );
-    let c = E("");
+    let c = B("");
     async function T() {
       await U({
         message: a("report.messages.confirmDelete", { name: e.value.name }),
@@ -4358,7 +4358,7 @@ const zn = [
       if (["items", "taxes", "payments", "taxRoundingAdjustments"].includes(o)) {
         const O = o;
         k[O] && Array.isArray(k[O]) && (k[O] = k[O].filter(
-          (z, B) => B !== n
+          (z, E) => E !== n
         ));
       }
     }
@@ -4393,7 +4393,7 @@ const zn = [
         }
       });
     }
-    function b({
+    function x({
       key: o,
       value: n
     }) {
@@ -4428,9 +4428,9 @@ const zn = [
       },
       { immediate: !0 }
     ), (o, n) => {
-      var X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe, _, N, p, R;
-      const k = K("FmIcon"), D = K("FmButton"), I = K("FmMenuDivider"), O = K("FmTextField"), z = K("FmSelect"), B = K("FmCircularProgress"), H = K("FmSwitch");
-      return (ee = (X = e.value) == null ? void 0 : X.platform) != null && ee.mappings ? (x(), P("div", As, [
+      var X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe, _, N, p, P;
+      const k = K("FmIcon"), D = K("FmButton"), I = K("FmMenuDivider"), O = K("FmTextField"), z = K("FmSelect"), E = K("FmCircularProgress"), H = K("FmSwitch");
+      return (ee = (X = e.value) == null ? void 0 : X.platform) != null && ee.mappings ? (b(), R("div", As, [
         t("div", Ss, [
           t("div", Ds, [
             t("div", Fs, C(r(a)("report.integration.connect")), 1),
@@ -4460,8 +4460,8 @@ const zn = [
           ])
         ]),
         t("div", Is, [
-          t("div", Ps, [
-            t("div", Rs, C(r(a)("report.integration.authDescription")), 1),
+          t("div", Rs, [
+            t("div", Ps, C(r(a)("report.integration.authDescription")), 1),
             l(I, { style: { margin: 0 } }),
             t("div", Ms, [
               t("div", js, [
@@ -4474,9 +4474,9 @@ const zn = [
                   }, null, 8, ["modelValue", "placeholder"])
                 ])
               ]),
-              t("div", Bs, [
-                t("div", Es, C(r(a)("report.integration.apiKey")), 1),
-                t("div", qs, [
+              t("div", Es, [
+                t("div", Bs, C(r(a)("report.integration.apiKey")), 1),
+                t("div", Ys, [
                   l(O, {
                     modelValue: e.value.platform.apiKey,
                     "onUpdate:modelValue": n[1] || (n[1] = (S) => e.value.platform.apiKey = S),
@@ -4484,7 +4484,7 @@ const zn = [
                   }, null, 8, ["modelValue", "placeholder"])
                 ])
               ]),
-              t("div", Ys, [
+              t("div", qs, [
                 t("div", zs, C(r(a)("report.integration.autocount.accountBookId")), 1),
                 t("div", Hs, [
                   l(O, {
@@ -4533,11 +4533,11 @@ const zn = [
                 ]),
                 t("div", li, [
                   t("div", ni, C(r(a)("report.integration.autocount.debtor")), 1),
-                  f.retrievedDebtors.isLoaded ? j("", !0) : (x(), M(B, {
+                  f.retrievedDebtors.isLoaded ? j("", !0) : (b(), M(E, {
                     key: 0,
                     size: "xl"
                   })),
-                  f.retrievedDebtors.isLoaded && f.retrievedDebtors.data && ((te = f.retrievedDebtors.data) == null ? void 0 : te.length) != 0 && !f.retrievedDebtors.isError ? (x(), P("div", si, [
+                  f.retrievedDebtors.isLoaded && f.retrievedDebtors.data && ((te = f.retrievedDebtors.data) == null ? void 0 : te.length) != 0 && !f.retrievedDebtors.isError ? (b(), R("div", si, [
                     l(z, {
                       modelValue: r(c),
                       "onUpdate:modelValue": [
@@ -4549,15 +4549,15 @@ const zn = [
                       class: "flex-grow",
                       disabled: !f.retrievedDebtors.isLoaded
                     }, null, 8, ["modelValue", "items", "placeholder", "disabled"])
-                  ])) : f.retrievedDebtors.isError ? (x(), P("div", ii, C(r(a)("report.integration.errorFetchingDebtor")), 1)) : j("", !0)
+                  ])) : f.retrievedDebtors.isError ? (b(), R("div", ii, C(r(a)("report.integration.errorFetchingDebtor")), 1)) : j("", !0)
                 ]),
                 t("div", ri, [
                   t("div", di, C(r(a)("report.integration.autocount.location")), 1),
-                  f.retrievedLocations.isLoaded ? j("", !0) : (x(), M(B, {
+                  f.retrievedLocations.isLoaded ? j("", !0) : (b(), M(E, {
                     key: 0,
                     size: "xl"
                   })),
-                  f.retrievedLocations.isLoaded && f.retrievedLocations.data && ((oe = f.retrievedLocations.data) == null ? void 0 : oe.length) != 0 && !f.retrievedLocations.isError ? (x(), P("div", mi, [
+                  f.retrievedLocations.isLoaded && f.retrievedLocations.data && ((oe = f.retrievedLocations.data) == null ? void 0 : oe.length) != 0 && !f.retrievedLocations.isError ? (b(), R("div", mi, [
                     l(z, {
                       modelValue: e.value.platform.mappings.salesLocation,
                       "onUpdate:modelValue": n[7] || (n[7] = (S) => e.value.platform.mappings.salesLocation = S),
@@ -4566,7 +4566,7 @@ const zn = [
                       class: "flex-grow",
                       disabled: !f.retrievedLocations.isLoaded
                     }, null, 8, ["modelValue", "items", "placeholder", "disabled"])
-                  ])) : f.retrievedLocations.isError ? (x(), P("div", pi, C(r(a)("report.integration.errorFetchingLocation")), 1)) : j("", !0)
+                  ])) : f.retrievedLocations.isError ? (b(), R("div", pi, C(r(a)("report.integration.errorFetchingLocation")), 1)) : j("", !0)
                 ])
               ]),
               l(I, { style: { margin: 0 } }),
@@ -4610,7 +4610,7 @@ const zn = [
                       account: e.value.platform.mappings.invoiceDocNo
                     },
                     options: w("Invoice no"),
-                    "onUpdate:modelValue": n[11] || (n[11] = (S) => b({ key: "invoiceDocNo", value: S.account }))
+                    "onUpdate:modelValue": n[11] || (n[11] = (S) => x({ key: "invoiceDocNo", value: S.account }))
                   }, null, 8, ["model-value", "options"]),
                   l(L, {
                     "model-value": {
@@ -4618,7 +4618,7 @@ const zn = [
                       account: e.value.platform.mappings.creditNoteDocNo
                     },
                     options: w("Credit note no"),
-                    "onUpdate:modelValue": n[12] || (n[12] = (S) => b({ key: "creditNoteDocNo", value: S.account }))
+                    "onUpdate:modelValue": n[12] || (n[12] = (S) => x({ key: "creditNoteDocNo", value: S.account }))
                   }, null, 8, ["model-value", "options"]),
                   l(L, {
                     "model-value": {
@@ -4626,7 +4626,7 @@ const zn = [
                       account: e.value.platform.mappings.paymentDocNo
                     },
                     options: w("Payment no"),
-                    "onUpdate:modelValue": n[13] || (n[13] = (S) => b({ key: "paymentDocNo", value: S.account }))
+                    "onUpdate:modelValue": n[13] || (n[13] = (S) => x({ key: "paymentDocNo", value: S.account }))
                   }, null, 8, ["model-value", "options"]),
                   l(L, {
                     "model-value": {
@@ -4634,12 +4634,12 @@ const zn = [
                       account: e.value.platform.mappings.refundDocNo
                     },
                     options: w("Refund no"),
-                    "onUpdate:modelValue": n[14] || (n[14] = (S) => b({ key: "refundDocNo", value: S.account }))
+                    "onUpdate:modelValue": n[14] || (n[14] = (S) => x({ key: "refundDocNo", value: S.account }))
                   }, null, 8, ["model-value", "options"])
                 ])
               ]),
               l(I, { style: { margin: 0 } }),
-              l(Re, {
+              l(Pe, {
                 modelValue: e.value.platform,
                 "onUpdate:modelValue": n[15] || (n[15] = (S) => e.value.platform = S),
                 label: "upload",
@@ -4680,10 +4680,10 @@ const zn = [
                     editable: !0
                   }
                 },
-                onRemove: n[17] || (n[17] = (S, Y) => m(S, Y)),
+                onRemove: n[17] || (n[17] = (S, q) => m(S, q)),
                 "onUpdate:rows": n[18] || (n[18] = (S) => {
-                  var Y, ye;
-                  (ye = (Y = e.value) == null ? void 0 : Y.platform) != null && ye.mappings && (e.value.platform.mappings.items = S);
+                  var q, ye;
+                  (ye = (q = e.value) == null ? void 0 : q.platform) != null && ye.mappings && (e.value.platform.mappings.items = S);
                 })
               }, null, 8, ["header-items", "rows", "fields-options"]),
               l(I, { style: { margin: 0 } }),
@@ -4715,10 +4715,10 @@ const zn = [
                     editable: !0
                   }
                 },
-                onRemove: n[20] || (n[20] = (S, Y) => m(S, Y)),
+                onRemove: n[20] || (n[20] = (S, q) => m(S, q)),
                 "onUpdate:rows": n[21] || (n[21] = (S) => {
-                  var Y, ye;
-                  (ye = (Y = e.value) == null ? void 0 : Y.platform) != null && ye.mappings && (e.value.platform.mappings.taxes = S);
+                  var q, ye;
+                  (ye = (q = e.value) == null ? void 0 : q.platform) != null && ye.mappings && (e.value.platform.mappings.taxes = S);
                 })
               }, null, 8, ["header-items", "rows", "fields-options"]),
               l(I, { style: { margin: 0 } }),
@@ -4750,10 +4750,10 @@ const zn = [
                     editable: !0
                   }
                 },
-                onRemove: n[23] || (n[23] = (S, Y) => m(S, Y)),
+                onRemove: n[23] || (n[23] = (S, q) => m(S, q)),
                 "onUpdate:rows": n[24] || (n[24] = (S) => {
-                  var Y, ye;
-                  (ye = (Y = e.value) == null ? void 0 : Y.platform) != null && ye.mappings && (e.value.platform.mappings.taxRoundingAdjustments = S);
+                  var q, ye;
+                  (ye = (q = e.value) == null ? void 0 : q.platform) != null && ye.mappings && (e.value.platform.mappings.taxRoundingAdjustments = S);
                 })
               }, null, 8, ["header-items", "rows", "fields-options"]),
               l(I, { style: { margin: 0 } }),
@@ -4773,7 +4773,7 @@ const zn = [
                     account: e.value.platform.mappings.creditTerm
                   },
                   options: w("creditTerm"),
-                  "onUpdate:modelValue": n[26] || (n[26] = (S) => b({ key: "creditTerm", value: S.account }))
+                  "onUpdate:modelValue": n[26] || (n[26] = (S) => x({ key: "creditTerm", value: S.account }))
                 }, null, 8, ["model-value", "options"]),
                 l(L, {
                   "model-value": {
@@ -4781,7 +4781,7 @@ const zn = [
                     account: e.value.platform.mappings.currencyCode
                   },
                   options: w("currencyCode"),
-                  "onUpdate:modelValue": n[27] || (n[27] = (S) => b({ key: "currencyCode", value: S.account }))
+                  "onUpdate:modelValue": n[27] || (n[27] = (S) => x({ key: "currencyCode", value: S.account }))
                 }, null, 8, ["model-value", "options"]),
                 l(L, {
                   "model-value": {
@@ -4789,7 +4789,7 @@ const zn = [
                     account: e.value.platform.mappings.journalType
                   },
                   options: w("journalType"),
-                  "onUpdate:modelValue": n[28] || (n[28] = (S) => b({ key: "journalType", value: S.account }))
+                  "onUpdate:modelValue": n[28] || (n[28] = (S) => x({ key: "journalType", value: S.account }))
                 }, null, 8, ["model-value", "options"]),
                 l(L, {
                   "model-value": {
@@ -4797,7 +4797,7 @@ const zn = [
                     account: e.value.platform.mappings.currencyRate
                   },
                   options: w("currencyRate"),
-                  "onUpdate:modelValue": n[29] || (n[29] = (S) => b({ key: "currencyRate", value: S.account }))
+                  "onUpdate:modelValue": n[29] || (n[29] = (S) => x({ key: "currencyRate", value: S.account }))
                 }, null, 8, ["model-value", "options"])
               ]),
               l(G, {
@@ -4806,7 +4806,7 @@ const zn = [
                   r(a)("report.integration.autocount.accountCode"),
                   r(a)("report.integration.autocount.paymentMethod")
                 ],
-                rows: ((R = (p = (N = e.value) == null ? void 0 : N.platform) == null ? void 0 : p.mappings) == null ? void 0 : R.payments) || [],
+                rows: ((P = (p = (N = e.value) == null ? void 0 : N.platform) == null ? void 0 : p.mappings) == null ? void 0 : P.payments) || [],
                 "columns-per-row": 1,
                 removable: !0,
                 "mapping-type": "payments",
@@ -4824,10 +4824,10 @@ const zn = [
                     editable: !0
                   }
                 },
-                onRemove: n[30] || (n[30] = (S, Y) => m(S, Y)),
+                onRemove: n[30] || (n[30] = (S, q) => m(S, q)),
                 "onUpdate:rows": n[31] || (n[31] = (S) => {
-                  var Y, ye;
-                  (ye = (Y = e.value) == null ? void 0 : Y.platform) != null && ye.mappings && (e.value.platform.mappings.payments = S);
+                  var q, ye;
+                  (ye = (q = e.value) == null ? void 0 : q.platform) != null && ye.mappings && (e.value.platform.mappings.payments = S);
                 })
               }, null, 8, ["header-items", "rows", "fields-options"])
             ])
@@ -4839,7 +4839,7 @@ const zn = [
 });
 function Ui(f) {
   return f.reduce((a, e) => {
-    var U, y, h, c, T, A, m, u, d, v, b, w, s;
+    var U, y, h, c, T, A, m, u, d, v, x, w, s;
     const { invoice: i, payments: g } = e, V = a.length;
     a[V] = {
       docNo: i.master.docNo,
@@ -4856,7 +4856,7 @@ function Ui(f) {
       paymentMethod: (u = (m = g[0]) == null ? void 0 : m.paymentDetails[0]) == null ? void 0 : u.paymentMethod,
       amount: ((d = g[0]) == null ? void 0 : d.details[0].amount) || 0,
       currencyCode: (v = g[0]) == null ? void 0 : v.master.currencyCode,
-      journalType: (b = g[0]) == null ? void 0 : b.master.journalType
+      journalType: (x = g[0]) == null ? void 0 : x.master.journalType
     };
     const $ = Math.max(i.details.length, (g == null ? void 0 : g.length) || 0);
     for (let o = 1; o < $; o++) {
@@ -4959,7 +4959,7 @@ const Ii = [
     header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Journal Type"),
     enableSorting: !1
   }
-], Pi = { class: "h-full flex flex-col gap-16" }, Ri = { class: "flex flex-row gap-2 justify-between items-center" }, Mi = { class: "flex flex-row gap-5" }, ji = {
+], Ri = { class: "h-full flex flex-col gap-16" }, Pi = { class: "flex flex-row gap-2 justify-between items-center" }, Mi = { class: "flex flex-row gap-5" }, ji = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-y-auto"
 }, Oi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Li = /* @__PURE__ */ Q({
@@ -4970,7 +4970,7 @@ const Ii = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = E(!1), g = ve(), { dateRange: V } = Ie(fe()), { options: $, isFeatureAvailable: U } = ke(), y = E([]);
+    const { t: a } = W(), e = J(f, "modelValue"), i = B(!1), g = ve(), { dateRange: V } = Ie(fe()), { options: $, isFeatureAvailable: U } = ke(), y = B([]);
     we(
       () => V.value,
       async () => {
@@ -4987,7 +4987,7 @@ const Ii = [
         immediate: !0
       }
     );
-    const h = q(() => Ui(y.value)), c = q(() => Ii), T = q(() => {
+    const h = Y(() => Ui(y.value)), c = Y(() => Ii), T = Y(() => {
       var d;
       const u = (d = $.find(
         (v) => v.platform === ge.AutoCountCloud
@@ -4996,7 +4996,7 @@ const Ii = [
     });
     async function A() {
       try {
-        e.value._id && e.value.platform.apiKey ? (i.value = !0, await Be(e.value._id), g.open({ message: a("report.integration.uploadSuccess"), type: "success" })) : g.open({ message: a("report.integration.invalidSetting"), type: "error" });
+        e.value._id && e.value.platform.apiKey ? (i.value = !0, await Ee(e.value._id), g.open({ message: a("report.integration.uploadSuccess"), type: "success" })) : g.open({ message: a("report.integration.invalidSetting"), type: "error" });
       } catch (u) {
         u.message && g.open({ message: u.message, type: "error" }), u.errors && u.errors.forEach((d) => g.open({ message: d, type: "error" }));
       } finally {
@@ -5013,16 +5013,16 @@ const Ii = [
       }
     }
     return (u, d) => {
-      const v = K("FmButton"), b = K("FmCircularProgress"), w = K("FmTable");
-      return x(), P("div", Pi, [
-        t("div", Ri, [
-          l(Pe, {
+      const v = K("FmButton"), x = K("FmCircularProgress"), w = K("FmTable");
+      return b(), R("div", Ri, [
+        t("div", Pi, [
+          l(Re, {
             "date-range": r(V),
             "onUpdate:dateRange": d[0] || (d[0] = (s) => $e(V) ? V.value = s : null),
             compare: !1
           }, null, 8, ["date-range"]),
           t("div", Mi, [
-            T.value ? (x(), M(v, {
+            T.value ? (b(), M(v, {
               key: 0,
               loading: i.value,
               variant: "primary",
@@ -5037,10 +5037,10 @@ const Ii = [
             }, null, 8, ["loading", "label"])
           ])
         ]),
-        i.value ? (x(), P("div", ji, [
-          l(b, { size: "xl" }),
+        i.value ? (b(), R("div", ji, [
+          l(x, { size: "xl" }),
           t("span", Oi, C(r(a)("report.common.isLoading")), 1)
-        ])) : (x(), M(w, {
+        ])) : (b(), M(w, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
           "row-data": h.value,
@@ -5049,7 +5049,7 @@ const Ii = [
       ]);
     };
   }
-}), Bi = { class: "h-full relative flex flex-col" }, Ei = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, qi = /* @__PURE__ */ Q({
+}), Ei = { class: "h-full relative flex flex-col" }, Bi = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Yi = /* @__PURE__ */ Q({
   __name: "AutocountCloud",
   props: {
     modelValue: { required: !0 },
@@ -5057,7 +5057,7 @@ const Ii = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = E("setting"), g = [
+    const { t: a } = W(), e = J(f, "modelValue"), i = B("setting"), g = [
       {
         label: a("report.integration.setting"),
         value: "setting",
@@ -5068,7 +5068,7 @@ const Ii = [
         value: "preview",
         icon: "table"
       }
-    ], V = ue(), $ = q(() => {
+    ], V = ue(), $ = Y(() => {
       switch (i.value) {
         case "preview":
           return {
@@ -5085,7 +5085,7 @@ const Ii = [
         default:
           return null;
       }
-    }), U = E({}), y = E({}), h = (m) => m.data.map((u) => ({
+    }), U = B({}), y = B({}), h = (m) => m.data.map((u) => ({
       label: u.location + " - " + u.description,
       value: u.location
     })), c = (m) => m.data.map((u) => ({
@@ -5095,10 +5095,10 @@ const Ii = [
       valueCompanyName: u.CompanyName
     })), T = async (m, u, d, v) => {
       try {
-        const b = await m(e.value._id);
-        d.value.data = u(b);
-      } catch (b) {
-        console.error(v, b), d.value.isError = !0;
+        const x = await m(e.value._id);
+        d.value.data = u(x);
+      } catch (x) {
+        console.error(v, x), d.value.isError = !0;
       } finally {
         d.value.isLoaded = !0;
       }
@@ -5115,14 +5115,14 @@ const Ii = [
         "Failed to fetch locations:"
       ), U.value.isLoaded = !0, y.value.isLoaded = !0;
     };
-    return qe(() => {
+    return Ye(() => {
       e.value.platform.apiKey && e.value.platform.accountBookId && e.value.platform.keyId ? A() : (U.value.isLoaded = !0, y.value.isLoaded = !0, U.value.isError = !0, y.value.isError = !0);
     }), (m, u) => {
-      var b, w, s;
+      var x, w, s;
       const d = K("FmPageHead"), v = K("FmTabs");
-      return x(), P("div", Bi, [
+      return b(), R("div", Ei, [
         l(d, {
-          title: ((b = e.value) == null ? void 0 : b.name) || "Autocount Cloud",
+          title: ((x = e.value) == null ? void 0 : x.name) || "Autocount Cloud",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": r(V).back
@@ -5137,8 +5137,8 @@ const Ii = [
           "onUpdate:modelValue": u[0] || (u[0] = (o) => i.value = o),
           items: g
         }, null, 8, ["model-value"]),
-        t("div", Ei, [
-          (x(), M(Ve((w = $.value) == null ? void 0 : w.component), Ee({
+        t("div", Bi, [
+          (b(), M(Ve((w = $.value) == null ? void 0 : w.component), Be({
             modelValue: e.value,
             "onUpdate:modelValue": u[1] || (u[1] = (o) => e.value = o)
           }, (s = $.value) == null ? void 0 : s.props), null, 16, ["modelValue"]))
@@ -5146,7 +5146,7 @@ const Ii = [
       ]);
     };
   }
-}), Yi = {
+}), qi = {
   key: 0,
   class: "flex flex-col h-full w-full"
 }, zi = { class: "flex flex-col gap-16 pb-[24px]" }, Hi = { class: "flex flex-row justify-between items-center gap-2" }, Xi = { class: "flex flex-row gap-2 items-center" }, Qi = { class: "relative group cursor-pointer" }, Gi = { 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" }, Ji = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Wi = { class: "w-[90%] flex flex-col gap-24" }, Zi = { class: "flex flex-col gap-16" }, er = { class: "fm-typo-en-title-sm-800" }, tr = { class: "flex flex-col max-w-[100%]" }, or = { class: "w-[25%] font-semibold" }, ar = { class: "flex-grow" }, lr = { class: "flex flex-col max-w-[100%]" }, nr = { class: "w-[25%] font-semibold" }, sr = { class: "flex flex-col max-w-[100%]" }, ir = { class: "w-[25%] font-semibold" }, rr = { class: "flex flex-col gap-16" }, dr = { class: "grid-cols-2 grid gap-16" }, mr = { class: "flex flex-row items-center justify-between gap-x-16" }, pr = { class: "flex flex-row items-center justify-between gap-x-16" }, cr = { class: "fm-typo-en-title-sm-800" }, ur = { class: "flex flex-row items-center justify-between gap-x-16" }, fr = { class: "flex flex-row items-center justify-between gap-x-16" }, vr = /* @__PURE__ */ Q({
@@ -5157,7 +5157,7 @@ const Ii = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = q(
+    const { t: a } = W(), e = J(f, "modelValue"), i = ve(), g = ke(), V = ue(), { promptLoader: $ } = De(), { promptMessage: U } = Ue(), { restaurants: y } = fe(), h = Y(
       () => y.map((v) => ({ label: v.name, value: v.id }))
     );
     async function c() {
@@ -5167,8 +5167,8 @@ const Ii = [
       }) && await $(async () => {
         try {
           await Fe(e.value._id), await g.getSettings(), V.back();
-        } catch (b) {
-          i.open({ type: "error", message: b.message });
+        } catch (x) {
+          i.open({ type: "error", message: x.message });
         }
       });
     }
@@ -5181,17 +5181,17 @@ const Ii = [
         }
       });
     }
-    function A(v, b, w) {
+    function A(v, x, w) {
       var o, n;
       if (!((o = e.value.platform) != null && o.mappings)) return;
       w || (v === "taxes" ? w = "invoice" : v === "suppliers" ? w = "inventory" : w = "invoice");
       const s = (n = e.value.platform.mappings[w]) == null ? void 0 : n[v];
-      s && Array.isArray(s) && (e.value.platform.mappings[w][v] = s.filter((k, D) => D !== b));
+      s && Array.isArray(s) && (e.value.platform.mappings[w][v] = s.filter((k, D) => D !== x));
     }
-    function m(v, b) {
+    function m(v, x) {
       var w;
-      (w = e.value.platform.mappings) != null && w[v] && (e.value.platform.mappings[v][b] = [
-        ...e.value.platform.mappings[v][b],
+      (w = e.value.platform.mappings) != null && w[v] && (e.value.platform.mappings[v][x] = [
+        ...e.value.platform.mappings[v][x],
         {
           key: "",
           account: ""
@@ -5215,13 +5215,13 @@ const Ii = [
     }
     return Se(async () => {
       await g.getSettings();
-    }), (v, b) => {
-      var D, I, O, z, B, H, X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe;
+    }), (v, x) => {
+      var D, I, O, z, E, H, X, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe;
       const w = K("FmIcon"), s = K("FmButton"), o = K("FmMenuDivider"), n = K("FmTextField"), k = K("FmSelect");
-      return (I = (D = e.value) == null ? void 0 : D.platform) != null && I.mappings ? (x(), P("div", Yi, [
+      return (I = (D = e.value) == null ? void 0 : D.platform) != null && I.mappings ? (b(), R("div", qi, [
         t("div", zi, [
           t("div", Hi, [
-            b[17] || (b[17] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
+            x[17] || (x[17] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
             t("div", Xi, [
               t("div", Qi, [
                 l(w, {
@@ -5255,7 +5255,7 @@ const Ii = [
                 t("div", ar, [
                   l(n, {
                     modelValue: e.value.name,
-                    "onUpdate:modelValue": b[0] || (b[0] = (_) => e.value.name = _)
+                    "onUpdate:modelValue": x[0] || (x[0] = (_) => e.value.name = _)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
@@ -5263,7 +5263,7 @@ const Ii = [
                 t("div", nr, C(r(a)("report.integration.location")), 1),
                 l(k, {
                   modelValue: e.value.platform.locationIds,
-                  "onUpdate:modelValue": b[1] || (b[1] = (_) => e.value.platform.locationIds = _),
+                  "onUpdate:modelValue": x[1] || (x[1] = (_) => e.value.platform.locationIds = _),
                   multiselect: !0,
                   items: h.value,
                   placeholder: "Select location",
@@ -5272,12 +5272,12 @@ const Ii = [
                 }, null, 8, ["modelValue", "items", "rules"])
               ]),
               l(o, { style: { margin: 0 } }),
-              b[18] || (b[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Sales Invoice", -1)),
+              x[18] || (x[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Sales Invoice", -1)),
               t("div", sr, [
                 t("div", ir, C(r(a)("report.integration.grouping.title")), 1),
                 l(k, {
                   modelValue: e.value.platform.grouping,
-                  "onUpdate:modelValue": b[2] || (b[2] = (_) => e.value.platform.grouping = _),
+                  "onUpdate:modelValue": x[2] || (x[2] = (_) => e.value.platform.grouping = _),
                   multiselect: !1,
                   items: u,
                   placeholder: "Select grouping",
@@ -5298,9 +5298,9 @@ const Ii = [
                   code: { placeholder: "Code", editable: !0 },
                   name: { placeholder: "Name", editable: !0 }
                 },
-                "onUpdate:modelValue": b[3] || (b[3] = (_) => {
-                  var N, p, R, S;
-                  (S = (R = (p = (N = e.value) == null ? void 0 : N.platform) == null ? void 0 : p.mappings) == null ? void 0 : R.invoice) != null && S.debtor && (e.value.platform.mappings.invoice.debtor.name = _.name, e.value.platform.mappings.invoice.debtor.code = _.code);
+                "onUpdate:modelValue": x[3] || (x[3] = (_) => {
+                  var N, p, P, S;
+                  (S = (P = (p = (N = e.value) == null ? void 0 : N.platform) == null ? void 0 : p.mappings) == null ? void 0 : P.invoice) != null && S.debtor && (e.value.platform.mappings.invoice.debtor.name = _.name, e.value.platform.mappings.invoice.debtor.code = _.code);
                 })
               }, null, 8, ["model-value"]),
               t("div", dr, [
@@ -5315,12 +5315,12 @@ const Ii = [
                     account: { placeholder: "Account code", editable: !0 },
                     code: { placeholder: "Item code", editable: !0 }
                   },
-                  "onUpdate:modelValue": b[4] || (b[4] = (_) => {
-                    var N, p, R, S;
-                    (S = (R = (p = (N = e.value) == null ? void 0 : N.platform) == null ? void 0 : p.mappings) == null ? void 0 : R.invoice) != null && S.rounding && (e.value.platform.mappings.invoice.rounding.account = _.account, e.value.platform.mappings.invoice.rounding.code = _.code);
+                  "onUpdate:modelValue": x[4] || (x[4] = (_) => {
+                    var N, p, P, S;
+                    (S = (P = (p = (N = e.value) == null ? void 0 : N.platform) == null ? void 0 : p.mappings) == null ? void 0 : P.invoice) != null && S.rounding && (e.value.platform.mappings.invoice.rounding.account = _.account, e.value.platform.mappings.invoice.rounding.code = _.code);
                   })
                 }, null, 8, ["model-value"]),
-                (x(!0), P(xe, null, Ce((X = (H = (B = e.value) == null ? void 0 : B.platform) == null ? void 0 : H.mappings) == null ? void 0 : X.invoice.charges, (_, N) => (x(), M(L, {
+                (b(!0), R(xe, null, Ce((X = (H = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : H.mappings) == null ? void 0 : X.invoice.charges, (_, N) => (b(), M(L, {
                   key: `charge-${N}`,
                   modelValue: e.value.platform.mappings.invoice.charges[N],
                   "onUpdate:modelValue": (p) => e.value.platform.mappings.invoice.charges[N] = p,
@@ -5334,12 +5334,12 @@ const Ii = [
             ]),
             l(o, { style: { margin: 0 } }),
             t("div", mr, [
-              b[19] || (b[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Sales Invoice Items", -1)),
+              x[19] || (x[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Sales Invoice Items", -1)),
               l(s, {
                 variant: "secondary",
                 "prepend-icon": "add",
                 label: "Add items",
-                onClick: b[5] || (b[5] = () => m("invoice", "items"))
+                onClick: x[5] || (x[5] = () => m("invoice", "items"))
               })
             ]),
             l(G, {
@@ -5353,9 +5353,9 @@ const Ii = [
                 account: { placeholder: "Account code", editable: !0 },
                 uom: { placeholder: "UOM", editable: !0 }
               },
-              onRemove: b[6] || (b[6] = (_, N) => {
-                var p, R, S, Y;
-                if (((Y = (S = (R = (p = e.value) == null ? void 0 : p.platform) == null ? void 0 : R.mappings) == null ? void 0 : S.invoice) == null ? void 0 : Y.items[N].key) === "DEFAULT") {
+              onRemove: x[6] || (x[6] = (_, N) => {
+                var p, P, S, q;
+                if (((q = (S = (P = (p = e.value) == null ? void 0 : p.platform) == null ? void 0 : P.mappings) == null ? void 0 : S.invoice) == null ? void 0 : q.items[N].key) === "DEFAULT") {
                   r(i).open({
                     type: "error",
                     message: "DEFAULT item cannot be removed."
@@ -5364,7 +5364,7 @@ const Ii = [
                 }
                 A("items", N);
               }),
-              "onUpdate:rows": b[7] || (b[7] = (_) => {
+              "onUpdate:rows": x[7] || (x[7] = (_) => {
                 var N, p;
                 (p = (N = e.value) == null ? void 0 : N.platform) != null && p.mappings && (e.value.platform.mappings.invoice.items = _);
               })
@@ -5376,7 +5376,7 @@ const Ii = [
                 variant: "secondary",
                 "prepend-icon": "add",
                 label: "Add taxes",
-                onClick: b[8] || (b[8] = () => m("invoice", "taxes"))
+                onClick: x[8] || (x[8] = () => m("invoice", "taxes"))
               })
             ]),
             l(G, {
@@ -5389,22 +5389,22 @@ const Ii = [
                 key: { placeholder: "Key", editable: !0 },
                 code: { placeholder: "Account code", editable: !0 }
               },
-              onRemove: b[9] || (b[9] = (_, N) => {
+              onRemove: x[9] || (x[9] = (_, N) => {
                 A("taxes", N, "invoice");
               }),
-              "onUpdate:rows": b[10] || (b[10] = (_) => {
+              "onUpdate:rows": x[10] || (x[10] = (_) => {
                 var N, p;
                 (p = (N = e.value) == null ? void 0 : N.platform) != null && p.mappings && (e.value.platform.mappings.invoice.taxes = _);
               })
             }, null, 8, ["rows"]),
             l(o, { style: { margin: 0 } }),
             t("div", ur, [
-              b[20] || (b[20] = t("div", { class: "fm-typo-en-title-sm-800" }, "Inventory Items", -1)),
+              x[20] || (x[20] = t("div", { class: "fm-typo-en-title-sm-800" }, "Inventory Items", -1)),
               l(s, {
                 variant: "secondary",
                 "prepend-icon": "add",
                 label: "Add items",
-                onClick: b[11] || (b[11] = () => m("inventory", "items"))
+                onClick: x[11] || (x[11] = () => m("inventory", "items"))
               })
             ]),
             l(G, {
@@ -5418,9 +5418,9 @@ const Ii = [
                 account: { placeholder: "Account code", editable: !0 },
                 uom: { placeholder: "UOM", editable: !0 }
               },
-              onRemove: b[12] || (b[12] = (_, N) => {
-                var p, R, S, Y;
-                if (((Y = (S = (R = (p = e.value) == null ? void 0 : p.platform) == null ? void 0 : R.mappings) == null ? void 0 : S.inventory) == null ? void 0 : Y.items[N].key) === "DEFAULT") {
+              onRemove: x[12] || (x[12] = (_, N) => {
+                var p, P, S, q;
+                if (((q = (S = (P = (p = e.value) == null ? void 0 : p.platform) == null ? void 0 : P.mappings) == null ? void 0 : S.inventory) == null ? void 0 : q.items[N].key) === "DEFAULT") {
                   r(i).open({
                     type: "error",
                     message: "DEFAULT item cannot be removed."
@@ -5429,19 +5429,19 @@ const Ii = [
                 }
                 A("items", N, "inventory");
               }),
-              "onUpdate:rows": b[13] || (b[13] = (_) => {
+              "onUpdate:rows": x[13] || (x[13] = (_) => {
                 var N, p;
                 (p = (N = e.value) == null ? void 0 : N.platform) != null && p.mappings && (e.value.platform.mappings.inventory.items = _);
               })
             }, null, 8, ["rows"]),
             l(o, { style: { margin: 0 } }),
             t("div", fr, [
-              b[21] || (b[21] = t("div", { class: "fm-typo-en-title-sm-800" }, "Supplier", -1)),
+              x[21] || (x[21] = t("div", { class: "fm-typo-en-title-sm-800" }, "Supplier", -1)),
               l(s, {
                 variant: "secondary",
                 "prepend-icon": "add",
                 label: "Add suppliers",
-                onClick: b[14] || (b[14] = () => m("inventory", "suppliers"))
+                onClick: x[14] || (x[14] = () => m("inventory", "suppliers"))
               })
             ]),
             l(G, {
@@ -5455,10 +5455,10 @@ const Ii = [
                 code: { placeholder: "Code", editable: !0 },
                 name: { placeholder: "Name", editable: !0 }
               },
-              onRemove: b[15] || (b[15] = (_, N) => {
+              onRemove: x[15] || (x[15] = (_, N) => {
                 A("suppliers", N, "inventory");
               }),
-              "onUpdate:rows": b[16] || (b[16] = (_) => {
+              "onUpdate:rows": x[16] || (x[16] = (_) => {
                 var N, p;
                 (p = (N = e.value) == null ? void 0 : N.platform) != null && p.mappings && (e.value.platform.mappings.inventory.suppliers = _);
               })
@@ -5482,7 +5482,12 @@ const Ii = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = E({ invoices: [], deliveryOrders: [], purchaseOrders: [] }), i = q(() => e.value.invoices.reduce((w, s) => {
+    const { t: a } = W(), e = B({
+      invoices: [],
+      creditNotes: [],
+      deliveryOrders: [],
+      purchaseOrders: []
+    }), i = Y(() => e.value.invoices.reduce((w, s) => {
       for (const o of s._items)
         w.push({
           rDate: Me(s.rDate).format("D-MMM-YY"),
@@ -5506,7 +5511,7 @@ const Ii = [
           accountCode: o.accountCode
         });
       return w;
-    }, [])), g = q(() => e.value.creditNotes.reduce((w, s) => {
+    }, [])), g = Y(() => e.value.creditNotes.reduce((w, s) => {
       for (const o of s._items)
         w.push({
           rDate: Me(s.rDate).format("D-MMM-YY"),
@@ -5530,7 +5535,7 @@ const Ii = [
           accountCode: o.accountCode
         });
       return w;
-    }, [])), V = q(() => e.value.purchaseOrders.reduce((w, s) => {
+    }, [])), V = Y(() => e.value.purchaseOrders.reduce((w, s) => {
       for (const o of s._skus)
         w.push({
           _date: Me(s._date).format("D-MMM-YY"),
@@ -5541,7 +5546,7 @@ const Ii = [
           unitPrice: o.unitPrice
         });
       return w;
-    }, [])), $ = q(() => e.value.deliveryOrders.reduce((w, s) => {
+    }, [])), $ = Y(() => e.value.deliveryOrders.reduce((w, s) => {
       for (const o of s._skus)
         w.push({
           rNo: s.rNo,
@@ -5767,7 +5772,7 @@ const Ii = [
         header: () => F("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Account Code"),
         enableSorting: !1
       }
-    ], T = J(f, "modelValue"), A = E(!1), m = ve(), { dateRange: u } = Ie(fe());
+    ], T = J(f, "modelValue"), A = B(!1), m = ve(), { dateRange: u } = Ie(fe());
     we(
       () => u.value,
       async () => {
@@ -5786,7 +5791,7 @@ const Ii = [
     );
     async function d() {
       try {
-        T.value._id ? (A.value = !0, await Oe(T.value._id)) : m.open({ message: "Invalid accounting setting", type: "error" });
+        T.value._id ? (A.value = !0, await Oe(T.value._id, [x.value])) : m.open({ message: "Invalid accounting setting", type: "error" });
       } catch (w) {
         m.open({ message: w.message, type: "error" });
       } finally {
@@ -5796,26 +5801,30 @@ const Ii = [
     const v = [
       {
         label: "Sales Invoices",
-        value: "invoices"
+        value: "INVOICE"
+        /* INVOICE */
       },
       {
         label: "Credit Notes",
-        value: "creditNotes"
+        value: "CREDIT_NOTE"
+        /* CREDIT_NOTE */
       },
       {
         label: "Delivery Orders",
-        value: "deliveryOrders"
+        value: "DELIVERY_ORDER"
+        /* DELIVERY_ORDER */
       },
       {
         label: "Purchase Orders",
-        value: "purchaseOrders"
+        value: "PURCHASE_ORDER"
+        /* PURCHASE_ORDER */
       }
-    ], b = E(v[0].value);
+    ], x = B(v[0].value);
     return (w, s) => {
       const o = K("FmButton"), n = K("FmCircularProgress"), k = K("FmTabs"), D = K("FmTable");
-      return x(), P("div", gr, [
+      return b(), R("div", gr, [
         t("div", yr, [
-          l(Pe, {
+          l(Re, {
             "date-range": r(u),
             "onUpdate:dateRange": s[0] || (s[0] = (I) => $e(u) ? u.value = I : null),
             compare: !1
@@ -5827,32 +5836,32 @@ const Ii = [
             onClick: d
           }, null, 8, ["loading", "label"])
         ]),
-        A.value ? (x(), P("div", xr, [
+        A.value ? (b(), R("div", xr, [
           l(n, { size: "xl" }),
           t("span", br, C(r(a)("report.common.isLoading")), 1)
-        ])) : (x(), P("div", wr, [
+        ])) : (b(), R("div", wr, [
           l(k, {
-            "model-value": b.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (I) => b.value = I),
+            "model-value": x.value,
+            "onUpdate:modelValue": s[1] || (s[1] = (I) => x.value = I),
             items: v
           }, null, 8, ["model-value"]),
-          b.value === "invoices" ? (x(), M(D, {
+          x.value === "INVOICE" ? (b(), M(D, {
             key: 0,
             class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg",
             "row-data": i.value,
             "column-defs": U
           }, null, 8, ["row-data"])) : j("", !0),
-          b.value === "creditNotes" ? (x(), M(D, {
+          x.value === "CREDIT_NOTE" ? (b(), M(D, {
             key: 1,
             class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg",
             "row-data": g.value,
             "column-defs": y
-          }, null, 8, ["row-data"])) : b.value === "deliveryOrders" ? (x(), M(D, {
+          }, null, 8, ["row-data"])) : x.value === "DELIVERY_ORDER" ? (b(), M(D, {
             key: 2,
             class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg",
             "row-data": $.value,
             "column-defs": c
-          }, null, 8, ["row-data"])) : b.value === "purchaseOrders" ? (x(), M(D, {
+          }, null, 8, ["row-data"])) : x.value === "PURCHASE_ORDER" ? (b(), M(D, {
             key: 3,
             class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg",
             "row-data": V.value,
@@ -5870,7 +5879,7 @@ const Ii = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: a } = W(), e = J(f, "modelValue"), i = E("setting"), g = [
+    const { t: a } = W(), e = J(f, "modelValue"), i = B("setting"), g = [
       {
         label: a("report.integration.setting"),
         value: "setting",
@@ -5881,7 +5890,7 @@ const Ii = [
         value: "preview",
         icon: "table"
       }
-    ], V = ue(), $ = q(() => {
+    ], V = ue(), $ = Y(() => {
       switch (i.value) {
         case "preview":
           return _r;
@@ -5894,7 +5903,7 @@ const Ii = [
     return (U, y) => {
       var T;
       const h = K("FmPageHead"), c = K("FmTabs");
-      return x(), P("div", hr, [
+      return b(), R("div", hr, [
         l(h, {
           title: ((T = e.value) == null ? void 0 : T.name) || "Synergy",
           "back-button": !0,
@@ -5912,7 +5921,7 @@ const Ii = [
           items: g
         }, null, 8, ["model-value"]),
         t("div", kr, [
-          (x(), M(Ve($.value), {
+          (b(), M(Ve($.value), {
             modelValue: e.value,
             "onUpdate:modelValue": y[1] || (y[1] = (A) => e.value = A)
           }, null, 8, ["modelValue"]))
@@ -5923,8 +5932,8 @@ const Ii = [
 }), $r = { class: "px-24 h-full relative" }, Nr = /* @__PURE__ */ Q({
   __name: "Integration",
   setup(f) {
-    const a = E(void 0), { params: e } = et(), i = ke(), g = E();
-    qe(async () => {
+    const a = B(void 0), { params: e } = et(), i = ke(), g = B();
+    Ye(async () => {
       i.settings.length === 0 && await i.getSettings();
     }), we(
       () => i.settings,
@@ -5935,7 +5944,7 @@ const Ii = [
       },
       { immediate: !0 }
     );
-    const V = q(() => {
+    const V = Y(() => {
       switch (a.value) {
         case ge.Xero:
           return bo;
@@ -5944,21 +5953,21 @@ const Ii = [
         case ge.AutoCount:
           return ol;
         case ge.SQL:
-          return El;
+          return Bl;
         case ge.iFlexi_HRMS:
           return Vs;
         case ge.Biztory:
           return es;
         case ge.AutoCountCloud:
-          return qi;
+          return Yi;
         case ge.SynergyExport:
           return Cr;
         default:
           return null;
       }
     });
-    return ($, U) => (x(), P("div", $r, [
-      (x(), M(Ve(V.value), {
+    return ($, U) => (b(), R("div", $r, [
+      (b(), M(Ve(V.value), {
         modelValue: g.value,
         "onUpdate:modelValue": U[0] || (U[0] = (y) => g.value = y)
       }, null, 8, ["modelValue"]))