@feedmepos/mf-report 5.4.23 → 5.4.24-beta.0

package/dist/{Integration-GPDXopSE.js → Integration-ClrG1i5Y.js}

@@ -1,11 +1,11 @@
-import { defineComponent as H, mergeModels as _e, useModel as X, computed as E, resolveComponent as V, createElementBlock as D, openBlock as d, createElementVNode as t, createCommentVNode as R, normalizeClass as Ke, Fragment as L, renderList as Q, createBlock as A, createVNode as i, withCtx as xe, toDisplayString as T, unref as f, ref as B, watch as ge, isRef as he, h as I, resolveDynamicComponent as be, mergeProps as Le, onMounted as ze } from "vue";
-import { useRouter as pe, useRoute as Ee } from "vue-router";
-import { u as W, I as de, d as je, e as we, f as ke, b as ue, q as Ye, m as qe, p as Ve, r as $e, s as Se, t as Ce, v as Ae, w as He, x as Qe, y as Xe, A as ve, z as Pe, B as Ge, E as Je } from "./global-loader-D9UMph7l.js";
+import { defineComponent as H, mergeModels as _e, useModel as Q, computed as z, resolveComponent as V, createElementBlock as D, openBlock as d, createElementVNode as t, createCommentVNode as R, normalizeClass as Ke, Fragment as L, renderList as X, createBlock as A, createVNode as i, withCtx as xe, toDisplayString as T, unref as f, ref as B, watch as ge, isRef as he, h as I, resolveDynamicComponent as be, mergeProps as Le, onMounted as Ee } from "vue";
+import { useRouter as pe, useRoute as ze } from "vue-router";
+import { u as W, I as de, d as je, e as we, f as ke, b as ue, q as Ye, m as qe, p as Ve, r as $e, s as Se, t as Ce, v as Ae, w as He, x as Xe, y as Qe, A as ve, z as Pe, B as Ge, E as Je } from "./global-loader-BKQvLNRz.js";
 import { u as Fe } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as fe } from "@feedmepos/ui-library";
-import { s as We } from "./index-CxVnRxOJ.js";
+import { s as We } from "./index-2OLtpO8C.js";
 import { storeToRefs as De } from "pinia";
-import { _ as Ue } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CIDrrVrf.js";
+import { _ as Ue } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BaVjCBz9.js";
 const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, et = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, tt = {
   key: 0,
   class: "w-[24px] flex items-center"
@@ -33,8 +33,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ _e(["remove"], ["update:modelValue"]),
-  setup(y, { emit: o }) {
-    const e = X(y, "modelValue"), n = y, w = E(
+  setup(v, { emit: o }) {
+    const e = Q(v, "modelValue"), n = v, w = z(
       () => Object.keys(n.options).map((_) => {
         const S = n.options[_];
         return {
@@ -48,25 +48,25 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       const h = V("FmTextField"), r = V("FmTooltip"), p = V("FmIcon");
       return d(), D("div", Ze, [
         t("div", {
-          class: Ke(`${y.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
+          class: Ke(`${v.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (d(!0), D(L, null, Q(w.value, (k) => {
-            var v;
+          (d(!0), D(L, null, X(w.value, (k) => {
+            var g;
             return d(), D(L, {
               key: k.key
             }, [
               k.editable ? (d(), D("div", {
                 key: 0,
-                class: Ke(`${y.removable ? "w-[50%]" : "w-[100%]"}`)
+                class: Ke(`${v.removable ? "w-[50%]" : "w-[100%]"}`)
               }, [
                 i(h, {
                   "model-value": e.value[k.key],
                   placeholder: k.placeholder,
-                  type: y.type,
-                  rules: y.rules,
-                  "onUpdate:modelValue": (g) => {
-                    let c = g;
-                    y.type === "number" && (c = Number(g)), e.value = {
+                  type: v.type,
+                  rules: v.rules,
+                  "onUpdate:modelValue": (y) => {
+                    let c = y;
+                    v.type === "number" && (c = Number(y)), e.value = {
                       ...e.value,
                       [k.key]: c
                     };
@@ -74,7 +74,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])
               ], 2)) : (d(), A(r, {
                 key: 1,
-                content: (v = e.value[k.key]) == null ? void 0 : v.toString(),
+                content: (g = e.value[k.key]) == null ? void 0 : g.toString(),
                 class: "w-[50%]"
               }, {
                 default: xe(() => [
@@ -85,7 +85,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ], 64);
           }), 128))
         ], 2),
-        y.removable ? (d(), D("div", tt, [
+        v.removable ? (d(), D("div", tt, [
           i(p, {
             color: "system-error-300",
             class: "cursor-pointer",
@@ -119,8 +119,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = E(() => {
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = z(() => {
       switch (e.value.name) {
         case de.AutoCount:
         case de.SQL:
@@ -135,8 +135,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       const _ = V("FmSwitch"), S = V("FmTextField"), h = V("FmTimePicker");
       return d(), D(L, null, [
         t("div", ot, [
-          t("div", at, T(f(o)("report.integration.auto", { label: y.label })), 1),
-          y.label == "upload" ? (d(), D("div", lt, T(f(o)("report.integration.lastUploadDate")) + ": " + T(y.lastUploadDate ? f(je)(y.lastUploadDate).format("MMMM D, YYYY h:mm A") : f(o)("report.integration.noData.title")), 1)) : R("", !0)
+          t("div", at, T(f(o)("report.integration.auto", { label: v.label })), 1),
+          v.label == "upload" ? (d(), D("div", lt, T(f(o)("report.integration.lastUploadDate")) + ": " + T(v.lastUploadDate ? f(je)(v.lastUploadDate).format("MMMM D, YYYY h:mm A") : f(o)("report.integration.noData.title")), 1)) : R("", !0)
         ]),
         t("div", nt, [
           t("div", st, T(f(o)("report.common.enable")), 1),
@@ -166,7 +166,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         ])) : R("", !0),
         t("div", ct, [
           t("div", dt, [
-            t("div", pt, T(f(We)(y.label)) + " time ", 1),
+            t("div", pt, T(f(We)(v.label)) + " time ", 1),
             t("div", ut, [
               i(h, {
                 class: "gap-[0px]",
@@ -230,8 +230,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ _e(["remove"], ["update:modelValue"]),
-  setup(y, { emit: o }) {
-    const e = X(y, "modelValue"), n = y, w = E(
+  setup(v, { emit: o }) {
+    const e = Q(v, "modelValue"), n = v, w = z(
       () => Object.keys(n.options).map((r) => {
         const p = n.options[r];
         return {
@@ -251,12 +251,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       return n.singleValueMode ? n.options.key.placeholder : (p = e.value[r.key]) == null ? void 0 : p.toString();
     }, S = (r) => n.singleValueMode ? e.value : e.value[r.key], h = o;
     return (r, p) => {
-      const k = V("FmSelect"), v = V("FmTextField"), g = V("FmTooltip"), c = V("FmIcon");
+      const k = V("FmSelect"), g = V("FmTextField"), y = V("FmTooltip"), c = V("FmIcon");
       return d(), D("div", ft, [
         t("div", {
-          class: Ke(`${y.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
+          class: Ke(`${v.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (d(!0), D(L, null, Q(w.value, (m) => (d(), D(L, {
+          (d(!0), D(L, null, X(w.value, (m) => (d(), D(L, {
             key: m.key
           }, [
             m.editable ? (d(), D("div", vt, [
@@ -267,15 +267,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 items: m.dropdownOptions,
                 "shift-menu": !0,
                 "onUpdate:modelValue": (b) => x(b, m.key)
-              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (d(), A(v, {
+              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (d(), A(g, {
                 key: 1,
                 "model-value": S(m),
                 placeholder: m.placeholder,
-                type: y.type,
-                rules: y.rules,
+                type: v.type,
+                rules: v.rules,
                 "onUpdate:modelValue": (b) => x(b, m.key)
               }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
-            ])) : (d(), A(g, {
+            ])) : (d(), A(y, {
               key: 1,
               content: _(m),
               class: "w-[50%]"
@@ -287,7 +287,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, 1032, ["content"]))
           ], 64))), 128))
         ], 2),
-        y.removable ? (d(), D("div", yt, [
+        v.removable ? (d(), D("div", yt, [
           i(c, {
             color: "system-error-300",
             class: "cursor-pointer",
@@ -303,15 +303,24 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   key: 0,
   class: "flex flex-col h-full"
 }, _t = { class: "flex flex-col gap-[16px] pb-[24px]" }, bt = { class: "flex flex-row justify-between items-center gap-2" }, wt = { class: "flex flex-row gap-2 items-center" }, ht = { class: "relative group cursor-pointer" }, kt = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, Vt = { class: "flex flex-row items-center justify-between gap-2" }, $t = { class: "w-[25%]" }, St = { class: "flex flex-col gap-[16px]" }, Ct = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Ft = { class: "flex-grow" }, Dt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Ut = { class: "flex flex-col gap-[16px]" }, Tt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, It = { class: "flex-grow" }, Mt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Kt = { class: "flex-grow" }, At = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Pt = { class: "flex-grow" }, Nt = { class: "flex flex-row items-center gap-x-16" }, Rt = {
-  key: 1,
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ot = {
+  key: 2,
   class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, Ot = { class: "flex flex-row items-center gap-x-16" }, Bt = {
+}, Bt = { class: "flex flex-row items-center gap-x-16" }, jt = {
   key: 3,
-  class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, jt = { class: "flex flex-row items-center gap-x-16" }, Lt = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Lt = {
   key: 5,
   class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, zt = /* @__PURE__ */ H({
+}, Et = { class: "flex flex-row items-center gap-x-16" }, zt = {
+  key: 6,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Yt = {
+  key: 8,
+  class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
+}, qt = /* @__PURE__ */ H({
   __name: "Setting",
   props: /* @__PURE__ */ _e({
     tenantOptions: {
@@ -331,14 +340,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = B(!1), p = E(
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = B(!1), p = z(
       () => h.map((u) => ({ label: u.name, value: u.id }))
-    ), k = E(() => {
+    ), k = z(() => {
       var u, s;
       return r.value ? "Connecting" : (s = (u = e.value) == null ? void 0 : u.platform) != null && s.accessToken ? "Disconnect" : "Connect";
-    }), v = B(0);
-    async function g() {
+    }), g = B(0);
+    async function y() {
       var u;
       if (r.value)
         n.open({ type: "error", message: "Connecting in progress" });
@@ -353,11 +362,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           r.value = !0;
           const M = setInterval(async () => {
             var N;
-            v.value += 1;
+            g.value += 1;
             try {
               await w.getSettings();
             } finally {
-              (v.value === 12 || (N = e.value.platform) != null && N.accessToken) && (r.value = !1, M && clearInterval(M), v.value = 0);
+              (g.value === 12 || (N = e.value.platform) != null && N.accessToken) && (r.value = !1, M && clearInterval(M), g.value = 0);
             }
           }, 5e3);
           window.open(s.redirect, "_blank");
@@ -389,7 +398,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       });
     }
     function b(u) {
-      const s = y.tenantOptions.data.find((M) => M.value === u);
+      const s = v.tenantOptions.data.find((M) => M.value === u);
       s && e.value.platform && (e.value.platform.tenant = {
         id: s.value,
         name: s.label
@@ -428,9 +437,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       });
     }
     return (u, s) => {
-      var z, Z, ee, te, oe, ae, le, ne, se, ie, U, $, F, K, q, re, ye, Ne, Re, Oe, Be;
+      var E, Z, ee, te, oe, ae, le, ne, se, ie, U, $, F, K, q, re, ye, Ne, Re, Oe, Be;
       const M = V("FmIcon"), N = V("FmButton"), G = V("FmMenuDivider"), Y = V("FmCircularProgress"), J = V("FmSelect"), O = V("FmTextField"), j = V("FmSwitch");
-      return (Z = (z = e.value) == null ? void 0 : z.platform) != null && Z.mappings ? (d(), D("div", xt, [
+      return (Z = (E = e.value) == null ? void 0 : E.platform) != null && Z.mappings ? (d(), D("div", xt, [
         t("div", _t, [
           t("div", bt, [
             s[10] || (s[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
@@ -465,21 +474,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 disabled: r.value,
                 variant: "primary",
                 label: k.value,
-                onClick: g
+                onClick: y
               }, null, 8, ["disabled", "label"])
             ]),
-            !y.tenantOptions.isLoaded && ((ee = e.value.platform) != null && ee.accessToken) ? (d(), A(Y, {
+            !v.tenantOptions.isLoaded && ((ee = e.value.platform) != null && ee.accessToken) ? (d(), A(Y, {
               key: 0,
               size: "xl"
             })) : R("", !0),
-            ((te = y.tenantOptions.data) == null ? void 0 : te.length) > 0 ? (d(), A(J, {
-              key: 1,
+            i(J, {
               class: "flex-grow",
-              items: y.tenantOptions.data,
-              "model-value": (oe = e.value.platform.tenant) == null ? void 0 : oe.id,
-              placeholder: "Select tenant",
+              items: v.tenantOptions.data || [],
+              "model-value": (te = e.value.platform.tenant) == null ? void 0 : te.id,
+              placeholder: v.tenantOptions.data ? "Select tenant " : (oe = e.value.platform.tenant) == null ? void 0 : oe.name,
               "onUpdate:modelValue": b
-            }, null, 8, ["items", "model-value"])) : R("", !0)
+            }, null, 8, ["items", "model-value", "placeholder"])
           ]),
           t("div", St, [
             s[13] || (s[13] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "General", -1)),
@@ -554,12 +562,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[6] || (s[6] = () => l("taxes"))
               })
             ]),
-            !y.taxOptions.isLoaded && ((le = e.value.platform) != null && le.accessToken) ? (d(), A(Y, {
-              key: 0,
+            v.taxOptions.isError || e.value.platform.accessToken == null ? (d(), D("div", Rt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : R("", !0),
+            !v.taxOptions.isLoaded && ((le = e.value.platform) != null && le.accessToken) ? (d(), A(Y, {
+              key: 1,
               size: "xl"
             })) : R("", !0),
-            ((ne = y.taxOptions.data) == null ? void 0 : ne.length) > 0 ? (d(), D("div", Rt, [
-              (d(!0), D(L, null, Q((U = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : U.taxes, (me, ce) => (d(), A(Me, {
+            ((ne = v.taxOptions.data) == null ? void 0 : ne.length) > 0 ? (d(), D("div", Ot, [
+              (d(!0), D(L, null, X((U = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : U.taxes, (me, ce) => (d(), A(Me, {
                 key: `tax-${ce}`,
                 modelValue: e.value.platform.mappings.taxes[ce],
                 "onUpdate:modelValue": (Ie) => e.value.platform.mappings.taxes[ce] = Ie,
@@ -568,14 +577,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   xeroAccount: {
                     placeholder: "Select Tax",
                     editable: !0,
-                    dropdownOptions: y.taxOptions.data ?? []
+                    dropdownOptions: v.taxOptions.data ?? []
                   }
                 },
                 removable: !0,
                 onRemove: () => C("taxes", ce)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : R("", !0),
-            t("div", Ot, [
+            t("div", Bt, [
               s[18] || (s[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
               i(N, {
                 variant: "primary",
@@ -583,12 +592,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[7] || (s[7] = () => l("items"))
               })
             ]),
-            !y.accountCodeOptions.isLoaded && (($ = e.value.platform) != null && $.accessToken) ? (d(), A(Y, {
-              key: 2,
+            v.accountCodeOptions.isError || e.value.platform.accessToken == null ? (d(), D("div", jt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : R("", !0),
+            !v.accountCodeOptions.isLoaded && (($ = e.value.platform) != null && $.accessToken) ? (d(), A(Y, {
+              key: 4,
               size: "xl"
             })) : R("", !0),
-            ((F = y.accountCodeOptions.data) == null ? void 0 : F.length) > 0 ? (d(), D("div", Bt, [
-              (d(!0), D(L, null, Q((re = (q = (K = e.value) == null ? void 0 : K.platform) == null ? void 0 : q.mappings) == null ? void 0 : re.items, (me, ce) => (d(), A(Me, {
+            ((F = v.accountCodeOptions.data) == null ? void 0 : F.length) > 0 ? (d(), D("div", Lt, [
+              (d(!0), D(L, null, X((re = (q = (K = e.value) == null ? void 0 : K.platform) == null ? void 0 : q.mappings) == null ? void 0 : re.items, (me, ce) => (d(), A(Me, {
                 key: `item-${ce}`,
                 modelValue: e.value.platform.mappings.items[ce],
                 "onUpdate:modelValue": (Ie) => e.value.platform.mappings.items[ce] = Ie,
@@ -597,14 +607,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   xeroAccount: {
                     placeholder: "Select Item Code",
                     editable: !0,
-                    dropdownOptions: y.accountCodeOptions.data ?? []
+                    dropdownOptions: v.accountCodeOptions.data ?? []
                   }
                 },
                 removable: !0,
                 onRemove: () => C("items", ce)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : R("", !0),
-            t("div", jt, [
+            t("div", Et, [
               s[19] || (s[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
               i(N, {
                 variant: "primary",
@@ -612,12 +622,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[8] || (s[8] = () => l("payments"))
               })
             ]),
-            !y.accountCodeOptions.isLoaded && ((ye = e.value.platform) != null && ye.accessToken) ? (d(), A(Y, {
-              key: 4,
+            v.accountCodeOptions.isError || e.value.platform.accessToken == null ? (d(), D("div", zt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : R("", !0),
+            !v.accountCodeOptions.isLoaded && ((ye = e.value.platform) != null && ye.accessToken) ? (d(), A(Y, {
+              key: 7,
               size: "xl"
             })) : R("", !0),
-            ((Ne = y.accountCodeOptions.data) == null ? void 0 : Ne.length) > 0 ? (d(), D("div", Lt, [
-              (d(!0), D(L, null, Q((Be = (Oe = (Re = e.value) == null ? void 0 : Re.platform) == null ? void 0 : Oe.mappings) == null ? void 0 : Be.payments, (me, ce) => (d(), A(Me, {
+            ((Ne = v.accountCodeOptions.data) == null ? void 0 : Ne.length) > 0 ? (d(), D("div", Yt, [
+              (d(!0), D(L, null, X((Be = (Oe = (Re = e.value) == null ? void 0 : Re.platform) == null ? void 0 : Oe.mappings) == null ? void 0 : Be.payments, (me, ce) => (d(), A(Me, {
                 key: `payment-${ce}`,
                 modelValue: e.value.platform.mappings.payments[ce],
                 "onUpdate:modelValue": (Ie) => e.value.platform.mappings.payments[ce] = Ie,
@@ -626,7 +637,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   xeroAccount: {
                     placeholder: "Select Payment Code",
                     editable: !0,
-                    dropdownOptions: y.accountCodeOptions.data ?? []
+                    dropdownOptions: v.accountCodeOptions.data ?? []
                   }
                 },
                 removable: !0,
@@ -638,44 +649,44 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ])) : R("", !0);
     };
   }
-}), Et = { class: "h-full flex flex-col gap-16" }, Yt = { class: "flex flex-row gap-2 justify-between items-center" }, qt = {
+}), Ht = { class: "h-full flex flex-col gap-16" }, Xt = { class: "flex flex-row gap-2 justify-between items-center" }, Qt = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Ht = /* @__PURE__ */ H({
+}, Gt = /* @__PURE__ */ H({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const o = B([]), e = E(
+  setup(v) {
+    const o = B([]), e = z(
       () => o.value.reduce((r, p) => {
-        const k = r.length, { invoice: v, payments: g } = p;
+        const k = r.length, { invoice: g, payments: y } = p;
         r[k] = {
-          date: v.Date,
-          contact: v.Contact.ContactID,
-          status: v.Status,
-          ref: v.Reference
+          date: g.Date,
+          contact: g.Contact.ContactID,
+          status: g.Status,
+          ref: g.Reference
         };
-        for (let c = 0; c < Math.max(v.LineItems.length, g.length); c++) {
+        for (let c = 0; c < Math.max(g.LineItems.length, y.length); c++) {
           const m = k + c;
-          r[m] || (r[m] = {}), v.LineItems[c] && (r[m] = {
+          r[m] || (r[m] = {}), g.LineItems[c] && (r[m] = {
             ...r[m],
-            itemDescription: v.LineItems[c].Description,
-            itemQuantity: v.LineItems[c].Quantity,
-            itemUnitAmount: v.LineItems[c].UnitAmount,
+            itemDescription: g.LineItems[c].Description,
+            itemQuantity: g.LineItems[c].Quantity,
+            itemUnitAmount: g.LineItems[c].UnitAmount,
             // itemCode: invoice.LineItems[i].ItemCode,
-            itemAccount: v.LineItems[c].AccountCode,
-            itemTax: v.LineItems[c].TaxAmount,
-            itemTaxType: v.LineItems[c].TaxType,
-            itemAmount: v.LineItems[c].LineAmount,
-            itemDiscount: v.LineItems[c].DiscountAmount
-          }), g[c] && (r[m] = {
+            itemAccount: g.LineItems[c].AccountCode,
+            itemTax: g.LineItems[c].TaxAmount,
+            itemTaxType: g.LineItems[c].TaxType,
+            itemAmount: g.LineItems[c].LineAmount,
+            itemDiscount: g.LineItems[c].DiscountAmount
+          }), y[c] && (r[m] = {
             ...r[m],
-            paymentAccount: g[c].Account.Code,
-            paymentReference: g[c].Reference,
-            paymentAmount: g[c].Amount
+            paymentAccount: y[c].Account.Code,
+            paymentReference: y[c].Reference,
+            paymentAmount: y[c].Amount
           });
         }
         return r;
@@ -756,7 +767,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(y, "modelValue"), x = B(!1), _ = fe(), { dateRange: S } = De(ue());
+    ], w = Q(v, "modelValue"), x = B(!1), _ = fe(), { dateRange: S } = De(ue());
     ge(
       () => S.value,
       async () => {
@@ -783,9 +794,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     }
     return (r, p) => {
-      const k = V("FmButton"), v = V("FmCircularProgress"), g = V("FmTable");
-      return d(), D("div", Et, [
-        t("div", Yt, [
+      const k = V("FmButton"), g = V("FmCircularProgress"), y = V("FmTable");
+      return d(), D("div", Ht, [
+        t("div", Xt, [
           i(Ue, {
             "date-range": f(S),
             "onUpdate:dateRange": p[0] || (p[0] = (c) => he(S) ? S.value = c : null),
@@ -798,10 +809,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: h
           }, null, 8, ["loading"])
         ]),
-        x.value ? (d(), D("div", qt, [
-          i(v, { size: "xl" }),
+        x.value ? (d(), D("div", Qt, [
+          i(g, { size: "xl" }),
           p[1] || (p[1] = t("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
-        ])) : e.value.length > 0 ? (d(), A(g, {
+        ])) : e.value.length > 0 ? (d(), A(y, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
@@ -810,15 +821,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Qt = { class: "h-full relative flex flex-col" }, Xt = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Gt = /* @__PURE__ */ H({
+}), Jt = { class: "h-full relative flex flex-col" }, Wt = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Zt = /* @__PURE__ */ H({
   __name: "Xero",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = B("setting"), w = B({}), x = B({}), _ = B({}), S = [
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = B("setting"), w = B({}), x = B({}), _ = B({}), S = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -829,13 +840,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], h = pe(), r = E(() => {
+    ], h = pe(), r = z(() => {
       switch (n.value) {
         case "preview":
-          return { component: Ht };
+          return { component: Gt };
         case "setting":
           return {
-            component: zt,
+            component: qt,
             props: {
               tenantOptions: w.value,
               taxOptions: x.value,
@@ -849,13 +860,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function p() {
       if (e.value._id)
         try {
-          const g = await He(e.value._id);
-          w.value.data = g.map((c) => ({
+          const y = await He(e.value._id);
+          w.value.data = y.map((c) => ({
             value: c.id,
             label: c.name
           }));
-        } catch (g) {
-          console.error("Failed to fetch tenants:", g), w.value.isError = !0;
+        } catch (y) {
+          console.error("Failed to fetch tenants:", y), w.value.isError = !0;
         } finally {
           w.value.isLoaded = !0;
         }
@@ -863,44 +874,44 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function k() {
       if (e.value._id)
         try {
-          const g = await Qe(e.value._id);
-          x.value.data = g.map((c) => ({
+          const y = await Xe(e.value._id);
+          x.value.data = y.map((c) => ({
             value: c.Name,
             label: `${c.Name} - (${c.EffectiveRate}%)`
           }));
-        } catch (g) {
-          console.error("Failed to fetch taxes:", g), x.value.isError = !0;
+        } catch (y) {
+          console.error("Failed to fetch taxes:", y), x.value.isError = !0;
         } finally {
           x.value.isLoaded = !0;
         }
     }
-    async function v() {
+    async function g() {
       if (e.value._id)
         try {
-          const g = await Xe(e.value._id);
-          _.value.data = g.map((c) => ({
+          const y = await Qe(e.value._id);
+          _.value.data = y.map((c) => ({
             value: c.Code,
             label: `${c.Code} ${c.Name} - [${c.Class}_${c.Type}]`
           }));
-        } catch (g) {
-          console.error("Failed to fetch accounts:", g), _.value.isError = !0;
+        } catch (y) {
+          console.error("Failed to fetch accounts:", y), _.value.isError = !0;
         } finally {
           _.value.isLoaded = !0;
         }
     }
     return ge(
       () => {
-        var g;
-        return (g = e.value.platform) == null ? void 0 : g.accessToken;
+        var y;
+        return (y = e.value.platform) == null ? void 0 : y.accessToken;
       },
-      (g) => {
-        g && (p(), k(), v());
+      (y) => {
+        y && (p(), k(), g());
       },
       { immediate: !0 }
-    ), (g, c) => {
+    ), (y, c) => {
       var C, l, a;
       const m = V("FmPageHead"), b = V("FmTabs");
-      return d(), D("div", Qt, [
+      return d(), D("div", Jt, [
         i(m, {
           title: ((C = e.value) == null ? void 0 : C.name) || "Xero",
           "back-button": !0,
@@ -917,7 +928,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           "onUpdate:modelValue": c[0] || (c[0] = (u) => n.value = u),
           items: S
         }, null, 8, ["model-value"]),
-        t("div", Xt, [
+        t("div", Wt, [
           (d(), A(be((l = r.value) == null ? void 0 : l.component), Le({
             modelValue: e.value,
             "onUpdate:modelValue": c[1] || (c[1] = (u) => e.value = u)
@@ -926,18 +937,18 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Jt = {
+}), eo = {
   key: 0,
   class: "flex flex-col h-full"
-}, Wt = { class: "flex flex-col gap-16 pb-[24px]" }, Zt = { class: "flex flex-row justify-between items-center gap-2" }, eo = { class: "fm-typo-en-title-sm-800" }, to = { class: "flex flex-row gap-2 items-center" }, oo = { class: "relative group cursor-pointer" }, ao = { 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" }, lo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, no = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, so = { class: "flex flex-row items-center justify-between" }, io = { class: "w-[25%]" }, ro = { class: "flex-grow" }, mo = { class: "flex flex-row items-center justify-between" }, co = { class: "w-[25%]" }, po = { class: "flex-grow" }, uo = { class: "flex flex-col gap-16" }, fo = { class: "fm-typo-en-title-sm-800" }, vo = { class: "flex flex-row items-center max-w-[100%]" }, go = { class: "w-[25%]" }, yo = { class: "flex-grow" }, xo = { class: "flex flex-row items-center max-w-[100%]" }, _o = { class: "w-[25%]" }, bo = { class: "flex flex-row items-center max-w-[100%]" }, wo = { class: "w-[25%]" }, ho = { class: "flex flex-col gap-16" }, ko = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Vo = { class: "flex flex-row items-center gap-x-16" }, $o = { class: "fm-typo-en-title-sm-800" }, So = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Co = { class: "flex flex-row items-center gap-x-16" }, Fo = { class: "fm-typo-en-title-sm-800" }, Do = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Uo = { class: "flex flex-row items-center gap-x-16" }, To = { class: "fm-typo-en-title-sm-800" }, Io = { class: "flex flex-row items-center" }, Mo = /* @__PURE__ */ H({
+}, to = { class: "flex flex-col gap-16 pb-[24px]" }, oo = { class: "flex flex-row justify-between items-center gap-2" }, ao = { class: "fm-typo-en-title-sm-800" }, lo = { class: "flex flex-row gap-2 items-center" }, no = { class: "relative group cursor-pointer" }, so = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, io = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, mo = { class: "flex flex-row items-center justify-between" }, co = { class: "w-[25%]" }, po = { class: "flex-grow" }, uo = { class: "flex flex-row items-center justify-between" }, fo = { class: "w-[25%]" }, vo = { class: "flex-grow" }, go = { class: "flex flex-col gap-16" }, yo = { class: "fm-typo-en-title-sm-800" }, xo = { class: "flex flex-row items-center max-w-[100%]" }, _o = { class: "w-[25%]" }, bo = { class: "flex-grow" }, wo = { class: "flex flex-row items-center max-w-[100%]" }, ho = { class: "w-[25%]" }, ko = { class: "flex flex-row items-center max-w-[100%]" }, Vo = { class: "w-[25%]" }, $o = { class: "flex flex-col gap-16" }, So = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Co = { class: "flex flex-row items-center gap-x-16" }, Fo = { class: "fm-typo-en-title-sm-800" }, Do = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Uo = { class: "flex flex-row items-center gap-x-16" }, To = { class: "fm-typo-en-title-sm-800" }, Io = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Mo = { class: "flex flex-row items-center gap-x-16" }, Ko = { class: "fm-typo-en-title-sm-800" }, Ao = { class: "flex flex-row items-center" }, Po = /* @__PURE__ */ H({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const o = X(y, "modelValue"), e = fe(), n = we(), w = pe(), { promptLoader: x } = ke(), { promptMessage: _ } = Fe(), { restaurants: S } = ue(), h = E(
+  setup(v) {
+    const o = Q(v, "modelValue"), e = fe(), n = we(), w = pe(), { promptLoader: x } = ke(), { promptMessage: _ } = Fe(), { restaurants: S } = ue(), h = z(
       () => S.map((l) => ({ label: l.name, value: l.id }))
     ), { t: r } = W();
     async function p() {
@@ -961,13 +972,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       });
     }
-    function v(l, a) {
+    function g(l, a) {
       var u, s;
       (s = (u = o.value.platform) == null ? void 0 : u.mappings) != null && s[l] && (o.value.platform.mappings[l] = o.value.platform.mappings[l].filter(
         (M, N) => N !== a
       ));
     }
-    function g(l) {
+    function y(l) {
       var a, u;
       if ((u = (a = o.value.platform) == null ? void 0 : a.mappings) != null && u[l]) {
         let s;
@@ -1041,20 +1052,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       });
     }
     return (l, a) => {
-      var J, O, j, z, Z, ee, te, oe, ae, le, ne, se, ie, U, $;
+      var J, O, j, E, Z, ee, te, oe, ae, le, ne, se, ie, U, $;
       const u = V("FmIcon"), s = V("FmButton"), M = V("FmMenuDivider"), N = V("FmTextField"), G = V("FmSelect"), Y = V("FmCheckbox");
-      return (O = (J = o.value) == null ? void 0 : J.platform) != null && O.mappings ? (d(), D("div", Jt, [
-        t("div", Wt, [
-          t("div", Zt, [
-            t("div", eo, T(f(r)("report.integration.bukku.connect")), 1),
-            t("div", to, [
-              t("div", oo, [
+      return (O = (J = o.value) == null ? void 0 : J.platform) != null && O.mappings ? (d(), D("div", eo, [
+        t("div", to, [
+          t("div", oo, [
+            t("div", ao, T(f(r)("report.integration.bukku.connect")), 1),
+            t("div", lo, [
+              t("div", no, [
                 i(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: C
                 }),
-                t("span", ao, T(f(r)("report.integration.setting.refreshTooltip")), 1)
+                t("span", so, T(f(r)("report.integration.setting.refreshTooltip")), 1)
               ]),
               i(s, {
                 variant: "tertiary",
@@ -1070,11 +1081,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])
         ]),
         i(M, { style: { margin: 0 } }),
-        t("div", lo, [
-          t("div", no, T(f(r)("report.integration.bukku.authentication")), 1),
-          t("div", so, [
-            t("div", io, T(f(r)("report.integration.subdomain")), 1),
-            t("div", ro, [
+        t("div", io, [
+          t("div", ro, T(f(r)("report.integration.bukku.authentication")), 1),
+          t("div", mo, [
+            t("div", co, T(f(r)("report.integration.subdomain")), 1),
+            t("div", po, [
               i(N, {
                 modelValue: o.value.platform.subdomain,
                 "onUpdate:modelValue": a[0] || (a[0] = (F) => o.value.platform.subdomain = F),
@@ -1082,9 +1093,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
-          t("div", mo, [
-            t("div", co, T(f(r)("report.integration.token")), 1),
-            t("div", po, [
+          t("div", uo, [
+            t("div", fo, T(f(r)("report.integration.token")), 1),
+            t("div", vo, [
               i(N, {
                 modelValue: o.value.platform.token,
                 "onUpdate:modelValue": a[1] || (a[1] = (F) => o.value.platform.token = F),
@@ -1092,19 +1103,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
-          t("div", uo, [
-            t("div", fo, T(f(r)("report.integration.bukku.general")), 1),
-            t("div", vo, [
-              t("div", go, T(f(r)("report.common.name")), 1),
-              t("div", yo, [
+          t("div", go, [
+            t("div", yo, T(f(r)("report.integration.bukku.general")), 1),
+            t("div", xo, [
+              t("div", _o, T(f(r)("report.common.name")), 1),
+              t("div", bo, [
                 i(N, {
                   modelValue: o.value.name,
                   "onUpdate:modelValue": a[2] || (a[2] = (F) => o.value.name = F)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", xo, [
-              t("div", _o, T(f(r)("report.common.location")), 1),
+            t("div", wo, [
+              t("div", ho, T(f(r)("report.common.location")), 1),
               i(G, {
                 modelValue: o.value.platform.locationIds,
                 "onUpdate:modelValue": a[3] || (a[3] = (F) => o.value.platform.locationIds = F),
@@ -1114,8 +1125,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 class: "flex-grow"
               }, null, 8, ["modelValue", "items"])
             ]),
-            t("div", bo, [
-              t("div", wo, T(f(r)("report.integration.bukku.grouping.title")), 1),
+            t("div", ko, [
+              t("div", Vo, T(f(r)("report.integration.bukku.grouping.title")), 1),
               i(G, {
                 modelValue: o.value.platform.grouping,
                 "onUpdate:modelValue": a[4] || (a[4] = (F) => o.value.platform.grouping = F),
@@ -1126,8 +1137,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", ho, [
-            t("div", ko, [
+          t("div", $o, [
+            t("div", So, [
               i(P, {
                 "model-value": {
                   key: "Contact",
@@ -1191,7 +1202,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   (re = (q = (K = o.value) == null ? void 0 : K.platform) == null ? void 0 : q.mappings) != null && re.rounding && (o.value.platform.mappings.rounding.account = F.account);
                 })
               }, null, 8, ["model-value", "options"]),
-              (d(!0), D(L, null, Q((Z = (z = (j = o.value) == null ? void 0 : j.platform) == null ? void 0 : z.mappings) == null ? void 0 : Z.charges, (F, K) => (d(), A(P, {
+              (d(!0), D(L, null, X((Z = (E = (j = o.value) == null ? void 0 : j.platform) == null ? void 0 : E.mappings) == null ? void 0 : Z.charges, (F, K) => (d(), A(P, {
                 key: `charge-${K}`,
                 modelValue: o.value.platform.mappings.charges[K],
                 "onUpdate:modelValue": (q) => o.value.platform.mappings.charges[K] = q,
@@ -1214,16 +1225,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             label: "upload",
             "last-upload-date": (ee = o.value.platform) == null ? void 0 : ee.lastUploadDate
           }, null, 8, ["modelValue", "last-upload-date"]),
-          t("div", Vo, [
-            t("div", $o, T(f(r)("report.integration.items")), 1),
+          t("div", Co, [
+            t("div", Fo, T(f(r)("report.integration.items")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => g("items"))
+              onClick: a[12] || (a[12] = () => y("items"))
             })
           ]),
-          t("div", So, [
-            (d(!0), D(L, null, Q((ae = (oe = (te = o.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.items, (F, K) => (d(), A(P, {
+          t("div", Do, [
+            (d(!0), D(L, null, X((ae = (oe = (te = o.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.items, (F, K) => (d(), A(P, {
               key: `item-${K}`,
               modelValue: o.value.platform.mappings.items[K],
               "onUpdate:modelValue": (q) => o.value.platform.mappings.items[K] = q,
@@ -1232,19 +1243,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("items", K)
+              onRemove: () => g("items", K)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Co, [
-            t("div", Fo, T(f(r)("report.integration.taxes")), 1),
+          t("div", Uo, [
+            t("div", To, T(f(r)("report.integration.taxes")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => g("taxes"))
+              onClick: a[13] || (a[13] = () => y("taxes"))
             })
           ]),
-          t("div", Do, [
-            (d(!0), D(L, null, Q((se = (ne = (le = o.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.taxes, (F, K) => (d(), A(P, {
+          t("div", Io, [
+            (d(!0), D(L, null, X((se = (ne = (le = o.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.taxes, (F, K) => (d(), A(P, {
               key: `tax-${K}`,
               modelValue: o.value.platform.mappings.taxes[K],
               "onUpdate:modelValue": (q) => o.value.platform.mappings.taxes[K] = q,
@@ -1253,22 +1264,22 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("taxes", K)
+              onRemove: () => g("taxes", K)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Uo, [
-            t("div", To, T(f(r)("report.integration.payments")), 1),
+          t("div", Mo, [
+            t("div", Ko, T(f(r)("report.integration.payments")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[14] || (a[14] = () => g("payments"))
+              onClick: a[14] || (a[14] = () => y("payments"))
             })
           ]),
-          (d(!0), D(L, null, Q(($ = (U = (ie = o.value) == null ? void 0 : ie.platform) == null ? void 0 : U.mappings) == null ? void 0 : $.payments, (F, K) => (d(), D("div", {
+          (d(!0), D(L, null, X(($ = (U = (ie = o.value) == null ? void 0 : ie.platform) == null ? void 0 : U.mappings) == null ? void 0 : $.payments, (F, K) => (d(), D("div", {
             key: `payment-${K}`,
             class: "grid-cols-1 grid gap-x-16"
           }, [
-            t("div", Io, [
+            t("div", Ao, [
               i(Y, {
                 "model-value": !o.value.platform.mappings.payments[K].skip,
                 value: "",
@@ -1286,7 +1297,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   account: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => v("payments", K)
+                onRemove: () => g("payments", K)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"])
             ])
           ]))), 128))
@@ -1294,31 +1305,31 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ])) : R("", !0);
     };
   }
-}), Ko = { class: "h-full flex flex-col gap-16" }, Ao = { class: "flex flex-row gap-2 justify-between items-center" }, Po = {
+}), No = { class: "h-full flex flex-col gap-16" }, Ro = { class: "flex flex-row gap-2 justify-between items-center" }, Oo = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, No = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ro = /* @__PURE__ */ H({
+}, Bo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, jo = /* @__PURE__ */ H({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const o = B([]), e = E(
+  setup(v) {
+    const o = B([]), e = z(
       () => o.value.reduce((p, k) => {
-        const v = p.length, { invoice: g, payments: c } = k;
-        p[v] = {
-          no: g.number,
-          date: g.date,
-          contact: g._contact_name,
-          status: g.status,
-          title: g.title
+        const g = p.length, { invoice: y, payments: c } = k;
+        p[g] = {
+          no: y.number,
+          date: y.date,
+          contact: y._contact_name,
+          status: y.status,
+          title: y.title
         };
-        for (let m = 0; m < Math.max(g.form_items.length, c.length); m++) {
-          const b = v + m;
+        for (let m = 0; m < Math.max(y.form_items.length, c.length); m++) {
+          const b = g + m;
           p[b] || (p[b] = {});
-          const C = g.form_items[m];
+          const C = y.form_items[m];
           C && (p[b] = {
             ...p[b],
             itemDescription: C.description,
@@ -1435,7 +1446,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Skip",
         enableSorting: !1
       }
-    ], x = X(y, "modelValue"), _ = B(!1), S = fe(), { dateRange: h } = De(ue());
+    ], x = Q(v, "modelValue"), _ = B(!1), S = fe(), { dateRange: h } = De(ue());
     ge(
       () => h.value,
       async () => {
@@ -1462,24 +1473,24 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     }
     return (p, k) => {
-      const v = V("FmButton"), g = V("FmCircularProgress"), c = V("FmTable");
-      return d(), D("div", Ko, [
-        t("div", Ao, [
+      const g = V("FmButton"), y = V("FmCircularProgress"), c = V("FmTable");
+      return d(), D("div", No, [
+        t("div", Ro, [
           i(Ue, {
             "date-range": f(h),
             "onUpdate:dateRange": k[0] || (k[0] = (m) => he(h) ? h.value = m : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(v, {
+          i(g, {
             loading: _.value,
             variant: "primary",
             label: f(n)("report.common.upload"),
             onClick: r
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (d(), D("div", Po, [
-          i(g, { size: "xl" }),
-          t("span", No, T(f(n)("report.integration.preview.loading")), 1)
+        _.value ? (d(), D("div", Oo, [
+          i(y, { size: "xl" }),
+          t("span", Bo, T(f(n)("report.integration.preview.loading")), 1)
         ])) : e.value.length > 0 ? (d(), A(c, {
           key: 1,
           class: "flex overflow-scroll",
@@ -1489,15 +1500,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Oo = { class: "h-full relative flex flex-col" }, Bo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, jo = /* @__PURE__ */ H({
+}), Lo = { class: "h-full relative flex flex-col" }, Eo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, zo = /* @__PURE__ */ H({
   __name: "Bukku",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = B("setting"), w = [
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = B("setting"), w = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -1508,12 +1519,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], x = pe(), _ = E(() => {
+    ], x = pe(), _ = z(() => {
       switch (n.value) {
         case "preview":
-          return Ro;
+          return jo;
         case "setting":
-          return Mo;
+          return Po;
         default:
           return null;
       }
@@ -1521,7 +1532,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (S, h) => {
       var k;
       const r = V("FmPageHead"), p = V("FmTabs");
-      return d(), D("div", Oo, [
+      return d(), D("div", Lo, [
         i(r, {
           title: ((k = e.value) == null ? void 0 : k.name) || "Bukku",
           "back-button": !0,
@@ -1535,30 +1546,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }, 8, ["title", "onClick:back"]),
         i(p, {
           "model-value": n.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (v) => n.value = v),
+          "onUpdate:modelValue": h[0] || (h[0] = (g) => n.value = g),
           items: w
         }, null, 8, ["model-value"]),
-        t("div", Bo, [
+        t("div", Eo, [
           (d(), A(be(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (v) => e.value = v)
+            "onUpdate:modelValue": h[1] || (h[1] = (g) => e.value = g)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), Lo = {
+}), Yo = {
   key: 0,
   class: "flex flex-col h-full"
-}, zo = { class: "flex flex-col gap-16 pb-[24px]" }, Eo = { class: "flex flex-row justify-between items-center gap-2" }, Yo = { class: "flex flex-row gap-2 items-center" }, qo = { class: "relative group cursor-pointer" }, Ho = { 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" }, Qo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Xo = { class: "flex flex-col gap-16" }, Go = { class: "fm-typo-en-title-sm-800" }, Jo = { class: "flex flex-row items-center max-w-[100%]" }, Wo = { class: "w-[25%]" }, Zo = { class: "flex-grow" }, ea = { class: "flex flex-row items-center max-w-[100%]" }, ta = { class: "w-[25%]" }, oa = { class: "flex flex-row items-center max-w-[100%]" }, aa = { class: "w-[25%]" }, la = { class: "flex flex-col gap-16" }, na = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, sa = { class: "flex flex-row items-center gap-x-16" }, ia = { class: "fm-typo-en-title-sm-800" }, ra = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ma = { class: "flex flex-row items-center gap-x-16" }, ca = { class: "fm-typo-en-title-sm-800" }, da = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, pa = { class: "flex flex-row items-center gap-x-16" }, ua = { class: "fm-typo-en-title-sm-800" }, fa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, va = /* @__PURE__ */ H({
+}, qo = { class: "flex flex-col gap-16 pb-[24px]" }, Ho = { class: "flex flex-row justify-between items-center gap-2" }, Xo = { class: "flex flex-row gap-2 items-center" }, Qo = { class: "relative group cursor-pointer" }, Go = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Jo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Wo = { class: "flex flex-col gap-16" }, Zo = { class: "fm-typo-en-title-sm-800" }, ea = { class: "flex flex-row items-center max-w-[100%]" }, ta = { class: "w-[25%]" }, oa = { class: "flex-grow" }, aa = { class: "flex flex-row items-center max-w-[100%]" }, la = { class: "w-[25%]" }, na = { class: "flex flex-row items-center max-w-[100%]" }, sa = { class: "w-[25%]" }, ia = { class: "flex flex-col gap-16" }, ra = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ma = { class: "flex flex-row items-center gap-x-16" }, ca = { class: "fm-typo-en-title-sm-800" }, da = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, pa = { class: "flex flex-row items-center gap-x-16" }, ua = { class: "fm-typo-en-title-sm-800" }, fa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, va = { class: "flex flex-row items-center gap-x-16" }, ga = { class: "fm-typo-en-title-sm-800" }, ya = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, xa = /* @__PURE__ */ H({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = E(
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = z(
       () => h.map((l) => ({ label: l.name, value: l.id }))
     );
     async function p() {
@@ -1582,13 +1593,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       });
     }
-    function v(l, a) {
+    function g(l, a) {
       var u, s;
       (s = (u = e.value.platform) == null ? void 0 : u.mappings) != null && s[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
         (M, N) => N !== a
       ));
     }
-    function g(l) {
+    function y(l) {
       var a, u;
       (u = (a = e.value.platform) == null ? void 0 : a.mappings) != null && u[l] && (e.value.platform.mappings[l] = [
         ...e.value.platform.mappings[l],
@@ -1639,20 +1650,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       });
     }
     return (l, a) => {
-      var Y, J, O, j, z, Z, ee, te, oe, ae, le, ne, se, ie;
+      var Y, J, O, j, E, Z, ee, te, oe, ae, le, ne, se, ie;
       const u = V("FmIcon"), s = V("FmButton"), M = V("FmMenuDivider"), N = V("FmTextField"), G = V("FmSelect");
-      return (J = (Y = e.value) == null ? void 0 : Y.platform) != null && J.mappings ? (d(), D("div", Lo, [
-        t("div", zo, [
-          t("div", Eo, [
+      return (J = (Y = e.value) == null ? void 0 : Y.platform) != null && J.mappings ? (d(), D("div", Yo, [
+        t("div", qo, [
+          t("div", Ho, [
             a[14] || (a[14] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Yo, [
-              t("div", qo, [
+            t("div", Xo, [
+              t("div", Qo, [
                 i(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: C
                 }),
-                t("span", Ho, T(f(o)("report.integration.autoCount.repopulate")), 1)
+                t("span", Go, T(f(o)("report.integration.autoCount.repopulate")), 1)
               ]),
               i(s, {
                 variant: "tertiary",
@@ -1668,20 +1679,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])
         ]),
         i(M, { style: { margin: 0 } }),
-        t("div", Qo, [
-          t("div", Xo, [
-            t("div", Go, T(f(o)("report.integration.autocount.general")), 1),
-            t("div", Jo, [
-              t("div", Wo, T(f(o)("report.common.name")), 1),
-              t("div", Zo, [
+        t("div", Jo, [
+          t("div", Wo, [
+            t("div", Zo, T(f(o)("report.integration.autocount.general")), 1),
+            t("div", ea, [
+              t("div", ta, T(f(o)("report.common.name")), 1),
+              t("div", oa, [
                 i(N, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": a[0] || (a[0] = (U) => e.value.name = U)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", ea, [
-              t("div", ta, T(f(o)("report.integration.location")), 1),
+            t("div", aa, [
+              t("div", la, T(f(o)("report.integration.location")), 1),
               i(G, {
                 modelValue: e.value.platform.locationIds,
                 "onUpdate:modelValue": a[1] || (a[1] = (U) => e.value.platform.locationIds = U),
@@ -1692,8 +1703,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 rules: [(U) => U.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
-            t("div", oa, [
-              t("div", aa, T(f(o)("report.integration.autoCount.grouping.title")), 1),
+            t("div", na, [
+              t("div", sa, T(f(o)("report.integration.autoCount.grouping.title")), 1),
               i(G, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": a[2] || (a[2] = (U) => e.value.platform.grouping = U),
@@ -1704,8 +1715,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", la, [
-            t("div", na, [
+          t("div", ia, [
+            t("div", ra, [
               i(P, {
                 "model-value": { key: "Project", account: e.value.platform.mappings.project },
                 options: b("Project"),
@@ -1759,7 +1770,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   (K = (F = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : F.mappings) != null && K.rounding && (e.value.platform.mappings.rounding.account = U.account);
                 })
               }, null, 8, ["model-value", "options"]),
-              (d(!0), D(L, null, Q((z = (j = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (U, $) => (d(), A(P, {
+              (d(!0), D(L, null, X((E = (j = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : j.mappings) == null ? void 0 : E.charges, (U, $) => (d(), A(P, {
                 key: `charge-${$}`,
                 modelValue: e.value.platform.mappings.charges[$],
                 "onUpdate:modelValue": (F) => e.value.platform.mappings.charges[$] = F,
@@ -1775,16 +1786,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             "onUpdate:modelValue": a[10] || (a[10] = (U) => e.value.platform = U),
             label: f(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
-          t("div", sa, [
-            t("div", ia, T(f(o)("report.integration.items")), 1),
+          t("div", ma, [
+            t("div", ca, T(f(o)("report.integration.items")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[11] || (a[11] = () => g("items"))
+              onClick: a[11] || (a[11] = () => y("items"))
             })
           ]),
-          t("div", ra, [
-            (d(!0), D(L, null, Q((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (U, $) => (d(), A(P, {
+          t("div", da, [
+            (d(!0), D(L, null, X((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (U, $) => (d(), A(P, {
               key: `item-${$}`,
               modelValue: e.value.platform.mappings.items[$],
               "onUpdate:modelValue": (F) => e.value.platform.mappings.items[$] = F,
@@ -1793,19 +1804,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("items", $)
+              onRemove: () => g("items", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", ma, [
-            t("div", ca, T(f(o)("report.integration.taxes")), 1),
+          t("div", pa, [
+            t("div", ua, T(f(o)("report.integration.taxes")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => g("taxes"))
+              onClick: a[12] || (a[12] = () => y("taxes"))
             })
           ]),
-          t("div", da, [
-            (d(!0), D(L, null, Q((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (U, $) => (d(), A(P, {
+          t("div", fa, [
+            (d(!0), D(L, null, X((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (U, $) => (d(), A(P, {
               key: `tax-${$}`,
               modelValue: e.value.platform.mappings.taxes[$],
               "onUpdate:modelValue": (F) => e.value.platform.mappings.taxes[$] = F,
@@ -1814,19 +1825,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("taxes", $)
+              onRemove: () => g("taxes", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", pa, [
-            t("div", ua, T(f(o)("report.integration.payments")), 1),
+          t("div", va, [
+            t("div", ga, T(f(o)("report.integration.payments")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => g("payments"))
+              onClick: a[13] || (a[13] = () => y("payments"))
             })
           ]),
-          t("div", fa, [
-            (d(!0), D(L, null, Q((ie = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : ie.payments, (U, $) => (d(), A(P, {
+          t("div", ya, [
+            (d(!0), D(L, null, X((ie = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : ie.payments, (U, $) => (d(), A(P, {
               key: `payment-${$}`,
               modelValue: e.value.platform.mappings.payments[$],
               "onUpdate:modelValue": (F) => e.value.platform.mappings.payments[$] = F,
@@ -1835,49 +1846,49 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 account: { placeholder: "Payment name", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("payments", $)
+              onRemove: () => g("payments", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
       ])) : R("", !0);
     };
   }
-}), ga = { class: "h-full flex flex-col gap-16" }, ya = { class: "flex flex-row gap-2 justify-between items-center" }, xa = {
+}), _a = { class: "h-full flex flex-col gap-16" }, ba = { class: "flex flex-row gap-2 justify-between items-center" }, wa = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, _a = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ba = /* @__PURE__ */ H({
+}, ha = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ka = /* @__PURE__ */ H({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const o = B([]), e = E(
+  setup(v) {
+    const o = B([]), e = z(
       () => o.value.reduce((r, p) => {
-        const k = r.length, { invoice: v, payments: g } = p;
+        const k = r.length, { invoice: g, payments: y } = p;
         r[k] = {
-          date: v.DocDate,
-          docNo: v.DocNo,
-          projNo: v.ProjNo,
-          debtor: v.DebtorCode,
-          description: v.Description
+          date: g.DocDate,
+          docNo: g.DocNo,
+          projNo: g.ProjNo,
+          debtor: g.DebtorCode,
+          description: g.Description
         };
-        for (let c = 0; c < Math.max(v._items.length, g.length); c++) {
+        for (let c = 0; c < Math.max(g._items.length, y.length); c++) {
           const m = k + c;
-          r[m] || (r[m] = {}), v._items[c] && (r[m] = {
+          r[m] || (r[m] = {}), g._items[c] && (r[m] = {
             ...r[m],
-            itemDescription: v._items[c].DetailDescription,
-            itemUnitPrice: v._items[c].Amount,
-            itemAccount: v._items[c].AccNo,
-            itemTaxCode: v._items[c].TaxType,
-            itemTax: v._items[c].Tax
-          }), g[c] && (r[m] = {
+            itemDescription: g._items[c].DetailDescription,
+            itemUnitPrice: g._items[c].Amount,
+            itemAccount: g._items[c].AccNo,
+            itemTaxCode: g._items[c].TaxType,
+            itemTax: g._items[c].Tax
+          }), y[c] && (r[m] = {
             ...r[m],
-            paymentDocNo: g[c].DocNo,
-            paymentMethod: g[c].paymentMethod,
-            paymentDescription: g[c].Description,
-            paymentAmount: g[c].PaymentAmt
+            paymentDocNo: y[c].DocNo,
+            paymentMethod: y[c].paymentMethod,
+            paymentDescription: y[c].Description,
+            paymentAmount: y[c].PaymentAmt
           });
         }
         return r;
@@ -1953,7 +1964,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(y, "modelValue"), x = B(!1), _ = fe(), { dateRange: S } = De(ue());
+    ], w = Q(v, "modelValue"), x = B(!1), _ = fe(), { dateRange: S } = De(ue());
     ge(
       () => S.value,
       async () => {
@@ -1980,9 +1991,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     }
     return (r, p) => {
-      const k = V("FmButton"), v = V("FmCircularProgress"), g = V("FmTable");
-      return d(), D("div", ga, [
-        t("div", ya, [
+      const k = V("FmButton"), g = V("FmCircularProgress"), y = V("FmTable");
+      return d(), D("div", _a, [
+        t("div", ba, [
           i(Ue, {
             "date-range": f(S),
             "onUpdate:dateRange": p[0] || (p[0] = (c) => he(S) ? S.value = c : null),
@@ -1995,10 +2006,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: h
           }, null, 8, ["loading", "label"])
         ]),
-        x.value ? (d(), D("div", xa, [
-          i(v, { size: "xl" }),
-          t("span", _a, T(r.t("report.common.loading")), 1)
-        ])) : e.value.length > 0 ? (d(), A(g, {
+        x.value ? (d(), D("div", wa, [
+          i(g, { size: "xl" }),
+          t("span", ha, T(r.t("report.common.loading")), 1)
+        ])) : e.value.length > 0 ? (d(), A(y, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
@@ -2007,15 +2018,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), wa = { class: "h-full relative flex flex-col" }, ha = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ka = /* @__PURE__ */ H({
+}), Va = { class: "h-full relative flex flex-col" }, $a = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Sa = /* @__PURE__ */ H({
   __name: "AutoCount",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = B("setting"), w = [
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = B("setting"), w = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2026,12 +2037,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], x = pe(), _ = E(() => {
+    ], x = pe(), _ = z(() => {
       switch (n.value) {
         case "preview":
-          return ba;
+          return ka;
         case "setting":
-          return va;
+          return xa;
         default:
           return null;
       }
@@ -2039,7 +2050,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (S, h) => {
       var k;
       const r = V("FmPageHead"), p = V("FmTabs");
-      return d(), D("div", wa, [
+      return d(), D("div", Va, [
         i(r, {
           title: ((k = e.value) == null ? void 0 : k.name) || "AutoCount",
           "back-button": !0,
@@ -2053,30 +2064,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }, 8, ["title", "onClick:back"]),
         i(p, {
           "model-value": n.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (v) => n.value = v),
+          "onUpdate:modelValue": h[0] || (h[0] = (g) => n.value = g),
           items: w
         }, null, 8, ["model-value"]),
-        t("div", ha, [
+        t("div", $a, [
           (d(), A(be(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (v) => e.value = v)
+            "onUpdate:modelValue": h[1] || (h[1] = (g) => e.value = g)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), Va = {
+}), Ca = {
   key: 0,
   class: "flex flex-col h-full"
-}, $a = { class: "flex flex-col gap-16 pb-[24px]" }, Sa = { class: "flex flex-row justify-between items-center gap-2" }, Ca = { class: "flex flex-row gap-2 items-center" }, Fa = { class: "relative group cursor-pointer" }, Da = { 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" }, Ua = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ta = { class: "flex flex-col gap-16" }, Ia = { class: "fm-typo-en-title-sm-800" }, Ma = { class: "flex flex-row items-center max-w-[100%]" }, Ka = { class: "w-[25%]" }, Aa = { class: "flex-grow" }, Pa = { class: "flex flex-row items-center max-w-[100%]" }, Na = { class: "w-[25%]" }, Ra = { class: "flex flex-row items-center max-w-[100%]" }, Oa = { class: "w-[25%]" }, Ba = { class: "flex flex-col gap-16" }, ja = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, La = { class: "grid-cols-1 grid gap-16" }, za = { class: "flex flex-row items-center gap-x-16" }, Ea = { class: "fm-typo-en-title-sm-800" }, Ya = { class: "grid-cols-1 grid gap-16" }, qa = { class: "flex flex-row items-center gap-x-16" }, Ha = { class: "fm-typo-en-title-sm-800" }, Qa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Xa = { class: "flex flex-row items-center gap-x-16" }, Ga = { class: "fm-typo-en-title-sm-800" }, Ja = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Wa = /* @__PURE__ */ H({
+}, Fa = { class: "flex flex-col gap-16 pb-[24px]" }, Da = { class: "flex flex-row justify-between items-center gap-2" }, Ua = { class: "flex flex-row gap-2 items-center" }, Ta = { class: "relative group cursor-pointer" }, Ia = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Ma = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ka = { class: "flex flex-col gap-16" }, Aa = { class: "fm-typo-en-title-sm-800" }, Pa = { class: "flex flex-row items-center max-w-[100%]" }, Na = { class: "w-[25%]" }, Ra = { class: "flex-grow" }, Oa = { class: "flex flex-row items-center max-w-[100%]" }, Ba = { class: "w-[25%]" }, ja = { class: "flex flex-row items-center max-w-[100%]" }, La = { class: "w-[25%]" }, Ea = { class: "flex flex-col gap-16" }, za = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ya = { class: "grid-cols-1 grid gap-16" }, qa = { class: "flex flex-row items-center gap-x-16" }, Ha = { class: "fm-typo-en-title-sm-800" }, Xa = { class: "grid-cols-1 grid gap-16" }, Qa = { class: "flex flex-row items-center gap-x-16" }, Ga = { class: "fm-typo-en-title-sm-800" }, Ja = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Wa = { class: "flex flex-row items-center gap-x-16" }, Za = { class: "fm-typo-en-title-sm-800" }, el = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, tl = /* @__PURE__ */ H({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = E(
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = z(
       () => h.map((l) => ({ label: l.name, value: l.id }))
     );
     async function p() {
@@ -2100,13 +2111,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       });
     }
-    function v(l, a) {
+    function g(l, a) {
       var u, s;
       (s = (u = e.value.platform) == null ? void 0 : u.mappings) != null && s[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
         (M, N) => N !== a
       ));
     }
-    function g(l) {
+    function y(l) {
       var a, u;
       (u = (a = e.value.platform) == null ? void 0 : a.mappings) != null && u[l] && (e.value.platform.mappings[l] = [
         ...e.value.platform.mappings[l],
@@ -2158,20 +2169,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       });
     }
     return (l, a) => {
-      var Y, J, O, j, z, Z, ee, te, oe, ae, le, ne, se, ie;
+      var Y, J, O, j, E, Z, ee, te, oe, ae, le, ne, se, ie;
       const u = V("FmIcon"), s = V("FmButton"), M = V("FmMenuDivider"), N = V("FmTextField"), G = V("FmSelect");
-      return (J = (Y = e.value) == null ? void 0 : Y.platform) != null && J.mappings ? (d(), D("div", Va, [
-        t("div", $a, [
-          t("div", Sa, [
+      return (J = (Y = e.value) == null ? void 0 : Y.platform) != null && J.mappings ? (d(), D("div", Ca, [
+        t("div", Fa, [
+          t("div", Da, [
             a[15] || (a[15] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Ca, [
-              t("div", Fa, [
+            t("div", Ua, [
+              t("div", Ta, [
                 i(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: C
                 }),
-                t("span", Da, T(f(o)("report.integration.sql.refreshTooltip")), 1)
+                t("span", Ia, T(f(o)("report.integration.sql.refreshTooltip")), 1)
               ]),
               i(s, {
                 variant: "tertiary",
@@ -2187,20 +2198,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])
         ]),
         i(M, { style: { margin: 0 } }),
-        t("div", Ua, [
-          t("div", Ta, [
-            t("div", Ia, T(f(o)("report.integration.sql.general")), 1),
-            t("div", Ma, [
-              t("div", Ka, T(f(o)("report.common.name")), 1),
-              t("div", Aa, [
+        t("div", Ma, [
+          t("div", Ka, [
+            t("div", Aa, T(f(o)("report.integration.sql.general")), 1),
+            t("div", Pa, [
+              t("div", Na, T(f(o)("report.common.name")), 1),
+              t("div", Ra, [
                 i(N, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": a[0] || (a[0] = (U) => e.value.name = U)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Pa, [
-              t("div", Na, T(f(o)("report.integration.location")), 1),
+            t("div", Oa, [
+              t("div", Ba, T(f(o)("report.integration.location")), 1),
               i(G, {
                 modelValue: e.value.platform.locationIds,
                 "onUpdate:modelValue": a[1] || (a[1] = (U) => e.value.platform.locationIds = U),
@@ -2211,8 +2222,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 rules: [(U) => U.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
-            t("div", Ra, [
-              t("div", Oa, T(f(o)("report.integration.grouping")), 1),
+            t("div", ja, [
+              t("div", La, T(f(o)("report.integration.grouping")), 1),
               i(G, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": a[2] || (a[2] = (U) => e.value.platform.grouping = U),
@@ -2223,8 +2234,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", Ba, [
-            t("div", ja, [
+          t("div", Ea, [
+            t("div", za, [
               i(P, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
                 options: b("Debtor"),
@@ -2279,7 +2290,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 "onUpdate:modelValue": a[9] || (a[9] = (U) => m({ key: "projectDetail", value: U.account }))
               }, null, 8, ["model-value", "options"])
             ]),
-            t("div", La, [
+            t("div", Ya, [
               i(P, {
                 "model-value": {
                   key: "Rounding",
@@ -2296,7 +2307,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   (K = (F = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : F.mappings) != null && K.rounding && (e.value.platform.mappings.rounding.account = U.account, e.value.platform.mappings.rounding.code = U.code);
                 })
               }, null, 8, ["model-value"]),
-              (d(!0), D(L, null, Q((z = (j = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (U, $) => (d(), A(P, {
+              (d(!0), D(L, null, X((E = (j = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : j.mappings) == null ? void 0 : E.charges, (U, $) => (d(), A(P, {
                 key: `charge-${$}`,
                 modelValue: e.value.platform.mappings.charges[$],
                 "onUpdate:modelValue": (F) => e.value.platform.mappings.charges[$] = F,
@@ -2313,16 +2324,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             "onUpdate:modelValue": a[11] || (a[11] = (U) => e.value.platform = U),
             label: "email"
           }, null, 8, ["modelValue"]),
-          t("div", za, [
-            t("div", Ea, T(f(o)("report.integration.items")), 1),
+          t("div", qa, [
+            t("div", Ha, T(f(o)("report.integration.items")), 1),
             i(s, {
               variant: "primary",
               label: f(o)("report.action.add"),
-              onClick: a[12] || (a[12] = () => g("items"))
+              onClick: a[12] || (a[12] = () => y("items"))
             }, null, 8, ["label"])
           ]),
-          t("div", Ya, [
-            (d(!0), D(L, null, Q((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (U, $) => (d(), A(P, {
+          t("div", Xa, [
+            (d(!0), D(L, null, X((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (U, $) => (d(), A(P, {
               key: `item-${$}`,
               modelValue: e.value.platform.mappings.items[$],
               "onUpdate:modelValue": (F) => e.value.platform.mappings.items[$] = F,
@@ -2332,19 +2343,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 code: { placeholder: "Item code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("items", $)
+              onRemove: () => g("items", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", qa, [
-            t("div", Ha, T(f(o)("report.integration.taxes")), 1),
+          t("div", Qa, [
+            t("div", Ga, T(f(o)("report.integration.taxes")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => g("taxes"))
+              onClick: a[13] || (a[13] = () => y("taxes"))
             })
           ]),
-          t("div", Qa, [
-            (d(!0), D(L, null, Q((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (U, $) => (d(), A(P, {
+          t("div", Ja, [
+            (d(!0), D(L, null, X((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (U, $) => (d(), A(P, {
               key: `tax-${$}`,
               modelValue: e.value.platform.mappings.taxes[$],
               "onUpdate:modelValue": (F) => e.value.platform.mappings.taxes[$] = F,
@@ -2353,19 +2364,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("taxes", $)
+              onRemove: () => g("taxes", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Xa, [
-            t("div", Ga, T(f(o)("report.integration.payments")), 1),
+          t("div", Wa, [
+            t("div", Za, T(f(o)("report.integration.payments")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[14] || (a[14] = () => g("payments"))
+              onClick: a[14] || (a[14] = () => y("payments"))
             })
           ]),
-          t("div", Ja, [
-            (d(!0), D(L, null, Q((ie = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : ie.payments, (U, $) => (d(), A(P, {
+          t("div", el, [
+            (d(!0), D(L, null, X((ie = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : ie.payments, (U, $) => (d(), A(P, {
               key: `payment-${$}`,
               modelValue: e.value.platform.mappings.payments[$],
               "onUpdate:modelValue": (F) => e.value.platform.mappings.payments[$] = F,
@@ -2374,42 +2385,42 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 account: { placeholder: "Method", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("payments", $)
+              onRemove: () => g("payments", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
       ])) : R("", !0);
     };
   }
-}), Za = { class: "h-full flex flex-col gap-16" }, el = { class: "flex flex-row gap-2 justify-between items-center" }, tl = {
+}), ol = { class: "h-full flex flex-col gap-16" }, al = { class: "flex flex-row gap-2 justify-between items-center" }, ll = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, ol = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, al = /* @__PURE__ */ H({
+}, nl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, sl = /* @__PURE__ */ H({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = B([]), n = E(
+  setup(v) {
+    const { t: o } = W(), e = B([]), n = z(
       () => e.value.reduce((p, k) => {
-        const v = p.length, { invoice: g, payments: c } = k;
-        p[v] = {
-          date: g.DocDate,
-          docNo: g.DocNo,
-          debtor: g.Code,
-          description: g.Description_HDR
+        const g = p.length, { invoice: y, payments: c } = k;
+        p[g] = {
+          date: y.DocDate,
+          docNo: y.DocNo,
+          debtor: y.Code,
+          description: y.Description_HDR
         };
-        for (let m = 0; m < Math.max(g._items.length, c.length); m++) {
-          const b = v + m;
-          p[b] || (p[b] = {}), g._items[m] && (p[b] = {
+        for (let m = 0; m < Math.max(y._items.length, c.length); m++) {
+          const b = g + m;
+          p[b] || (p[b] = {}), y._items[m] && (p[b] = {
             ...p[b],
-            itemDescription: g._items[m].Description_DTL,
-            itemUnitPrice: g._items[m].UnitPrice,
-            itemAccount: g._items[m].ACCOUNT,
-            itemTaxCode: g._items[m].Tax,
-            itemTax: g._items[m].TaxAmt
+            itemDescription: y._items[m].Description_DTL,
+            itemUnitPrice: y._items[m].UnitPrice,
+            itemAccount: y._items[m].ACCOUNT,
+            itemTaxCode: y._items[m].Tax,
+            itemTax: y._items[m].TaxAmt
           }), c[m] && (p[b] = {
             ...p[b],
             paymentDocNo: c[m].DOCNO_Header,
@@ -2487,7 +2498,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], x = X(y, "modelValue"), _ = B(!1), S = fe(), { dateRange: h } = De(ue());
+    ], x = Q(v, "modelValue"), _ = B(!1), S = fe(), { dateRange: h } = De(ue());
     ge(
       () => h.value,
       async () => {
@@ -2514,24 +2525,24 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     }
     return (p, k) => {
-      const v = V("FmButton"), g = V("FmCircularProgress"), c = V("FmTable");
-      return d(), D("div", Za, [
-        t("div", el, [
+      const g = V("FmButton"), y = V("FmCircularProgress"), c = V("FmTable");
+      return d(), D("div", ol, [
+        t("div", al, [
           i(Ue, {
             "date-range": f(h),
             "onUpdate:dateRange": k[0] || (k[0] = (m) => he(h) ? h.value = m : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(v, {
+          i(g, {
             loading: _.value,
             variant: "primary",
             label: f(o)("report.common.download"),
             onClick: r
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (d(), D("div", tl, [
-          i(g, { size: "xl" }),
-          t("span", ol, T(f(o)("report.common.loading")), 1)
+        _.value ? (d(), D("div", ll, [
+          i(y, { size: "xl" }),
+          t("span", nl, T(f(o)("report.common.loading")), 1)
         ])) : n.value.length > 0 ? (d(), A(c, {
           key: 1,
           class: "flex overflow-scroll",
@@ -2541,15 +2552,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), ll = { class: "h-full relative flex flex-col" }, nl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, sl = /* @__PURE__ */ H({
+}), il = { class: "h-full relative flex flex-col" }, rl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ml = /* @__PURE__ */ H({
   __name: "SQL",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = B("setting"), w = [
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = B("setting"), w = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2560,12 +2571,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], x = pe(), _ = E(() => {
+    ], x = pe(), _ = z(() => {
       switch (n.value) {
         case "preview":
-          return al;
+          return sl;
         case "setting":
-          return Wa;
+          return tl;
         default:
           return null;
       }
@@ -2573,7 +2584,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (S, h) => {
       var k;
       const r = V("FmPageHead"), p = V("FmTabs");
-      return d(), D("div", ll, [
+      return d(), D("div", il, [
         i(r, {
           title: ((k = e.value) == null ? void 0 : k.name) || "SQL",
           "back-button": !0,
@@ -2587,37 +2598,37 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }, 8, ["title", "onClick:back"]),
         i(p, {
           "model-value": n.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (v) => n.value = v),
+          "onUpdate:modelValue": h[0] || (h[0] = (g) => n.value = g),
           items: w
         }, null, 8, ["model-value"]),
-        t("div", nl, [
+        t("div", rl, [
           (d(), A(be(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (v) => e.value = v)
+            "onUpdate:modelValue": h[1] || (h[1] = (g) => e.value = g)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), il = {
+}), cl = {
   key: 0,
   class: "flex flex-col h-full"
-}, rl = { class: "flex flex-col gap-16 pb-[24px]" }, ml = { class: "flex flex-row justify-between items-center gap-2" }, cl = { class: "fm-typo-en-title-sm-800" }, dl = { class: "flex flex-row gap-2 items-center" }, pl = { class: "flex flex-row gap-2 items-center" }, ul = { class: "relative group cursor-pointer" }, fl = { 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" }, vl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, gl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yl = { class: "flex flex-row items-center max-w-[100%]" }, xl = { class: "w-[25%]" }, _l = { class: "flex-grow" }, bl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, wl = { class: "flex flex-row items-center justify-between" }, hl = { class: "w-[25%]" }, kl = { class: "flex-grow" }, Vl = { class: "flex flex-row items-center justify-between" }, $l = { class: "w-[25%]" }, Sl = { class: "flex-grow" }, Cl = { class: "flex flex-col gap-16" }, Fl = { class: "fm-typo-en-title-sm-800" }, Dl = { class: "flex flex-row items-center max-w-[100%]" }, Ul = { class: "w-[25%]" }, Tl = { class: "flex-grow" }, Il = { class: "flex flex-row items-center max-w-[100%]" }, Ml = { class: "w-[25%]" }, Kl = { class: "flex flex-row items-center max-w-[100%]" }, Al = { class: "w-[25%]" }, Pl = {
+}, dl = { class: "flex flex-col gap-16 pb-[24px]" }, pl = { class: "flex flex-row justify-between items-center gap-2" }, ul = { class: "fm-typo-en-title-sm-800" }, fl = { class: "flex flex-row gap-2 items-center" }, vl = { class: "flex flex-row gap-2 items-center" }, gl = { class: "relative group cursor-pointer" }, yl = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, xl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, _l = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, bl = { class: "flex flex-row items-center max-w-[100%]" }, wl = { class: "w-[25%]" }, hl = { class: "flex-grow" }, kl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Vl = { class: "flex flex-row items-center justify-between" }, $l = { class: "w-[25%]" }, Sl = { class: "flex-grow" }, Cl = { class: "flex flex-row items-center justify-between" }, Fl = { class: "w-[25%]" }, Dl = { class: "flex-grow" }, Ul = { class: "flex flex-col gap-16" }, Tl = { class: "fm-typo-en-title-sm-800" }, Il = { class: "flex flex-row items-center max-w-[100%]" }, Ml = { class: "w-[25%]" }, Kl = { class: "flex-grow" }, Al = { class: "flex flex-row items-center max-w-[100%]" }, Pl = { class: "w-[25%]" }, Nl = { class: "flex flex-row items-center max-w-[100%]" }, Rl = { class: "w-[25%]" }, Ol = {
   key: 0,
   class: "flex flex-row items-center max-w-[100%]"
-}, Nl = { class: "flex flex-col gap-16" }, Rl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ol = { key: 1 }, Bl = { class: "flex flex-row items-center gap-x-16" }, jl = { class: "fm-typo-en-title-sm-800" }, Ll = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, zl = { class: "flex flex-row items-center gap-x-16" }, El = { class: "fm-typo-en-title-sm-800" }, Yl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ql = { class: "flex flex-row items-center gap-x-16" }, Hl = { class: "fm-typo-en-title-sm-800" }, Ql = { class: "flex flex-row items-center justify-between" }, Xl = { class: "flex-grow" }, Gl = {
+}, Bl = { class: "flex flex-col gap-16" }, jl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ll = { key: 1 }, El = { class: "flex flex-row items-center gap-x-16" }, zl = { class: "fm-typo-en-title-sm-800" }, Yl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ql = { class: "flex flex-row items-center gap-x-16" }, Hl = { class: "fm-typo-en-title-sm-800" }, Xl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ql = { class: "flex flex-row items-center gap-x-16" }, Gl = { class: "fm-typo-en-title-sm-800" }, Jl = { class: "flex flex-row items-center justify-between" }, Wl = { class: "flex-grow" }, Zl = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Jl = {
+}, en = {
   key: 1,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Wl = {
+}, tn = {
   key: 3,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Zl = {
+}, on = {
   key: 0,
   class: "flex flex-row items-center"
-}, en = /* @__PURE__ */ H({
+}, an = /* @__PURE__ */ H({
   __name: "Setting",
   props: /* @__PURE__ */ _e({
     retrievedMethods: {
@@ -2633,14 +2644,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = E(
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = z(
       () => h.map((C) => ({ label: C.name, value: C.id }))
     );
     function p(C) {
       var l;
-      !((l = y.retrievedMethods) != null && l.data) || !Array.isArray(y.retrievedMethods.data) || C.forEach((a) => {
-        const u = y.retrievedMethods.data.find((s) => s.value == a.id);
+      !((l = v.retrievedMethods) != null && l.data) || !Array.isArray(v.retrievedMethods.data) || C.forEach((a) => {
+        const u = v.retrievedMethods.data.find((s) => s.value == a.id);
         u && (a.cnId = u.cnId);
       });
     }
@@ -2656,7 +2667,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       });
     }
-    async function v() {
+    async function g() {
       await _(async () => {
         var C, l, a;
         try {
@@ -2666,7 +2677,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       });
     }
-    function g(C, l) {
+    function y(C, l) {
       var a, u;
       (u = (a = e.value.platform) == null ? void 0 : a.mappings) != null && u[C] && (e.value.platform.mappings[C] = e.value.platform.mappings[C].filter(
         (s, M) => M !== l
@@ -2749,21 +2760,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       });
     }
     return (C, l) => {
-      var J, O, j, z, Z, ee, te, oe, ae, le, ne, se, ie, U;
+      var J, O, j, E, Z, ee, te, oe, ae, le, ne, se, ie, U;
       const a = V("FmIcon"), u = V("FmButton"), s = V("FmSelect"), M = V("FmMenuDivider"), N = V("FmTextField"), G = V("FmCircularProgress"), Y = V("FmCheckbox");
-      return (O = (J = e.value) == null ? void 0 : J.platform) != null && O.mappings ? (d(), D("div", il, [
-        t("div", rl, [
-          t("div", ml, [
-            t("div", cl, T(f(o)("report.integration.connect")), 1),
-            t("div", dl, [
-              t("div", pl, [
-                t("div", ul, [
+      return (O = (J = e.value) == null ? void 0 : J.platform) != null && O.mappings ? (d(), D("div", cl, [
+        t("div", dl, [
+          t("div", pl, [
+            t("div", ul, T(f(o)("report.integration.connect")), 1),
+            t("div", fl, [
+              t("div", vl, [
+                t("div", gl, [
                   i(a, {
                     name: "refresh",
                     class: "p-2 bg-gray-100 rounded-full",
                     onClick: b
                   }),
-                  t("span", fl, T(f(o)("report.integration.biztory.refreshTooltip")), 1)
+                  t("span", yl, T(f(o)("report.integration.biztory.refreshTooltip")), 1)
                 ]),
                 i(u, {
                   variant: "tertiary",
@@ -2773,17 +2784,17 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 i(u, {
                   variant: "primary",
                   label: f(o)("report.common.update"),
-                  onClick: v
+                  onClick: g
                 }, null, 8, ["label"])
               ])
             ])
           ])
         ]),
-        t("div", vl, [
-          t("div", gl, T(f(o)("report.integration.biztory.authenticate")), 1),
-          t("div", yl, [
-            t("div", xl, "Biztory " + T(f(o)("report.integration.biztory.version")), 1),
-            t("div", _l, [
+        t("div", xl, [
+          t("div", _l, T(f(o)("report.integration.biztory.authenticate")), 1),
+          t("div", bl, [
+            t("div", wl, "Biztory " + T(f(o)("report.integration.biztory.version")), 1),
+            t("div", hl, [
               i(s, {
                 modelValue: e.value.platform.mappings.version,
                 "onUpdate:modelValue": l[0] || (l[0] = ($) => e.value.platform.mappings.version = $),
@@ -2796,10 +2807,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ]),
           i(M, { style: { margin: 0 } }),
-          t("div", bl, [
-            t("div", wl, [
-              t("div", hl, T(f(o)("report.integration.biztory.subdomain")), 1),
-              t("div", kl, [
+          t("div", kl, [
+            t("div", Vl, [
+              t("div", $l, T(f(o)("report.integration.biztory.subdomain")), 1),
+              t("div", Sl, [
                 i(N, {
                   modelValue: e.value.platform.subdomain,
                   "onUpdate:modelValue": l[1] || (l[1] = ($) => e.value.platform.subdomain = $),
@@ -2807,9 +2818,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Vl, [
-              t("div", $l, T(f(o)("report.integration.biztory.apiKey")), 1),
-              t("div", Sl, [
+            t("div", Cl, [
+              t("div", Fl, T(f(o)("report.integration.biztory.apiKey")), 1),
+              t("div", Dl, [
                 i(N, {
                   modelValue: e.value.platform.api_key,
                   "onUpdate:modelValue": l[2] || (l[2] = ($) => e.value.platform.api_key = $),
@@ -2817,19 +2828,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Cl, [
-              t("div", Fl, T(f(o)("report.integration.biztory.general")), 1),
-              t("div", Dl, [
-                t("div", Ul, T(f(o)("report.common.name")), 1),
-                t("div", Tl, [
+            t("div", Ul, [
+              t("div", Tl, T(f(o)("report.integration.biztory.general")), 1),
+              t("div", Il, [
+                t("div", Ml, T(f(o)("report.common.name")), 1),
+                t("div", Kl, [
                   i(N, {
                     modelValue: e.value.name,
                     "onUpdate:modelValue": l[3] || (l[3] = ($) => e.value.name = $)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
-              t("div", Il, [
-                t("div", Ml, T(f(o)("report.common.location")), 1),
+              t("div", Al, [
+                t("div", Pl, T(f(o)("report.common.location")), 1),
                 i(s, {
                   modelValue: e.value.platform.locationIds,
                   "onUpdate:modelValue": l[4] || (l[4] = ($) => e.value.platform.locationIds = $),
@@ -2839,8 +2850,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   class: "flex-grow"
                 }, null, 8, ["modelValue", "items", "placeholder"])
               ]),
-              t("div", Kl, [
-                t("div", Al, T(f(o)("report.integration.biztory.grouping")), 1),
+              t("div", Nl, [
+                t("div", Rl, T(f(o)("report.integration.biztory.grouping")), 1),
                 i(s, {
                   modelValue: e.value.platform.grouping,
                   "onUpdate:modelValue": l[5] || (l[5] = ($) => e.value.platform.grouping = $),
@@ -2851,7 +2862,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   disabled: ""
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
-              e.value.platform.mappings.version == "v1" ? (d(), D("div", Pl, [
+              e.value.platform.mappings.version == "v1" ? (d(), D("div", Ol, [
                 l[13] || (l[13] = t("div", { class: "w-[33%]" }, "Payee ID", -1)),
                 e.value.platform.mappings.version == "v1" ? (d(), A(P, {
                   key: 0,
@@ -2864,13 +2875,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])) : R("", !0)
               ])) : R("", !0)
             ]),
-            t("div", Nl, [
-              t("div", Rl, [
-                !y.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (d(), A(G, {
+            t("div", Bl, [
+              t("div", jl, [
+                !v.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (d(), A(G, {
                   key: 0,
                   size: "xl"
                 })) : R("", !0),
-                y.retrievedCustomers.isLoaded && y.retrievedCustomers.data && ((j = y.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (d(), D("div", Ol, [
+                v.retrievedCustomers.isLoaded && v.retrievedCustomers.data && ((j = v.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (d(), D("div", Ll, [
                   e.value.platform.mappings.version == "v2" ? (d(), A(Me, {
                     key: 0,
                     modelValue: e.value.platform.mappings.payeeId,
@@ -2880,7 +2891,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       customer: {
                         placeholder: "Select payee",
                         editable: !0,
-                        dropdownOptions: ((z = y.retrievedCustomers) == null ? void 0 : z.data) ?? []
+                        dropdownOptions: ((E = v.retrievedCustomers) == null ? void 0 : E.data) ?? []
                       }
                     },
                     removable: !1,
@@ -2895,16 +2906,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               label: "upload",
               "last-upload-date": (Z = e.value.platform) == null ? void 0 : Z.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
-            t("div", Bl, [
-              t("div", jl, T(f(o)("report.integration.biztory.items")), 1),
+            t("div", El, [
+              t("div", zl, T(f(o)("report.integration.biztory.items")), 1),
               i(u, {
                 variant: "primary",
                 icon: "add",
                 onClick: l[9] || (l[9] = () => c("items"))
               })
             ]),
-            t("div", Ll, [
-              (d(!0), D(L, null, Q((oe = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : oe.items, ($, F) => (d(), A(P, {
+            t("div", Yl, [
+              (d(!0), D(L, null, X((oe = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : oe.items, ($, F) => (d(), A(P, {
                 key: `item-${F}`,
                 modelValue: e.value.platform.mappings.items[F],
                 "onUpdate:modelValue": (K) => e.value.platform.mappings.items[F] = K,
@@ -2913,19 +2924,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   code: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => g("items", F)
+                onRemove: () => y("items", F)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", zl, [
-              t("div", El, T(f(o)("report.integration.biztory.taxes")), 1),
+            t("div", ql, [
+              t("div", Hl, T(f(o)("report.integration.biztory.taxes")), 1),
               i(u, {
                 variant: "primary",
                 icon: "add",
                 onClick: l[10] || (l[10] = () => c("taxes"))
               })
             ]),
-            t("div", Yl, [
-              (d(!0), D(L, null, Q((ne = (le = (ae = e.value) == null ? void 0 : ae.platform) == null ? void 0 : le.mappings) == null ? void 0 : ne.taxes, ($, F) => (d(), A(P, {
+            t("div", Xl, [
+              (d(!0), D(L, null, X((ne = (le = (ae = e.value) == null ? void 0 : ae.platform) == null ? void 0 : le.mappings) == null ? void 0 : ne.taxes, ($, F) => (d(), A(P, {
                 key: `tax-${F}`,
                 modelValue: e.value.platform.mappings.taxes[F],
                 "onUpdate:modelValue": (K) => e.value.platform.mappings.taxes[F] = K,
@@ -2934,20 +2945,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   account: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => g("taxes", F)
+                onRemove: () => y("taxes", F)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", ql, [
-              t("div", Hl, T(f(o)("report.integration.biztory.payments")), 1),
+            t("div", Ql, [
+              t("div", Gl, T(f(o)("report.integration.biztory.payments")), 1),
               i(u, {
                 variant: "primary",
                 icon: "add",
                 onClick: l[11] || (l[11] = () => c("paymentMethods"))
               })
             ]),
-            t("div", Ql, [
+            t("div", Jl, [
               l[14] || (l[14] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
-              t("div", Xl, [
+              t("div", Wl, [
                 i(P, {
                   modelValue: e.value.platform.mappings.paymentTerm,
                   "onUpdate:modelValue": l[12] || (l[12] = ($) => e.value.platform.mappings.paymentTerm = $),
@@ -2959,20 +2970,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            y.retrievedMethods.isError ? R("", !0) : (d(), D("div", Gl, T(f(o)("report.integration.biztory.paymentTerm")), 1)),
-            y.retrievedMethods.isLoaded && y.retrievedMethods.data && y.retrievedMethods.data.length == 0 && !y.retrievedMethods.isError ? (d(), D("span", Jl, T(f(o)("report.integration.biztory.noPaymentMethods")), 1)) : R("", !0),
-            y.retrievedMethods.isLoaded ? R("", !0) : (d(), A(G, {
+            v.retrievedMethods.isError ? R("", !0) : (d(), D("div", Zl, T(f(o)("report.integration.biztory.paymentTerm")), 1)),
+            v.retrievedMethods.isLoaded && v.retrievedMethods.data && v.retrievedMethods.data.length == 0 && !v.retrievedMethods.isError ? (d(), D("span", en, T(f(o)("report.integration.biztory.noPaymentMethods")), 1)) : R("", !0),
+            v.retrievedMethods.isLoaded ? R("", !0) : (d(), A(G, {
               key: 2,
               size: "xl"
             })),
-            y.retrievedMethods.isError ? (d(), D("span", Wl, T(f(o)("report.integration.biztory.error")), 1)) : R("", !0),
-            (d(!0), D(L, null, Q((U = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : U.paymentMethods, ($, F) => {
+            v.retrievedMethods.isError ? (d(), D("span", tn, T(f(o)("report.integration.biztory.error")), 1)) : R("", !0),
+            (d(!0), D(L, null, X((U = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : U.paymentMethods, ($, F) => {
               var K;
               return d(), D("div", {
                 key: `payment-${F}`,
                 class: "grid-cols-1 grid gap-x-16"
               }, [
-                y.retrievedMethods.isLoaded && y.retrievedMethods.data && ((K = y.retrievedMethods.data) == null ? void 0 : K.length) != 0 ? (d(), D("div", Zl, [
+                v.retrievedMethods.isLoaded && v.retrievedMethods.data && ((K = v.retrievedMethods.data) == null ? void 0 : K.length) != 0 ? (d(), D("div", on, [
                   i(Y, {
                     "model-value": !e.value.platform.mappings.paymentMethods[F].skip,
                     value: "",
@@ -2992,11 +3003,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       id: {
                         placeholder: "Select mapping",
                         editable: !0,
-                        dropdownOptions: y.retrievedMethods.data
+                        dropdownOptions: v.retrievedMethods.data
                       }
                     },
                     removable: !0,
-                    onRemove: () => g("paymentMethods", F)
+                    onRemove: () => y("paymentMethods", F)
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"])
                 ])) : R("", !0)
               ]);
@@ -3007,9 +3018,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     };
   }
 });
-function tn(y) {
-  return y.reduce((o, e) => {
-    var x, _, S, h, r, p, k, v, g, c, m, b, C, l, a, u, s, M, N, G, Y, J;
+function ln(v) {
+  return v.reduce((o, e) => {
+    var x, _, S, h, r, p, k, g, y, c, m, b, C, l, a, u, s, M, N, G, Y, J;
     const { invoice: n } = e, w = o.length;
     o[w] = {
       invoice_date: n.invoice_date,
@@ -3024,20 +3035,20 @@ function tn(y) {
       item_tax: (h = n.items[0]) == null ? void 0 : h.total_tax,
       item_tax_label: ((r = n.items[0]) == null ? void 0 : r.tax_label) || "-",
       payment_amount: ((k = (p = n.transactions) == null ? void 0 : p[0]) == null ? void 0 : k.amount) || void 0,
-      payment_method: ((g = (v = n.transactions) == null ? void 0 : v[0]) == null ? void 0 : g.payment_method) || "-",
+      payment_method: ((y = (g = n.transactions) == null ? void 0 : g[0]) == null ? void 0 : y.payment_method) || "-",
       payment_term: ((c = n == null ? void 0 : n.payment_term) == null ? void 0 : c.name) || ""
     };
     for (let O = 1; O < Math.max(((m = n.items) == null ? void 0 : m.length) || 0, ((b = n.transactions) == null ? void 0 : b.length) || 0); O++) {
       const j = w + O;
       o[j] || (o[j] = {});
-      const z = n.items[O];
-      z ? o[j] = {
+      const E = n.items[O];
+      E ? o[j] = {
         ...o[j],
-        item_code: z.code,
-        item_desc: z.description,
-        item_price: z.price,
-        item_tax: z.total_tax,
-        item_tax_label: z.tax_label || "-",
+        item_code: E.code,
+        item_desc: E.description,
+        item_price: E.price,
+        item_tax: E.total_tax,
+        item_tax_label: E.tax_label || "-",
         payment_amount: ((l = (C = n.transactions) == null ? void 0 : C[O]) == null ? void 0 : l.amount) || void 0,
         payment_method: ((u = (a = n.transactions) == null ? void 0 : a[O]) == null ? void 0 : u.payment_method) || "-",
         payment_term: ((s = n == null ? void 0 : n.payment_term) == null ? void 0 : s.name) || ""
@@ -3050,7 +3061,7 @@ function tn(y) {
     return o;
   }, []);
 }
-const on = [
+const nn = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3122,9 +3133,9 @@ const on = [
     enableSorting: !1
   }
 ];
-function an(y) {
-  return y.reduce((o, e) => {
-    var S, h, r, p, k, v, g, c, m, b, C;
+function sn(v) {
+  return v.reduce((o, e) => {
+    var S, h, r, p, k, g, y, c, m, b, C;
     const { invoice: n, payments: w } = e, x = o.length;
     o[x] = {
       invoice_date: n.invoice_date,
@@ -3134,8 +3145,8 @@ function an(y) {
       item_description: (h = n.items[0]) == null ? void 0 : h.description,
       item_price: (r = n.items[0]) == null ? void 0 : r.price,
       item_tax_label: ((p = n.items[0]) == null ? void 0 : p.tax_label) == "?" ? "" : ((k = n.items[0]) == null ? void 0 : k.tax_label) ?? "",
-      item_tax_amount: ((v = n.items[0]) == null ? void 0 : v.total_tax) ?? "",
-      service_charge_amount: ((g = n.service_charges[0]) == null ? void 0 : g.total) ?? "",
+      item_tax_amount: ((g = n.items[0]) == null ? void 0 : g.total_tax) ?? "",
+      service_charge_amount: ((y = n.service_charges[0]) == null ? void 0 : y.total) ?? "",
       rounding: n.rounding ?? 0,
       payment_term_id: n.payment_term.name ?? "",
       payment_term_amount: ((c = n.terms[x]) == null ? void 0 : c.amount) ?? "",
@@ -3169,7 +3180,7 @@ function an(y) {
     return o;
   }, []);
 }
-const ln = [
+const rn = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3235,18 +3246,18 @@ const ln = [
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method (ID)"),
     enableSorting: !1
   }
-], nn = { class: "h-full flex flex-col gap-16" }, sn = { class: "flex flex-row gap-2 justify-between items-center" }, rn = {
+], mn = { class: "h-full flex flex-col gap-16" }, cn = { class: "flex flex-row gap-2 justify-between items-center" }, dn = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, mn = /* @__PURE__ */ H({
+}, pn = /* @__PURE__ */ H({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const o = X(y, "modelValue"), e = B(!1), n = fe(), { dateRange: w } = De(ue()), x = B([]);
+  setup(v) {
+    const o = Q(v, "modelValue"), e = B(!1), n = fe(), { dateRange: w } = De(ue()), x = B([]);
     ge(
       () => w.value,
       async () => {
@@ -3263,20 +3274,20 @@ const ln = [
         immediate: !0
       }
     );
-    const _ = E(() => {
+    const _ = z(() => {
       switch (o.value.platform.mappings.version) {
         case "v1":
-          return tn(x.value);
+          return ln(x.value);
         case "v2":
-          return an(x.value);
+          return sn(x.value);
       }
       return [];
-    }), S = E(() => {
+    }), S = z(() => {
       switch (o.value.platform.mappings.version) {
         case "v1":
-          return on;
+          return nn;
         case "v2":
-          return ln;
+          return rn;
       }
       return [];
     });
@@ -3290,9 +3301,9 @@ const ln = [
       }
     }
     return (r, p) => {
-      const k = V("FmButton"), v = V("FmCircularProgress"), g = V("FmTable");
-      return d(), D("div", nn, [
-        t("div", sn, [
+      const k = V("FmButton"), g = V("FmCircularProgress"), y = V("FmTable");
+      return d(), D("div", mn, [
+        t("div", cn, [
           i(Ue, {
             "date-range": f(w),
             "onUpdate:dateRange": p[0] || (p[0] = (c) => he(w) ? w.value = c : null),
@@ -3305,10 +3316,10 @@ const ln = [
             onClick: h
           }, null, 8, ["loading"])
         ]),
-        e.value ? (d(), D("div", rn, [
-          i(v, { size: "xl" }),
+        e.value ? (d(), D("div", dn, [
+          i(g, { size: "xl" }),
           p[1] || (p[1] = t("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
-        ])) : (d(), A(g, {
+        ])) : (d(), A(y, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": _.value,
@@ -3317,15 +3328,15 @@ const ln = [
       ]);
     };
   }
-}), cn = { class: "h-full relative flex flex-col" }, dn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, pn = /* @__PURE__ */ H({
+}), un = { class: "h-full relative flex flex-col" }, fn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, vn = /* @__PURE__ */ H({
   __name: "Biztory",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = B("setting"), w = [
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = B("setting"), w = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3336,15 +3347,15 @@ const ln = [
         value: "preview",
         icon: "table"
       }
-    ], x = pe(), _ = E(() => {
+    ], x = pe(), _ = z(() => {
       switch (n.value) {
         case "preview":
           return {
-            component: mn
+            component: pn
           };
         case "setting":
           return {
-            component: en,
+            component: an,
             props: {
               retrievedMethods: S.value,
               retrievedCustomers: h.value
@@ -3357,7 +3368,7 @@ const ln = [
       label: m.length > 2 ? `ID:${b[m[2]]} [${b[m[0]]}] ${b[m[1]]}` : `[${b[m[0]]}] ${b[m[1]]}`,
       value: b.id,
       cnId: b.cnId ? b.cnId : null
-    })), p = (c) => r(c, ["wallet", "name"]), k = (c) => r(c, ["id", "name"]), v = async (c, m, b, C) => {
+    })), p = (c) => r(c, ["wallet", "name"]), k = (c) => r(c, ["id", "name"]), g = async (c, m, b, C) => {
       try {
         const l = await c(e.value._id);
         b.value.data = m(l);
@@ -3366,27 +3377,27 @@ const ln = [
       } finally {
         b.value.isLoaded = !0;
       }
-    }, g = async () => {
+    }, y = async () => {
       var c, m;
-      (c = e.value.platform.mappings) != null && c.version && await v(
+      (c = e.value.platform.mappings) != null && c.version && await g(
         Ge,
         p,
         S,
         "Failed to fetch payment methods:"
-      ), ((m = e.value.platform.mappings) == null ? void 0 : m.version) == "v2" && await v(
+      ), ((m = e.value.platform.mappings) == null ? void 0 : m.version) == "v2" && await g(
         Je,
         k,
         h,
         "Failed to fetch customers:"
       ), S.value.isLoaded = !0, h.value.isLoaded = !0;
     };
-    return ze(g), ge(() => {
+    return Ee(y), ge(() => {
       var c;
       return (c = e.value.platform.mappings) == null ? void 0 : c.version;
-    }, g), (c, m) => {
+    }, y), (c, m) => {
       var l, a, u;
       const b = V("FmPageHead"), C = V("FmTabs");
-      return d(), D("div", cn, [
+      return d(), D("div", un, [
         i(b, {
           title: ((l = e.value) == null ? void 0 : l.name) || "Biztory",
           "back-button": !0,
@@ -3403,7 +3414,7 @@ const ln = [
           "onUpdate:modelValue": m[0] || (m[0] = (s) => n.value = s),
           items: w
         }, null, 8, ["model-value"]),
-        t("div", dn, [
+        t("div", fn, [
           (d(), A(be((a = _.value) == null ? void 0 : a.component), Le({
             modelValue: e.value,
             "onUpdate:modelValue": m[1] || (m[1] = (s) => e.value = s)
@@ -3412,18 +3423,18 @@ const ln = [
       ]);
     };
   }
-}), un = {
+}), gn = {
   key: 0,
   class: "flex flex-col h-full"
-}, fn = { class: "flex flex-col gap-16 pb-[24px]" }, vn = { class: "flex flex-row justify-between items-center gap-2" }, gn = { class: "flex flex-row gap-2 items-center" }, yn = { class: "relative group cursor-pointer" }, xn = { 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" }, _n = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, bn = { class: "flex flex-col gap-16" }, wn = { class: "fm-typo-en-title-sm-800" }, hn = { class: "flex flex-row items-center max-w-[100%]" }, kn = { class: "w-[25%]" }, Vn = { class: "flex-grow" }, $n = { class: "flex flex-row items-center max-w-[100%]" }, Sn = { class: "w-[25%]" }, Cn = { class: "flex flex-row items-center gap-x-16" }, Fn = { class: "fm-typo-en-title-sm-800" }, Dn = { class: "grid-cols-1 grid gap-16" }, Un = /* @__PURE__ */ H({
+}, yn = { class: "flex flex-col gap-16 pb-[24px]" }, xn = { class: "flex flex-row justify-between items-center gap-2" }, _n = { class: "flex flex-row gap-2 items-center" }, bn = { class: "relative group cursor-pointer" }, wn = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, hn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, kn = { class: "flex flex-col gap-16" }, Vn = { class: "fm-typo-en-title-sm-800" }, $n = { class: "flex flex-row items-center max-w-[100%]" }, Sn = { class: "w-[25%]" }, Cn = { class: "flex-grow" }, Fn = { class: "flex flex-row items-center max-w-[100%]" }, Dn = { class: "w-[25%]" }, Un = { class: "flex flex-row items-center gap-x-16" }, Tn = { class: "fm-typo-en-title-sm-800" }, In = { class: "grid-cols-1 grid gap-16" }, Mn = /* @__PURE__ */ H({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = E(
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = z(
       () => h.map((m) => ({ label: m.name, value: m.id }))
     );
     async function p() {
@@ -3447,13 +3458,13 @@ const ln = [
         }
       });
     }
-    function v(m, b) {
+    function g(m, b) {
       var C, l;
       (l = (C = e.value.platform) == null ? void 0 : C.mappings) != null && l[m] && (e.value.platform.mappings[m] = e.value.platform.mappings[m].filter(
         (a, u) => u !== b
       ));
     }
-    function g(m) {
+    function y(m) {
       var b, C;
       (C = (b = e.value.platform) == null ? void 0 : b.mappings) != null && C[m] && (e.value.platform.mappings[m] = [
         ...e.value.platform.mappings[m],
@@ -3477,18 +3488,18 @@ const ln = [
     return (m, b) => {
       var M, N, G, Y, J;
       const C = V("FmIcon"), l = V("FmButton"), a = V("FmMenuDivider"), u = V("FmTextField"), s = V("FmSelect");
-      return (N = (M = e.value) == null ? void 0 : M.platform) != null && N.mappings ? (d(), D("div", un, [
-        t("div", fn, [
-          t("div", vn, [
+      return (N = (M = e.value) == null ? void 0 : M.platform) != null && N.mappings ? (d(), D("div", gn, [
+        t("div", yn, [
+          t("div", xn, [
             b[4] || (b[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", gn, [
-              t("div", yn, [
+            t("div", _n, [
+              t("div", bn, [
                 i(C, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: c
                 }),
-                t("span", xn, T(f(o)("report.integration.iflexiHrms.refreshTooltip")), 1)
+                t("span", wn, T(f(o)("report.integration.iflexiHrms.refreshTooltip")), 1)
               ]),
               i(l, {
                 variant: "tertiary",
@@ -3504,20 +3515,20 @@ const ln = [
           ])
         ]),
         i(a, { style: { margin: 0 } }),
-        t("div", _n, [
-          t("div", bn, [
-            t("div", wn, T(f(o)("report.integration.iflexiHrms.general")), 1),
-            t("div", hn, [
-              t("div", kn, T(f(o)("report.common.name")), 1),
-              t("div", Vn, [
+        t("div", hn, [
+          t("div", kn, [
+            t("div", Vn, T(f(o)("report.integration.iflexiHrms.general")), 1),
+            t("div", $n, [
+              t("div", Sn, T(f(o)("report.common.name")), 1),
+              t("div", Cn, [
                 i(u, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": b[0] || (b[0] = (O) => e.value.name = O)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", $n, [
-              t("div", Sn, T(f(o)("report.integration.location")), 1),
+            t("div", Fn, [
+              t("div", Dn, T(f(o)("report.integration.location")), 1),
               i(s, {
                 "model-value": e.value.platform.locationIds[0],
                 multiselect: !1,
@@ -3533,43 +3544,43 @@ const ln = [
             "onUpdate:modelValue": b[2] || (b[2] = (O) => e.value.platform = O),
             label: f(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
-          t("div", Cn, [
-            t("div", Fn, T(f(o)("report.integration.iflexiHrms.employee")), 1),
+          t("div", Un, [
+            t("div", Tn, T(f(o)("report.integration.iflexiHrms.employee")), 1),
             i(l, {
               variant: "primary",
               icon: "add",
-              onClick: b[3] || (b[3] = () => g("employees"))
+              onClick: b[3] || (b[3] = () => y("employees"))
             })
           ]),
-          t("div", Dn, [
-            (d(!0), D(L, null, Q((J = (Y = (G = e.value) == null ? void 0 : G.platform) == null ? void 0 : Y.mappings) == null ? void 0 : J.employees, (O, j) => (d(), A(P, {
+          t("div", In, [
+            (d(!0), D(L, null, X((J = (Y = (G = e.value) == null ? void 0 : G.platform) == null ? void 0 : Y.mappings) == null ? void 0 : J.employees, (O, j) => (d(), A(P, {
               key: `employee-${j}`,
               modelValue: e.value.platform.mappings.employees[j],
-              "onUpdate:modelValue": (z) => e.value.platform.mappings.employees[j] = z,
+              "onUpdate:modelValue": (E) => e.value.platform.mappings.employees[j] = E,
               options: {
                 key: { placeholder: "Name", editable: !0 },
                 badgeNo: { placeholder: "Badge No", editable: !0 },
                 employeeNo: { placeholder: "Employee No", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("employees", j)
+              onRemove: () => g("employees", j)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
       ])) : R("", !0);
     };
   }
-}), Tn = { class: "h-full flex flex-col gap-16" }, In = { class: "flex flex-row gap-2 justify-between items-center" }, Mn = {
+}), Kn = { class: "h-full flex flex-col gap-16" }, An = { class: "flex flex-row gap-2 justify-between items-center" }, Pn = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Kn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, An = /* @__PURE__ */ H({
+}, Nn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Rn = /* @__PURE__ */ H({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
+  setup(v) {
     const { t: o } = W(), e = B([]), n = [
       {
         accessorKey: "name",
@@ -3596,7 +3607,7 @@ const ln = [
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
         enableSorting: !1
       }
-    ], w = X(y, "modelValue"), x = B(!1), _ = fe(), { dateRange: S } = De(ue());
+    ], w = Q(v, "modelValue"), x = B(!1), _ = fe(), { dateRange: S } = De(ue());
     ge(
       () => S.value,
       async () => {
@@ -3623,9 +3634,9 @@ const ln = [
       }
     }
     return (r, p) => {
-      const k = V("FmButton"), v = V("FmCircularProgress"), g = V("FmTable");
-      return d(), D("div", Tn, [
-        t("div", In, [
+      const k = V("FmButton"), g = V("FmCircularProgress"), y = V("FmTable");
+      return d(), D("div", Kn, [
+        t("div", An, [
           i(Ue, {
             "date-range": f(S),
             "onUpdate:dateRange": p[0] || (p[0] = (c) => he(S) ? S.value = c : null),
@@ -3638,10 +3649,10 @@ const ln = [
             onClick: h
           }, null, 8, ["loading", "label"])
         ]),
-        x.value ? (d(), D("div", Mn, [
-          i(v, { size: "xl" }),
-          t("span", Kn, T(f(o)("report.common.loading")), 1)
-        ])) : e.value.length > 0 ? (d(), A(g, {
+        x.value ? (d(), D("div", Pn, [
+          i(g, { size: "xl" }),
+          t("span", Nn, T(f(o)("report.common.loading")), 1)
+        ])) : e.value.length > 0 ? (d(), A(y, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
@@ -3650,15 +3661,15 @@ const ln = [
       ]);
     };
   }
-}), Pn = { class: "h-full relative flex flex-col" }, Nn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Rn = /* @__PURE__ */ H({
+}), On = { class: "h-full relative flex flex-col" }, Bn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, jn = /* @__PURE__ */ H({
   __name: "IFlexiHRMS",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = B("setting"), w = [
+  setup(v) {
+    const { t: o } = W(), e = Q(v, "modelValue"), n = B("setting"), w = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3669,12 +3680,12 @@ const ln = [
         value: "preview",
         icon: "table"
       }
-    ], x = pe(), _ = E(() => {
+    ], x = pe(), _ = z(() => {
       switch (n.value) {
         case "preview":
-          return An;
+          return Rn;
         case "setting":
-          return Un;
+          return Mn;
         default:
           return null;
       }
@@ -3682,7 +3693,7 @@ const ln = [
     return (S, h) => {
       var k;
       const r = V("FmPageHead"), p = V("FmTabs");
-      return d(), D("div", Pn, [
+      return d(), D("div", On, [
         i(r, {
           title: ((k = e.value) == null ? void 0 : k.name) || "AutoCount",
           "back-button": !0,
@@ -3696,23 +3707,23 @@ const ln = [
         }, 8, ["title", "onClick:back"]),
         i(p, {
           "model-value": n.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (v) => n.value = v),
+          "onUpdate:modelValue": h[0] || (h[0] = (g) => n.value = g),
           items: w
         }, null, 8, ["model-value"]),
-        t("div", Nn, [
+        t("div", Bn, [
           (d(), A(be(_.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (v) => e.value = v)
+            "onUpdate:modelValue": h[1] || (h[1] = (g) => e.value = g)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), On = { class: "px-24 h-full relative" }, Qn = /* @__PURE__ */ H({
+}), Ln = { class: "px-24 h-full relative" }, Jn = /* @__PURE__ */ H({
   __name: "Integration",
-  setup(y) {
-    const o = B(void 0), { params: e } = Ee(), n = we(), w = B();
-    ze(async () => {
+  setup(v) {
+    const o = B(void 0), { params: e } = ze(), n = we(), w = B();
+    Ee(async () => {
       n.settings.length === 0 && await n.getSettings();
     }), ge(
       () => n.settings,
@@ -3723,25 +3734,25 @@ const ln = [
       },
       { immediate: !0 }
     );
-    const x = E(() => {
+    const x = z(() => {
       switch (o.value) {
         case de.Xero:
-          return Gt;
+          return Zt;
         case de.Bukku:
-          return jo;
+          return zo;
         case de.AutoCount:
-          return ka;
+          return Sa;
         case de.SQL:
-          return sl;
+          return ml;
         case de.iFlexi_HRMS:
-          return Rn;
+          return jn;
         case de.Biztory:
-          return pn;
+          return vn;
         default:
           return null;
       }
     });
-    return (_, S) => (d(), D("div", On, [
+    return (_, S) => (d(), D("div", Ln, [
       (d(), A(be(x.value), {
         modelValue: w.value,
         "onUpdate:modelValue": S[0] || (S[0] = (h) => w.value = h)
@@ -3750,5 +3761,5 @@ const ln = [
   }
 });
 export {
-  Qn as default
+  Jn as default
 };