@feedmepos/mf-report 5.4.21 → 5.4.23

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

@@ -1,4 +1,4 @@
-import { defineComponent as H, mergeModels as _e, useModel as X, computed as E, resolveComponent as $, createElementBlock as D, openBlock as d, createElementVNode as t, createCommentVNode as R, normalizeClass as Ke, Fragment as L, renderList as Q, createBlock as K, 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 { 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 { u as Fe } from "./message-dialog-UoMWOnil.js";
@@ -9,7 +9,7 @@ import { _ as Ue } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-C
 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"
-}, A = /* @__PURE__ */ H({
+}, P = /* @__PURE__ */ H({
   __name: "MappingField",
   props: /* @__PURE__ */ _e({
     removable: {
@@ -36,16 +36,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   setup(y, { emit: o }) {
     const e = X(y, "modelValue"), n = y, w = E(
       () => Object.keys(n.options).map((_) => {
-        const C = n.options[_];
+        const S = n.options[_];
         return {
-          placeholder: C.placeholder,
+          placeholder: S.placeholder,
           key: _,
-          editable: C.editable
+          editable: S.editable
         };
       })
     ), x = o;
-    return (_, C) => {
-      const h = $("FmTextField"), r = $("FmTooltip"), p = $("FmIcon");
+    return (_, S) => {
+      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]`)
@@ -72,7 +72,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(), K(r, {
+              ], 2)) : (d(), A(r, {
                 key: 1,
                 content: (v = e.value[k.key]) == null ? void 0 : v.toString(),
                 class: "w-[50%]"
@@ -91,7 +91,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             class: "cursor-pointer",
             name: "close",
             size: "md",
-            onClick: C[0] || (C[0] = (k) => x("remove"))
+            onClick: S[0] || (S[0] = (k) => x("remove"))
           })
         ])) : R("", !0)
       ]);
@@ -132,7 +132,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     });
     return (w, x) => {
       var r, p;
-      const _ = $("FmSwitch"), C = $("FmTextField"), h = $("FmTimePicker");
+      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),
@@ -149,7 +149,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         n.value ? (d(), D("div", it, [
           t("div", rt, T(f(o)("report.common.email")), 1),
           t("div", mt, [
-            i(C, {
+            i(S, {
               "model-value": (e.value.emails || []).join(","),
               placeholder: "Email",
               "onUpdate:modelValue": x[1] || (x[1] = (k) => {
@@ -177,7 +177,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["model-value"])
             ])
           ]),
-          i(A, {
+          i(P, {
             "model-value": {
               label: f(o)("report.integration.delayDay"),
               delayDay: e.value.delayDay
@@ -249,9 +249,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }, _ = (r) => {
       var p;
       return n.singleValueMode ? n.options.key.placeholder : (p = e.value[r.key]) == null ? void 0 : p.toString();
-    }, C = (r) => n.singleValueMode ? e.value : e.value[r.key], h = o;
+    }, S = (r) => n.singleValueMode ? e.value : e.value[r.key], h = o;
     return (r, p) => {
-      const k = $("FmSelect"), v = $("FmTextField"), g = $("FmTooltip"), c = $("FmIcon");
+      const k = V("FmSelect"), v = V("FmTextField"), g = 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]`)
@@ -260,22 +260,22 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             key: m.key
           }, [
             m.editable ? (d(), D("div", vt, [
-              m.dropdownOptions ? (d(), K(k, {
+              m.dropdownOptions ? (d(), A(k, {
                 key: 0,
-                "model-value": C(m),
+                "model-value": S(m),
                 placeholder: m.placeholder,
                 items: m.dropdownOptions,
                 "shift-menu": !0,
                 "onUpdate:modelValue": (b) => x(b, m.key)
-              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (d(), K(v, {
+              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (d(), A(v, {
                 key: 1,
-                "model-value": C(m),
+                "model-value": S(m),
                 placeholder: m.placeholder,
                 type: y.type,
                 rules: y.rules,
                 "onUpdate:modelValue": (b) => x(b, m.key)
               }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
-            ])) : (d(), K(g, {
+            ])) : (d(), A(g, {
               key: 1,
               content: _(m),
               class: "w-[50%]"
@@ -332,7 +332,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: C } = Fe(), { restaurants: h } = ue(), r = B(!1), p = E(
+    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(
       () => h.map((u) => ({ label: u.name, value: u.id }))
     ), k = E(() => {
       var u, s;
@@ -343,7 +343,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       if (r.value)
         n.open({ type: "error", message: "Connecting in progress" });
       else if ((u = e.value.platform) != null && u.accessToken)
-        await C({
+        await S({
           message: o("report.integration.xero.confirmDisconnect", { name: e.value.name }),
           title: o("report.integration.xero.disconnectTitle")
         }) && (await Ye(e.value._id), await w.getSettings());
@@ -351,13 +351,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         try {
           const s = await qe(e.value._id);
           r.value = !0;
-          const P = setInterval(async () => {
+          const M = setInterval(async () => {
             var N;
             v.value += 1;
             try {
               await w.getSettings();
             } finally {
-              (v.value === 12 || (N = e.value.platform) != null && N.accessToken) && (r.value = !1, P && clearInterval(P), v.value = 0);
+              (v.value === 12 || (N = e.value.platform) != null && N.accessToken) && (r.value = !1, M && clearInterval(M), v.value = 0);
             }
           }, 5e3);
           window.open(s.redirect, "_blank");
@@ -368,7 +368,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         n.open({ type: "error", message: `invalid accounting ${e.value._id}` });
     }
     async function c() {
-      await C({
+      await S({
         message: `Confirm delete ${e.value.name}?`,
         title: "Delete"
       }) && await _(async () => {
@@ -389,21 +389,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       });
     }
     function b(u) {
-      const s = y.tenantOptions.data.find((P) => P.value === u);
+      const s = y.tenantOptions.data.find((M) => M.value === u);
       s && e.value.platform && (e.value.platform.tenant = {
         id: s.value,
         name: s.label
       });
     }
-    function V(u, s) {
-      var P, N;
-      (N = (P = e.value.platform) == null ? void 0 : P.mappings) != null && N[u] && (e.value.platform.mappings[u] = e.value.platform.mappings[u].filter(
+    function C(u, s) {
+      var M, N;
+      (N = (M = e.value.platform) == null ? void 0 : M.mappings) != null && N[u] && (e.value.platform.mappings[u] = e.value.platform.mappings[u].filter(
         (G, Y) => Y !== s
       ));
     }
     function l(u) {
-      var s, P;
-      (P = (s = e.value.platform) == null ? void 0 : s.mappings) != null && P[u] && (e.value.platform.mappings[u] = [
+      var s, M;
+      (M = (s = e.value.platform) == null ? void 0 : s.mappings) != null && M[u] && (e.value.platform.mappings[u] = [
         ...e.value.platform.mappings[u],
         u === "items" ? {
           feedmeKey: "",
@@ -428,15 +428,15 @@ 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, S, F, M, q, re, ye, Ne, Re, Oe, Be;
-      const P = $("FmIcon"), N = $("FmButton"), G = $("FmMenuDivider"), Y = $("FmCircularProgress"), J = $("FmSelect"), O = $("FmTextField"), j = $("FmSwitch");
+      var z, 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, [
         t("div", _t, [
           t("div", bt, [
             s[10] || (s[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
             t("div", wt, [
               t("div", ht, [
-                i(P, {
+                i(M, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: a
@@ -468,11 +468,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: g
               }, null, 8, ["disabled", "label"])
             ]),
-            !y.tenantOptions.isLoaded && ((ee = e.value.platform) != null && ee.accessToken) ? (d(), K(Y, {
+            !y.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(), K(J, {
+            ((te = y.tenantOptions.data) == null ? void 0 : te.length) > 0 ? (d(), A(J, {
               key: 1,
               class: "flex-grow",
               items: y.tenantOptions.data,
@@ -554,12 +554,12 @@ 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(), K(Y, {
+            !y.taxOptions.isLoaded && ((le = e.value.platform) != null && le.accessToken) ? (d(), A(Y, {
               key: 0,
               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(), K(Me, {
+              (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, {
                 key: `tax-${ce}`,
                 modelValue: e.value.platform.mappings.taxes[ce],
                 "onUpdate:modelValue": (Ie) => e.value.platform.mappings.taxes[ce] = Ie,
@@ -572,7 +572,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => V("taxes", ce)
+                onRemove: () => C("taxes", ce)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : R("", !0),
             t("div", Ot, [
@@ -583,12 +583,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[7] || (s[7] = () => l("items"))
               })
             ]),
-            !y.accountCodeOptions.isLoaded && ((S = e.value.platform) != null && S.accessToken) ? (d(), K(Y, {
+            !y.accountCodeOptions.isLoaded && (($ = e.value.platform) != null && $.accessToken) ? (d(), A(Y, {
               key: 2,
               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 = (M = e.value) == null ? void 0 : M.platform) == null ? void 0 : q.mappings) == null ? void 0 : re.items, (me, ce) => (d(), K(Me, {
+              (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, {
                 key: `item-${ce}`,
                 modelValue: e.value.platform.mappings.items[ce],
                 "onUpdate:modelValue": (Ie) => e.value.platform.mappings.items[ce] = Ie,
@@ -601,7 +601,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => V("items", ce)
+                onRemove: () => C("items", ce)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : R("", !0),
             t("div", jt, [
@@ -612,12 +612,12 @@ 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(), K(Y, {
+            !y.accountCodeOptions.isLoaded && ((ye = e.value.platform) != null && ye.accessToken) ? (d(), A(Y, {
               key: 4,
               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(), K(Me, {
+              (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, {
                 key: `payment-${ce}`,
                 modelValue: e.value.platform.mappings.payments[ce],
                 "onUpdate:modelValue": (Ie) => e.value.platform.mappings.payments[ce] = Ie,
@@ -630,7 +630,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => V("payments", ce)
+                onRemove: () => C("payments", ce)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : R("", !0)
           ])
@@ -756,9 +756,9 @@ 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: C } = De(ue());
+    ], w = X(y, "modelValue"), x = B(!1), _ = fe(), { dateRange: S } = De(ue());
     ge(
-      () => C.value,
+      () => S.value,
       async () => {
         if (w.value._id)
           try {
@@ -783,12 +783,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     }
     return (r, p) => {
-      const k = $("FmButton"), v = $("FmCircularProgress"), g = $("FmTable");
+      const k = V("FmButton"), v = V("FmCircularProgress"), g = V("FmTable");
       return d(), D("div", Et, [
         t("div", Yt, [
           i(Ue, {
-            "date-range": f(C),
-            "onUpdate:dateRange": p[0] || (p[0] = (c) => he(C) ? C.value = c : null),
+            "date-range": f(S),
+            "onUpdate:dateRange": p[0] || (p[0] = (c) => he(S) ? S.value = c : null),
             compare: !1
           }, null, 8, ["date-range"]),
           i(k, {
@@ -801,7 +801,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         x.value ? (d(), D("div", qt, [
           i(v, { 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(), K(g, {
+        ])) : e.value.length > 0 ? (d(), A(g, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
@@ -818,7 +818,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = B("setting"), w = B({}), x = B({}), _ = B({}), C = [
+    const { t: o } = W(), e = X(y, "modelValue"), n = B("setting"), w = B({}), x = B({}), _ = B({}), S = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -898,11 +898,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       { immediate: !0 }
     ), (g, c) => {
-      var V, l, a;
-      const m = $("FmPageHead"), b = $("FmTabs");
+      var C, l, a;
+      const m = V("FmPageHead"), b = V("FmTabs");
       return d(), D("div", Qt, [
         i(m, {
-          title: ((V = e.value) == null ? void 0 : V.name) || "Xero",
+          title: ((C = e.value) == null ? void 0 : C.name) || "Xero",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": f(h).back
@@ -915,10 +915,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         i(b, {
           "model-value": n.value,
           "onUpdate:modelValue": c[0] || (c[0] = (u) => n.value = u),
-          items: C
+          items: S
         }, null, 8, ["model-value"]),
         t("div", Xt, [
-          (d(), K(be((l = r.value) == null ? void 0 : l.component), Le({
+          (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)
           }, (a = r.value) == null ? void 0 : a.props), null, 16, ["modelValue"]))
@@ -937,8 +937,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(y) {
-    const o = X(y, "modelValue"), e = fe(), n = we(), w = pe(), { promptLoader: x } = ke(), { promptMessage: _ } = Fe(), { restaurants: C } = ue(), h = E(
-      () => C.map((l) => ({ label: l.name, value: l.id }))
+    const o = X(y, "modelValue"), e = fe(), n = we(), w = pe(), { promptLoader: x } = ke(), { promptMessage: _ } = Fe(), { restaurants: S } = ue(), h = E(
+      () => S.map((l) => ({ label: l.name, value: l.id }))
     ), { t: r } = W();
     async function p() {
       await _({
@@ -964,7 +964,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     function v(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(
-        (P, N) => N !== a
+        (M, N) => N !== a
       ));
     }
     function g(l) {
@@ -1031,7 +1031,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         account: { placeholder: l, editable: !0 }
       };
     }
-    async function V() {
+    async function C() {
       await x(async () => {
         try {
           await Se(o.value._id), await n.getSettings();
@@ -1041,8 +1041,8 @@ 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, S;
-      const u = $("FmIcon"), s = $("FmButton"), P = $("FmMenuDivider"), N = $("FmTextField"), G = $("FmSelect"), Y = $("FmCheckbox");
+      var J, O, j, z, 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, [
@@ -1052,7 +1052,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 i(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: V
+                  onClick: C
                 }),
                 t("span", ao, T(f(r)("report.integration.setting.refreshTooltip")), 1)
               ]),
@@ -1069,7 +1069,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ])
         ]),
-        i(P, { style: { margin: 0 } }),
+        i(M, { style: { margin: 0 } }),
         t("div", lo, [
           t("div", no, T(f(r)("report.integration.bukku.authentication")), 1),
           t("div", so, [
@@ -1128,7 +1128,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           t("div", ho, [
             t("div", ko, [
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Contact",
                   account: o.value.platform.mappings.contact.account
@@ -1144,11 +1144,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 "onUpdate:modelValue": a[5] || (a[5] = (F) => {
-                  var M, q, re;
-                  (re = (q = (M = o.value) == null ? void 0 : M.platform) == null ? void 0 : q.mappings) != null && re.contact && (o.value.platform.mappings.contact.account = F.account);
+                  var K, q, re;
+                  (re = (q = (K = o.value) == null ? void 0 : K.platform) == null ? void 0 : q.mappings) != null && re.contact && (o.value.platform.mappings.contact.account = F.account);
                 })
               }, null, 8, ["model-value"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Invoice no",
                   account: o.value.platform.mappings.invoiceDocNo
@@ -1156,7 +1156,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Invoice no"),
                 "onUpdate:modelValue": a[6] || (a[6] = (F) => m({ key: "invoiceDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Credit note no",
                   account: o.value.platform.mappings.creditNoteDocNo
@@ -1164,7 +1164,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Credit note no"),
                 "onUpdate:modelValue": a[7] || (a[7] = (F) => m({ key: "creditNoteDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Payment no",
                   account: o.value.platform.mappings.paymentDocNo
@@ -1172,7 +1172,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Payment no"),
                 "onUpdate:modelValue": a[8] || (a[8] = (F) => m({ key: "paymentDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Refund no",
                   account: o.value.platform.mappings.refundDocNo
@@ -1180,21 +1180,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Refund no"),
                 "onUpdate:modelValue": a[9] || (a[9] = (F) => m({ key: "refundDocNo", value: F.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Rounding",
                   account: o.value.platform.mappings.rounding.account
                 },
                 options: b("Rounding"),
                 "onUpdate:modelValue": a[10] || (a[10] = (F) => {
-                  var M, q, re;
-                  (re = (q = (M = o.value) == null ? void 0 : M.platform) == null ? void 0 : q.mappings) != null && re.rounding && (o.value.platform.mappings.rounding.account = F.account);
+                  var K, q, re;
+                  (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, M) => (d(), K(A, {
-                key: `charge-${M}`,
-                modelValue: o.value.platform.mappings.charges[M],
-                "onUpdate:modelValue": (q) => o.value.platform.mappings.charges[M] = q,
+              (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, {
+                key: `charge-${K}`,
+                modelValue: o.value.platform.mappings.charges[K],
+                "onUpdate:modelValue": (q) => o.value.platform.mappings.charges[K] = q,
                 options: {
                   key: {
                     placeholder: f(r)(`report.integration.bukku.mapping.charge.${F.key}`),
@@ -1223,16 +1223,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             })
           ]),
           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, M) => (d(), K(A, {
-              key: `item-${M}`,
-              modelValue: o.value.platform.mappings.items[M],
-              "onUpdate:modelValue": (q) => o.value.platform.mappings.items[M] = q,
+            (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, {
+              key: `item-${K}`,
+              modelValue: o.value.platform.mappings.items[K],
+              "onUpdate:modelValue": (q) => o.value.platform.mappings.items[K] = q,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("items", M)
+              onRemove: () => v("items", K)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Co, [
@@ -1244,16 +1244,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             })
           ]),
           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, M) => (d(), K(A, {
-              key: `tax-${M}`,
-              modelValue: o.value.platform.mappings.taxes[M],
-              "onUpdate:modelValue": (q) => o.value.platform.mappings.taxes[M] = q,
+            (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, {
+              key: `tax-${K}`,
+              modelValue: o.value.platform.mappings.taxes[K],
+              "onUpdate:modelValue": (q) => o.value.platform.mappings.taxes[K] = q,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("taxes", M)
+              onRemove: () => v("taxes", K)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Uo, [
@@ -1264,29 +1264,29 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               onClick: a[14] || (a[14] = () => g("payments"))
             })
           ]),
-          (d(!0), D(L, null, Q((S = (U = (ie = o.value) == null ? void 0 : ie.platform) == null ? void 0 : U.mappings) == null ? void 0 : S.payments, (F, M) => (d(), D("div", {
-            key: `payment-${M}`,
+          (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", {
+            key: `payment-${K}`,
             class: "grid-cols-1 grid gap-x-16"
           }, [
             t("div", Io, [
               i(Y, {
-                "model-value": !o.value.platform.mappings.payments[M].skip,
+                "model-value": !o.value.platform.mappings.payments[K].skip,
                 value: "",
                 "onUpdate:modelValue": (q) => {
                   var re, ye;
-                  (ye = (re = o.value.platform) == null ? void 0 : re.mappings) != null && ye.payments[M] && (o.value.platform.mappings.payments[M].skip = !q);
+                  (ye = (re = o.value.platform) == null ? void 0 : re.mappings) != null && ye.payments[K] && (o.value.platform.mappings.payments[K].skip = !q);
                 }
               }, null, 8, ["model-value", "onUpdate:modelValue"]),
-              i(A, {
-                modelValue: o.value.platform.mappings.payments[M],
-                "onUpdate:modelValue": (q) => o.value.platform.mappings.payments[M] = q,
+              i(P, {
+                modelValue: o.value.platform.mappings.payments[K],
+                "onUpdate:modelValue": (q) => o.value.platform.mappings.payments[K] = q,
                 options: {
                   key: { placeholder: "Key", editable: !0 },
                   method: { placeholder: "Method", editable: !0 },
                   account: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => v("payments", M)
+                onRemove: () => v("payments", K)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"])
             ])
           ]))), 128))
@@ -1318,15 +1318,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         for (let m = 0; m < Math.max(g.form_items.length, c.length); m++) {
           const b = v + m;
           p[b] || (p[b] = {});
-          const V = g.form_items[m];
-          V && (p[b] = {
+          const C = g.form_items[m];
+          C && (p[b] = {
             ...p[b],
-            itemDescription: V.description,
-            itemQuantity: V.quantity,
-            itemUnitPrice: V.unit_price,
-            itemAccount: V._account_name,
-            itemTaxCode: V._tax_code_name,
-            itemDiscount: V.discount
+            itemDescription: C.description,
+            itemQuantity: C.quantity,
+            itemUnitPrice: C.unit_price,
+            itemAccount: C._account_name,
+            itemTaxCode: C._tax_code_name,
+            itemDiscount: C.discount
           });
           const l = c[m];
           l && (p[b] = {
@@ -1435,7 +1435,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), C = fe(), { dateRange: h } = De(ue());
+    ], x = X(y, "modelValue"), _ = B(!1), S = fe(), { dateRange: h } = De(ue());
     ge(
       () => h.value,
       async () => {
@@ -1443,7 +1443,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           try {
             _.value = !0, o.value = await Ce(x.value._id);
           } catch (p) {
-            C.open({ message: p.message, type: "error" });
+            S.open({ message: p.message, type: "error" });
           } finally {
             _.value = !1;
           }
@@ -1454,15 +1454,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function r() {
       try {
-        x.value._id ? (_.value = !0, await Ae(x.value._id), C.open({ message: n("report.integration.preview.uploadSuccess"), type: "success" })) : C.open({ message: n("report.integration.error.invalid"), type: "error" });
+        x.value._id ? (_.value = !0, await Ae(x.value._id), S.open({ message: n("report.integration.preview.uploadSuccess"), type: "success" })) : S.open({ message: n("report.integration.error.invalid"), type: "error" });
       } catch (p) {
-        C.open({ message: p.message, type: "error" });
+        S.open({ message: p.message, type: "error" });
       } finally {
         _.value = !1;
       }
     }
     return (p, k) => {
-      const v = $("FmButton"), g = $("FmCircularProgress"), c = $("FmTable");
+      const v = V("FmButton"), g = V("FmCircularProgress"), c = V("FmTable");
       return d(), D("div", Ko, [
         t("div", Ao, [
           i(Ue, {
@@ -1480,7 +1480,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         _.value ? (d(), D("div", Po, [
           i(g, { size: "xl" }),
           t("span", No, T(f(n)("report.integration.preview.loading")), 1)
-        ])) : e.value.length > 0 ? (d(), K(c, {
+        ])) : e.value.length > 0 ? (d(), A(c, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
@@ -1518,9 +1518,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return null;
       }
     });
-    return (C, h) => {
+    return (S, h) => {
       var k;
-      const r = $("FmPageHead"), p = $("FmTabs");
+      const r = V("FmPageHead"), p = V("FmTabs");
       return d(), D("div", Oo, [
         i(r, {
           title: ((k = e.value) == null ? void 0 : k.name) || "Bukku",
@@ -1539,7 +1539,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           items: w
         }, null, 8, ["model-value"]),
         t("div", Bo, [
-          (d(), K(be(_.value), {
+          (d(), A(be(_.value), {
             modelValue: e.value,
             "onUpdate:modelValue": h[1] || (h[1] = (v) => e.value = v)
           }, null, 8, ["modelValue"]))
@@ -1558,11 +1558,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: C } = Fe(), { restaurants: h } = ue(), r = E(
+    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = E(
       () => h.map((l) => ({ label: l.name, value: l.id }))
     );
     async function p() {
-      await C({
+      await S({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await _(async () => {
@@ -1585,7 +1585,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     function v(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(
-        (P, N) => N !== a
+        (M, N) => N !== a
       ));
     }
     function g(l) {
@@ -1629,7 +1629,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         account: { placeholder: l, editable: !0 }
       };
     }
-    async function V() {
+    async function C() {
       await _(async () => {
         try {
           await Se(e.value._id), await w.getSettings();
@@ -1640,7 +1640,7 @@ 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;
-      const u = $("FmIcon"), s = $("FmButton"), P = $("FmMenuDivider"), N = $("FmTextField"), G = $("FmSelect");
+      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, [
@@ -1650,7 +1650,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 i(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: V
+                  onClick: C
                 }),
                 t("span", Ho, T(f(o)("report.integration.autoCount.repopulate")), 1)
               ]),
@@ -1667,7 +1667,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ])
         ]),
-        i(P, { style: { margin: 0 } }),
+        i(M, { style: { margin: 0 } }),
         t("div", Qo, [
           t("div", Xo, [
             t("div", Go, T(f(o)("report.integration.autocount.general")), 1),
@@ -1706,17 +1706,17 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           t("div", la, [
             t("div", na, [
-              i(A, {
+              i(P, {
                 "model-value": { key: "Project", account: e.value.platform.mappings.project },
                 options: b("Project"),
                 "onUpdate:modelValue": a[3] || (a[3] = (U) => m({ key: "project", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
                 options: b("Debtor"),
                 "onUpdate:modelValue": a[4] || (a[4] = (U) => m({ key: "debtor", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Invoice no",
                   account: e.value.platform.mappings.invoiceDocNo
@@ -1724,7 +1724,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Invoice no"),
                 "onUpdate:modelValue": a[5] || (a[5] = (U) => m({ key: "invoiceDocNo", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Credit note no",
                   account: e.value.platform.mappings.creditNoteDocNo
@@ -1732,7 +1732,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Credit note no"),
                 "onUpdate:modelValue": a[6] || (a[6] = (U) => m({ key: "creditNoteDocNo", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Payment no",
                   account: e.value.platform.mappings.paymentDocNo
@@ -1740,7 +1740,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Payment no"),
                 "onUpdate:modelValue": a[7] || (a[7] = (U) => m({ key: "paymentDocNo", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Refund no",
                   account: e.value.platform.mappings.refundDocNo
@@ -1748,21 +1748,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Refund no"),
                 "onUpdate:modelValue": a[8] || (a[8] = (U) => m({ key: "refundDocNo", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Rounding",
                   account: e.value.platform.mappings.rounding.account
                 },
                 options: b("Rounding"),
                 "onUpdate:modelValue": a[9] || (a[9] = (U) => {
-                  var S, F, M;
-                  (M = (F = (S = e.value) == null ? void 0 : S.platform) == null ? void 0 : F.mappings) != null && M.rounding && (e.value.platform.mappings.rounding.account = U.account);
+                  var $, F, K;
+                  (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, S) => (d(), K(A, {
-                key: `charge-${S}`,
-                modelValue: e.value.platform.mappings.charges[S],
-                "onUpdate:modelValue": (F) => e.value.platform.mappings.charges[S] = F,
+              (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, {
+                key: `charge-${$}`,
+                modelValue: e.value.platform.mappings.charges[$],
+                "onUpdate:modelValue": (F) => e.value.platform.mappings.charges[$] = F,
                 options: {
                   key: { placeholder: "Key", editable: !1 },
                   account: { placeholder: "Account code", editable: !0 }
@@ -1784,16 +1784,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             })
           ]),
           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, S) => (d(), K(A, {
-              key: `item-${S}`,
-              modelValue: e.value.platform.mappings.items[S],
-              "onUpdate:modelValue": (F) => e.value.platform.mappings.items[S] = F,
+            (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, {
+              key: `item-${$}`,
+              modelValue: e.value.platform.mappings.items[$],
+              "onUpdate:modelValue": (F) => e.value.platform.mappings.items[$] = F,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("items", S)
+              onRemove: () => v("items", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", ma, [
@@ -1805,16 +1805,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             })
           ]),
           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, S) => (d(), K(A, {
-              key: `tax-${S}`,
-              modelValue: e.value.platform.mappings.taxes[S],
-              "onUpdate:modelValue": (F) => e.value.platform.mappings.taxes[S] = F,
+            (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, {
+              key: `tax-${$}`,
+              modelValue: e.value.platform.mappings.taxes[$],
+              "onUpdate:modelValue": (F) => e.value.platform.mappings.taxes[$] = F,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("taxes", S)
+              onRemove: () => v("taxes", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", pa, [
@@ -1826,16 +1826,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             })
           ]),
           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, S) => (d(), K(A, {
-              key: `payment-${S}`,
-              modelValue: e.value.platform.mappings.payments[S],
-              "onUpdate:modelValue": (F) => e.value.platform.mappings.payments[S] = F,
+            (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, {
+              key: `payment-${$}`,
+              modelValue: e.value.platform.mappings.payments[$],
+              "onUpdate:modelValue": (F) => e.value.platform.mappings.payments[$] = F,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Payment name", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("payments", S)
+              onRemove: () => v("payments", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
@@ -1953,9 +1953,9 @@ 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: C } = De(ue());
+    ], w = X(y, "modelValue"), x = B(!1), _ = fe(), { dateRange: S } = De(ue());
     ge(
-      () => C.value,
+      () => S.value,
       async () => {
         if (w.value._id)
           try {
@@ -1980,12 +1980,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     }
     return (r, p) => {
-      const k = $("FmButton"), v = $("FmCircularProgress"), g = $("FmTable");
+      const k = V("FmButton"), v = V("FmCircularProgress"), g = V("FmTable");
       return d(), D("div", ga, [
         t("div", ya, [
           i(Ue, {
-            "date-range": f(C),
-            "onUpdate:dateRange": p[0] || (p[0] = (c) => he(C) ? C.value = c : null),
+            "date-range": f(S),
+            "onUpdate:dateRange": p[0] || (p[0] = (c) => he(S) ? S.value = c : null),
             compare: !1
           }, null, 8, ["date-range"]),
           i(k, {
@@ -1998,7 +1998,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         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(), K(g, {
+        ])) : e.value.length > 0 ? (d(), A(g, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
@@ -2036,9 +2036,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return null;
       }
     });
-    return (C, h) => {
+    return (S, h) => {
       var k;
-      const r = $("FmPageHead"), p = $("FmTabs");
+      const r = V("FmPageHead"), p = V("FmTabs");
       return d(), D("div", wa, [
         i(r, {
           title: ((k = e.value) == null ? void 0 : k.name) || "AutoCount",
@@ -2057,7 +2057,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           items: w
         }, null, 8, ["model-value"]),
         t("div", ha, [
-          (d(), K(be(_.value), {
+          (d(), A(be(_.value), {
             modelValue: e.value,
             "onUpdate:modelValue": h[1] || (h[1] = (v) => e.value = v)
           }, null, 8, ["modelValue"]))
@@ -2076,11 +2076,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: C } = Fe(), { restaurants: h } = ue(), r = E(
+    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = E(
       () => h.map((l) => ({ label: l.name, value: l.id }))
     );
     async function p() {
-      await C({
+      await S({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await _(async () => {
@@ -2103,7 +2103,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     function v(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(
-        (P, N) => N !== a
+        (M, N) => N !== a
       ));
     }
     function g(l) {
@@ -2148,7 +2148,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         account: { placeholder: l, editable: !0 }
       };
     }
-    async function V() {
+    async function C() {
       await _(async () => {
         try {
           await Se(e.value._id), await w.getSettings();
@@ -2159,7 +2159,7 @@ 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;
-      const u = $("FmIcon"), s = $("FmButton"), P = $("FmMenuDivider"), N = $("FmTextField"), G = $("FmSelect");
+      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, [
@@ -2169,7 +2169,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 i(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: V
+                  onClick: C
                 }),
                 t("span", Da, T(f(o)("report.integration.sql.refreshTooltip")), 1)
               ]),
@@ -2186,7 +2186,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ])
         ]),
-        i(P, { style: { margin: 0 } }),
+        i(M, { style: { margin: 0 } }),
         t("div", Ua, [
           t("div", Ta, [
             t("div", Ia, T(f(o)("report.integration.sql.general")), 1),
@@ -2225,12 +2225,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           t("div", Ba, [
             t("div", ja, [
-              i(A, {
+              i(P, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
                 options: b("Debtor"),
                 "onUpdate:modelValue": a[3] || (a[3] = (U) => m({ key: "debtor", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Invoice no",
                   account: e.value.platform.mappings.invoiceDocNo
@@ -2238,7 +2238,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Invoice no"),
                 "onUpdate:modelValue": a[4] || (a[4] = (U) => m({ key: "invoiceDocNo", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Credit note no",
                   account: e.value.platform.mappings.creditNoteDocNo
@@ -2246,7 +2246,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Credit note no"),
                 "onUpdate:modelValue": a[5] || (a[5] = (U) => m({ key: "creditNoteDocNo", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Payment no",
                   account: e.value.platform.mappings.paymentDocNo
@@ -2254,7 +2254,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Payment no"),
                 "onUpdate:modelValue": a[6] || (a[6] = (U) => m({ key: "paymentDocNo", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Refund no",
                   account: e.value.platform.mappings.refundDocNo
@@ -2262,7 +2262,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Refund no"),
                 "onUpdate:modelValue": a[7] || (a[7] = (U) => m({ key: "refundDocNo", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Project header",
                   account: e.value.platform.mappings.projectHeader
@@ -2270,7 +2270,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: b("Project header"),
                 "onUpdate:modelValue": a[8] || (a[8] = (U) => m({ key: "projectHeader", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Project detail",
                   account: e.value.platform.mappings.projectDetail
@@ -2280,7 +2280,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["model-value", "options"])
             ]),
             t("div", La, [
-              i(A, {
+              i(P, {
                 "model-value": {
                   key: "Rounding",
                   account: e.value.platform.mappings.rounding.account,
@@ -2292,14 +2292,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   code: { placeholder: "Item code", editable: !0 }
                 },
                 "onUpdate:modelValue": a[10] || (a[10] = (U) => {
-                  var S, F, M;
-                  (M = (F = (S = e.value) == null ? void 0 : S.platform) == null ? void 0 : F.mappings) != null && M.rounding && (e.value.platform.mappings.rounding.account = U.account, e.value.platform.mappings.rounding.code = U.code);
+                  var $, F, K;
+                  (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, S) => (d(), K(A, {
-                key: `charge-${S}`,
-                modelValue: e.value.platform.mappings.charges[S],
-                "onUpdate:modelValue": (F) => e.value.platform.mappings.charges[S] = F,
+              (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, {
+                key: `charge-${$}`,
+                modelValue: e.value.platform.mappings.charges[$],
+                "onUpdate:modelValue": (F) => e.value.platform.mappings.charges[$] = F,
                 options: {
                   key: { placeholder: "Key", editable: !1 },
                   account: { placeholder: "Account code", editable: !0 },
@@ -2322,17 +2322,17 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, 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, S) => (d(), K(A, {
-              key: `item-${S}`,
-              modelValue: e.value.platform.mappings.items[S],
-              "onUpdate:modelValue": (F) => e.value.platform.mappings.items[S] = F,
+            (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, {
+              key: `item-${$}`,
+              modelValue: e.value.platform.mappings.items[$],
+              "onUpdate:modelValue": (F) => e.value.platform.mappings.items[$] = F,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 },
                 code: { placeholder: "Item code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("items", S)
+              onRemove: () => v("items", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", qa, [
@@ -2344,16 +2344,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             })
           ]),
           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, S) => (d(), K(A, {
-              key: `tax-${S}`,
-              modelValue: e.value.platform.mappings.taxes[S],
-              "onUpdate:modelValue": (F) => e.value.platform.mappings.taxes[S] = F,
+            (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, {
+              key: `tax-${$}`,
+              modelValue: e.value.platform.mappings.taxes[$],
+              "onUpdate:modelValue": (F) => e.value.platform.mappings.taxes[$] = F,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("taxes", S)
+              onRemove: () => v("taxes", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Xa, [
@@ -2365,16 +2365,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             })
           ]),
           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, S) => (d(), K(A, {
-              key: `payment-${S}`,
-              modelValue: e.value.platform.mappings.payments[S],
-              "onUpdate:modelValue": (F) => e.value.platform.mappings.payments[S] = F,
+            (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, {
+              key: `payment-${$}`,
+              modelValue: e.value.platform.mappings.payments[$],
+              "onUpdate:modelValue": (F) => e.value.platform.mappings.payments[$] = F,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Method", editable: !0 }
               },
               removable: !0,
-              onRemove: () => v("payments", S)
+              onRemove: () => v("payments", $)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
@@ -2487,7 +2487,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), C = fe(), { dateRange: h } = De(ue());
+    ], x = X(y, "modelValue"), _ = B(!1), S = fe(), { dateRange: h } = De(ue());
     ge(
       () => h.value,
       async () => {
@@ -2495,7 +2495,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           try {
             _.value = !0, e.value = await Ce(x.value._id);
           } catch (p) {
-            C.open({ message: p.message, type: "error" });
+            S.open({ message: p.message, type: "error" });
           } finally {
             _.value = !1;
           }
@@ -2506,15 +2506,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function r() {
       try {
-        x.value._id ? (_.value = !0, await Pe(x.value._id)) : C.open({ message: "Invalid accounting setting", type: "error" });
+        x.value._id ? (_.value = !0, await Pe(x.value._id)) : S.open({ message: "Invalid accounting setting", type: "error" });
       } catch (p) {
-        C.open({ message: p.message, type: "error" });
+        S.open({ message: p.message, type: "error" });
       } finally {
         _.value = !1;
       }
     }
     return (p, k) => {
-      const v = $("FmButton"), g = $("FmCircularProgress"), c = $("FmTable");
+      const v = V("FmButton"), g = V("FmCircularProgress"), c = V("FmTable");
       return d(), D("div", Za, [
         t("div", el, [
           i(Ue, {
@@ -2532,7 +2532,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         _.value ? (d(), D("div", tl, [
           i(g, { size: "xl" }),
           t("span", ol, T(f(o)("report.common.loading")), 1)
-        ])) : n.value.length > 0 ? (d(), K(c, {
+        ])) : n.value.length > 0 ? (d(), A(c, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": n.value,
@@ -2570,9 +2570,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return null;
       }
     });
-    return (C, h) => {
+    return (S, h) => {
       var k;
-      const r = $("FmPageHead"), p = $("FmTabs");
+      const r = V("FmPageHead"), p = V("FmTabs");
       return d(), D("div", ll, [
         i(r, {
           title: ((k = e.value) == null ? void 0 : k.name) || "SQL",
@@ -2591,7 +2591,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           items: w
         }, null, 8, ["model-value"]),
         t("div", nl, [
-          (d(), K(be(_.value), {
+          (d(), A(be(_.value), {
             modelValue: e.value,
             "onUpdate:modelValue": h[1] || (h[1] = (v) => e.value = v)
           }, null, 8, ["modelValue"]))
@@ -2634,18 +2634,18 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: C } = Fe(), { restaurants: h } = ue(), r = E(
-      () => h.map((V) => ({ label: V.name, value: V.id }))
+    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = E(
+      () => h.map((C) => ({ label: C.name, value: C.id }))
     );
-    function p(V) {
+    function p(C) {
       var l;
-      !((l = y.retrievedMethods) != null && l.data) || !Array.isArray(y.retrievedMethods.data) || V.forEach((a) => {
+      !((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);
         u && (a.cnId = u.cnId);
       });
     }
     async function k() {
-      await C({
+      await S({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await _(async () => {
@@ -2658,29 +2658,29 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     async function v() {
       await _(async () => {
-        var V, l, a;
+        var C, l, a;
         try {
-          (a = (l = (V = e.value) == null ? void 0 : V.platform) == null ? void 0 : l.mappings) != null && a.paymentMethods && p(e.value.platform.mappings.paymentMethods), await $e(e.value._id, e.value), await w.getSettings();
+          (a = (l = (C = e.value) == null ? void 0 : C.platform) == null ? void 0 : l.mappings) != null && a.paymentMethods && p(e.value.platform.mappings.paymentMethods), await $e(e.value._id, e.value), await w.getSettings();
         } catch (u) {
           n.open({ type: "error", message: u.message });
         }
       });
     }
-    function g(V, l) {
+    function g(C, l) {
       var a, u;
-      (u = (a = e.value.platform) == null ? void 0 : a.mappings) != null && u[V] && (e.value.platform.mappings[V] = e.value.platform.mappings[V].filter(
-        (s, P) => P !== l
+      (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
       ));
     }
-    function c(V) {
+    function c(C) {
       var l, a;
-      (a = (l = e.value.platform) == null ? void 0 : l.mappings) != null && a[V] && (e.value.platform.mappings[V] = [
-        ...e.value.platform.mappings[V],
-        V === "items" ? {
+      (a = (l = e.value.platform) == null ? void 0 : l.mappings) != null && a[C] && (e.value.platform.mappings[C] = [
+        ...e.value.platform.mappings[C],
+        C === "items" ? {
           key: "",
           account: "",
           description: ""
-        } : V === "taxes" ? {
+        } : C === "taxes" ? {
           key: "",
           account: "SST-"
         } : {
@@ -2697,12 +2697,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ];
     ge(
       () => {
-        var V, l, a;
-        return (a = (l = (V = e.value) == null ? void 0 : V.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.taxes;
+        var C, l, a;
+        return (a = (l = (C = e.value) == null ? void 0 : C.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.taxes;
       },
-      (V) => {
-        V && V.forEach((l, a) => {
-          var P;
+      (C) => {
+        C && C.forEach((l, a) => {
+          var M;
           const u = l.key || "";
           let s = l.account;
           if (!s && u) {
@@ -2717,7 +2717,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 s = "SST-0";
                 break;
             }
-            (P = e.value.platform) != null && P.mappings && (e.value.platform.mappings.taxes[a] = {
+            (M = e.value.platform) != null && M.mappings && (e.value.platform.mappings.taxes[a] = {
               ...l,
               account: s
             });
@@ -2727,12 +2727,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       { immediate: !0, deep: !0 }
     ), ge(
       () => {
-        var V, l, a;
-        return (a = (l = (V = e.value) == null ? void 0 : V.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.version;
+        var C, l, a;
+        return (a = (l = (C = e.value) == null ? void 0 : C.platform) == null ? void 0 : l.mappings) == null ? void 0 : a.version;
       },
-      (V) => {
-        var l, a, u, s, P;
-        V === "v1" && !((u = (a = (l = e.value) == null ? void 0 : l.platform) == null ? void 0 : a.mappings) != null && u.payee) && (P = (s = e.value) == null ? void 0 : s.platform) != null && P.mappings && (e.value.platform.mappings.payee = {
+      (C) => {
+        var l, a, u, s, M;
+        C === "v1" && !((u = (a = (l = e.value) == null ? void 0 : l.platform) == null ? void 0 : a.mappings) != null && u.payee) && (M = (s = e.value) == null ? void 0 : s.platform) != null && M.mappings && (e.value.platform.mappings.payee = {
           id: 1,
           name: ""
         });
@@ -2743,14 +2743,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       await _(async () => {
         try {
           await Se(e.value._id), await w.getSettings();
-        } catch (V) {
-          n.open({ type: "error", message: V.message });
+        } catch (C) {
+          n.open({ type: "error", message: C.message });
         }
       });
     }
-    return (V, l) => {
+    return (C, l) => {
       var J, O, j, z, Z, ee, te, oe, ae, le, ne, se, ie, U;
-      const a = $("FmIcon"), u = $("FmButton"), s = $("FmSelect"), P = $("FmMenuDivider"), N = $("FmTextField"), G = $("FmCircularProgress"), Y = $("FmCheckbox");
+      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, [
@@ -2786,7 +2786,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", _l, [
               i(s, {
                 modelValue: e.value.platform.mappings.version,
-                "onUpdate:modelValue": l[0] || (l[0] = (S) => e.value.platform.mappings.version = S),
+                "onUpdate:modelValue": l[0] || (l[0] = ($) => e.value.platform.mappings.version = $),
                 items: [
                   { label: "v1", value: "v1" },
                   { label: "v2", value: "v2" }
@@ -2795,14 +2795,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          i(P, { style: { margin: 0 } }),
+          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, [
                 i(N, {
                   modelValue: e.value.platform.subdomain,
-                  "onUpdate:modelValue": l[1] || (l[1] = (S) => e.value.platform.subdomain = S),
+                  "onUpdate:modelValue": l[1] || (l[1] = ($) => e.value.platform.subdomain = $),
                   placeholder: "Subdomain"
                 }, null, 8, ["modelValue"])
               ])
@@ -2812,7 +2812,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               t("div", Sl, [
                 i(N, {
                   modelValue: e.value.platform.api_key,
-                  "onUpdate:modelValue": l[2] || (l[2] = (S) => e.value.platform.api_key = S),
+                  "onUpdate:modelValue": l[2] || (l[2] = ($) => e.value.platform.api_key = $),
                   placeholder: "API Key"
                 }, null, 8, ["modelValue"])
               ])
@@ -2824,18 +2824,18 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 t("div", Tl, [
                   i(N, {
                     modelValue: e.value.name,
-                    "onUpdate:modelValue": l[3] || (l[3] = (S) => e.value.name = S)
+                    "onUpdate:modelValue": l[3] || (l[3] = ($) => e.value.name = $)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
               t("div", Il, [
-                t("div", Ml, T(f(o)("report.integration.location")), 1),
+                t("div", Ml, T(f(o)("report.common.location")), 1),
                 i(s, {
                   modelValue: e.value.platform.locationIds,
-                  "onUpdate:modelValue": l[4] || (l[4] = (S) => e.value.platform.locationIds = S),
+                  "onUpdate:modelValue": l[4] || (l[4] = ($) => e.value.platform.locationIds = $),
                   multiselect: !0,
                   items: r.value,
-                  placeholder: f(o)("report.integration.biztory.location"),
+                  placeholder: f(o)("report.common.location"),
                   class: "flex-grow"
                 }, null, 8, ["modelValue", "items", "placeholder"])
               ]),
@@ -2843,7 +2843,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 t("div", Al, T(f(o)("report.integration.biztory.grouping")), 1),
                 i(s, {
                   modelValue: e.value.platform.grouping,
-                  "onUpdate:modelValue": l[5] || (l[5] = (S) => e.value.platform.grouping = S),
+                  "onUpdate:modelValue": l[5] || (l[5] = ($) => e.value.platform.grouping = $),
                   multiselect: !1,
                   items: m,
                   placeholder: f(o)("report.integration.biztory.grouping"),
@@ -2853,10 +2853,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ]),
               e.value.platform.mappings.version == "v1" ? (d(), D("div", Pl, [
                 l[13] || (l[13] = t("div", { class: "w-[33%]" }, "Payee ID", -1)),
-                e.value.platform.mappings.version == "v1" ? (d(), K(A, {
+                e.value.platform.mappings.version == "v1" ? (d(), A(P, {
                   key: 0,
                   modelValue: e.value.platform.mappings.payee,
-                  "onUpdate:modelValue": l[6] || (l[6] = (S) => e.value.platform.mappings.payee = S),
+                  "onUpdate:modelValue": l[6] || (l[6] = ($) => e.value.platform.mappings.payee = $),
                   options: {
                     id: { placeholder: "ID", editable: !0 }
                   },
@@ -2866,15 +2866,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ]),
             t("div", Nl, [
               t("div", Rl, [
-                y.retrievedCustomers.isLoaded ? R("", !0) : (d(), K(G, {
+                !y.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, [
-                  e.value.platform.mappings.version == "v2" ? (d(), K(Me, {
+                  e.value.platform.mappings.version == "v2" ? (d(), A(Me, {
                     key: 0,
                     modelValue: e.value.platform.mappings.payeeId,
-                    "onUpdate:modelValue": l[7] || (l[7] = (S) => e.value.platform.mappings.payeeId = S),
+                    "onUpdate:modelValue": l[7] || (l[7] = ($) => e.value.platform.mappings.payeeId = $),
                     options: {
                       key: { placeholder: "Payee", editable: !1 },
                       customer: {
@@ -2891,7 +2891,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ]),
             i(Te, {
               modelValue: e.value.platform,
-              "onUpdate:modelValue": l[8] || (l[8] = (S) => e.value.platform = S),
+              "onUpdate:modelValue": l[8] || (l[8] = ($) => e.value.platform = $),
               label: "upload",
               "last-upload-date": (Z = e.value.platform) == null ? void 0 : Z.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
@@ -2904,10 +2904,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               })
             ]),
             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, (S, F) => (d(), K(A, {
+              (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, {
                 key: `item-${F}`,
                 modelValue: e.value.platform.mappings.items[F],
-                "onUpdate:modelValue": (M) => e.value.platform.mappings.items[F] = M,
+                "onUpdate:modelValue": (K) => e.value.platform.mappings.items[F] = K,
                 options: {
                   key: { placeholder: "Key", editable: !0 },
                   code: { placeholder: "Account code", editable: !0 }
@@ -2925,10 +2925,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               })
             ]),
             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, (S, F) => (d(), K(A, {
+              (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, {
                 key: `tax-${F}`,
                 modelValue: e.value.platform.mappings.taxes[F],
-                "onUpdate:modelValue": (M) => e.value.platform.mappings.taxes[F] = M,
+                "onUpdate:modelValue": (K) => e.value.platform.mappings.taxes[F] = K,
                 options: {
                   key: { placeholder: "Key", editable: !0 },
                   account: { placeholder: "Account code", editable: !0 }
@@ -2948,9 +2948,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", Ql, [
               l[14] || (l[14] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
               t("div", Xl, [
-                i(A, {
+                i(P, {
                   modelValue: e.value.platform.mappings.paymentTerm,
-                  "onUpdate:modelValue": l[12] || (l[12] = (S) => e.value.platform.mappings.paymentTerm = S),
+                  "onUpdate:modelValue": l[12] || (l[12] = ($) => e.value.platform.mappings.paymentTerm = $),
                   options: {
                     id: { placeholder: "ID", editable: !0 },
                     name: { placeholder: "Name", editable: !0 }
@@ -2961,18 +2961,18 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ]),
             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(), K(G, {
+            y.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, (S, F) => {
-              var M;
+            (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) => {
+              var K;
               return d(), D("div", {
                 key: `payment-${F}`,
                 class: "grid-cols-1 grid gap-x-16"
               }, [
-                y.retrievedMethods.isLoaded && y.retrievedMethods.data && ((M = y.retrievedMethods.data) == null ? void 0 : M.length) != 0 ? (d(), D("div", Zl, [
+                y.retrievedMethods.isLoaded && y.retrievedMethods.data && ((K = y.retrievedMethods.data) == null ? void 0 : K.length) != 0 ? (d(), D("div", Zl, [
                   i(Y, {
                     "model-value": !e.value.platform.mappings.paymentMethods[F].skip,
                     value: "",
@@ -3009,7 +3009,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 });
 function tn(y) {
   return y.reduce((o, e) => {
-    var x, _, C, h, r, p, k, v, g, c, m, b, V, l, a, u, s, P, N, G, Y, J;
+    var x, _, S, h, r, p, k, v, g, 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,
@@ -3020,7 +3020,7 @@ function tn(y) {
       // service_charge: invoice.service_charge.total,
       item_code: (x = n.items[0]) == null ? void 0 : x.code,
       item_desc: (_ = n.items[0]) == null ? void 0 : _.description,
-      item_price: (C = n.items[0]) == null ? void 0 : C.price,
+      item_price: (S = n.items[0]) == null ? void 0 : S.price,
       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,
@@ -3038,11 +3038,11 @@ function tn(y) {
         item_price: z.price,
         item_tax: z.total_tax,
         item_tax_label: z.tax_label || "-",
-        payment_amount: ((l = (V = n.transactions) == null ? void 0 : V[O]) == null ? void 0 : l.amount) || void 0,
+        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) || ""
       } : o[j] = {
-        payment_amount: ((N = (P = n.transactions) == null ? void 0 : P[O]) == null ? void 0 : N.amount) || void 0,
+        payment_amount: ((N = (M = n.transactions) == null ? void 0 : M[O]) == null ? void 0 : N.amount) || void 0,
         payment_method: ((Y = (G = n.transactions) == null ? void 0 : G[O]) == null ? void 0 : Y.payment_method) || "-",
         payment_term: ((J = n == null ? void 0 : n.payment_term) == null ? void 0 : J.name) || ""
       };
@@ -3124,46 +3124,46 @@ const on = [
 ];
 function an(y) {
   return y.reduce((o, e) => {
-    var C, h, r, p, k, v, g, c, m, b;
+    var S, h, r, p, k, v, g, c, m, b, C;
     const { invoice: n, payments: w } = e, x = o.length;
     o[x] = {
       invoice_date: n.invoice_date,
       ref_num: n.ref_num,
       total: n.total,
-      item_code: (C = n.items[0]) == null ? void 0 : C.code,
+      item_code: (S = n.items[0]) == null ? void 0 : S.code,
       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) ?? "",
-      item_tax_amount: ((k = n.items[0]) == null ? void 0 : k.total_tax) ?? "",
-      service_charge_amount: ((v = n.service_charges[0]) == null ? void 0 : v.total) ?? "",
+      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) ?? "",
       rounding: n.rounding ?? 0,
       payment_term_id: n.payment_term.name ?? "",
-      payment_term_amount: ((g = n.terms[x]) == null ? void 0 : g.amount) ?? "",
-      payment_method: ((c = w[0]) == null ? void 0 : c.payment_method_name) || ""
+      payment_term_amount: ((c = n.terms[x]) == null ? void 0 : c.amount) ?? "",
+      payment_method: ((m = w[0]) == null ? void 0 : m.payment_method_name) || ""
     };
     const _ = Math.max(
-      ((m = n.items) == null ? void 0 : m.length) || 0,
-      ((b = n.terms) == null ? void 0 : b.length) || 0,
+      ((b = n.items) == null ? void 0 : b.length) || 0,
+      ((C = n.terms) == null ? void 0 : C.length) || 0,
       (w == null ? void 0 : w.length) || 0
     );
-    for (let V = 1; V < _; V++) {
-      const l = x + V;
-      o[l] || (o[l] = {});
-      const a = n.items[V], u = n.terms[V], s = w[V];
-      a ? o[l] = {
-        ...o[l],
-        item_code: a.code,
-        item_description: a.description,
-        item_price: a.total,
-        item_tax_label: a.tax_label ?? "",
-        item_tax_amount: a.total_tax ?? "",
+    for (let l = 1; l < _; l++) {
+      const a = x + l;
+      o[a] || (o[a] = {});
+      const u = n.items[l], s = n.terms[l], M = w[l];
+      u ? o[a] = {
+        ...o[a],
+        item_code: u.code,
+        item_description: u.description,
+        item_price: u.total,
+        item_tax_label: u.tax_label == "?" ? "" : u.tax_label ?? "",
+        item_tax_amount: u.total_tax ?? "",
         payment_term_id: n.payment_term.name ?? "",
-        payment_term_amount: (u == null ? void 0 : u.amount) ?? "",
-        payment_method: (s == null ? void 0 : s.payment_method_name) || ""
-      } : o[l] = {
+        payment_term_amount: (s == null ? void 0 : s.amount) ?? "",
+        payment_method: (M == null ? void 0 : M.payment_method_name) || ""
+      } : o[a] = {
         payment_term_id: n.payment_term.name ?? "",
-        payment_term_amount: (u == null ? void 0 : u.amount) ?? "",
-        payment_method: (s == null ? void 0 : s.payment_method_name) || ""
+        payment_term_amount: (s == null ? void 0 : s.amount) ?? "",
+        payment_method: (M == null ? void 0 : M.payment_method_name) || ""
       };
     }
     return o;
@@ -3271,7 +3271,7 @@ const ln = [
           return an(x.value);
       }
       return [];
-    }), C = E(() => {
+    }), S = E(() => {
       switch (o.value.platform.mappings.version) {
         case "v1":
           return on;
@@ -3290,7 +3290,7 @@ const ln = [
       }
     }
     return (r, p) => {
-      const k = $("FmButton"), v = $("FmCircularProgress"), g = $("FmTable");
+      const k = V("FmButton"), v = V("FmCircularProgress"), g = V("FmTable");
       return d(), D("div", nn, [
         t("div", sn, [
           i(Ue, {
@@ -3308,11 +3308,11 @@ const ln = [
         e.value ? (d(), D("div", rn, [
           i(v, { size: "xl" }),
           p[1] || (p[1] = t("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
-        ])) : (d(), K(g, {
+        ])) : (d(), A(g, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": _.value,
-          "column-defs": C.value
+          "column-defs": S.value
         }, null, 8, ["row-data", "column-defs"]))
       ]);
     };
@@ -3346,23 +3346,23 @@ const ln = [
           return {
             component: en,
             props: {
-              retrievedMethods: C.value,
+              retrievedMethods: S.value,
               retrievedCustomers: h.value
             }
           };
         default:
           return null;
       }
-    }), C = B({}), h = B({}), r = (c, m) => c.map((b) => ({
+    }), S = B({}), h = B({}), r = (c, m) => c.map((b) => ({
       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, V) => {
+    })), p = (c) => r(c, ["wallet", "name"]), k = (c) => r(c, ["id", "name"]), v = async (c, m, b, C) => {
       try {
         const l = await c(e.value._id);
         b.value.data = m(l);
       } catch (l) {
-        console.error(V, l), b.value.isError = !0;
+        console.error(C, l), b.value.isError = !0;
       } finally {
         b.value.isLoaded = !0;
       }
@@ -3371,21 +3371,21 @@ const ln = [
       (c = e.value.platform.mappings) != null && c.version && await v(
         Ge,
         p,
-        C,
+        S,
         "Failed to fetch payment methods:"
       ), ((m = e.value.platform.mappings) == null ? void 0 : m.version) == "v2" && await v(
         Je,
         k,
         h,
         "Failed to fetch customers:"
-      ), C.value.isLoaded = !0, h.value.isLoaded = !0;
+      ), S.value.isLoaded = !0, h.value.isLoaded = !0;
     };
     return ze(g), ge(() => {
       var c;
       return (c = e.value.platform.mappings) == null ? void 0 : c.version;
     }, g), (c, m) => {
       var l, a, u;
-      const b = $("FmPageHead"), V = $("FmTabs");
+      const b = V("FmPageHead"), C = V("FmTabs");
       return d(), D("div", cn, [
         i(b, {
           title: ((l = e.value) == null ? void 0 : l.name) || "Biztory",
@@ -3398,13 +3398,13 @@ const ln = [
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(V, {
+        i(C, {
           "model-value": n.value,
           "onUpdate:modelValue": m[0] || (m[0] = (s) => n.value = s),
           items: w
         }, null, 8, ["model-value"]),
         t("div", dn, [
-          (d(), K(be((a = _.value) == null ? void 0 : a.component), Le({
+          (d(), A(be((a = _.value) == null ? void 0 : a.component), Le({
             modelValue: e.value,
             "onUpdate:modelValue": m[1] || (m[1] = (s) => e.value = s)
           }, (u = _.value) == null ? void 0 : u.props), null, 16, ["modelValue"]))
@@ -3423,11 +3423,11 @@ const ln = [
   },
   emits: ["update:modelValue"],
   setup(y) {
-    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: C } = Fe(), { restaurants: h } = ue(), r = E(
+    const { t: o } = W(), e = X(y, "modelValue"), n = fe(), w = we(), x = pe(), { promptLoader: _ } = ke(), { promptMessage: S } = Fe(), { restaurants: h } = ue(), r = E(
       () => h.map((m) => ({ label: m.name, value: m.id }))
     );
     async function p() {
-      await C({
+      await S({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await _(async () => {
@@ -3448,14 +3448,14 @@ const ln = [
       });
     }
     function v(m, b) {
-      var V, l;
-      (l = (V = e.value.platform) == null ? void 0 : V.mappings) != null && l[m] && (e.value.platform.mappings[m] = e.value.platform.mappings[m].filter(
+      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) {
-      var b, V;
-      (V = (b = e.value.platform) == null ? void 0 : b.mappings) != null && V[m] && (e.value.platform.mappings[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],
         {
           key: "",
@@ -3475,15 +3475,15 @@ const ln = [
       });
     }
     return (m, b) => {
-      var P, N, G, Y, J;
-      const V = $("FmIcon"), l = $("FmButton"), a = $("FmMenuDivider"), u = $("FmTextField"), s = $("FmSelect");
-      return (N = (P = e.value) == null ? void 0 : P.platform) != null && N.mappings ? (d(), D("div", un, [
+      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, [
             b[4] || (b[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
             t("div", gn, [
               t("div", yn, [
-                i(V, {
+                i(C, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: c
@@ -3542,7 +3542,7 @@ const ln = [
             })
           ]),
           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(), K(A, {
+            (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, {
               key: `employee-${j}`,
               modelValue: e.value.platform.mappings.employees[j],
               "onUpdate:modelValue": (z) => e.value.platform.mappings.employees[j] = z,
@@ -3596,9 +3596,9 @@ 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: C } = De(ue());
+    ], w = X(y, "modelValue"), x = B(!1), _ = fe(), { dateRange: S } = De(ue());
     ge(
-      () => C.value,
+      () => S.value,
       async () => {
         if (w.value._id)
           try {
@@ -3623,12 +3623,12 @@ const ln = [
       }
     }
     return (r, p) => {
-      const k = $("FmButton"), v = $("FmCircularProgress"), g = $("FmTable");
+      const k = V("FmButton"), v = V("FmCircularProgress"), g = V("FmTable");
       return d(), D("div", Tn, [
         t("div", In, [
           i(Ue, {
-            "date-range": f(C),
-            "onUpdate:dateRange": p[0] || (p[0] = (c) => he(C) ? C.value = c : null),
+            "date-range": f(S),
+            "onUpdate:dateRange": p[0] || (p[0] = (c) => he(S) ? S.value = c : null),
             compare: !1
           }, null, 8, ["date-range"]),
           i(k, {
@@ -3641,7 +3641,7 @@ const ln = [
         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(), K(g, {
+        ])) : e.value.length > 0 ? (d(), A(g, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
@@ -3679,9 +3679,9 @@ const ln = [
           return null;
       }
     });
-    return (C, h) => {
+    return (S, h) => {
       var k;
-      const r = $("FmPageHead"), p = $("FmTabs");
+      const r = V("FmPageHead"), p = V("FmTabs");
       return d(), D("div", Pn, [
         i(r, {
           title: ((k = e.value) == null ? void 0 : k.name) || "AutoCount",
@@ -3700,7 +3700,7 @@ const ln = [
           items: w
         }, null, 8, ["model-value"]),
         t("div", Nn, [
-          (d(), K(be(_.value), {
+          (d(), A(be(_.value), {
             modelValue: e.value,
             "onUpdate:modelValue": h[1] || (h[1] = (v) => e.value = v)
           }, null, 8, ["modelValue"]))
@@ -3718,8 +3718,8 @@ const ln = [
       () => n.settings,
       (_) => {
         var h;
-        const C = _.find((r) => r._id === e.id);
-        C && (w.value = C, o.value = (h = w.value.platform) == null ? void 0 : h.name);
+        const S = _.find((r) => r._id === e.id);
+        S && (w.value = S, o.value = (h = w.value.platform) == null ? void 0 : h.name);
       },
       { immediate: !0 }
     );
@@ -3741,10 +3741,10 @@ const ln = [
           return null;
       }
     });
-    return (_, C) => (d(), D("div", On, [
-      (d(), K(be(x.value), {
+    return (_, S) => (d(), D("div", On, [
+      (d(), A(be(x.value), {
         modelValue: w.value,
-        "onUpdate:modelValue": C[0] || (C[0] = (h) => w.value = h)
+        "onUpdate:modelValue": S[0] || (S[0] = (h) => w.value = h)
       }, null, 8, ["modelValue"]))
     ]));
   }