@feedmepos/mf-report 5.7.2-beta.0 → 5.7.3-beta.0

package/dist/{Integration-Bu0y1MDy.js → Integration-DES_DTg-.js}

@@ -1,4 +1,4 @@
-import { defineComponent as H, mergeModels as he, useModel as X, computed as q, resolveComponent as S, createElementBlock as F, openBlock as m, createElementVNode as t, createCommentVNode as M, normalizeClass as je, Fragment as O, renderList as L, createBlock as I, createVNode as i, withCtx as _e, toDisplayString as U, unref as p, ref as B, onUnmounted as $e, watch as xe, isRef as Se, h as A, resolveDynamicComponent as we, mergeProps as He, onMounted as Xe } from "vue";
+import { defineComponent as H, mergeModels as he, useModel as X, computed as q, resolveComponent as S, createElementBlock as C, openBlock as m, createElementVNode as t, createCommentVNode as M, normalizeClass as je, Fragment as O, renderList as L, createBlock as R, createVNode as s, withCtx as _e, toDisplayString as D, unref as p, ref as B, onUnmounted as $e, watch as xe, isRef as Se, h as I, resolveDynamicComponent as we, mergeProps as He, onMounted as Xe } from "vue";
 import { useRouter as fe, useRoute as Ge } from "vue-router";
 import { u as J, I as pe, d as qe, e as Ve, f as Ce, b as ve, q as Qe, m as Je, p as Fe, r as De, s as Ue, t as Te, v as Oe, w as We, x as Ze, y as et, A as ye, z as Be, B as tt, E as ot } from "./global-loader-DqYGIXIo.js";
 import { u as Ae } from "./message-dialog-UoMWOnil.js";
@@ -9,7 +9,7 @@ import { _ as Re } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-B
 const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, nt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, st = {
   key: 0,
   class: "w-[24px] flex items-center"
-}, R = /* @__PURE__ */ H({
+}, K = /* @__PURE__ */ H({
   __name: "MappingField",
   props: /* @__PURE__ */ he({
     removable: {
@@ -34,32 +34,32 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: /* @__PURE__ */ he(["remove"], ["update:modelValue"]),
   setup(f, { emit: o }) {
-    const e = X(f, "modelValue"), s = f, V = q(
-      () => Object.keys(s.options).map((x) => {
-        const D = s.options[x];
+    const e = X(f, "modelValue"), i = f, w = q(
+      () => Object.keys(i.options).map((x) => {
+        const F = i.options[x];
         return {
-          placeholder: D.placeholder,
+          placeholder: F.placeholder,
           key: x,
-          editable: D.editable
+          editable: F.editable
         };
       })
-    ), w = o;
-    return (x, D) => {
+    ), V = o;
+    return (x, F) => {
       const b = S("FmTextField"), _ = S("FmTooltip"), c = S("FmIcon");
-      return m(), F("div", lt, [
+      return m(), C("div", lt, [
         t("div", {
           class: je(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (m(!0), F(O, null, L(V.value, (h) => {
+          (m(!0), C(O, null, L(w.value, (h) => {
             var $;
-            return m(), F(O, {
+            return m(), C(O, {
               key: h.key
             }, [
-              h.editable ? (m(), F("div", {
+              h.editable ? (m(), C("div", {
                 key: 0,
                 class: je(`${f.removable ? "w-[50%]" : "w-[100%]"}`)
               }, [
-                i(b, {
+                s(b, {
                   "model-value": e.value[h.key],
                   placeholder: h.placeholder,
                   type: f.type,
@@ -72,26 +72,26 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     };
                   }
                 }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])
-              ], 2)) : (m(), I(_, {
+              ], 2)) : (m(), R(_, {
                 key: 1,
                 content: ($ = e.value[h.key]) == null ? void 0 : $.toString(),
                 class: "w-[50%]"
               }, {
                 default: _e(() => [
-                  t("div", nt, U(e.value[h.key]), 1)
+                  t("div", nt, D(e.value[h.key]), 1)
                 ]),
                 _: 2
               }, 1032, ["content"]))
             ], 64);
           }), 128))
         ], 2),
-        f.removable ? (m(), F("div", st, [
-          i(c, {
+        f.removable ? (m(), C("div", st, [
+          s(c, {
             color: "system-error-300",
             class: "cursor-pointer",
             name: "close",
             size: "md",
-            onClick: D[0] || (D[0] = (h) => w("remove"))
+            onClick: F[0] || (F[0] = (h) => V("remove"))
           })
         ])) : M("", !0)
       ]);
@@ -120,7 +120,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = q(() => {
+    const { t: o } = J(), e = X(f, "modelValue"), i = q(() => {
       switch (e.value.name) {
         case pe.AutoCount:
         case pe.SQL:
@@ -130,29 +130,29 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return !1;
       }
     });
-    return (V, w) => {
+    return (w, V) => {
       var _, c;
-      const x = S("FmSwitch"), D = S("FmTextField"), b = S("FmTimePicker");
-      return m(), F(O, null, [
+      const x = S("FmSwitch"), F = S("FmTextField"), b = S("FmTimePicker");
+      return m(), C(O, null, [
         t("div", it, [
-          t("div", rt, U(p(o)("report.integration.auto", { label: f.label })), 1),
-          f.label == "upload" ? (m(), F("div", mt, U(p(o)("report.integration.lastUploadDate")) + ": " + U(f.lastUploadDate ? p(qe)(f.lastUploadDate).format("MMMM D, YYYY h:mm A") : p(o)("report.integration.noData.title")), 1)) : M("", !0)
+          t("div", rt, D(p(o)("report.integration.auto", { label: f.label })), 1),
+          f.label == "upload" ? (m(), C("div", mt, D(p(o)("report.integration.lastUploadDate")) + ": " + D(f.lastUploadDate ? p(qe)(f.lastUploadDate).format("MMMM D, YYYY h:mm A") : p(o)("report.integration.noData.title")), 1)) : M("", !0)
         ]),
         t("div", ct, [
-          t("div", dt, U(p(o)("report.common.enable")), 1),
-          i(x, {
+          t("div", dt, D(p(o)("report.common.enable")), 1),
+          s(x, {
             modelValue: e.value.enable,
-            "onUpdate:modelValue": w[0] || (w[0] = (h) => e.value.enable = h),
+            "onUpdate:modelValue": V[0] || (V[0] = (h) => e.value.enable = h),
             style: { gap: "0px" }
           }, null, 8, ["modelValue"])
         ]),
-        s.value ? (m(), F("div", ut, [
-          t("div", pt, U(p(o)("report.common.email")), 1),
+        i.value ? (m(), C("div", ut, [
+          t("div", pt, D(p(o)("report.common.email")), 1),
           t("div", ft, [
-            i(D, {
+            s(F, {
               "model-value": (e.value.emails || []).join(","),
               placeholder: "Email",
-              "onUpdate:modelValue": w[1] || (w[1] = (h) => {
+              "onUpdate:modelValue": V[1] || (V[1] = (h) => {
                 switch (e.value.name) {
                   case p(pe).AutoCount:
                   case p(pe).SQL:
@@ -166,18 +166,18 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         ])) : M("", !0),
         t("div", vt, [
           t("div", gt, [
-            t("div", yt, U(p(at)(f.label)) + " time ", 1),
+            t("div", yt, D(p(at)(f.label)) + " time ", 1),
             t("div", xt, [
-              i(b, {
+              s(b, {
                 class: "gap-[0px]",
                 "model-value": p(qe)().hour(((_ = e.value.triggerTime) == null ? void 0 : _.hour) ?? 0).minute(((c = e.value.triggerTime) == null ? void 0 : c.minute) ?? 0).format("HH:mm"),
-                "onUpdate:modelValue": w[2] || (w[2] = (h) => {
+                "onUpdate:modelValue": V[2] || (V[2] = (h) => {
                   h && (e.value.triggerTime.hour = Number(h.split(":")[0]), e.value.triggerTime.minute = Number(h.split(":")[1]));
                 })
               }, null, 8, ["model-value"])
             ])
           ]),
-          i(R, {
+          s(K, {
             "model-value": {
               label: p(o)("report.integration.delayDay"),
               delayDay: e.value.delayDay
@@ -188,7 +188,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               delayDay: { placeholder: p(o)("report.integration.delayDay"), editable: !0 }
             },
             rules: [(h) => h > 0 || "Delay days must be greater than 0"],
-            "onUpdate:modelValue": w[3] || (w[3] = (h) => {
+            "onUpdate:modelValue": V[3] || (V[3] = (h) => {
               e.value.delayDay = h.delayDay;
             })
           }, null, 8, ["model-value", "options", "rules"])
@@ -231,9 +231,9 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: /* @__PURE__ */ he(["remove"], ["update:modelValue"]),
   setup(f, { emit: o }) {
-    const e = X(f, "modelValue"), s = f, V = q(
-      () => Object.keys(s.options).map((_) => {
-        const c = s.options[_];
+    const e = X(f, "modelValue"), i = f, w = q(
+      () => Object.keys(i.options).map((_) => {
+        const c = i.options[_];
         return {
           placeholder: c.placeholder,
           key: _,
@@ -241,54 +241,54 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           dropdownOptions: c.dropdownOptions
         };
       })
-    ), w = (_, c) => {
-      s.singleValueMode ? e.value = s.type === "number" ? Number(_) : _ : c && (e.value = {
+    ), V = (_, c) => {
+      i.singleValueMode ? e.value = i.type === "number" ? Number(_) : _ : c && (e.value = {
         ...e.value,
-        [c]: s.type === "number" ? Number(_) : _
+        [c]: i.type === "number" ? Number(_) : _
       });
     }, x = (_) => {
       var c;
-      return s.singleValueMode ? s.options.key.placeholder : (c = e.value[_.key]) == null ? void 0 : c.toString();
-    }, D = (_) => s.singleValueMode ? e.value : e.value[_.key], b = o;
+      return i.singleValueMode ? i.options.key.placeholder : (c = e.value[_.key]) == null ? void 0 : c.toString();
+    }, F = (_) => i.singleValueMode ? e.value : e.value[_.key], b = o;
     return (_, c) => {
       const h = S("FmSelect"), $ = S("FmTextField"), u = S("FmTooltip"), y = S("FmIcon");
-      return m(), F("div", _t, [
+      return m(), C("div", _t, [
         t("div", {
           class: je(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (m(!0), F(O, null, L(V.value, (n) => (m(), F(O, {
+          (m(!0), C(O, null, L(w.value, (n) => (m(), C(O, {
             key: n.key
           }, [
-            n.editable ? (m(), F("div", bt, [
-              n.dropdownOptions ? (m(), I(h, {
+            n.editable ? (m(), C("div", bt, [
+              n.dropdownOptions ? (m(), R(h, {
                 key: 0,
-                "model-value": D(n),
+                "model-value": F(n),
                 placeholder: n.placeholder,
                 items: n.dropdownOptions,
                 "shift-menu": !0,
-                "onUpdate:modelValue": (g) => w(g, n.key)
-              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (m(), I($, {
+                "onUpdate:modelValue": (g) => V(g, n.key)
+              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (m(), R($, {
                 key: 1,
-                "model-value": D(n),
+                "model-value": F(n),
                 placeholder: n.placeholder,
                 type: f.type,
                 rules: f.rules,
-                "onUpdate:modelValue": (g) => w(g, n.key)
+                "onUpdate:modelValue": (g) => V(g, n.key)
               }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
-            ])) : (m(), I(u, {
+            ])) : (m(), R(u, {
               key: 1,
               content: x(n),
               class: "w-[50%]"
             }, {
               default: _e(() => [
-                t("div", ht, U(x(n)), 1)
+                t("div", ht, D(x(n)), 1)
               ]),
               _: 2
             }, 1032, ["content"]))
           ], 64))), 128))
         ], 2),
-        f.removable ? (m(), F("div", wt, [
-          i(y, {
+        f.removable ? (m(), C("div", wt, [
+          s(y, {
             color: "system-error-300",
             class: "cursor-pointer",
             name: "close",
@@ -341,7 +341,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ge(), V = Ve(), w = fe(), { promptLoader: x } = Ce(), { promptMessage: D } = Ae(), { restaurants: b } = ve(), _ = B(!1), c = q(
+    const { t: o } = J(), e = X(f, "modelValue"), i = ge(), w = Ve(), V = fe(), { promptLoader: x } = Ce(), { promptMessage: F } = Ae(), { restaurants: b } = ve(), _ = B(!1), c = q(
       () => b.map((v) => ({ label: v.name, value: v.id }))
     ), h = q(() => {
       var v, r;
@@ -350,69 +350,69 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function u() {
       var v;
       if (_.value)
-        s.open({ type: "error", message: "Connecting in progress" });
+        i.open({ type: "error", message: "Connecting in progress" });
       else if ((v = e.value.platform) != null && v.accessToken)
-        await D({
+        await F({
           message: o("report.integration.xero.confirmDisconnect", { name: e.value.name }),
           title: o("report.integration.xero.disconnectTitle")
-        }) && (await Qe(e.value._id), await V.getSettings());
+        }) && (await Qe(e.value._id), await w.getSettings());
       else if (e.value._id)
         try {
           const r = await Je(e.value._id);
           _.value = !0;
-          const K = setInterval(async () => {
-            var N;
+          const N = setInterval(async () => {
+            var A;
             $.value += 1;
             try {
-              await V.getSettings();
+              await w.getSettings();
             } finally {
-              ($.value === 12 || (N = e.value.platform) != null && N.accessToken) && (_.value = !1, K && clearInterval(K), $.value = 0);
+              ($.value === 12 || (A = e.value.platform) != null && A.accessToken) && (_.value = !1, N && clearInterval(N), $.value = 0);
             }
           }, 5e3);
           window.open(r.redirect, "_blank");
         } catch (r) {
-          s.open({ type: "error", message: r.message });
+          i.open({ type: "error", message: r.message });
         }
       else
-        s.open({ type: "error", message: `invalid accounting ${e.value._id}` });
+        i.open({ type: "error", message: `invalid accounting ${e.value._id}` });
     }
     async function y() {
-      await D({
+      await F({
         message: `Confirm delete ${e.value.name}?`,
         title: "Delete"
       }) && await x(async () => {
         try {
-          await Fe(e.value._id), await V.getSettings(), w.back();
+          await Fe(e.value._id), await w.getSettings(), V.back();
         } catch (r) {
-          s.open({ type: "error", message: r.message });
+          i.open({ type: "error", message: r.message });
         }
       });
     }
     async function n() {
       await x(async () => {
         try {
-          await De(e.value._id, e.value), await V.getSettings();
+          await De(e.value._id, e.value), await w.getSettings();
         } catch (v) {
-          s.open({ type: "error", message: v.message });
+          i.open({ type: "error", message: v.message });
         }
       });
     }
     function g(v) {
-      const r = f.tenantOptions.data.find((K) => K.value === v);
+      const r = f.tenantOptions.data.find((N) => N.value === v);
       r && e.value.platform && (e.value.platform.tenant = {
         id: r.value,
         name: r.label
       });
     }
-    function C(v, r) {
-      var K, N;
-      (N = (K = e.value.platform) == null ? void 0 : K.mappings) != null && N[v] && (e.value.platform.mappings[v] = e.value.platform.mappings[v].filter(
+    function U(v, r) {
+      var N, A;
+      (A = (N = e.value.platform) == null ? void 0 : N.mappings) != null && A[v] && (e.value.platform.mappings[v] = e.value.platform.mappings[v].filter(
         (G, Y) => Y !== r
       ));
     }
     function a(v) {
-      var r, K;
-      (K = (r = e.value.platform) == null ? void 0 : r.mappings) != null && K[v] && (e.value.platform.mappings[v] = [
+      var r, N;
+      (N = (r = e.value.platform) == null ? void 0 : r.mappings) != null && N[v] && (e.value.platform.mappings[v] = [
         ...e.value.platform.mappings[v],
         v === "items" ? {
           feedmeKey: "",
@@ -430,36 +430,36 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function l() {
       await x(async () => {
         try {
-          await Ue(e.value._id), await V.getSettings();
+          await Ue(e.value._id), await w.getSettings();
         } catch (v) {
-          s.open({ type: "error", message: v.message });
+          i.open({ type: "error", message: v.message });
         }
       });
     }
     return $e(async () => {
-      await V.getSettings();
+      await w.getSettings();
     }), (v, r) => {
       var z, ee, te, oe, ae, le, ne, se, ie, re, me, ce, de, T, d, k, P, ue, Ke, Me, Le, Ee, Ye, ze;
-      const K = S("FmIcon"), N = S("FmButton"), G = S("FmMenuDivider"), Y = S("FmCircularProgress"), Q = S("FmSelect"), j = S("FmTextField"), E = S("FmSwitch");
-      return (ee = (z = e.value) == null ? void 0 : z.platform) != null && ee.mappings ? (m(), F("div", Vt, [
+      const N = S("FmIcon"), A = S("FmButton"), G = S("FmMenuDivider"), Y = S("FmCircularProgress"), Q = S("FmSelect"), j = S("FmTextField"), E = S("FmSwitch");
+      return (ee = (z = e.value) == null ? void 0 : z.platform) != null && ee.mappings ? (m(), C("div", Vt, [
         t("div", kt, [
           t("div", $t, [
             r[10] || (r[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
             t("div", St, [
               t("div", Ct, [
-                i(K, {
+                s(N, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: l
                 }),
                 r[9] || (r[9] = t("span", { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, " Repopulate the fields based on the dates selected in Preview. ", -1))
               ]),
-              i(N, {
+              s(A, {
                 variant: "tertiary",
                 label: "Delete",
                 onClick: y
               }),
-              i(N, {
+              s(A, {
                 variant: "primary",
                 label: "Update",
                 onClick: n
@@ -467,23 +467,23 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ])
         ]),
-        i(G, { style: { margin: 0 } }),
+        s(G, { style: { margin: 0 } }),
         t("div", Ft, [
           r[21] || (r[21] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Authenticate with your official Xero account to enable FeedMe to securely upload data to Xero. ", -1)),
           t("div", Dt, [
             t("div", Ut, [
-              i(N, {
+              s(A, {
                 disabled: _.value,
                 variant: "primary",
                 label: h.value,
                 onClick: u
               }, null, 8, ["disabled", "label"])
             ]),
-            !f.tenantOptions.isLoaded && ((te = e.value.platform) != null && te.accessToken) ? (m(), I(Y, {
+            !f.tenantOptions.isLoaded && ((te = e.value.platform) != null && te.accessToken) ? (m(), R(Y, {
               key: 0,
               size: "xl"
             })) : M("", !0),
-            i(Q, {
+            s(Q, {
               class: "flex-grow",
               items: f.tenantOptions.data || [],
               "model-value": (oe = e.value.platform.tenant) == null ? void 0 : oe.id,
@@ -496,7 +496,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", At, [
               r[11] || (r[11] = t("div", { class: "w-[25%]" }, "Name", -1)),
               t("div", It, [
-                i(j, {
+                s(j, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": r[0] || (r[0] = (Z) => e.value.name = Z)
                 }, null, 8, ["modelValue"])
@@ -504,7 +504,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ]),
             t("div", Rt, [
               r[12] || (r[12] = t("div", { class: "w-[25%]" }, "Location", -1)),
-              i(Q, {
+              s(Q, {
                 modelValue: e.value.platform.locationIds,
                 "onUpdate:modelValue": r[1] || (r[1] = (Z) => e.value.platform.locationIds = Z),
                 multiselect: !0,
@@ -514,7 +514,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items"])
             ])
           ]),
-          i(Ne, {
+          s(Ne, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": r[2] || (r[2] = (Z) => e.value.platform = Z),
             label: "upload",
@@ -525,7 +525,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", Kt, [
               r[14] || (r[14] = t("div", { class: "w-[25%]" }, "Contact", -1)),
               t("div", Mt, [
-                i(j, {
+                s(j, {
                   modelValue: e.value.platform.mappings.contact.xeroAccount,
                   "onUpdate:modelValue": r[3] || (r[3] = (Z) => e.value.platform.mappings.contact.xeroAccount = Z),
                   placeholder: "Contact account number"
@@ -535,7 +535,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", Pt, [
               r[15] || (r[15] = t("div", { class: "w-[25%]" }, "Discount as Item", -1)),
               t("div", jt, [
-                i(E, {
+                s(E, {
                   "model-value": e.value.platform.discountItem ?? !1,
                   style: { gap: 0 },
                   "onUpdate:modelValue": r[4] || (r[4] = (Z) => {
@@ -547,7 +547,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", Ot, [
               r[16] || (r[16] = t("div", { class: "w-[25%]" }, "Combine Refund", -1)),
               t("div", Bt, [
-                i(E, {
+                s(E, {
                   "model-value": e.value.platform.mappings.isCombineRefund ?? !1,
                   style: { gap: 0 },
                   "onUpdate:modelValue": r[5] || (r[5] = (Z) => {
@@ -558,19 +558,19 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ]),
             t("div", Lt, [
               r[17] || (r[17] = t("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
-              i(N, {
+              s(A, {
                 variant: "primary",
                 icon: "add",
                 onClick: r[6] || (r[6] = () => a("taxes"))
               })
             ]),
-            f.taxOptions.isError || e.value.platform.accessToken == null ? (m(), F("div", Et, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : M("", !0),
-            !f.taxOptions.isLoaded && ((ne = e.value.platform) != null && ne.accessToken) ? (m(), I(Y, {
+            f.taxOptions.isError || e.value.platform.accessToken == null ? (m(), C("div", Et, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : M("", !0),
+            !f.taxOptions.isLoaded && ((ne = e.value.platform) != null && ne.accessToken) ? (m(), R(Y, {
               key: 1,
               size: "xl"
             })) : M("", !0),
-            ((se = f.taxOptions.data) == null ? void 0 : se.length) > 0 ? (m(), F("div", Yt, [
-              (m(!0), F(O, null, L((me = (re = (ie = e.value) == null ? void 0 : ie.platform) == null ? void 0 : re.mappings) == null ? void 0 : me.taxes, (Z, W) => (m(), I(ke, {
+            ((se = f.taxOptions.data) == null ? void 0 : se.length) > 0 ? (m(), C("div", Yt, [
+              (m(!0), C(O, null, L((me = (re = (ie = e.value) == null ? void 0 : ie.platform) == null ? void 0 : re.mappings) == null ? void 0 : me.taxes, (Z, W) => (m(), R(ke, {
                 key: `tax-${W}`,
                 modelValue: e.value.platform.mappings.taxes[W],
                 "onUpdate:modelValue": (be) => e.value.platform.mappings.taxes[W] = be,
@@ -583,9 +583,9 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => C("taxes", W)
+                onRemove: () => U("taxes", W)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128)),
-              (m(!0), F(O, null, L((T = (de = (ce = e.value) == null ? void 0 : ce.platform) == null ? void 0 : de.mappings) == null ? void 0 : T.taxRoundingAdjustments, (Z, W) => (m(), I(ke, {
+              (m(!0), C(O, null, L((T = (de = (ce = e.value) == null ? void 0 : ce.platform) == null ? void 0 : de.mappings) == null ? void 0 : T.taxRoundingAdjustments, (Z, W) => (m(), R(ke, {
                 key: `tax-rounding-adjustment-${W}`,
                 modelValue: e.value.platform.mappings.taxRoundingAdjustments[W],
                 "onUpdate:modelValue": (be) => e.value.platform.mappings.taxRoundingAdjustments[W] = be,
@@ -598,24 +598,24 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => C("taxRoundingAdjustments", W)
+                onRemove: () => U("taxRoundingAdjustments", W)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : M("", !0),
             t("div", zt, [
               r[18] || (r[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
-              i(N, {
+              s(A, {
                 variant: "primary",
                 icon: "add",
                 onClick: r[7] || (r[7] = () => a("items"))
               })
             ]),
-            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (m(), F("div", qt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : M("", !0),
-            !f.accountCodeOptions.isLoaded && ((d = e.value.platform) != null && d.accessToken) ? (m(), I(Y, {
+            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (m(), C("div", qt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : M("", !0),
+            !f.accountCodeOptions.isLoaded && ((d = e.value.platform) != null && d.accessToken) ? (m(), R(Y, {
               key: 4,
               size: "xl"
             })) : M("", !0),
-            ((k = f.accountCodeOptions.data) == null ? void 0 : k.length) > 0 ? (m(), F("div", Ht, [
-              (m(!0), F(O, null, L((Ke = (ue = (P = e.value) == null ? void 0 : P.platform) == null ? void 0 : ue.mappings) == null ? void 0 : Ke.items, (Z, W) => (m(), I(ke, {
+            ((k = f.accountCodeOptions.data) == null ? void 0 : k.length) > 0 ? (m(), C("div", Ht, [
+              (m(!0), C(O, null, L((Ke = (ue = (P = e.value) == null ? void 0 : P.platform) == null ? void 0 : ue.mappings) == null ? void 0 : Ke.items, (Z, W) => (m(), R(ke, {
                 key: `item-${W}`,
                 modelValue: e.value.platform.mappings.items[W],
                 "onUpdate:modelValue": (be) => e.value.platform.mappings.items[W] = be,
@@ -628,24 +628,24 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => C("items", W)
+                onRemove: () => U("items", W)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : M("", !0),
             t("div", Xt, [
               r[19] || (r[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
-              i(N, {
+              s(A, {
                 variant: "primary",
                 icon: "add",
                 onClick: r[8] || (r[8] = () => a("payments"))
               })
             ]),
-            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (m(), F("div", Gt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : M("", !0),
-            !f.accountCodeOptions.isLoaded && ((Me = e.value.platform) != null && Me.accessToken) ? (m(), I(Y, {
+            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (m(), C("div", Gt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : M("", !0),
+            !f.accountCodeOptions.isLoaded && ((Me = e.value.platform) != null && Me.accessToken) ? (m(), R(Y, {
               key: 7,
               size: "xl"
             })) : M("", !0),
-            ((Le = f.accountCodeOptions.data) == null ? void 0 : Le.length) > 0 ? (m(), F("div", Qt, [
-              (m(!0), F(O, null, L((ze = (Ye = (Ee = e.value) == null ? void 0 : Ee.platform) == null ? void 0 : Ye.mappings) == null ? void 0 : ze.payments, (Z, W) => (m(), I(ke, {
+            ((Le = f.accountCodeOptions.data) == null ? void 0 : Le.length) > 0 ? (m(), C("div", Qt, [
+              (m(!0), C(O, null, L((ze = (Ye = (Ee = e.value) == null ? void 0 : Ee.platform) == null ? void 0 : Ye.mappings) == null ? void 0 : ze.payments, (Z, W) => (m(), R(ke, {
                 key: `payment-${W}`,
                 modelValue: e.value.platform.mappings.payments[W],
                 "onUpdate:modelValue": (be) => e.value.platform.mappings.payments[W] = be,
@@ -658,7 +658,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => C("payments", W)
+                onRemove: () => U("payments", W)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : M("", !0)
           ])
@@ -677,7 +677,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const o = B([]), { t: e } = J(), s = q(
+    const o = B([]), { t: e } = J(), i = q(
       () => o.value.reduce((c, h) => {
         const $ = c.length, { invoice: u, payments: y } = h;
         c[$] = {
@@ -708,15 +708,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
         return c;
       }, [])
-    ), V = [
+    ), w = [
       {
         accessorKey: "date",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
         enableSorting: !1
       },
       {
         accessorKey: "status",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Status"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Status"),
         enableSorting: !1
       },
       {
@@ -726,7 +726,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       {
         accessorKey: "itemDescription",
-        header: () => A("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
+        header: () => I("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
         enableSorting: !1
       },
       {
@@ -746,7 +746,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       // },
       {
         accessorKey: "itemAccount",
-        header: () => A("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
+        header: () => I("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
         enableSorting: !1
       },
       {
@@ -784,15 +784,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(f, "modelValue"), x = B(!1), D = ge(), { dateRange: b } = Ie(ve());
+    ], V = X(f, "modelValue"), x = B(!1), F = ge(), { dateRange: b } = Ie(ve());
     xe(
       () => b.value,
       async () => {
-        if (w.value._id)
+        if (V.value._id)
           try {
-            x.value = !0, o.value = await Te(w.value._id);
+            x.value = !0, o.value = await Te(V.value._id);
           } catch (c) {
-            D.open({ message: c.message, type: "error" });
+            F.open({ message: c.message, type: "error" });
           } finally {
             x.value = !1;
           }
@@ -803,37 +803,37 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function _() {
       try {
-        w.value._id ? (x.value = !0, await Oe(w.value._id), D.open({ message: "Upload successful", type: "success" })) : D.open({ message: "Invalid accounting setting", type: "error" });
+        V.value._id ? (x.value = !0, await Oe(V.value._id), F.open({ message: "Upload successful", type: "success" })) : F.open({ message: "Invalid accounting setting", type: "error" });
       } catch (c) {
-        c.message && D.open({ message: c.message, type: "error" }), c.errors && c.errors.forEach((h) => D.open({ message: h.Message, type: "error" }));
+        c.message && F.open({ message: c.message, type: "error" }), c.errors && c.errors.forEach((h) => F.open({ message: h.Message, type: "error" }));
       } finally {
         x.value = !1;
       }
     }
     return (c, h) => {
       const $ = S("FmButton"), u = S("FmCircularProgress"), y = S("FmTable");
-      return m(), F("div", Wt, [
+      return m(), C("div", Wt, [
         t("div", Zt, [
-          i(Re, {
+          s(Re, {
             "date-range": p(b),
             "onUpdate:dateRange": h[0] || (h[0] = (n) => Se(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i($, {
+          s($, {
             loading: x.value,
             variant: "primary",
             label: "Upload",
             onClick: _
           }, null, 8, ["loading"])
         ]),
-        x.value ? (m(), F("div", eo, [
-          i(u, { size: "xl" }),
-          t("span", to, U(p(e)("report.common.isLoading")), 1)
-        ])) : s.value.length > 0 ? (m(), I(y, {
+        x.value ? (m(), C("div", eo, [
+          s(u, { size: "xl" }),
+          t("span", to, D(p(e)("report.common.isLoading")), 1)
+        ])) : i.value.length > 0 ? (m(), R(y, {
           key: 1,
           class: "flex overflow-y-auto",
-          "row-data": s.value,
-          "column-defs": V
+          "row-data": i.value,
+          "column-defs": w
         }, null, 8, ["row-data"])) : M("", !0)
       ]);
     };
@@ -846,7 +846,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = B({}), w = B({}), x = B({}), D = [
+    const { t: o } = J(), e = X(f, "modelValue"), i = B("setting"), w = B({}), V = B({}), x = B({}), F = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -858,15 +858,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         icon: "table"
       }
     ], b = fe(), _ = q(() => {
-      switch (s.value) {
+      switch (i.value) {
         case "preview":
           return { component: oo };
         case "setting":
           return {
             component: Jt,
             props: {
-              tenantOptions: V.value,
-              taxOptions: w.value,
+              tenantOptions: w.value,
+              taxOptions: V.value,
               accountCodeOptions: x.value
             }
           };
@@ -878,28 +878,28 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       if (e.value._id)
         try {
           const u = await We(e.value._id);
-          V.value.data = u.map((y) => ({
+          w.value.data = u.map((y) => ({
             value: y.id,
             label: y.name
           }));
         } catch (u) {
-          console.error("Failed to fetch tenants:", u), V.value.isError = !0;
+          console.error("Failed to fetch tenants:", u), w.value.isError = !0;
         } finally {
-          V.value.isLoaded = !0;
+          w.value.isLoaded = !0;
         }
     }
     async function h() {
       if (e.value._id)
         try {
           const u = await Ze(e.value._id);
-          w.value.data = u.map((y) => ({
+          V.value.data = u.map((y) => ({
             value: y.Name,
             label: `${y.Name} - (${y.EffectiveRate}%)`
           }));
         } catch (u) {
-          console.error("Failed to fetch taxes:", u), w.value.isError = !0;
+          console.error("Failed to fetch taxes:", u), V.value.isError = !0;
         } finally {
-          w.value.isLoaded = !0;
+          V.value.isLoaded = !0;
         }
     }
     async function $() {
@@ -926,11 +926,11 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       { immediate: !0 }
     ), (u, y) => {
-      var C, a, l;
+      var U, a, l;
       const n = S("FmPageHead"), g = S("FmTabs");
-      return m(), F("div", ao, [
-        i(n, {
-          title: ((C = e.value) == null ? void 0 : C.name) || "Xero",
+      return m(), C("div", ao, [
+        s(n, {
+          title: ((U = e.value) == null ? void 0 : U.name) || "Xero",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": p(b).back
@@ -940,13 +940,13 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(g, {
-          "model-value": s.value,
-          "onUpdate:modelValue": y[0] || (y[0] = (v) => s.value = v),
-          items: D
+        s(g, {
+          "model-value": i.value,
+          "onUpdate:modelValue": y[0] || (y[0] = (v) => i.value = v),
+          items: F
         }, null, 8, ["model-value"]),
         t("div", lo, [
-          (m(), I(we((a = _.value) == null ? void 0 : a.component), He({
+          (m(), R(we((a = _.value) == null ? void 0 : a.component), He({
             modelValue: e.value,
             "onUpdate:modelValue": y[1] || (y[1] = (v) => e.value = v)
           }, (l = _.value) == null ? void 0 : l.props), null, 16, ["modelValue"]))
@@ -1000,7 +1000,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         meaning: o("report.integration.refNumExplain.5digit.meaning"),
         output: "[5DIGIT]"
       }
-    ], s = [
+    ], i = [
       {
         accessorKey: "placeholder",
         header: o("report.integration.placeholder")
@@ -1018,15 +1018,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: o("report.integration.output")
       }
     ];
-    return (V, w) => {
-      const x = S("FmIcon"), D = S("FmTable"), b = S("FmSideSheet");
-      return m(), I(b, {
+    return (w, V) => {
+      const x = S("FmIcon"), F = S("FmTable"), b = S("FmSideSheet");
+      return m(), R(b, {
         header: p(o)("report.integration.refNumFormatInfo"),
         "dismiss-away": "",
         "max-width": 780
       }, {
         "side-sheet-button": _e(() => [
-          i(x, {
+          s(x, {
             name: "info",
             color: "primary",
             class: "cursor-pointer p-2"
@@ -1035,15 +1035,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         default: _e(() => [
           t("div", so, [
             t("ul", io, [
-              t("li", null, U(p(o)("report.integration.refNumGuide.1stPoint")), 1),
-              t("li", null, U(p(o)("report.integration.refNumGuide.2ndPoint")), 1),
-              t("li", null, U(p(o)("report.integration.refNumGuide.3ndPoint")), 1),
-              t("li", null, U(p(o)("report.integration.refNumGuide.4thPoint")), 1)
+              t("li", null, D(p(o)("report.integration.refNumGuide.1stPoint")), 1),
+              t("li", null, D(p(o)("report.integration.refNumGuide.2ndPoint")), 1),
+              t("li", null, D(p(o)("report.integration.refNumGuide.3ndPoint")), 1),
+              t("li", null, D(p(o)("report.integration.refNumGuide.4thPoint")), 1)
             ])
           ]),
-          i(D, {
+          s(F, {
             "row-data": e,
-            "column-defs": s,
+            "column-defs": i,
             "shrink-at": !1,
             "hide-footer": !0
           })
@@ -1063,25 +1063,25 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const o = X(f, "modelValue"), e = ge(), s = Ve(), V = fe(), { promptLoader: w } = Ce(), { promptMessage: x } = Ae(), { restaurants: D } = ve(), b = q(
-      () => D.map((a) => ({ label: a.name, value: a.id }))
+    const o = X(f, "modelValue"), e = ge(), i = Ve(), w = fe(), { promptLoader: V } = Ce(), { promptMessage: x } = Ae(), { restaurants: F } = ve(), b = q(
+      () => F.map((a) => ({ label: a.name, value: a.id }))
     ), { t: _ } = J();
     async function c() {
       await x({
         message: _("report.messages.confirmDelete", { name: o.value.name }),
         title: _("report.common.delete")
-      }) && await w(async () => {
+      }) && await V(async () => {
         try {
-          await Fe(o.value._id), await s.getSettings(), V.back();
+          await Fe(o.value._id), await i.getSettings(), w.back();
         } catch (l) {
           e.open({ type: "error", message: l.message });
         }
       });
     }
     async function h() {
-      await w(async () => {
+      await V(async () => {
         try {
-          await De(o.value._id, o.value), await s.getSettings();
+          await De(o.value._id, o.value), await i.getSettings();
         } catch (a) {
           e.open({ type: "error", message: a.message });
         }
@@ -1090,7 +1090,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     function $(a, l) {
       var v, r;
       (r = (v = o.value.platform) == null ? void 0 : v.mappings) != null && r[a] && (o.value.platform.mappings[a] = o.value.platform.mappings[a].filter(
-        (K, N) => N !== l
+        (N, A) => A !== l
       ));
     }
     function u(a) {
@@ -1157,39 +1157,39 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         account: { placeholder: a, editable: !0 }
       };
     }
-    async function C() {
-      await w(async () => {
+    async function U() {
+      await V(async () => {
         try {
-          await Ue(o.value._id), await s.getSettings();
+          await Ue(o.value._id), await i.getSettings();
         } catch (a) {
           e.open({ type: "error", message: a.message });
         }
       });
     }
     return $e(async () => {
-      await s.getSettings();
+      await i.getSettings();
     }), (a, l) => {
       var Y, Q, j, E, z, ee, te, oe, ae, le, ne, se, ie, re, me, ce, de, T;
-      const v = S("FmIcon"), r = S("FmButton"), K = S("FmMenuDivider"), N = S("FmTextField"), G = S("FmSelect");
-      return (Q = (Y = o.value) == null ? void 0 : Y.platform) != null && Q.mappings ? (m(), F("div", ro, [
+      const v = S("FmIcon"), r = S("FmButton"), N = S("FmMenuDivider"), A = S("FmTextField"), G = S("FmSelect");
+      return (Q = (Y = o.value) == null ? void 0 : Y.platform) != null && Q.mappings ? (m(), C("div", ro, [
         t("div", mo, [
           t("div", co, [
-            t("div", uo, U(p(_)("report.integration.bukku.connect")), 1),
+            t("div", uo, D(p(_)("report.integration.bukku.connect")), 1),
             t("div", po, [
               t("div", fo, [
-                i(v, {
+                s(v, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: C
+                  onClick: U
                 }),
-                t("span", vo, U(p(_)("report.integration.refreshSetting")), 1)
+                t("span", vo, D(p(_)("report.integration.refreshSetting")), 1)
               ]),
-              i(r, {
+              s(r, {
                 variant: "tertiary",
                 label: p(_)("report.common.delete"),
                 onClick: c
               }, null, 8, ["label"]),
-              i(r, {
+              s(r, {
                 variant: "primary",
                 label: p(_)("report.common.update"),
                 onClick: h
@@ -1197,13 +1197,13 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ])
         ]),
-        i(K, { style: { margin: 0 } }),
+        s(N, { style: { margin: 0 } }),
         t("div", go, [
-          t("div", yo, U(p(_)("report.integration.bukku.authentication")), 1),
+          t("div", yo, D(p(_)("report.integration.bukku.authentication")), 1),
           t("div", xo, [
-            t("div", _o, U(p(_)("report.integration.subdomain")), 1),
+            t("div", _o, D(p(_)("report.integration.subdomain")), 1),
             t("div", bo, [
-              i(N, {
+              s(A, {
                 modelValue: o.value.platform.subdomain,
                 "onUpdate:modelValue": l[0] || (l[0] = (d) => o.value.platform.subdomain = d),
                 placeholder: p(_)("report.integration.subdomain")
@@ -1211,9 +1211,9 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ]),
           t("div", ho, [
-            t("div", wo, U(p(_)("report.integration.token")), 1),
+            t("div", wo, D(p(_)("report.integration.token")), 1),
             t("div", Vo, [
-              i(N, {
+              s(A, {
                 modelValue: o.value.platform.token,
                 "onUpdate:modelValue": l[1] || (l[1] = (d) => o.value.platform.token = d),
                 placeholder: p(_)("report.integration.token")
@@ -1221,19 +1221,19 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ]),
           t("div", ko, [
-            t("div", $o, U(p(_)("report.integration.general")), 1),
+            t("div", $o, D(p(_)("report.integration.general")), 1),
             t("div", So, [
-              t("div", Co, U(p(_)("report.common.name")), 1),
+              t("div", Co, D(p(_)("report.common.name")), 1),
               t("div", Fo, [
-                i(N, {
+                s(A, {
                   modelValue: o.value.name,
                   "onUpdate:modelValue": l[2] || (l[2] = (d) => o.value.name = d)
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", Do, [
-              t("div", Uo, U(p(_)("report.common.location")), 1),
-              i(G, {
+              t("div", Uo, D(p(_)("report.common.location")), 1),
+              s(G, {
                 modelValue: o.value.platform.locationIds,
                 "onUpdate:modelValue": l[3] || (l[3] = (d) => o.value.platform.locationIds = d),
                 multiselect: !0,
@@ -1243,8 +1243,8 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items"])
             ]),
             t("div", To, [
-              t("div", Ao, U(p(_)("report.integration.grouping.title")), 1),
-              i(G, {
+              t("div", Ao, D(p(_)("report.integration.grouping.title")), 1),
+              s(G, {
                 modelValue: o.value.platform.grouping,
                 "onUpdate:modelValue": l[4] || (l[4] = (d) => o.value.platform.grouping = d),
                 multiselect: !1,
@@ -1256,7 +1256,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           t("div", Io, [
             t("div", Ro, [
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Contact",
                   account: o.value.platform.mappings.contact.account
@@ -1276,7 +1276,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   (ue = (P = (k = o.value) == null ? void 0 : k.platform) == null ? void 0 : P.mappings) != null && ue.contact && (o.value.platform.mappings.contact.account = d.account);
                 })
               }, null, 8, ["model-value"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Rounding",
                   account: o.value.platform.mappings.rounding.account
@@ -1287,7 +1287,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   (ue = (P = (k = o.value) == null ? void 0 : k.platform) == null ? void 0 : P.mappings) != null && ue.rounding && (o.value.platform.mappings.rounding.account = d.account);
                 })
               }, null, 8, ["model-value", "options"]),
-              (m(!0), F(O, null, L((z = (E = (j = o.value) == null ? void 0 : j.platform) == null ? void 0 : E.mappings) == null ? void 0 : z.charges, (d, k) => (m(), I(R, {
+              (m(!0), C(O, null, L((z = (E = (j = o.value) == null ? void 0 : j.platform) == null ? void 0 : E.mappings) == null ? void 0 : z.charges, (d, k) => (m(), R(K, {
                 key: `charge-${k}`,
                 modelValue: o.value.platform.mappings.charges[k],
                 "onUpdate:modelValue": (P) => o.value.platform.mappings.charges[k] = P,
@@ -1306,11 +1306,11 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           t("div", No, [
             t("div", Ko, [
-              t("div", Mo, U(p(_)("report.integration.refNumFormat")), 1),
-              i(Pe)
+              t("div", Mo, D(p(_)("report.integration.refNumFormat")), 1),
+              s(Pe)
             ]),
             t("div", Po, [
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Invoice no",
                   account: o.value.platform.mappings.invoiceDocNo
@@ -1318,7 +1318,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: g("Invoice no"),
                 "onUpdate:modelValue": l[7] || (l[7] = (d) => n({ key: "invoiceDocNo", value: d.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: o.value.platform.mappings.creditNoteDocNo
@@ -1326,7 +1326,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: g("Credit note no"),
                 "onUpdate:modelValue": l[8] || (l[8] = (d) => n({ key: "creditNoteDocNo", value: d.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Payment no",
                   account: o.value.platform.mappings.paymentDocNo
@@ -1334,7 +1334,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: g("Payment no"),
                 "onUpdate:modelValue": l[9] || (l[9] = (d) => n({ key: "paymentDocNo", value: d.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Refund no",
                   account: o.value.platform.mappings.refundDocNo
@@ -1344,22 +1344,22 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["model-value", "options"])
             ])
           ]),
-          i(Ne, {
+          s(Ne, {
             modelValue: o.value.platform,
             "onUpdate:modelValue": l[11] || (l[11] = (d) => o.value.platform = d),
             label: "upload",
             "last-upload-date": (ee = o.value.platform) == null ? void 0 : ee.lastUploadDate
           }, null, 8, ["modelValue", "last-upload-date"]),
           t("div", jo, [
-            t("div", Oo, U(p(_)("report.integration.items")), 1),
-            i(r, {
+            t("div", Oo, D(p(_)("report.integration.items")), 1),
+            s(r, {
               variant: "primary",
               icon: "add",
               onClick: l[12] || (l[12] = () => u("items"))
             })
           ]),
           t("div", Bo, [
-            (m(!0), F(O, null, L((ae = (oe = (te = o.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.items, (d, k) => (m(), I(R, {
+            (m(!0), C(O, null, L((ae = (oe = (te = o.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.items, (d, k) => (m(), R(K, {
               key: `item-${k}`,
               modelValue: o.value.platform.mappings.items[k],
               "onUpdate:modelValue": (P) => o.value.platform.mappings.items[k] = P,
@@ -1372,15 +1372,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Lo, [
-            t("div", Eo, U(p(_)("report.integration.taxes")), 1),
-            i(r, {
+            t("div", Eo, D(p(_)("report.integration.taxes")), 1),
+            s(r, {
               variant: "primary",
               icon: "add",
               onClick: l[13] || (l[13] = () => u("taxes"))
             })
           ]),
           t("div", Yo, [
-            (m(!0), F(O, null, L((se = (ne = (le = o.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.taxes, (d, k) => (m(), I(R, {
+            (m(!0), C(O, null, L((se = (ne = (le = o.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.taxes, (d, k) => (m(), R(K, {
               key: `tax-${k}`,
               modelValue: o.value.platform.mappings.taxes[k],
               "onUpdate:modelValue": (P) => o.value.platform.mappings.taxes[k] = P,
@@ -1391,7 +1391,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               removable: !0,
               onRemove: () => $("taxes", k)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-            (m(!0), F(O, null, L((me = (re = (ie = o.value) == null ? void 0 : ie.platform) == null ? void 0 : re.mappings) == null ? void 0 : me.taxRoundingAdjustments, (d, k) => (m(), I(R, {
+            (m(!0), C(O, null, L((me = (re = (ie = o.value) == null ? void 0 : ie.platform) == null ? void 0 : re.mappings) == null ? void 0 : me.taxRoundingAdjustments, (d, k) => (m(), R(K, {
               key: `tax-rounding-adjustment-${k}`,
               modelValue: o.value.platform.mappings.taxRoundingAdjustments[k],
               "onUpdate:modelValue": (P) => o.value.platform.mappings.taxRoundingAdjustments[k] = P,
@@ -1404,18 +1404,18 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", zo, [
-            t("div", qo, U(p(_)("report.integration.payments")), 1),
-            i(r, {
+            t("div", qo, D(p(_)("report.integration.payments")), 1),
+            s(r, {
               variant: "primary",
               icon: "add",
               onClick: l[14] || (l[14] = () => u("payments"))
             })
           ]),
-          (m(!0), F(O, null, L((T = (de = (ce = o.value) == null ? void 0 : ce.platform) == null ? void 0 : de.mappings) == null ? void 0 : T.payments, (d, k) => (m(), F("div", {
+          (m(!0), C(O, null, L((T = (de = (ce = o.value) == null ? void 0 : ce.platform) == null ? void 0 : de.mappings) == null ? void 0 : T.payments, (d, k) => (m(), C("div", {
             key: `payment-${k}`,
             class: "grid-cols-1 grid gap-x-16"
           }, [
-            i(R, {
+            s(K, {
               modelValue: o.value.platform.mappings.payments[k],
               "onUpdate:modelValue": (P) => o.value.platform.mappings.payments[k] = P,
               options: {
@@ -1455,15 +1455,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         for (let n = 0; n < Math.max(u.form_items.length, y.length); n++) {
           const g = $ + n;
           c[g] || (c[g] = {});
-          const C = u.form_items[n];
-          C && (c[g] = {
+          const U = u.form_items[n];
+          U && (c[g] = {
             ...c[g],
-            itemDescription: C.description,
-            itemQuantity: C.quantity,
-            itemUnitPrice: C.unit_price,
-            itemAccount: C._account_name,
-            itemTaxCode: C._tax_code_name,
-            itemDiscount: C.discount
+            itemDescription: U.description,
+            itemQuantity: U.quantity,
+            itemUnitPrice: U.unit_price,
+            itemAccount: U._account_name,
+            itemTaxCode: U._tax_code_name,
+            itemDiscount: U.discount
           });
           const a = y[n];
           a && (c[g] = {
@@ -1477,29 +1477,29 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
         return c;
       }, [])
-    ), { t: s } = J(), V = [
+    ), { t: i } = J(), w = [
       {
         accessorKey: "date",
-        header: () => A(
+        header: () => I(
           "p",
           { class: "min-w-[90px] text-nowrap text-ellipsis" },
-          s("report.integration.table.date")
+          i("report.integration.table.date")
         ),
         enableSorting: !1
       },
       {
         accessorKey: "no",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, s("report.integration.table.no")),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, i("report.integration.table.no")),
         enableSorting: !1
       },
       {
         accessorKey: "contact",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Contact"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Contact"),
         enableSorting: !1
       },
       {
         accessorKey: "status",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Status"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Status"),
         enableSorting: !1
       },
       {
@@ -1509,7 +1509,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       {
         accessorKey: "itemDescription",
-        header: () => A("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
+        header: () => I("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
         enableSorting: !1
       },
       {
@@ -1524,7 +1524,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       {
         accessorKey: "itemAccount",
-        header: () => A("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
+        header: () => I("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
         enableSorting: !1
       },
       {
@@ -1539,7 +1539,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       {
         accessorKey: "paymentNo",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment No"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment No"),
         enableSorting: !1
       },
       {
@@ -1562,15 +1562,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(f, "modelValue"), x = B(!1), D = ge(), { dateRange: b } = Ie(ve());
+    ], V = X(f, "modelValue"), x = B(!1), F = ge(), { dateRange: b } = Ie(ve());
     xe(
       () => b.value,
       async () => {
-        if (w.value._id)
+        if (V.value._id)
           try {
-            x.value = !0, o.value = await Te(w.value._id);
+            x.value = !0, o.value = await Te(V.value._id);
           } catch (c) {
-            D.open({ message: c.message, type: "error" });
+            F.open({ message: c.message, type: "error" });
           } finally {
             x.value = !1;
           }
@@ -1581,37 +1581,37 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function _() {
       try {
-        w.value._id ? (x.value = !0, await Oe(w.value._id), D.open({ message: s("report.integration.uploadSuccess"), type: "success" })) : D.open({ message: s("report.integration.error.invalid"), type: "error" });
+        V.value._id ? (x.value = !0, await Oe(V.value._id), F.open({ message: i("report.integration.uploadSuccess"), type: "success" })) : F.open({ message: i("report.integration.error.invalid"), type: "error" });
       } catch (c) {
-        D.open({ message: c.message, type: "error" });
+        F.open({ message: c.message, type: "error" });
       } finally {
         x.value = !1;
       }
     }
     return (c, h) => {
       const $ = S("FmButton"), u = S("FmCircularProgress"), y = S("FmTable");
-      return m(), F("div", Xo, [
+      return m(), C("div", Xo, [
         t("div", Go, [
-          i(Re, {
+          s(Re, {
             "date-range": p(b),
             "onUpdate:dateRange": h[0] || (h[0] = (n) => Se(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i($, {
+          s($, {
             loading: x.value,
             variant: "primary",
-            label: p(s)("report.common.upload"),
+            label: p(i)("report.common.upload"),
             onClick: _
           }, null, 8, ["loading", "label"])
         ]),
-        x.value ? (m(), F("div", Qo, [
-          i(u, { size: "xl" }),
-          t("span", Jo, U(p(s)("report.integration.table.loading")), 1)
-        ])) : e.value.length > 0 ? (m(), I(y, {
+        x.value ? (m(), C("div", Qo, [
+          s(u, { size: "xl" }),
+          t("span", Jo, D(p(i)("report.integration.table.loading")), 1)
+        ])) : e.value.length > 0 ? (m(), R(y, {
           key: 1,
           class: "flex overflow-y-auto",
           "row-data": e.value,
-          "column-defs": V
+          "column-defs": w
         }, null, 8, ["row-data"])) : M("", !0)
       ]);
     };
@@ -1624,7 +1624,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
+    const { t: o } = J(), e = X(f, "modelValue"), i = B("setting"), w = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -1635,8 +1635,8 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], w = fe(), x = q(() => {
-      switch (s.value) {
+    ], V = fe(), x = q(() => {
+      switch (i.value) {
         case "preview":
           return Wo;
         case "setting":
@@ -1645,28 +1645,28 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return null;
       }
     });
-    return (D, b) => {
+    return (F, b) => {
       var h;
       const _ = S("FmPageHead"), c = S("FmTabs");
-      return m(), F("div", Zo, [
-        i(_, {
+      return m(), C("div", Zo, [
+        s(_, {
           title: ((h = e.value) == null ? void 0 : h.name) || "Bukku",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": p(w).back
+          "onClick:back": p(V).back
         }, {
           description: _e(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(c, {
-          "model-value": s.value,
-          "onUpdate:modelValue": b[0] || (b[0] = ($) => s.value = $),
-          items: V
+        s(c, {
+          "model-value": i.value,
+          "onUpdate:modelValue": b[0] || (b[0] = ($) => i.value = $),
+          items: w
         }, null, 8, ["model-value"]),
         t("div", ea, [
-          (m(), I(we(x.value), {
+          (m(), R(we(x.value), {
             modelValue: e.value,
             "onUpdate:modelValue": b[1] || (b[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
@@ -1685,34 +1685,34 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ge(), V = Ve(), w = fe(), { promptLoader: x } = Ce(), { promptMessage: D } = Ae(), { restaurants: b } = ve(), _ = q(
+    const { t: o } = J(), e = X(f, "modelValue"), i = ge(), w = Ve(), V = fe(), { promptLoader: x } = Ce(), { promptMessage: F } = Ae(), { restaurants: b } = ve(), _ = q(
       () => b.map((a) => ({ label: a.name, value: a.id }))
     );
     async function c() {
-      await D({
+      await F({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await x(async () => {
         try {
-          await Fe(e.value._id), await V.getSettings(), w.back();
+          await Fe(e.value._id), await w.getSettings(), V.back();
         } catch (l) {
-          s.open({ type: "error", message: l.message });
+          i.open({ type: "error", message: l.message });
         }
       });
     }
     async function h() {
       await x(async () => {
         try {
-          await De(e.value._id, e.value), await V.getSettings();
+          await De(e.value._id, e.value), await w.getSettings();
         } catch (a) {
-          s.open({ type: "error", message: a.message });
+          i.open({ type: "error", message: a.message });
         }
       });
     }
     function $(a, l) {
       var v, r;
       (r = (v = e.value.platform) == null ? void 0 : v.mappings) != null && r[a] && (e.value.platform.mappings[a] = e.value.platform.mappings[a].filter(
-        (K, N) => N !== l
+        (N, A) => A !== l
       ));
     }
     function u(a) {
@@ -1756,39 +1756,39 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         account: { placeholder: a, editable: !0 }
       };
     }
-    async function C() {
+    async function U() {
       await x(async () => {
         try {
-          await Ue(e.value._id), await V.getSettings();
+          await Ue(e.value._id), await w.getSettings();
         } catch (a) {
-          s.open({ type: "error", message: a.message });
+          i.open({ type: "error", message: a.message });
         }
       });
     }
     return $e(async () => {
-      await V.getSettings();
+      await w.getSettings();
     }), (a, l) => {
       var Y, Q, j, E, z, ee, te, oe, ae, le, ne, se, ie, re, me, ce, de;
-      const v = S("FmIcon"), r = S("FmButton"), K = S("FmMenuDivider"), N = S("FmTextField"), G = S("FmSelect");
-      return (Q = (Y = e.value) == null ? void 0 : Y.platform) != null && Q.mappings ? (m(), F("div", oa, [
+      const v = S("FmIcon"), r = S("FmButton"), N = S("FmMenuDivider"), A = S("FmTextField"), G = S("FmSelect");
+      return (Q = (Y = e.value) == null ? void 0 : Y.platform) != null && Q.mappings ? (m(), C("div", oa, [
         t("div", aa, [
           t("div", la, [
             l[14] || (l[14] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
             t("div", na, [
               t("div", sa, [
-                i(v, {
+                s(v, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: C
+                  onClick: U
                 }),
-                t("span", ia, U(p(o)("report.integration.refreshSetting")), 1)
+                t("span", ia, D(p(o)("report.integration.refreshSetting")), 1)
               ]),
-              i(r, {
+              s(r, {
                 variant: "tertiary",
                 label: p(o)("report.common.remove"),
                 onClick: c
               }, null, 8, ["label"]),
-              i(r, {
+              s(r, {
                 variant: "primary",
                 label: p(o)("report.common.update"),
                 onClick: h
@@ -1796,22 +1796,22 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ])
         ]),
-        i(K, { style: { margin: 0 } }),
+        s(N, { style: { margin: 0 } }),
         t("div", ra, [
           t("div", ma, [
-            t("div", ca, U(p(o)("report.integration.general")), 1),
+            t("div", ca, D(p(o)("report.integration.general")), 1),
             t("div", da, [
-              t("div", ua, U(p(o)("report.common.name")), 1),
+              t("div", ua, D(p(o)("report.common.name")), 1),
               t("div", pa, [
-                i(N, {
+                s(A, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": l[0] || (l[0] = (T) => e.value.name = T)
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", fa, [
-              t("div", va, U(p(o)("report.integration.location")), 1),
-              i(G, {
+              t("div", va, D(p(o)("report.integration.location")), 1),
+              s(G, {
                 modelValue: e.value.platform.locationIds,
                 "onUpdate:modelValue": l[1] || (l[1] = (T) => e.value.platform.locationIds = T),
                 multiselect: !0,
@@ -1822,8 +1822,8 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
             t("div", ga, [
-              t("div", ya, U(p(o)("report.integration.grouping.title")), 1),
-              i(G, {
+              t("div", ya, D(p(o)("report.integration.grouping.title")), 1),
+              s(G, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": l[2] || (l[2] = (T) => e.value.platform.grouping = T),
                 multiselect: !1,
@@ -1835,17 +1835,17 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           t("div", xa, [
             t("div", _a, [
-              i(R, {
+              s(K, {
                 "model-value": { key: "Project", account: e.value.platform.mappings.project },
                 options: g("Project"),
                 "onUpdate:modelValue": l[3] || (l[3] = (T) => n({ key: "project", value: T.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
                 options: g("Debtor"),
                 "onUpdate:modelValue": l[4] || (l[4] = (T) => n({ key: "debtor", value: T.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Rounding",
                   account: e.value.platform.mappings.rounding.account
@@ -1856,7 +1856,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   (P = (k = (d = e.value) == null ? void 0 : d.platform) == null ? void 0 : k.mappings) != null && P.rounding && (e.value.platform.mappings.rounding.account = T.account);
                 })
               }, null, 8, ["model-value", "options"]),
-              (m(!0), F(O, null, L((z = (E = (j = e.value) == null ? void 0 : j.platform) == null ? void 0 : E.mappings) == null ? void 0 : z.charges, (T, d) => (m(), I(R, {
+              (m(!0), C(O, null, L((z = (E = (j = e.value) == null ? void 0 : j.platform) == null ? void 0 : E.mappings) == null ? void 0 : z.charges, (T, d) => (m(), R(K, {
                 key: `charge-${d}`,
                 modelValue: e.value.platform.mappings.charges[d],
                 "onUpdate:modelValue": (k) => e.value.platform.mappings.charges[d] = k,
@@ -1869,11 +1869,11 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           t("div", ba, [
             t("div", ha, [
-              t("div", wa, U(p(o)("report.integration.refNumFormat")), 1),
-              i(Pe)
+              t("div", wa, D(p(o)("report.integration.refNumFormat")), 1),
+              s(Pe)
             ]),
             t("div", Va, [
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Invoice no",
                   account: e.value.platform.mappings.invoiceDocNo
@@ -1881,7 +1881,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: g("Invoice no"),
                 "onUpdate:modelValue": l[6] || (l[6] = (T) => n({ key: "invoiceDocNo", value: T.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: e.value.platform.mappings.creditNoteDocNo
@@ -1889,7 +1889,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: g("Credit note no"),
                 "onUpdate:modelValue": l[7] || (l[7] = (T) => n({ key: "creditNoteDocNo", value: T.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Payment no",
                   account: e.value.platform.mappings.paymentDocNo
@@ -1897,7 +1897,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: g("Payment no"),
                 "onUpdate:modelValue": l[8] || (l[8] = (T) => n({ key: "paymentDocNo", value: T.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Refund no",
                   account: e.value.platform.mappings.refundDocNo
@@ -1907,21 +1907,21 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["model-value", "options"])
             ])
           ]),
-          i(Ne, {
+          s(Ne, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": l[10] || (l[10] = (T) => e.value.platform = T),
             label: p(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
           t("div", ka, [
-            t("div", $a, U(p(o)("report.integration.items")), 1),
-            i(r, {
+            t("div", $a, D(p(o)("report.integration.items")), 1),
+            s(r, {
               variant: "primary",
               icon: "add",
               onClick: l[11] || (l[11] = () => u("items"))
             })
           ]),
           t("div", Sa, [
-            (m(!0), F(O, null, L((oe = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : oe.items, (T, d) => (m(), I(R, {
+            (m(!0), C(O, null, L((oe = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : oe.items, (T, d) => (m(), R(K, {
               key: `item-${d}`,
               modelValue: e.value.platform.mappings.items[d],
               "onUpdate:modelValue": (k) => e.value.platform.mappings.items[d] = k,
@@ -1934,15 +1934,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Ca, [
-            t("div", Fa, U(p(o)("report.integration.taxes")), 1),
-            i(r, {
+            t("div", Fa, D(p(o)("report.integration.taxes")), 1),
+            s(r, {
               variant: "primary",
               icon: "add",
               onClick: l[12] || (l[12] = () => u("taxes"))
             })
           ]),
           t("div", Da, [
-            (m(!0), F(O, null, L((ne = (le = (ae = e.value) == null ? void 0 : ae.platform) == null ? void 0 : le.mappings) == null ? void 0 : ne.taxes, (T, d) => (m(), I(R, {
+            (m(!0), C(O, null, L((ne = (le = (ae = e.value) == null ? void 0 : ae.platform) == null ? void 0 : le.mappings) == null ? void 0 : ne.taxes, (T, d) => (m(), R(K, {
               key: `tax-${d}`,
               modelValue: e.value.platform.mappings.taxes[d],
               "onUpdate:modelValue": (k) => e.value.platform.mappings.taxes[d] = k,
@@ -1953,7 +1953,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               removable: !0,
               onRemove: () => $("taxes", d)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-            (m(!0), F(O, null, L((re = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : re.taxRoundingAdjustments, (T, d) => (m(), I(R, {
+            (m(!0), C(O, null, L((re = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : re.taxRoundingAdjustments, (T, d) => (m(), R(K, {
               key: `tax-rounding-adjustment-${d}`,
               modelValue: e.value.platform.mappings.taxRoundingAdjustments[d],
               "onUpdate:modelValue": (k) => e.value.platform.mappings.taxRoundingAdjustments[d] = k,
@@ -1966,15 +1966,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", Ua, [
-            t("div", Ta, U(p(o)("report.integration.payments")), 1),
-            i(r, {
+            t("div", Ta, D(p(o)("report.integration.payments")), 1),
+            s(r, {
               variant: "primary",
               icon: "add",
               onClick: l[13] || (l[13] = () => u("payments"))
             })
           ]),
           t("div", Aa, [
-            (m(!0), F(O, null, L((de = (ce = (me = e.value) == null ? void 0 : me.platform) == null ? void 0 : ce.mappings) == null ? void 0 : de.payments, (T, d) => (m(), I(R, {
+            (m(!0), C(O, null, L((de = (ce = (me = e.value) == null ? void 0 : me.platform) == null ? void 0 : ce.mappings) == null ? void 0 : de.payments, (T, d) => (m(), R(K, {
               key: `payment-${d}`,
               modelValue: e.value.platform.mappings.payments[d],
               "onUpdate:modelValue": (k) => e.value.platform.mappings.payments[d] = k,
@@ -2001,7 +2001,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = B([]), s = q(
+    const { t: o } = J(), e = B([]), i = q(
       () => e.value.reduce((c, h) => {
         const $ = c.length, { invoice: u, payments: y } = h;
         c[$] = {
@@ -2030,25 +2030,25 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
         return c;
       }, [])
-    ), V = [
+    ), w = [
       {
         accessorKey: "date",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
         enableSorting: !1
       },
       {
         accessorKey: "docNo",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Doc No"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Doc No"),
         enableSorting: !1
       },
       {
         accessorKey: "projNo",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Project"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Project"),
         enableSorting: !1
       },
       {
         accessorKey: "debtor",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Debtor"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Debtor"),
         enableSorting: !1
       },
       {
@@ -2058,7 +2058,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       {
         accessorKey: "itemAccount",
-        header: () => A("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
+        header: () => I("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
         enableSorting: !1
       },
       {
@@ -2068,7 +2068,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       {
         accessorKey: "itemDescription",
-        header: () => A("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
+        header: () => I("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
         enableSorting: !1
       },
       {
@@ -2101,15 +2101,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(f, "modelValue"), x = B(!1), D = ge(), { dateRange: b } = Ie(ve());
+    ], V = X(f, "modelValue"), x = B(!1), F = ge(), { dateRange: b } = Ie(ve());
     xe(
       () => b.value,
       async () => {
-        if (w.value._id)
+        if (V.value._id)
           try {
-            x.value = !0, e.value = await Te(w.value._id);
+            x.value = !0, e.value = await Te(V.value._id);
           } catch (c) {
-            D.open({ message: c.message, type: "error" });
+            F.open({ message: c.message, type: "error" });
           } finally {
             x.value = !1;
           }
@@ -2120,37 +2120,37 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function _() {
       try {
-        w.value._id ? (x.value = !0, await Be(w.value._id)) : D.open({ message: "Invalid accounting setting", type: "error" });
+        V.value._id ? (x.value = !0, await Be(V.value._id)) : F.open({ message: "Invalid accounting setting", type: "error" });
       } catch (c) {
-        D.open({ message: c.message, type: "error" });
+        F.open({ message: c.message, type: "error" });
       } finally {
         x.value = !1;
       }
     }
     return (c, h) => {
       const $ = S("FmButton"), u = S("FmCircularProgress"), y = S("FmTable");
-      return m(), F("div", Ra, [
+      return m(), C("div", Ra, [
         t("div", Na, [
-          i(Re, {
+          s(Re, {
             "date-range": p(b),
             "onUpdate:dateRange": h[0] || (h[0] = (n) => Se(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i($, {
+          s($, {
             loading: x.value,
             variant: "primary",
             label: p(o)("report.common.download"),
             onClick: _
           }, null, 8, ["loading", "label"])
         ]),
-        x.value ? (m(), F("div", Ka, [
-          i(u, { size: "xl" }),
-          t("span", Ma, U(p(o)("report.common.isLoading")), 1)
-        ])) : s.value.length > 0 ? (m(), I(y, {
+        x.value ? (m(), C("div", Ka, [
+          s(u, { size: "xl" }),
+          t("span", Ma, D(p(o)("report.common.isLoading")), 1)
+        ])) : i.value.length > 0 ? (m(), R(y, {
           key: 1,
           class: "flex overflow-y-auto",
-          "row-data": s.value,
-          "column-defs": V
+          "row-data": i.value,
+          "column-defs": w
         }, null, 8, ["row-data"])) : M("", !0)
       ]);
     };
@@ -2163,7 +2163,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
+    const { t: o } = J(), e = X(f, "modelValue"), i = B("setting"), w = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2174,8 +2174,8 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], w = fe(), x = q(() => {
-      switch (s.value) {
+    ], V = fe(), x = q(() => {
+      switch (i.value) {
         case "preview":
           return Pa;
         case "setting":
@@ -2184,28 +2184,28 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return null;
       }
     });
-    return (D, b) => {
+    return (F, b) => {
       var h;
       const _ = S("FmPageHead"), c = S("FmTabs");
-      return m(), F("div", ja, [
-        i(_, {
+      return m(), C("div", ja, [
+        s(_, {
           title: ((h = e.value) == null ? void 0 : h.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": p(w).back
+          "onClick:back": p(V).back
         }, {
           description: _e(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(c, {
-          "model-value": s.value,
-          "onUpdate:modelValue": b[0] || (b[0] = ($) => s.value = $),
-          items: V
+        s(c, {
+          "model-value": i.value,
+          "onUpdate:modelValue": b[0] || (b[0] = ($) => i.value = $),
+          items: w
         }, null, 8, ["model-value"]),
         t("div", Oa, [
-          (m(), I(we(x.value), {
+          (m(), R(we(x.value), {
             modelValue: e.value,
             "onUpdate:modelValue": b[1] || (b[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
@@ -2224,34 +2224,34 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ge(), V = Ve(), w = fe(), { promptLoader: x } = Ce(), { promptMessage: D } = Ae(), { restaurants: b } = ve(), _ = q(
+    const { t: o } = J(), e = X(f, "modelValue"), i = ge(), w = Ve(), V = fe(), { promptLoader: x } = Ce(), { promptMessage: F } = Ae(), { restaurants: b } = ve(), _ = q(
       () => b.map((a) => ({ label: a.name, value: a.id }))
     );
     async function c() {
-      await D({
+      await F({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await x(async () => {
         try {
-          await Fe(e.value._id), await V.getSettings(), w.back();
+          await Fe(e.value._id), await w.getSettings(), V.back();
         } catch (l) {
-          s.open({ type: "error", message: l.message });
+          i.open({ type: "error", message: l.message });
         }
       });
     }
     async function h() {
       await x(async () => {
         try {
-          await De(e.value._id, e.value), await V.getSettings();
+          await De(e.value._id, e.value), await w.getSettings();
         } catch (a) {
-          s.open({ type: "error", message: a.message });
+          i.open({ type: "error", message: a.message });
         }
       });
     }
     function $(a, l) {
       var v, r;
       (r = (v = e.value.platform) == null ? void 0 : v.mappings) != null && r[a] && (e.value.platform.mappings[a] = e.value.platform.mappings[a].filter(
-        (K, N) => N !== l
+        (N, A) => A !== l
       ));
     }
     function u(a) {
@@ -2296,39 +2296,39 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         account: { placeholder: a, editable: !0 }
       };
     }
-    async function C() {
+    async function U() {
       await x(async () => {
         try {
-          await Ue(e.value._id), await V.getSettings();
+          await Ue(e.value._id), await w.getSettings();
         } catch (a) {
-          s.open({ type: "error", message: a.message });
+          i.open({ type: "error", message: a.message });
         }
       });
     }
     return $e(async () => {
-      await V.getSettings();
+      await w.getSettings();
     }), (a, l) => {
       var Y, Q, j, E, z, ee, te, oe, ae, le, ne, se, ie, re, me, ce, de;
-      const v = S("FmIcon"), r = S("FmButton"), K = S("FmMenuDivider"), N = S("FmTextField"), G = S("FmSelect");
-      return (Q = (Y = e.value) == null ? void 0 : Y.platform) != null && Q.mappings ? (m(), F("div", La, [
+      const v = S("FmIcon"), r = S("FmButton"), N = S("FmMenuDivider"), A = S("FmTextField"), G = S("FmSelect");
+      return (Q = (Y = e.value) == null ? void 0 : Y.platform) != null && Q.mappings ? (m(), C("div", La, [
         t("div", Ea, [
           t("div", Ya, [
             l[15] || (l[15] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
             t("div", za, [
               t("div", qa, [
-                i(v, {
+                s(v, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: C
+                  onClick: U
                 }),
-                t("span", Ha, U(p(o)("report.integration.refreshSetting")), 1)
+                t("span", Ha, D(p(o)("report.integration.refreshSetting")), 1)
               ]),
-              i(r, {
+              s(r, {
                 variant: "tertiary",
                 label: p(o)("report.common.delete"),
                 onClick: c
               }, null, 8, ["label"]),
-              i(r, {
+              s(r, {
                 variant: "primary",
                 label: p(o)("report.common.update"),
                 onClick: h
@@ -2336,22 +2336,22 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ])
         ]),
-        i(K, { style: { margin: 0 } }),
+        s(N, { style: { margin: 0 } }),
         t("div", Xa, [
           t("div", Ga, [
-            t("div", Qa, U(p(o)("report.integration.general")), 1),
+            t("div", Qa, D(p(o)("report.integration.general")), 1),
             t("div", Ja, [
-              t("div", Wa, U(p(o)("report.common.name")), 1),
+              t("div", Wa, D(p(o)("report.common.name")), 1),
               t("div", Za, [
-                i(N, {
+                s(A, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": l[0] || (l[0] = (T) => e.value.name = T)
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", el, [
-              t("div", tl, U(p(o)("report.integration.location")), 1),
-              i(G, {
+              t("div", tl, D(p(o)("report.integration.location")), 1),
+              s(G, {
                 modelValue: e.value.platform.locationIds,
                 "onUpdate:modelValue": l[1] || (l[1] = (T) => e.value.platform.locationIds = T),
                 multiselect: !0,
@@ -2362,8 +2362,8 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
             t("div", ol, [
-              t("div", al, U(p(o)("report.integration.grouping.title")), 1),
-              i(G, {
+              t("div", al, D(p(o)("report.integration.grouping.title")), 1),
+              s(G, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": l[2] || (l[2] = (T) => e.value.platform.grouping = T),
                 multiselect: !1,
@@ -2375,12 +2375,12 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           t("div", ll, [
             t("div", nl, [
-              i(R, {
+              s(K, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
                 options: g("Debtor"),
                 "onUpdate:modelValue": l[3] || (l[3] = (T) => n({ key: "debtor", value: T.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Project header",
                   account: e.value.platform.mappings.projectHeader
@@ -2388,7 +2388,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: g("Project header"),
                 "onUpdate:modelValue": l[4] || (l[4] = (T) => n({ key: "projectHeader", value: T.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Project detail",
                   account: e.value.platform.mappings.projectDetail
@@ -2398,7 +2398,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["model-value", "options"])
             ]),
             t("div", sl, [
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Rounding",
                   account: e.value.platform.mappings.rounding.account,
@@ -2414,7 +2414,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   (P = (k = (d = e.value) == null ? void 0 : d.platform) == null ? void 0 : k.mappings) != null && P.rounding && (e.value.platform.mappings.rounding.account = T.account, e.value.platform.mappings.rounding.code = T.code);
                 })
               }, null, 8, ["model-value"]),
-              (m(!0), F(O, null, L((z = (E = (j = e.value) == null ? void 0 : j.platform) == null ? void 0 : E.mappings) == null ? void 0 : z.charges, (T, d) => (m(), I(R, {
+              (m(!0), C(O, null, L((z = (E = (j = e.value) == null ? void 0 : j.platform) == null ? void 0 : E.mappings) == null ? void 0 : z.charges, (T, d) => (m(), R(K, {
                 key: `charge-${d}`,
                 modelValue: e.value.platform.mappings.charges[d],
                 "onUpdate:modelValue": (k) => e.value.platform.mappings.charges[d] = k,
@@ -2428,11 +2428,11 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ]),
           t("div", il, [
             t("div", rl, [
-              t("div", ml, U(p(o)("report.integration.refNumFormat")), 1),
-              i(Pe)
+              t("div", ml, D(p(o)("report.integration.refNumFormat")), 1),
+              s(Pe)
             ]),
             t("div", cl, [
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Invoice no",
                   account: e.value.platform.mappings.invoiceDocNo
@@ -2440,7 +2440,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: g("Invoice no"),
                 "onUpdate:modelValue": l[7] || (l[7] = (T) => n({ key: "invoiceDocNo", value: T.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Credit note no",
                   account: e.value.platform.mappings.creditNoteDocNo
@@ -2448,7 +2448,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: g("Credit note no"),
                 "onUpdate:modelValue": l[8] || (l[8] = (T) => n({ key: "creditNoteDocNo", value: T.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Payment no",
                   account: e.value.platform.mappings.paymentDocNo
@@ -2456,7 +2456,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 options: g("Payment no"),
                 "onUpdate:modelValue": l[9] || (l[9] = (T) => n({ key: "paymentDocNo", value: T.account }))
               }, null, 8, ["model-value", "options"]),
-              i(R, {
+              s(K, {
                 "model-value": {
                   key: "Refund no",
                   account: e.value.platform.mappings.refundDocNo
@@ -2466,21 +2466,21 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["model-value", "options"])
             ])
           ]),
-          i(Ne, {
+          s(Ne, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": l[11] || (l[11] = (T) => e.value.platform = T),
             label: "email"
           }, null, 8, ["modelValue"]),
           t("div", dl, [
-            t("div", ul, U(p(o)("report.integration.items")), 1),
-            i(r, {
+            t("div", ul, D(p(o)("report.integration.items")), 1),
+            s(r, {
               variant: "primary",
               icon: "add",
               onClick: l[12] || (l[12] = () => u("items"))
             })
           ]),
           t("div", pl, [
-            (m(!0), F(O, null, L((oe = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : oe.items, (T, d) => (m(), I(R, {
+            (m(!0), C(O, null, L((oe = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : oe.items, (T, d) => (m(), R(K, {
               key: `item-${d}`,
               modelValue: e.value.platform.mappings.items[d],
               "onUpdate:modelValue": (k) => e.value.platform.mappings.items[d] = k,
@@ -2494,15 +2494,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", fl, [
-            t("div", vl, U(p(o)("report.integration.taxes")), 1),
-            i(r, {
+            t("div", vl, D(p(o)("report.integration.taxes")), 1),
+            s(r, {
               variant: "primary",
               icon: "add",
               onClick: l[13] || (l[13] = () => u("taxes"))
             })
           ]),
           t("div", gl, [
-            (m(!0), F(O, null, L((ne = (le = (ae = e.value) == null ? void 0 : ae.platform) == null ? void 0 : le.mappings) == null ? void 0 : ne.taxes, (T, d) => (m(), I(R, {
+            (m(!0), C(O, null, L((ne = (le = (ae = e.value) == null ? void 0 : ae.platform) == null ? void 0 : le.mappings) == null ? void 0 : ne.taxes, (T, d) => (m(), R(K, {
               key: `tax-${d}`,
               modelValue: e.value.platform.mappings.taxes[d],
               "onUpdate:modelValue": (k) => e.value.platform.mappings.taxes[d] = k,
@@ -2513,7 +2513,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               removable: !0,
               onRemove: () => $("taxes", d)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-            (m(!0), F(O, null, L((re = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : re.taxRoundingAdjustments, (T, d) => (m(), I(R, {
+            (m(!0), C(O, null, L((re = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : re.taxRoundingAdjustments, (T, d) => (m(), R(K, {
               key: `tax-rounding-adjustment-${d}`,
               modelValue: e.value.platform.mappings.taxRoundingAdjustments[d],
               "onUpdate:modelValue": (k) => e.value.platform.mappings.taxRoundingAdjustments[d] = k,
@@ -2526,15 +2526,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", yl, [
-            t("div", xl, U(p(o)("report.integration.payments")), 1),
-            i(r, {
+            t("div", xl, D(p(o)("report.integration.payments")), 1),
+            s(r, {
               variant: "primary",
               icon: "add",
               onClick: l[14] || (l[14] = () => u("payments"))
             })
           ]),
           t("div", _l, [
-            (m(!0), F(O, null, L((de = (ce = (me = e.value) == null ? void 0 : me.platform) == null ? void 0 : ce.mappings) == null ? void 0 : de.payments, (T, d) => (m(), I(R, {
+            (m(!0), C(O, null, L((de = (ce = (me = e.value) == null ? void 0 : me.platform) == null ? void 0 : ce.mappings) == null ? void 0 : de.payments, (T, d) => (m(), R(K, {
               key: `payment-${d}`,
               modelValue: e.value.platform.mappings.payments[d],
               "onUpdate:modelValue": (k) => e.value.platform.mappings.payments[d] = k,
@@ -2561,7 +2561,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = B([]), s = q(
+    const { t: o } = J(), e = B([]), i = q(
       () => e.value.reduce((c, h) => {
         const $ = c.length, { invoice: u, payments: y } = h;
         c[$] = {
@@ -2590,20 +2590,20 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
         return c;
       }, [])
-    ), V = [
+    ), w = [
       {
         accessorKey: "date",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
         enableSorting: !1
       },
       {
         accessorKey: "docNo",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Doc No"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Doc No"),
         enableSorting: !1
       },
       {
         accessorKey: "debtor",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Debtor"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Debtor"),
         enableSorting: !1
       },
       {
@@ -2613,7 +2613,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       {
         accessorKey: "itemAccount",
-        header: () => A("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
+        header: () => I("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
         enableSorting: !1
       },
       {
@@ -2623,7 +2623,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       },
       {
         accessorKey: "itemDescription",
-        header: () => A("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
+        header: () => I("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
         enableSorting: !1
       },
       {
@@ -2656,15 +2656,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(f, "modelValue"), x = B(!1), D = ge(), { dateRange: b } = Ie(ve());
+    ], V = X(f, "modelValue"), x = B(!1), F = ge(), { dateRange: b } = Ie(ve());
     xe(
       () => b.value,
       async () => {
-        if (w.value._id)
+        if (V.value._id)
           try {
-            x.value = !0, e.value = await Te(w.value._id);
+            x.value = !0, e.value = await Te(V.value._id);
           } catch (c) {
-            D.open({ message: c.message, type: "error" });
+            F.open({ message: c.message, type: "error" });
           } finally {
             x.value = !1;
           }
@@ -2675,37 +2675,37 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function _() {
       try {
-        w.value._id ? (x.value = !0, await Be(w.value._id)) : D.open({ message: "Invalid accounting setting", type: "error" });
+        V.value._id ? (x.value = !0, await Be(V.value._id)) : F.open({ message: "Invalid accounting setting", type: "error" });
       } catch (c) {
-        D.open({ message: c.message, type: "error" });
+        F.open({ message: c.message, type: "error" });
       } finally {
         x.value = !1;
       }
     }
     return (c, h) => {
       const $ = S("FmButton"), u = S("FmCircularProgress"), y = S("FmTable");
-      return m(), F("div", hl, [
+      return m(), C("div", hl, [
         t("div", wl, [
-          i(Re, {
+          s(Re, {
             "date-range": p(b),
             "onUpdate:dateRange": h[0] || (h[0] = (n) => Se(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i($, {
+          s($, {
             loading: x.value,
             variant: "primary",
             label: p(o)("report.common.download"),
             onClick: _
           }, null, 8, ["loading", "label"])
         ]),
-        x.value ? (m(), F("div", Vl, [
-          i(u, { size: "xl" }),
-          t("span", kl, U(p(o)("report.common.isLoading")), 1)
-        ])) : s.value.length > 0 ? (m(), I(y, {
+        x.value ? (m(), C("div", Vl, [
+          s(u, { size: "xl" }),
+          t("span", kl, D(p(o)("report.common.isLoading")), 1)
+        ])) : i.value.length > 0 ? (m(), R(y, {
           key: 1,
           class: "flex overflow-y-auto",
-          "row-data": s.value,
-          "column-defs": V
+          "row-data": i.value,
+          "column-defs": w
         }, null, 8, ["row-data"])) : M("", !0)
       ]);
     };
@@ -2718,7 +2718,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
+    const { t: o } = J(), e = X(f, "modelValue"), i = B("setting"), w = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -2729,8 +2729,8 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], w = fe(), x = q(() => {
-      switch (s.value) {
+    ], V = fe(), x = q(() => {
+      switch (i.value) {
         case "preview":
           return $l;
         case "setting":
@@ -2739,28 +2739,28 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return null;
       }
     });
-    return (D, b) => {
+    return (F, b) => {
       var h;
       const _ = S("FmPageHead"), c = S("FmTabs");
-      return m(), F("div", Sl, [
-        i(_, {
+      return m(), C("div", Sl, [
+        s(_, {
           title: ((h = e.value) == null ? void 0 : h.name) || "SQL",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": p(w).back
+          "onClick:back": p(V).back
         }, {
           description: _e(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(c, {
-          "model-value": s.value,
-          "onUpdate:modelValue": b[0] || (b[0] = ($) => s.value = $),
-          items: V
+        s(c, {
+          "model-value": i.value,
+          "onUpdate:modelValue": b[0] || (b[0] = ($) => i.value = $),
+          items: w
         }, null, 8, ["model-value"]),
         t("div", Cl, [
-          (m(), I(we(x.value), {
+          (m(), R(we(x.value), {
             modelValue: e.value,
             "onUpdate:modelValue": b[1] || (b[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
@@ -2803,53 +2803,53 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ge(), V = Ve(), w = fe(), { promptLoader: x } = Ce(), { promptMessage: D } = Ae(), { restaurants: b } = ve(), _ = q(
-      () => b.map((C) => ({ label: C.name, value: C.id }))
+    const { t: o } = J(), e = X(f, "modelValue"), i = ge(), w = Ve(), V = fe(), { promptLoader: x } = Ce(), { promptMessage: F } = Ae(), { restaurants: b } = ve(), _ = q(
+      () => b.map((U) => ({ label: U.name, value: U.id }))
     );
-    function c(C) {
+    function c(U) {
       var a;
-      !((a = f.retrievedMethods) != null && a.data) || !Array.isArray(f.retrievedMethods.data) || C.forEach((l) => {
+      !((a = f.retrievedMethods) != null && a.data) || !Array.isArray(f.retrievedMethods.data) || U.forEach((l) => {
         const v = f.retrievedMethods.data.find((r) => r.value == l.id);
         v && (l.cnId = v.cnId);
       });
     }
     async function h() {
-      await D({
+      await F({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await x(async () => {
         try {
-          await Fe(e.value._id), await V.getSettings(), w.back();
+          await Fe(e.value._id), await w.getSettings(), V.back();
         } catch (a) {
-          s.open({ type: "error", message: a.message });
+          i.open({ type: "error", message: a.message });
         }
       });
     }
     async function $() {
       await x(async () => {
-        var C, a, l;
+        var U, a, l;
         try {
-          (l = (a = (C = e.value) == null ? void 0 : C.platform) == null ? void 0 : a.mappings) != null && l.paymentMethods && c(e.value.platform.mappings.paymentMethods), await De(e.value._id, e.value), await V.getSettings();
+          (l = (a = (U = e.value) == null ? void 0 : U.platform) == null ? void 0 : a.mappings) != null && l.paymentMethods && c(e.value.platform.mappings.paymentMethods), await De(e.value._id, e.value), await w.getSettings();
         } catch (v) {
-          s.open({ type: "error", message: v.message });
+          i.open({ type: "error", message: v.message });
         }
       });
     }
-    function u(C, a) {
+    function u(U, a) {
       var l, v;
-      (v = (l = e.value.platform) == null ? void 0 : l.mappings) != null && v[C] && (e.value.platform.mappings[C] = e.value.platform.mappings[C].filter(
-        (r, K) => K !== a
+      (v = (l = e.value.platform) == null ? void 0 : l.mappings) != null && v[U] && (e.value.platform.mappings[U] = e.value.platform.mappings[U].filter(
+        (r, N) => N !== a
       ));
     }
-    function y(C) {
+    function y(U) {
       var a, l;
-      (l = (a = e.value.platform) == null ? void 0 : a.mappings) != null && l[C] && (e.value.platform.mappings[C] = [
-        ...e.value.platform.mappings[C],
-        C === "items" ? {
+      (l = (a = e.value.platform) == null ? void 0 : a.mappings) != null && l[U] && (e.value.platform.mappings[U] = [
+        ...e.value.platform.mappings[U],
+        U === "items" ? {
           key: "",
           account: "",
           description: ""
-        } : C === "taxes" ? {
+        } : U === "taxes" ? {
           key: "",
           account: "SST-"
         } : {
@@ -2866,12 +2866,12 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ];
     xe(
       () => {
-        var C, a, l;
-        return (l = (a = (C = e.value) == null ? void 0 : C.platform) == null ? void 0 : a.mappings) == null ? void 0 : l.taxes;
+        var U, a, l;
+        return (l = (a = (U = e.value) == null ? void 0 : U.platform) == null ? void 0 : a.mappings) == null ? void 0 : l.taxes;
       },
-      (C) => {
-        C && C.forEach((a, l) => {
-          var K;
+      (U) => {
+        U && U.forEach((a, l) => {
+          var N;
           const v = a.key || "";
           let r = a.account;
           if (!r && v) {
@@ -2886,7 +2886,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 r = "SST-0";
                 break;
             }
-            (K = e.value.platform) != null && K.mappings && (e.value.platform.mappings.taxes[l] = {
+            (N = e.value.platform) != null && N.mappings && (e.value.platform.mappings.taxes[l] = {
               ...a,
               account: r
             });
@@ -2896,12 +2896,12 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       { immediate: !0, deep: !0 }
     ), xe(
       () => {
-        var C, a, l;
-        return (l = (a = (C = e.value) == null ? void 0 : C.platform) == null ? void 0 : a.mappings) == null ? void 0 : l.version;
+        var U, a, l;
+        return (l = (a = (U = e.value) == null ? void 0 : U.platform) == null ? void 0 : a.mappings) == null ? void 0 : l.version;
       },
-      (C) => {
-        var a, l, v, r, K;
-        C === "v1" && !((v = (l = (a = e.value) == null ? void 0 : a.platform) == null ? void 0 : l.mappings) != null && v.payee) && (K = (r = e.value) == null ? void 0 : r.platform) != null && K.mappings && (e.value.platform.mappings.payee = {
+      (U) => {
+        var a, l, v, r, N;
+        U === "v1" && !((v = (l = (a = e.value) == null ? void 0 : a.platform) == null ? void 0 : l.mappings) != null && v.payee) && (N = (r = e.value) == null ? void 0 : r.platform) != null && N.mappings && (e.value.platform.mappings.payee = {
           id: 1,
           name: ""
         });
@@ -2911,37 +2911,37 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function g() {
       await x(async () => {
         try {
-          await Ue(e.value._id), await V.getSettings();
-        } catch (C) {
-          s.open({ type: "error", message: C.message });
+          await Ue(e.value._id), await w.getSettings();
+        } catch (U) {
+          i.open({ type: "error", message: U.message });
         }
       });
     }
     return $e(async () => {
-      await V.getSettings();
-    }), (C, a) => {
+      await w.getSettings();
+    }), (U, a) => {
       var Q, j, E, z, ee, te, oe, ae, le, ne, se, ie, re, me, ce, de, T;
-      const l = S("FmIcon"), v = S("FmButton"), r = S("FmSelect"), K = S("FmMenuDivider"), N = S("FmTextField"), G = S("FmCircularProgress"), Y = S("FmCheckbox");
-      return (j = (Q = e.value) == null ? void 0 : Q.platform) != null && j.mappings ? (m(), F("div", Dl, [
+      const l = S("FmIcon"), v = S("FmButton"), r = S("FmSelect"), N = S("FmMenuDivider"), A = S("FmTextField"), G = S("FmCircularProgress"), Y = S("FmCheckbox");
+      return (j = (Q = e.value) == null ? void 0 : Q.platform) != null && j.mappings ? (m(), C("div", Dl, [
         t("div", Ul, [
           t("div", Tl, [
-            t("div", Al, U(p(o)("report.integration.connect")), 1),
+            t("div", Al, D(p(o)("report.integration.connect")), 1),
             t("div", Il, [
               t("div", Rl, [
                 t("div", Nl, [
-                  i(l, {
+                  s(l, {
                     name: "refresh",
                     class: "p-2 bg-gray-100 rounded-full",
                     onClick: g
                   }),
-                  t("span", Kl, U(p(o)("report.integration.refreshSetting")), 1)
+                  t("span", Kl, D(p(o)("report.integration.refreshSetting")), 1)
                 ]),
-                i(v, {
+                s(v, {
                   variant: "tertiary",
                   label: p(o)("report.common.delete"),
                   onClick: h
                 }, null, 8, ["label"]),
-                i(v, {
+                s(v, {
                   variant: "primary",
                   label: p(o)("report.common.update"),
                   onClick: $
@@ -2951,11 +2951,11 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])
         ]),
         t("div", Ml, [
-          t("div", Pl, U(p(o)("report.integration.biztory.authenticate")), 1),
+          t("div", Pl, D(p(o)("report.integration.biztory.authenticate")), 1),
           t("div", jl, [
-            t("div", Ol, "Biztory " + U(p(o)("report.integration.biztory.version")), 1),
+            t("div", Ol, "Biztory " + D(p(o)("report.integration.biztory.version")), 1),
             t("div", Bl, [
-              i(r, {
+              s(r, {
                 modelValue: e.value.platform.mappings.version,
                 "onUpdate:modelValue": a[0] || (a[0] = (d) => e.value.platform.mappings.version = d),
                 items: [
@@ -2966,12 +2966,12 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          i(K, { style: { margin: 0 } }),
+          s(N, { style: { margin: 0 } }),
           t("div", Ll, [
             t("div", El, [
-              t("div", Yl, U(p(o)("report.integration.biztory.subdomain")), 1),
+              t("div", Yl, D(p(o)("report.integration.biztory.subdomain")), 1),
               t("div", zl, [
-                i(N, {
+                s(A, {
                   modelValue: e.value.platform.subdomain,
                   "onUpdate:modelValue": a[1] || (a[1] = (d) => e.value.platform.subdomain = d),
                   placeholder: "Subdomain"
@@ -2979,9 +2979,9 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             t("div", ql, [
-              t("div", Hl, U(p(o)("report.integration.biztory.apiKey")), 1),
+              t("div", Hl, D(p(o)("report.integration.biztory.apiKey")), 1),
               t("div", Xl, [
-                i(N, {
+                s(A, {
                   modelValue: e.value.platform.api_key,
                   "onUpdate:modelValue": a[2] || (a[2] = (d) => e.value.platform.api_key = d),
                   placeholder: "API Key"
@@ -2989,19 +2989,19 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             t("div", Gl, [
-              t("div", Ql, U(p(o)("report.integration.general")), 1),
+              t("div", Ql, D(p(o)("report.integration.general")), 1),
               t("div", Jl, [
-                t("div", Wl, U(p(o)("report.common.name")), 1),
+                t("div", Wl, D(p(o)("report.common.name")), 1),
                 t("div", Zl, [
-                  i(N, {
+                  s(A, {
                     modelValue: e.value.name,
                     "onUpdate:modelValue": a[3] || (a[3] = (d) => e.value.name = d)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
               t("div", en, [
-                t("div", tn, U(p(o)("report.common.location")), 1),
-                i(r, {
+                t("div", tn, D(p(o)("report.common.location")), 1),
+                s(r, {
                   modelValue: e.value.platform.locationIds,
                   "onUpdate:modelValue": a[4] || (a[4] = (d) => e.value.platform.locationIds = d),
                   multiselect: !0,
@@ -3011,8 +3011,8 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue", "items", "placeholder"])
               ]),
               t("div", on, [
-                t("div", an, U(p(o)("report.integration.grouping.title")), 1),
-                i(r, {
+                t("div", an, D(p(o)("report.integration.grouping.title")), 1),
+                s(r, {
                   modelValue: e.value.platform.grouping,
                   "onUpdate:modelValue": a[5] || (a[5] = (d) => e.value.platform.grouping = d),
                   multiselect: !1,
@@ -3022,9 +3022,9 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   disabled: ""
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
-              e.value.platform.mappings.version == "v1" ? (m(), F("div", ln, [
+              e.value.platform.mappings.version == "v1" ? (m(), C("div", ln, [
                 a[15] || (a[15] = t("div", { class: "w-[33%]" }, "Payee ID", -1)),
-                e.value.platform.mappings.version == "v1" ? (m(), I(R, {
+                e.value.platform.mappings.version == "v1" ? (m(), R(K, {
                   key: 0,
                   modelValue: e.value.platform.mappings.payee,
                   "onUpdate:modelValue": a[6] || (a[6] = (d) => e.value.platform.mappings.payee = d),
@@ -3036,12 +3036,12 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])) : M("", !0),
               t("div", nn, [
                 t("div", sn, [
-                  !f.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (m(), I(G, {
+                  !f.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (m(), R(G, {
                     key: 0,
                     size: "xl"
                   })) : M("", !0),
-                  f.retrievedCustomers.isLoaded && f.retrievedCustomers.data && ((E = f.retrievedCustomers.data) == null ? void 0 : E.length) != 0 ? (m(), F("div", rn, [
-                    e.value.platform.mappings.version == "v2" ? (m(), I(ke, {
+                  f.retrievedCustomers.isLoaded && f.retrievedCustomers.data && ((E = f.retrievedCustomers.data) == null ? void 0 : E.length) != 0 ? (m(), C("div", rn, [
+                    e.value.platform.mappings.version == "v2" ? (m(), R(ke, {
                       key: 0,
                       modelValue: e.value.platform.mappings.payeeId,
                       "onUpdate:modelValue": a[7] || (a[7] = (d) => e.value.platform.mappings.payeeId = d),
@@ -3062,44 +3062,44 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ]),
             t("div", mn, [
               t("div", cn, [
-                t("div", dn, U(p(o)("report.integration.refNumFormat")), 1),
-                i(Pe)
+                t("div", dn, D(p(o)("report.integration.refNumFormat")), 1),
+                s(Pe)
               ]),
               t("div", un, [
-                a[16] || (a[16] = t("div", { class: "w-[25%]" }, U("Invoice no"), -1)),
+                a[16] || (a[16] = t("div", { class: "w-[25%]" }, D("Invoice no"), -1)),
                 t("div", pn, [
-                  i(N, {
+                  s(A, {
                     modelValue: e.value.platform.mappings.invoiceDocNo,
                     "onUpdate:modelValue": a[8] || (a[8] = (d) => e.value.platform.mappings.invoiceDocNo = d)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
               t("div", fn, [
-                a[17] || (a[17] = t("div", { class: "w-[25%]" }, U("Credit no"), -1)),
+                a[17] || (a[17] = t("div", { class: "w-[25%]" }, D("Credit no"), -1)),
                 t("div", vn, [
-                  i(N, {
+                  s(A, {
                     modelValue: e.value.platform.mappings.creditNoteDocNo,
                     "onUpdate:modelValue": a[9] || (a[9] = (d) => e.value.platform.mappings.creditNoteDocNo = d)
                   }, null, 8, ["modelValue"])
                 ])
               ])
             ]),
-            i(Ne, {
+            s(Ne, {
               modelValue: e.value.platform,
               "onUpdate:modelValue": a[10] || (a[10] = (d) => e.value.platform = d),
               label: "upload",
               "last-upload-date": (ee = e.value.platform) == null ? void 0 : ee.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
             t("div", gn, [
-              t("div", yn, U(p(o)("report.integration.biztory.items")), 1),
-              i(v, {
+              t("div", yn, D(p(o)("report.integration.biztory.items")), 1),
+              s(v, {
                 variant: "primary",
                 icon: "add",
                 onClick: a[11] || (a[11] = () => y("items"))
               })
             ]),
             t("div", xn, [
-              (m(!0), F(O, null, L((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.items, (d, k) => (m(), I(R, {
+              (m(!0), C(O, null, L((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.items, (d, k) => (m(), R(K, {
                 key: `item-${k}`,
                 modelValue: e.value.platform.mappings.items[k],
                 "onUpdate:modelValue": (P) => e.value.platform.mappings.items[k] = P,
@@ -3112,15 +3112,15 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
             t("div", _n, [
-              t("div", bn, U(p(o)("report.integration.biztory.taxes")), 1),
-              i(v, {
+              t("div", bn, D(p(o)("report.integration.biztory.taxes")), 1),
+              s(v, {
                 variant: "primary",
                 icon: "add",
                 onClick: a[12] || (a[12] = () => y("taxes"))
               })
             ]),
             t("div", hn, [
-              (m(!0), F(O, null, L((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.taxes, (d, k) => (m(), I(R, {
+              (m(!0), C(O, null, L((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.taxes, (d, k) => (m(), R(K, {
                 key: `tax-${k}`,
                 modelValue: e.value.platform.mappings.taxes[k],
                 "onUpdate:modelValue": (P) => e.value.platform.mappings.taxes[k] = P,
@@ -3131,7 +3131,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 removable: !0,
                 onRemove: () => u("taxes", k)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-              (m(!0), F(O, null, L((me = (re = (ie = e.value) == null ? void 0 : ie.platform) == null ? void 0 : re.mappings) == null ? void 0 : me.taxRoundingAdjustments, (d, k) => (m(), I(R, {
+              (m(!0), C(O, null, L((me = (re = (ie = e.value) == null ? void 0 : ie.platform) == null ? void 0 : re.mappings) == null ? void 0 : me.taxRoundingAdjustments, (d, k) => (m(), R(K, {
                 key: `tax-rounding-adjustment-${k}`,
                 modelValue: e.value.platform.mappings.taxRoundingAdjustments[k],
                 "onUpdate:modelValue": (P) => e.value.platform.mappings.taxRoundingAdjustments[k] = P,
@@ -3144,8 +3144,8 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
             t("div", wn, [
-              t("div", Vn, U(p(o)("report.integration.biztory.payments")), 1),
-              i(v, {
+              t("div", Vn, D(p(o)("report.integration.biztory.payments")), 1),
+              s(v, {
                 variant: "primary",
                 icon: "add",
                 onClick: a[13] || (a[13] = () => y("paymentMethods"))
@@ -3154,7 +3154,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             t("div", kn, [
               a[18] || (a[18] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
               t("div", $n, [
-                i(R, {
+                s(K, {
                   modelValue: e.value.platform.mappings.paymentTerm,
                   "onUpdate:modelValue": a[14] || (a[14] = (d) => e.value.platform.mappings.paymentTerm = d),
                   options: {
@@ -3165,21 +3165,21 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            f.retrievedMethods.isError ? M("", !0) : (m(), F("div", Sn, U(p(o)("report.integration.biztory.paymentTerm")), 1)),
-            f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length == 0 && !f.retrievedMethods.isError ? (m(), F("span", Cn, U(p(o)("report.integration.biztory.noPaymentMethods")), 1)) : M("", !0),
-            f.retrievedMethods.isLoaded ? M("", !0) : (m(), I(G, {
+            f.retrievedMethods.isError ? M("", !0) : (m(), C("div", Sn, D(p(o)("report.integration.biztory.paymentTerm")), 1)),
+            f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length == 0 && !f.retrievedMethods.isError ? (m(), C("span", Cn, D(p(o)("report.integration.biztory.noPaymentMethods")), 1)) : M("", !0),
+            f.retrievedMethods.isLoaded ? M("", !0) : (m(), R(G, {
               key: 2,
               size: "xl"
             })),
-            f.retrievedMethods.isError ? (m(), F("span", Fn, U(p(o)("report.integration.biztory.error")), 1)) : M("", !0),
-            (m(!0), F(O, null, L((T = (de = (ce = e.value) == null ? void 0 : ce.platform) == null ? void 0 : de.mappings) == null ? void 0 : T.paymentMethods, (d, k) => {
+            f.retrievedMethods.isError ? (m(), C("span", Fn, D(p(o)("report.integration.biztory.error")), 1)) : M("", !0),
+            (m(!0), C(O, null, L((T = (de = (ce = e.value) == null ? void 0 : ce.platform) == null ? void 0 : de.mappings) == null ? void 0 : T.paymentMethods, (d, k) => {
               var P;
-              return m(), F("div", {
+              return m(), C("div", {
                 key: `payment-${k}`,
                 class: "grid-cols-1 grid gap-x-16"
               }, [
-                f.retrievedMethods.isLoaded && f.retrievedMethods.data && ((P = f.retrievedMethods.data) == null ? void 0 : P.length) != 0 ? (m(), F("div", Dn, [
-                  i(Y, {
+                f.retrievedMethods.isLoaded && f.retrievedMethods.data && ((P = f.retrievedMethods.data) == null ? void 0 : P.length) != 0 ? (m(), C("div", Dn, [
+                  s(Y, {
                     "model-value": !e.value.platform.mappings.paymentMethods[k].skip,
                     value: "",
                     "onUpdate:modelValue": (ue) => {
@@ -3187,7 +3187,7 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       (Me = (Ke = e.value.platform) == null ? void 0 : Ke.mappings) != null && Me.paymentMethods[k] && (e.value.platform.mappings.paymentMethods[k].skip = !ue);
                     }
                   }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                  i(ke, {
+                  s(ke, {
                     modelValue: e.value.platform.mappings.paymentMethods[k],
                     "onUpdate:modelValue": (ue) => e.value.platform.mappings.paymentMethods[k] = ue,
                     options: {
@@ -3215,28 +3215,28 @@ const lt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 });
 function Tn(f) {
   return f.reduce((o, e) => {
-    var w, x, D, b, _, c, h, $, u, y, n, g, C, a, l, v, r, K, N, G, Y, Q;
-    const { invoice: s } = e, V = o.length;
-    o[V] = {
-      invoice_date: s.invoice_date,
-      ref_num: s.ref_num,
-      grandTotal: s.grandTotal,
+    var V, x, F, b, _, c, h, $, u, y, n, g, U, a, l, v, r, N, A, G, Y, Q;
+    const { invoice: i } = e, w = o.length;
+    o[w] = {
+      invoice_date: i.invoice_date,
+      ref_num: i.ref_num,
+      grandTotal: i.grandTotal,
       // tax_code: invoice.tax[0].tax_code,
       // tax: invoice.tax.reduce((sum, tax) => sum + tax.tax, 0),
       // service_charge: invoice.service_charge.total,
-      item_code: (w = s.items[0]) == null ? void 0 : w.code,
-      item_desc: (x = s.items[0]) == null ? void 0 : x.description,
-      item_price: (D = s.items[0]) == null ? void 0 : D.price,
-      item_tax: (b = s.items[0]) == null ? void 0 : b.total_tax,
-      item_tax_label: ((_ = s.items[0]) == null ? void 0 : _.tax_label) || "-",
-      payment_amount: ((h = (c = s.transactions) == null ? void 0 : c[0]) == null ? void 0 : h.amount) || void 0,
-      payment_method: ((u = ($ = s.transactions) == null ? void 0 : $[0]) == null ? void 0 : u.payment_method) || "-",
-      payment_term: ((y = s == null ? void 0 : s.payment_term) == null ? void 0 : y.name) || ""
+      item_code: (V = i.items[0]) == null ? void 0 : V.code,
+      item_desc: (x = i.items[0]) == null ? void 0 : x.description,
+      item_price: (F = i.items[0]) == null ? void 0 : F.price,
+      item_tax: (b = i.items[0]) == null ? void 0 : b.total_tax,
+      item_tax_label: ((_ = i.items[0]) == null ? void 0 : _.tax_label) || "-",
+      payment_amount: ((h = (c = i.transactions) == null ? void 0 : c[0]) == null ? void 0 : h.amount) || void 0,
+      payment_method: ((u = ($ = i.transactions) == null ? void 0 : $[0]) == null ? void 0 : u.payment_method) || "-",
+      payment_term: ((y = i == null ? void 0 : i.payment_term) == null ? void 0 : y.name) || ""
     };
-    for (let j = 1; j < Math.max(((n = s.items) == null ? void 0 : n.length) || 0, ((g = s.transactions) == null ? void 0 : g.length) || 0); j++) {
-      const E = V + j;
+    for (let j = 1; j < Math.max(((n = i.items) == null ? void 0 : n.length) || 0, ((g = i.transactions) == null ? void 0 : g.length) || 0); j++) {
+      const E = w + j;
       o[E] || (o[E] = {});
-      const z = s.items[j];
+      const z = i.items[j];
       z ? o[E] = {
         ...o[E],
         item_code: z.code,
@@ -3244,13 +3244,13 @@ function Tn(f) {
         item_price: z.price,
         item_tax: z.total_tax,
         item_tax_label: z.tax_label || "-",
-        payment_amount: ((a = (C = s.transactions) == null ? void 0 : C[j]) == null ? void 0 : a.amount) || void 0,
-        payment_method: ((v = (l = s.transactions) == null ? void 0 : l[j]) == null ? void 0 : v.payment_method) || "-",
-        payment_term: ((r = s == null ? void 0 : s.payment_term) == null ? void 0 : r.name) || ""
+        payment_amount: ((a = (U = i.transactions) == null ? void 0 : U[j]) == null ? void 0 : a.amount) || void 0,
+        payment_method: ((v = (l = i.transactions) == null ? void 0 : l[j]) == null ? void 0 : v.payment_method) || "-",
+        payment_term: ((r = i == null ? void 0 : i.payment_term) == null ? void 0 : r.name) || ""
       } : o[E] = {
-        payment_amount: ((N = (K = s.transactions) == null ? void 0 : K[j]) == null ? void 0 : N.amount) || void 0,
-        payment_method: ((Y = (G = s.transactions) == null ? void 0 : G[j]) == null ? void 0 : Y.payment_method) || "-",
-        payment_term: ((Q = s == null ? void 0 : s.payment_term) == null ? void 0 : Q.name) || ""
+        payment_amount: ((A = (N = i.transactions) == null ? void 0 : N[j]) == null ? void 0 : A.amount) || void 0,
+        payment_method: ((Y = (G = i.transactions) == null ? void 0 : G[j]) == null ? void 0 : Y.payment_method) || "-",
+        payment_term: ((Q = i == null ? void 0 : i.payment_term) == null ? void 0 : Q.name) || ""
       };
     }
     return o;
@@ -3259,17 +3259,17 @@ function Tn(f) {
 const An = [
   {
     accessorKey: "invoice_date",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
     enableSorting: !1
   },
   {
     accessorKey: "ref_num",
-    header: () => A("p", { class: "min-w-[130px] text-nowrap text-ellipsis" }, "Doc No"),
+    header: () => I("p", { class: "min-w-[130px] text-nowrap text-ellipsis" }, "Doc No"),
     enableSorting: !1
   },
   {
     accessorKey: "grandTotal",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Total"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Total"),
     enableSorting: !1
   },
   // {
@@ -3289,87 +3289,88 @@ const An = [
   // },
   {
     accessorKey: "item_code",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Code"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Code"),
     enableSorting: !1
   },
   {
     accessorKey: "item_desc",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Description"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Description"),
     enableSorting: !1
   },
   {
     accessorKey: "item_price",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Price"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Price"),
     enableSorting: !1
   },
   {
     accessorKey: "item_tax",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Tax"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Tax"),
     enableSorting: !1
   },
   {
     accessorKey: "item_tax_label",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Tax Label"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Tax Label"),
     enableSorting: !1
   },
   {
     accessorKey: "payment_amount",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Amount"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Amount"),
     enableSorting: !1
   },
   {
     accessorKey: "payment_term",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Term"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Term"),
     enableSorting: !1
   },
   {
     accessorKey: "payment_method",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method"),
     enableSorting: !1
   }
 ];
 function In(f) {
   return f.reduce((o, e) => {
-    var D, b, _, c, h, $, u, y, n, g;
-    const { invoice: s, payments: V } = e, w = o.length;
-    o[w] = {
-      invoice_date: s.invoice_date,
-      ref_num: s.ref_num,
-      total: s.total,
-      item_code: (D = s.items[0]) == null ? void 0 : D.code,
-      item_description: (b = s.items[0]) == null ? void 0 : b.description,
-      item_price: (_ = s.items[0]) == null ? void 0 : _.price,
-      item_tax_label: ((c = s.items[0]) == null ? void 0 : c.tax_label) ?? "",
-      item_tax_amount: ((h = s.items[0]) == null ? void 0 : h.total_tax) ?? "",
-      service_charge_amount: (($ = s.service_charges[0]) == null ? void 0 : $.total) ?? "",
-      rounding: s.rounding ?? 0,
-      payment_term_id: s.payment_term.name ?? "",
-      payment_term_amount: ((u = s.terms[w]) == null ? void 0 : u.amount) ?? "",
-      payment_method: ((y = V[0]) == null ? void 0 : y.payment_method_name) || ""
+    var F, b, _, c, h, $, u, y, n, g, U, a, l;
+    const { invoice: i, payments: w } = e, V = o.length;
+    o[V] = {
+      invoice_date: i.invoice_date,
+      ref_num: i.ref_num,
+      total: i.total,
+      item_code: (F = i.items[0]) == null ? void 0 : F.code,
+      item_description: (b = i.items[0]) == null ? void 0 : b.description,
+      item_price: (_ = i.items[0]) == null ? void 0 : _.price,
+      item_tax_label: ((c = i.items[0]) == null ? void 0 : c.tax_label) ?? "",
+      item_tax_amount: ((h = i.items[0]) == null ? void 0 : h.total_tax) ?? "",
+      service_charge_amount: (($ = i.service_charges[0]) == null ? void 0 : $.total) ?? "",
+      rounding: i.rounding ?? 0,
+      payment_term_id: i.payment_term.name ?? "",
+      payment_term_amount: ((y = (u = w[0]) == null ? void 0 : u.ids[0]) == null ? void 0 : y.amount) ?? "",
+      payment_method: ((n = w[0]) == null ? void 0 : n.payment_method_name) || ""
     };
     const x = Math.max(
-      ((n = s.items) == null ? void 0 : n.length) || 0,
-      ((g = s.terms) == null ? void 0 : g.length) || 0,
-      (V == null ? void 0 : V.length) || 0
+      ((g = i.items) == null ? void 0 : g.length) || 0,
+      ((U = i.terms) == null ? void 0 : U.length) || 0,
+      (w == null ? void 0 : w.length) || 0
     );
-    for (let C = 1; C < x; C++) {
-      const a = w + C;
-      o[a] || (o[a] = {});
-      const l = s.items[C], v = s.terms[C], r = V[C];
-      l ? o[a] = {
-        ...o[a],
-        item_code: l.code,
-        item_description: l.description,
-        item_price: l.total,
-        item_tax_label: l.tax_label == "?" ? "" : l.tax_label ?? "",
-        item_tax_amount: l.total_tax ?? "",
-        payment_term_id: s.payment_term.name ?? "",
-        payment_term_amount: (v == null ? void 0 : v.amount) ?? "",
-        payment_method: (r == null ? void 0 : r.payment_method_name) || ""
-      } : o[a] = {
-        payment_term_id: s.payment_term.name ?? "",
-        payment_term_amount: (v == null ? void 0 : v.amount) ?? "",
-        payment_method: (r == null ? void 0 : r.payment_method_name) || ""
+    for (let v = 1; v < x; v++) {
+      const r = V + v;
+      o[r] || (o[r] = {});
+      const N = i.items[v], A = w[v];
+      N ? o[r] = {
+        ...o[r],
+        item_code: N.code,
+        item_description: N.description,
+        item_price: N.total,
+        item_tax_label: N.tax_label == "?" ? "" : N.tax_label ?? "",
+        item_tax_amount: N.total_tax ?? "",
+        payment_term_id: i.payment_term.name ?? "",
+        payment_term_amount: ((a = A == null ? void 0 : A.ids[0]) == null ? void 0 : a.amount) ?? "",
+        payment_method: (A == null ? void 0 : A.payment_method_name) || ""
+      } : o[r] = {
+        ...o[r],
+        payment_term_id: i.payment_term.name ?? "",
+        payment_term_amount: ((l = A == null ? void 0 : A.ids[0]) == null ? void 0 : l.amount) ?? "",
+        payment_method: (A == null ? void 0 : A.payment_method_name) || ""
       };
     }
     return o;
@@ -3378,7 +3379,7 @@ function In(f) {
 const Rn = [
   {
     accessorKey: "invoice_date",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
     enableSorting: !1
   },
   // {
@@ -3388,57 +3389,57 @@ const Rn = [
   // },
   {
     accessorKey: "total",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Total"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Total"),
     enableSorting: !1
   },
   {
     accessorKey: "item_code",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Code"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Code"),
     enableSorting: !1
   },
   {
     accessorKey: "item_description",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Description"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Description"),
     enableSorting: !1
   },
   {
     accessorKey: "item_price",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Price"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Price"),
     enableSorting: !1
   },
   {
     accessorKey: "item_tax_label",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Tax Label"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Tax Label"),
     enableSorting: !1
   },
   {
     accessorKey: "item_tax_amount",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Tax Amount"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Tax Amount"),
     enableSorting: !1
   },
   {
     accessorKey: "service_charge_amount",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Service Charge Amount"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Service Charge Amount"),
     enableSorting: !1
   },
   {
     accessorKey: "rounding",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Rounding"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Rounding"),
     enableSorting: !1
   },
   {
     accessorKey: "payment_term_id",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Term"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Term"),
     enableSorting: !1
   },
   {
     accessorKey: "payment_term_amount",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Term Amount"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Term Amount"),
     enableSorting: !1
   },
   {
     accessorKey: "payment_method",
-    header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method (ID)"),
+    header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method (ID)"),
     enableSorting: !1
   }
 ], Nn = { class: "h-full flex flex-col gap-16" }, Kn = { class: "flex flex-row gap-2 justify-between items-center" }, Mn = {
@@ -3452,24 +3453,24 @@ const Rn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B(!1), V = ge(), { dateRange: w } = Ie(ve()), x = B([]);
+    const { t: o } = J(), e = X(f, "modelValue"), i = B(!1), w = ge(), { dateRange: V } = Ie(ve()), x = B([]);
     xe(
-      () => w.value,
+      () => V.value,
       async () => {
         if (e.value._id)
           try {
-            s.value = !0, x.value = await Te(e.value._id);
+            i.value = !0, x.value = await Te(e.value._id);
           } catch (c) {
-            V.open({ message: c.message, type: "error" });
+            w.open({ message: c.message, type: "error" });
           } finally {
-            s.value = !1;
+            i.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    const D = q(() => {
+    const F = q(() => {
       switch (e.value.platform.mappings.version) {
         case "v1":
           return Tn(x.value);
@@ -3488,36 +3489,36 @@ const Rn = [
     });
     async function _() {
       try {
-        e.value._id && e.value.platform.subdomain && e.value.platform.api_key ? (s.value = !0, await Oe(e.value._id), V.open({ message: "Upload successful", type: "success" })) : V.open({ message: "Invalid accounting setting", type: "error" });
+        e.value._id && e.value.platform.subdomain && e.value.platform.api_key ? (i.value = !0, await Oe(e.value._id), w.open({ message: "Upload successful", type: "success" })) : w.open({ message: "Invalid accounting setting", type: "error" });
       } catch (c) {
-        c.message && V.open({ message: c.message, type: "error" }), c.errors && c.errors.forEach((h) => V.open({ message: h, type: "error" }));
+        c.message && w.open({ message: c.message, type: "error" }), c.errors && c.errors.forEach((h) => w.open({ message: h, type: "error" }));
       } finally {
-        s.value = !1;
+        i.value = !1;
       }
     }
     return (c, h) => {
       const $ = S("FmButton"), u = S("FmCircularProgress"), y = S("FmTable");
-      return m(), F("div", Nn, [
+      return m(), C("div", Nn, [
         t("div", Kn, [
-          i(Re, {
-            "date-range": p(w),
-            "onUpdate:dateRange": h[0] || (h[0] = (n) => Se(w) ? w.value = n : null),
+          s(Re, {
+            "date-range": p(V),
+            "onUpdate:dateRange": h[0] || (h[0] = (n) => Se(V) ? V.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i($, {
-            loading: s.value,
+          s($, {
+            loading: i.value,
             variant: "primary",
             label: "Upload",
             onClick: _
           }, null, 8, ["loading"])
         ]),
-        s.value ? (m(), F("div", Mn, [
-          i(u, { size: "xl" }),
-          t("span", Pn, U(p(o)("report.common.isLoading")), 1)
-        ])) : (m(), I(y, {
+        i.value ? (m(), C("div", Mn, [
+          s(u, { size: "xl" }),
+          t("span", Pn, D(p(o)("report.common.isLoading")), 1)
+        ])) : (m(), R(y, {
           key: 1,
           class: "flex overflow-y-auto",
-          "row-data": D.value,
+          "row-data": F.value,
           "column-defs": b.value
         }, null, 8, ["row-data", "column-defs"]))
       ]);
@@ -3531,7 +3532,7 @@ const Rn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
+    const { t: o } = J(), e = X(f, "modelValue"), i = B("setting"), w = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3542,8 +3543,8 @@ const Rn = [
         value: "preview",
         icon: "table"
       }
-    ], w = fe(), x = q(() => {
-      switch (s.value) {
+    ], V = fe(), x = q(() => {
+      switch (i.value) {
         case "preview":
           return {
             component: jn
@@ -3552,23 +3553,23 @@ const Rn = [
           return {
             component: Un,
             props: {
-              retrievedMethods: D.value,
+              retrievedMethods: F.value,
               retrievedCustomers: b.value
             }
           };
         default:
           return null;
       }
-    }), D = B({}), b = B({}), _ = (y, n) => y.map((g) => ({
+    }), F = B({}), b = B({}), _ = (y, n) => y.map((g) => ({
       label: n.length > 2 ? `ID:${g[n[2]]} [${g[n[0]]}] ${g[n[1]]}` : `[${g[n[0]]}] ${g[n[1]]}`,
       value: g.id,
       cnId: g.cnId ? g.cnId : null
-    })), c = (y) => _(y, ["wallet", "name"]), h = (y) => _(y, ["id", "name"]), $ = async (y, n, g, C) => {
+    })), c = (y) => _(y, ["wallet", "name"]), h = (y) => _(y, ["id", "name"]), $ = async (y, n, g, U) => {
       try {
         const a = await y(e.value._id);
         g.value.data = n(a);
       } catch (a) {
-        console.error(C, a), g.value.isError = !0;
+        console.error(U, a), g.value.isError = !0;
       } finally {
         g.value.isLoaded = !0;
       }
@@ -3577,40 +3578,40 @@ const Rn = [
       (y = e.value.platform.mappings) != null && y.version && await $(
         tt,
         c,
-        D,
+        F,
         "Failed to fetch payment methods:"
       ), ((n = e.value.platform.mappings) == null ? void 0 : n.version) == "v2" && await $(
         ot,
         h,
         b,
         "Failed to fetch customers:"
-      ), D.value.isLoaded = !0, b.value.isLoaded = !0;
+      ), F.value.isLoaded = !0, b.value.isLoaded = !0;
     };
     return Xe(u), xe(() => {
       var y;
       return (y = e.value.platform.mappings) == null ? void 0 : y.version;
     }, u), (y, n) => {
       var a, l, v;
-      const g = S("FmPageHead"), C = S("FmTabs");
-      return m(), F("div", On, [
-        i(g, {
+      const g = S("FmPageHead"), U = S("FmTabs");
+      return m(), C("div", On, [
+        s(g, {
           title: ((a = e.value) == null ? void 0 : a.name) || "Biztory",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": p(w).back
+          "onClick:back": p(V).back
         }, {
           description: _e(() => n[2] || (n[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(C, {
-          "model-value": s.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (r) => s.value = r),
-          items: V
+        s(U, {
+          "model-value": i.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (r) => i.value = r),
+          items: w
         }, null, 8, ["model-value"]),
         t("div", Bn, [
-          (m(), I(we((l = x.value) == null ? void 0 : l.component), He({
+          (m(), R(we((l = x.value) == null ? void 0 : l.component), He({
             modelValue: e.value,
             "onUpdate:modelValue": n[1] || (n[1] = (r) => e.value = r)
           }, (v = x.value) == null ? void 0 : v.props), null, 16, ["modelValue"]))
@@ -3629,39 +3630,39 @@ const Rn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ge(), V = Ve(), w = fe(), { promptLoader: x } = Ce(), { promptMessage: D } = Ae(), { restaurants: b } = ve(), _ = q(
+    const { t: o } = J(), e = X(f, "modelValue"), i = ge(), w = Ve(), V = fe(), { promptLoader: x } = Ce(), { promptMessage: F } = Ae(), { restaurants: b } = ve(), _ = q(
       () => b.map((n) => ({ label: n.name, value: n.id }))
     );
     async function c() {
-      await D({
+      await F({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
       }) && await x(async () => {
         try {
-          await Fe(e.value._id), await V.getSettings(), w.back();
+          await Fe(e.value._id), await w.getSettings(), V.back();
         } catch (g) {
-          s.open({ type: "error", message: g.message });
+          i.open({ type: "error", message: g.message });
         }
       });
     }
     async function h() {
       await x(async () => {
         try {
-          await De(e.value._id, e.value), await V.getSettings();
+          await De(e.value._id, e.value), await w.getSettings();
         } catch (n) {
-          s.open({ type: "error", message: n.message });
+          i.open({ type: "error", message: n.message });
         }
       });
     }
     function $(n, g) {
-      var C, a;
-      (a = (C = e.value.platform) == null ? void 0 : C.mappings) != null && a[n] && (e.value.platform.mappings[n] = e.value.platform.mappings[n].filter(
+      var U, a;
+      (a = (U = e.value.platform) == null ? void 0 : U.mappings) != null && a[n] && (e.value.platform.mappings[n] = e.value.platform.mappings[n].filter(
         (l, v) => v !== g
       ));
     }
     function u(n) {
-      var g, C;
-      (C = (g = e.value.platform) == null ? void 0 : g.mappings) != null && C[n] && (e.value.platform.mappings[n] = [
+      var g, U;
+      (U = (g = e.value.platform) == null ? void 0 : g.mappings) != null && U[n] && (e.value.platform.mappings[n] = [
         ...e.value.platform.mappings[n],
         {
           key: "",
@@ -3674,36 +3675,36 @@ const Rn = [
     async function y() {
       await x(async () => {
         try {
-          await Ue(e.value._id), await V.getSettings();
+          await Ue(e.value._id), await w.getSettings();
         } catch (n) {
-          s.open({ type: "error", message: n.message });
+          i.open({ type: "error", message: n.message });
         }
       });
     }
     return $e(async () => {
-      await V.getSettings();
+      await w.getSettings();
     }), (n, g) => {
-      var K, N, G, Y, Q;
-      const C = S("FmIcon"), a = S("FmButton"), l = S("FmMenuDivider"), v = S("FmTextField"), r = S("FmSelect");
-      return (N = (K = e.value) == null ? void 0 : K.platform) != null && N.mappings ? (m(), F("div", En, [
+      var N, A, G, Y, Q;
+      const U = S("FmIcon"), a = S("FmButton"), l = S("FmMenuDivider"), v = S("FmTextField"), r = S("FmSelect");
+      return (A = (N = e.value) == null ? void 0 : N.platform) != null && A.mappings ? (m(), C("div", En, [
         t("div", Yn, [
           t("div", zn, [
             g[4] || (g[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
             t("div", qn, [
               t("div", Hn, [
-                i(C, {
+                s(U, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: y
                 }),
-                t("span", Xn, U(p(o)("report.integration.refreshSetting")), 1)
+                t("span", Xn, D(p(o)("report.integration.refreshSetting")), 1)
               ]),
-              i(a, {
+              s(a, {
                 variant: "tertiary",
                 label: p(o)("report.common.delete"),
                 onClick: c
               }, null, 8, ["label"]),
-              i(a, {
+              s(a, {
                 variant: "primary",
                 label: p(o)("report.common.update"),
                 onClick: h
@@ -3711,22 +3712,22 @@ const Rn = [
             ])
           ])
         ]),
-        i(l, { style: { margin: 0 } }),
+        s(l, { style: { margin: 0 } }),
         t("div", Gn, [
           t("div", Qn, [
-            t("div", Jn, U(p(o)("report.integration.general")), 1),
+            t("div", Jn, D(p(o)("report.integration.general")), 1),
             t("div", Wn, [
-              t("div", Zn, U(p(o)("report.common.name")), 1),
+              t("div", Zn, D(p(o)("report.common.name")), 1),
               t("div", es, [
-                i(v, {
+                s(v, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": g[0] || (g[0] = (j) => e.value.name = j)
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", ts, [
-              t("div", os, U(p(o)("report.integration.location")), 1),
-              i(r, {
+              t("div", os, D(p(o)("report.integration.location")), 1),
+              s(r, {
                 "model-value": e.value.platform.locationIds[0],
                 multiselect: !1,
                 items: _.value,
@@ -3736,21 +3737,21 @@ const Rn = [
               }, null, 8, ["model-value", "items"])
             ])
           ]),
-          i(Ne, {
+          s(Ne, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": g[2] || (g[2] = (j) => e.value.platform = j),
             label: p(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
           t("div", as, [
-            t("div", ls, U(p(o)("report.integration.iflexiHrms.employee")), 1),
-            i(a, {
+            t("div", ls, D(p(o)("report.integration.iflexiHrms.employee")), 1),
+            s(a, {
               variant: "primary",
               icon: "add",
               onClick: g[3] || (g[3] = () => u("employees"))
             })
           ]),
           t("div", ns, [
-            (m(!0), F(O, null, L((Q = (Y = (G = e.value) == null ? void 0 : G.platform) == null ? void 0 : Y.mappings) == null ? void 0 : Q.employees, (j, E) => (m(), I(R, {
+            (m(!0), C(O, null, L((Q = (Y = (G = e.value) == null ? void 0 : G.platform) == null ? void 0 : Y.mappings) == null ? void 0 : Q.employees, (j, E) => (m(), R(K, {
               key: `employee-${E}`,
               modelValue: e.value.platform.mappings.employees[E],
               "onUpdate:modelValue": (z) => e.value.platform.mappings.employees[E] = z,
@@ -3778,43 +3779,43 @@ const Rn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = B([]), s = [
+    const { t: o } = J(), e = B([]), i = [
       {
         accessorKey: "name",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Name"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Name"),
         enableSorting: !1
       },
       {
         accessorKey: "badgeNo",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Badge No"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Badge No"),
         enableSorting: !1
       },
       {
         accessorKey: "employeeNo",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Employee No"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Employee No"),
         enableSorting: !1
       },
       {
         accessorKey: "date",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
         enableSorting: !1
       },
       {
         accessorKey: "time",
-        header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
+        header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
         enableSorting: !1
       }
-    ], V = X(f, "modelValue"), w = B(!1), x = ge(), { dateRange: D } = Ie(ve());
+    ], w = X(f, "modelValue"), V = B(!1), x = ge(), { dateRange: F } = Ie(ve());
     xe(
-      () => D.value,
+      () => F.value,
       async () => {
-        if (V.value._id)
+        if (w.value._id)
           try {
-            w.value = !0, e.value = await Te(V.value._id);
+            V.value = !0, e.value = await Te(w.value._id);
           } catch (_) {
             x.open({ message: _.message, type: "error" });
           } finally {
-            w.value = !1;
+            V.value = !1;
           }
       },
       {
@@ -3823,37 +3824,37 @@ const Rn = [
     );
     async function b() {
       try {
-        V.value._id ? (w.value = !0, await Be(V.value._id)) : x.open({ message: "Invalid setting", type: "error" });
+        w.value._id ? (V.value = !0, await Be(w.value._id)) : x.open({ message: "Invalid setting", type: "error" });
       } catch (_) {
         x.open({ message: _.message, type: "error" });
       } finally {
-        w.value = !1;
+        V.value = !1;
       }
     }
     return (_, c) => {
       const h = S("FmButton"), $ = S("FmCircularProgress"), u = S("FmTable");
-      return m(), F("div", is, [
+      return m(), C("div", is, [
         t("div", rs, [
-          i(Re, {
-            "date-range": p(D),
-            "onUpdate:dateRange": c[0] || (c[0] = (y) => Se(D) ? D.value = y : null),
+          s(Re, {
+            "date-range": p(F),
+            "onUpdate:dateRange": c[0] || (c[0] = (y) => Se(F) ? F.value = y : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          i(h, {
-            loading: w.value,
+          s(h, {
+            loading: V.value,
             variant: "primary",
             label: p(o)("report.common.download"),
             onClick: b
           }, null, 8, ["loading", "label"])
         ]),
-        w.value ? (m(), F("div", ms, [
-          i($, { size: "xl" }),
-          t("span", cs, U(p(o)("report.common.isLoading")), 1)
-        ])) : e.value.length > 0 ? (m(), I(u, {
+        V.value ? (m(), C("div", ms, [
+          s($, { size: "xl" }),
+          t("span", cs, D(p(o)("report.common.isLoading")), 1)
+        ])) : e.value.length > 0 ? (m(), R(u, {
           key: 1,
           class: "flex overflow-y-auto",
           "row-data": e.value,
-          "column-defs": s
+          "column-defs": i
         }, null, 8, ["row-data"])) : M("", !0)
       ]);
     };
@@ -3866,7 +3867,7 @@ const Rn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B("setting"), V = [
+    const { t: o } = J(), e = X(f, "modelValue"), i = B("setting"), w = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -3877,8 +3878,8 @@ const Rn = [
         value: "preview",
         icon: "table"
       }
-    ], w = fe(), x = q(() => {
-      switch (s.value) {
+    ], V = fe(), x = q(() => {
+      switch (i.value) {
         case "preview":
           return ds;
         case "setting":
@@ -3887,28 +3888,28 @@ const Rn = [
           return null;
       }
     });
-    return (D, b) => {
+    return (F, b) => {
       var h;
       const _ = S("FmPageHead"), c = S("FmTabs");
-      return m(), F("div", us, [
-        i(_, {
+      return m(), C("div", us, [
+        s(_, {
           title: ((h = e.value) == null ? void 0 : h.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": p(w).back
+          "onClick:back": p(V).back
         }, {
           description: _e(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        i(c, {
-          "model-value": s.value,
-          "onUpdate:modelValue": b[0] || (b[0] = ($) => s.value = $),
-          items: V
+        s(c, {
+          "model-value": i.value,
+          "onUpdate:modelValue": b[0] || (b[0] = ($) => i.value = $),
+          items: w
         }, null, 8, ["model-value"]),
         t("div", ps, [
-          (m(), I(we(x.value), {
+          (m(), R(we(x.value), {
             modelValue: e.value,
             "onUpdate:modelValue": b[1] || (b[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
@@ -3919,19 +3920,19 @@ const Rn = [
 }), vs = { class: "px-24 h-full relative" }, ks = /* @__PURE__ */ H({
   __name: "Integration",
   setup(f) {
-    const o = B(void 0), { params: e } = Ge(), s = Ve(), V = B();
+    const o = B(void 0), { params: e } = Ge(), i = Ve(), w = B();
     Xe(async () => {
-      s.settings.length === 0 && await s.getSettings();
+      i.settings.length === 0 && await i.getSettings();
     }), xe(
-      () => s.settings,
+      () => i.settings,
       (x) => {
         var b;
-        const D = x.find((_) => _._id === e.id);
-        D && (V.value = D, o.value = (b = V.value.platform) == null ? void 0 : b.name);
+        const F = x.find((_) => _._id === e.id);
+        F && (w.value = F, o.value = (b = w.value.platform) == null ? void 0 : b.name);
       },
       { immediate: !0 }
     );
-    const w = q(() => {
+    const V = q(() => {
       switch (o.value) {
         case pe.Xero:
           return no;
@@ -3949,10 +3950,10 @@ const Rn = [
           return null;
       }
     });
-    return (x, D) => (m(), F("div", vs, [
-      (m(), I(we(w.value), {
-        modelValue: V.value,
-        "onUpdate:modelValue": D[0] || (D[0] = (b) => V.value = b)
+    return (x, F) => (m(), C("div", vs, [
+      (m(), R(we(V.value), {
+        modelValue: w.value,
+        "onUpdate:modelValue": F[0] || (F[0] = (b) => w.value = b)
       }, null, 8, ["modelValue"]))
     ]));
   }