@feedmepos/mf-report 5.5.20-beta.0 → 5.5.21-beta.0

package/dist/{Integration-MJ5FilrP.js → Integration-CEphXBa6.js}

@@ -1,15 +1,15 @@
-import { defineComponent as q, mergeModels as ye, useModel as X, computed as Y, resolveComponent as S, createElementBlock as D, openBlock as c, createElementVNode as t, createCommentVNode as N, normalizeClass as Ae, Fragment as L, renderList as H, createBlock as M, createVNode as r, withCtx as ge, toDisplayString as T, unref as u, ref as B, onUnmounted as be, watch as ve, isRef as we, h as I, resolveDynamicComponent as xe, mergeProps as Ee, onMounted as ze } from "vue";
-import { useRouter as de, useRoute as Ye } from "vue-router";
-import { u as J, I as ce, d as Le, e as _e, f as he, b as pe, q as qe, m as He, p as Ve, r as ke, s as $e, t as Se, v as Pe, w as Xe, x as Qe, y as Ge, A as fe, z as Ne, B as Je, E as We } from "./global-loader-L0Oj4uDq.js";
+import { defineComponent as q, mergeModels as ye, useModel as X, computed as z, resolveComponent as k, createElementBlock as D, openBlock as c, createElementVNode as t, createCommentVNode as P, normalizeClass as Ae, Fragment as L, renderList as H, createBlock as N, createVNode as i, withCtx as ge, toDisplayString as F, unref as p, ref as B, onUnmounted as be, watch as ve, isRef as he, h as I, resolveDynamicComponent as xe, mergeProps as Ye, onMounted as ze } from "vue";
+import { useRouter as de, useRoute as qe } from "vue-router";
+import { u as J, I as ce, d as Ee, e as _e, f as we, b as pe, q as He, m as Xe, p as Ve, r as ke, s as $e, t as Se, v as Pe, w as Ge, x as Qe, y as Je, A as fe, z as Re, B as We, E as Ze } from "./global-loader-DqYGIXIo.js";
 import { u as Ce } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as ue } from "@feedmepos/ui-library";
-import { s as Ze } from "./index-148XMTJB.js";
-import { storeToRefs as De } from "pinia";
-import { _ as Fe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-Dzy-IsJ-.js";
-const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, tt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, ot = {
+import { s as et } from "./index-BChph3k1.js";
+import { storeToRefs as Fe } from "pinia";
+import { _ as De } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BD2DnN09.js";
+const tt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, ot = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, at = {
   key: 0,
   class: "w-[24px] flex items-center"
-}, K = /* @__PURE__ */ q({
+}, M = /* @__PURE__ */ q({
   __name: "MappingField",
   props: /* @__PURE__ */ ye({
     removable: {
@@ -34,76 +34,76 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: /* @__PURE__ */ ye(["remove"], ["update:modelValue"]),
   setup(v, { emit: o }) {
-    const e = X(v, "modelValue"), s = v, V = Y(
-      () => Object.keys(s.options).map((_) => {
-        const C = s.options[_];
+    const e = X(v, "modelValue"), s = v, V = z(
+      () => Object.keys(s.options).map((x) => {
+        const C = s.options[x];
         return {
           placeholder: C.placeholder,
-          key: _,
+          key: x,
           editable: C.editable
         };
       })
-    ), h = o;
-    return (_, C) => {
-      const b = S("FmTextField"), x = S("FmTooltip"), m = S("FmIcon");
-      return c(), D("div", et, [
+    ), w = o;
+    return (x, C) => {
+      const b = k("FmTextField"), _ = k("FmTooltip"), m = k("FmIcon");
+      return c(), D("div", tt, [
         t("div", {
           class: Ae(`${v.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
-          (c(!0), D(L, null, H(V.value, (w) => {
-            var k;
+          (c(!0), D(L, null, H(V.value, (h) => {
+            var $;
             return c(), D(L, {
-              key: w.key
+              key: h.key
             }, [
-              w.editable ? (c(), D("div", {
+              h.editable ? (c(), D("div", {
                 key: 0,
                 class: Ae(`${v.removable ? "w-[50%]" : "w-[100%]"}`)
               }, [
-                r(b, {
-                  "model-value": e.value[w.key],
-                  placeholder: w.placeholder,
+                i(b, {
+                  "model-value": e.value[h.key],
+                  placeholder: h.placeholder,
                   type: v.type,
                   rules: v.rules,
                   "onUpdate:modelValue": (d) => {
                     let y = d;
                     v.type === "number" && (y = Number(d)), e.value = {
                       ...e.value,
-                      [w.key]: y
+                      [h.key]: y
                     };
                   }
                 }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])
-              ], 2)) : (c(), M(x, {
+              ], 2)) : (c(), N(_, {
                 key: 1,
-                content: (k = e.value[w.key]) == null ? void 0 : k.toString(),
+                content: ($ = e.value[h.key]) == null ? void 0 : $.toString(),
                 class: "w-[50%]"
               }, {
                 default: ge(() => [
-                  t("div", tt, T(e.value[w.key]), 1)
+                  t("div", ot, F(e.value[h.key]), 1)
                 ]),
                 _: 2
               }, 1032, ["content"]))
             ], 64);
           }), 128))
         ], 2),
-        v.removable ? (c(), D("div", ot, [
-          r(m, {
+        v.removable ? (c(), D("div", at, [
+          i(m, {
             color: "system-error-300",
             class: "cursor-pointer",
             name: "close",
             size: "md",
-            onClick: C[0] || (C[0] = (w) => h("remove"))
+            onClick: C[0] || (C[0] = (h) => w("remove"))
           })
-        ])) : N("", !0)
+        ])) : P("", !0)
       ]);
     };
   }
-}), at = { class: "flex flex-col" }, lt = { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, nt = {
+}), lt = { class: "flex flex-col" }, nt = { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, st = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, st = { class: "flex flex-row items-center w-[100%] justify-start" }, it = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, rt = {
+}, it = { class: "flex flex-row items-center w-[100%] justify-start" }, rt = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, mt = {
   key: 0,
   class: "flex flex-row items-center w-[100%] justify-start"
-}, mt = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, ct = { class: "w-[calc(75%+4px)]" }, dt = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, pt = { class: "flex flex-row items-center w-[100%] justify-between" }, ut = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis" }, ft = { class: "w-[50%]" }, Ue = /* @__PURE__ */ q({
+}, ct = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, dt = { class: "w-[calc(75%+4px)]" }, pt = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ut = { class: "flex flex-row items-center w-[100%] justify-between" }, ft = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis" }, vt = { class: "w-[50%]" }, Ue = /* @__PURE__ */ q({
   __name: "UploadSection",
   props: /* @__PURE__ */ ye({
     label: {
@@ -120,7 +120,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(v) {
-    const { t: o } = J(), e = X(v, "modelValue"), s = Y(() => {
+    const { t: o } = J(), e = X(v, "modelValue"), s = z(() => {
       switch (e.value.name) {
         case ce.AutoCount:
         case ce.SQL:
@@ -130,79 +130,79 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           return !1;
       }
     });
-    return (V, h) => {
-      var x, m;
-      const _ = S("FmSwitch"), C = S("FmTextField"), b = S("FmTimePicker");
+    return (V, w) => {
+      var _, m;
+      const x = k("FmSwitch"), C = k("FmTextField"), b = k("FmTimePicker");
       return c(), D(L, null, [
-        t("div", at, [
-          t("div", lt, T(u(o)("report.integration.auto", { label: v.label })), 1),
-          v.label == "upload" ? (c(), D("div", nt, T(u(o)("report.integration.lastUploadDate")) + ": " + T(v.lastUploadDate ? u(Le)(v.lastUploadDate).format("MMMM D, YYYY h:mm A") : u(o)("report.integration.noData.title")), 1)) : N("", !0)
+        t("div", lt, [
+          t("div", nt, F(p(o)("report.integration.auto", { label: v.label })), 1),
+          v.label == "upload" ? (c(), D("div", st, F(p(o)("report.integration.lastUploadDate")) + ": " + F(v.lastUploadDate ? p(Ee)(v.lastUploadDate).format("MMMM D, YYYY h:mm A") : p(o)("report.integration.noData.title")), 1)) : P("", !0)
         ]),
-        t("div", st, [
-          t("div", it, T(u(o)("report.common.enable")), 1),
-          r(_, {
+        t("div", it, [
+          t("div", rt, F(p(o)("report.common.enable")), 1),
+          i(x, {
             modelValue: e.value.enable,
-            "onUpdate:modelValue": h[0] || (h[0] = (w) => e.value.enable = w),
+            "onUpdate:modelValue": w[0] || (w[0] = (h) => e.value.enable = h),
             style: { gap: "0px" }
           }, null, 8, ["modelValue"])
         ]),
-        s.value ? (c(), D("div", rt, [
-          t("div", mt, T(u(o)("report.common.email")), 1),
-          t("div", ct, [
-            r(C, {
+        s.value ? (c(), D("div", mt, [
+          t("div", ct, F(p(o)("report.common.email")), 1),
+          t("div", dt, [
+            i(C, {
               "model-value": (e.value.emails || []).join(","),
               placeholder: "Email",
-              "onUpdate:modelValue": h[1] || (h[1] = (w) => {
+              "onUpdate:modelValue": w[1] || (w[1] = (h) => {
                 switch (e.value.name) {
-                  case u(ce).AutoCount:
-                  case u(ce).SQL:
-                  case u(ce).iFlexi_HRMS:
-                    e.value.emails = w.split(",");
+                  case p(ce).AutoCount:
+                  case p(ce).SQL:
+                  case p(ce).iFlexi_HRMS:
+                    e.value.emails = h.split(",");
                     break;
                 }
               })
             }, null, 8, ["model-value"])
           ])
-        ])) : N("", !0),
-        t("div", dt, [
-          t("div", pt, [
-            t("div", ut, T(u(Ze)(v.label)) + " time ", 1),
-            t("div", ft, [
-              r(b, {
+        ])) : P("", !0),
+        t("div", pt, [
+          t("div", ut, [
+            t("div", ft, F(p(et)(v.label)) + " time ", 1),
+            t("div", vt, [
+              i(b, {
                 class: "gap-[0px]",
-                "model-value": u(Le)().hour(((x = e.value.triggerTime) == null ? void 0 : x.hour) ?? 0).minute(((m = e.value.triggerTime) == null ? void 0 : m.minute) ?? 0).format("HH:mm"),
-                "onUpdate:modelValue": h[2] || (h[2] = (w) => {
-                  w && (e.value.triggerTime.hour = Number(w.split(":")[0]), e.value.triggerTime.minute = Number(w.split(":")[1]));
+                "model-value": p(Ee)().hour(((_ = e.value.triggerTime) == null ? void 0 : _.hour) ?? 0).minute(((m = e.value.triggerTime) == null ? void 0 : m.minute) ?? 0).format("HH:mm"),
+                "onUpdate:modelValue": w[2] || (w[2] = (h) => {
+                  h && (e.value.triggerTime.hour = Number(h.split(":")[0]), e.value.triggerTime.minute = Number(h.split(":")[1]));
                 })
               }, null, 8, ["model-value"])
             ])
           ]),
-          r(K, {
+          i(M, {
             "model-value": {
-              label: u(o)("report.integration.delayDay"),
+              label: p(o)("report.integration.delayDay"),
               delayDay: e.value.delayDay
             },
             type: "number",
             options: {
-              label: { placeholder: u(o)("report.integration.delayDay"), editable: !1 },
-              delayDay: { placeholder: u(o)("report.integration.delayDay"), editable: !0 }
+              label: { placeholder: p(o)("report.integration.delayDay"), editable: !1 },
+              delayDay: { placeholder: p(o)("report.integration.delayDay"), editable: !0 }
             },
-            rules: [(w) => w > 0 || "Delay days must be greater than 0"],
-            "onUpdate:modelValue": h[3] || (h[3] = (w) => {
-              e.value.delayDay = w.delayDay;
+            rules: [(h) => h > 0 || "Delay days must be greater than 0"],
+            "onUpdate:modelValue": w[3] || (w[3] = (h) => {
+              e.value.delayDay = h.delayDay;
             })
           }, null, 8, ["model-value", "options", "rules"])
         ])
       ], 64);
     };
   }
-}), vt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, gt = {
+}), gt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, yt = {
   key: 0,
   class: "w-[50%]"
-}, yt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, xt = {
+}, xt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, _t = {
   key: 0,
   class: "w-[24px] flex items-center"
-}, Ke = /* @__PURE__ */ q({
+}, Me = /* @__PURE__ */ q({
   __name: "MappingDropdown",
   props: /* @__PURE__ */ ye({
     removable: {
@@ -231,96 +231,96 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: /* @__PURE__ */ ye(["remove"], ["update:modelValue"]),
   setup(v, { emit: o }) {
-    const e = X(v, "modelValue"), s = v, V = Y(
-      () => Object.keys(s.options).map((x) => {
-        const m = s.options[x];
+    const e = X(v, "modelValue"), s = v, V = z(
+      () => Object.keys(s.options).map((_) => {
+        const m = s.options[_];
         return {
           placeholder: m.placeholder,
-          key: x,
+          key: _,
           editable: m.editable,
           dropdownOptions: m.dropdownOptions
         };
       })
-    ), h = (x, m) => {
-      s.singleValueMode ? e.value = s.type === "number" ? Number(x) : x : m && (e.value = {
+    ), w = (_, m) => {
+      s.singleValueMode ? e.value = s.type === "number" ? Number(_) : _ : m && (e.value = {
         ...e.value,
-        [m]: s.type === "number" ? Number(x) : x
+        [m]: s.type === "number" ? Number(_) : _
       });
-    }, _ = (x) => {
+    }, x = (_) => {
       var m;
-      return s.singleValueMode ? s.options.key.placeholder : (m = e.value[x.key]) == null ? void 0 : m.toString();
-    }, C = (x) => s.singleValueMode ? e.value : e.value[x.key], b = o;
-    return (x, m) => {
-      const w = S("FmSelect"), k = S("FmTextField"), d = S("FmTooltip"), y = S("FmIcon");
-      return c(), D("div", vt, [
+      return s.singleValueMode ? s.options.key.placeholder : (m = e.value[_.key]) == null ? void 0 : m.toString();
+    }, C = (_) => s.singleValueMode ? e.value : e.value[_.key], b = o;
+    return (_, m) => {
+      const h = k("FmSelect"), $ = k("FmTextField"), d = k("FmTooltip"), y = k("FmIcon");
+      return c(), D("div", gt, [
         t("div", {
           class: Ae(`${v.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
           (c(!0), D(L, null, H(V.value, (n) => (c(), D(L, {
             key: n.key
           }, [
-            n.editable ? (c(), D("div", gt, [
-              n.dropdownOptions ? (c(), M(w, {
+            n.editable ? (c(), D("div", yt, [
+              n.dropdownOptions ? (c(), N(h, {
                 key: 0,
                 "model-value": C(n),
                 placeholder: n.placeholder,
                 items: n.dropdownOptions,
                 "shift-menu": !0,
-                "onUpdate:modelValue": (g) => h(g, n.key)
-              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (c(), M(k, {
+                "onUpdate:modelValue": (g) => w(g, n.key)
+              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (c(), N($, {
                 key: 1,
                 "model-value": C(n),
                 placeholder: n.placeholder,
                 type: v.type,
                 rules: v.rules,
-                "onUpdate:modelValue": (g) => h(g, n.key)
+                "onUpdate:modelValue": (g) => w(g, n.key)
               }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
-            ])) : (c(), M(d, {
+            ])) : (c(), N(d, {
               key: 1,
-              content: _(n),
+              content: x(n),
               class: "w-[50%]"
             }, {
               default: ge(() => [
-                t("div", yt, T(_(n)), 1)
+                t("div", xt, F(x(n)), 1)
               ]),
               _: 2
             }, 1032, ["content"]))
           ], 64))), 128))
         ], 2),
-        v.removable ? (c(), D("div", xt, [
-          r(y, {
+        v.removable ? (c(), D("div", _t, [
+          i(y, {
             color: "system-error-300",
             class: "cursor-pointer",
             name: "close",
             size: "md",
             onClick: m[0] || (m[0] = (n) => b("remove"))
           })
-        ])) : N("", !0)
+        ])) : P("", !0)
       ]);
     };
   }
-}), _t = {
+}), bt = {
   key: 0,
   class: "flex flex-col h-full"
-}, bt = { class: "flex flex-col gap-[16px] pb-[24px]" }, wt = { class: "flex flex-row justify-between items-center gap-2" }, ht = { class: "flex flex-row gap-2 items-center" }, Vt = { class: "relative group cursor-pointer" }, kt = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, $t = { class: "flex flex-row items-center justify-between gap-2" }, St = { class: "w-[25%]" }, Ct = { class: "flex flex-col gap-[16px]" }, Dt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Ft = { class: "flex-grow" }, Ut = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Tt = { class: "flex flex-col gap-[16px]" }, It = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Mt = { class: "flex-grow" }, Kt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, At = { class: "flex-grow" }, Pt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Nt = { class: "flex-grow" }, Rt = { class: "flex flex-row items-center gap-x-16" }, Ot = {
+}, ht = { class: "flex flex-col gap-[16px] pb-[24px]" }, wt = { class: "flex flex-row justify-between items-center gap-2" }, Vt = { class: "flex flex-row gap-2 items-center" }, kt = { class: "relative group cursor-pointer" }, $t = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, St = { class: "flex flex-row items-center justify-between gap-2" }, Ct = { class: "w-[25%]" }, Ft = { class: "flex flex-col gap-[16px]" }, Dt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Ut = { class: "flex-grow" }, Tt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, It = { class: "flex flex-col gap-[16px]" }, Nt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Mt = { class: "flex-grow" }, Kt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, At = { class: "flex-grow" }, Pt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Rt = { class: "flex-grow" }, Ot = { class: "flex flex-row items-center gap-x-16" }, Bt = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Bt = {
+}, jt = {
   key: 2,
   class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, jt = { class: "flex flex-row items-center gap-x-16" }, Lt = {
+}, Lt = { class: "flex flex-row items-center gap-x-16" }, Et = {
   key: 3,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Et = {
+}, Yt = {
   key: 5,
   class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, zt = { class: "flex flex-row items-center gap-x-16" }, Yt = {
+}, zt = { class: "flex flex-row items-center gap-x-16" }, qt = {
   key: 6,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, qt = {
+}, Ht = {
   key: 8,
   class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, Ht = /* @__PURE__ */ q({
+}, Xt = /* @__PURE__ */ q({
   __name: "Setting",
   props: /* @__PURE__ */ ye({
     tenantOptions: {
@@ -341,37 +341,37 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(v) {
-    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = B(!1), m = Y(
+    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), w = de(), { promptLoader: x } = we(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), _ = B(!1), m = z(
       () => b.map((f) => ({ label: f.name, value: f.id }))
-    ), w = Y(() => {
-      var f, i;
-      return x.value ? "Connecting" : (i = (f = e.value) == null ? void 0 : f.platform) != null && i.accessToken ? "Disconnect" : "Connect";
-    }), k = B(0);
+    ), h = z(() => {
+      var f, r;
+      return _.value ? "Connecting" : (r = (f = e.value) == null ? void 0 : f.platform) != null && r.accessToken ? "Disconnect" : "Connect";
+    }), $ = B(0);
     async function d() {
       var f;
-      if (x.value)
+      if (_.value)
         s.open({ type: "error", message: "Connecting in progress" });
       else if ((f = e.value.platform) != null && f.accessToken)
         await C({
           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 He(e.value._id), await V.getSettings());
       else if (e.value._id)
         try {
-          const i = await He(e.value._id);
-          x.value = !0;
-          const P = setInterval(async () => {
-            var A;
-            k.value += 1;
+          const r = await Xe(e.value._id);
+          _.value = !0;
+          const A = setInterval(async () => {
+            var K;
+            $.value += 1;
             try {
               await V.getSettings();
             } finally {
-              (k.value === 12 || (A = e.value.platform) != null && A.accessToken) && (x.value = !1, P && clearInterval(P), k.value = 0);
+              ($.value === 12 || (K = e.value.platform) != null && K.accessToken) && (_.value = !1, A && clearInterval(A), $.value = 0);
             }
           }, 5e3);
-          window.open(i.redirect, "_blank");
-        } catch (i) {
-          s.open({ type: "error", message: i.message });
+          window.open(r.redirect, "_blank");
+        } catch (r) {
+          s.open({ type: "error", message: r.message });
         }
       else
         s.open({ type: "error", message: `invalid accounting ${e.value._id}` });
@@ -380,16 +380,16 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       await C({
         message: `Confirm delete ${e.value.name}?`,
         title: "Delete"
-      }) && await _(async () => {
+      }) && await x(async () => {
         try {
-          await Ve(e.value._id), await V.getSettings(), h.back();
-        } catch (i) {
-          s.open({ type: "error", message: i.message });
+          await Ve(e.value._id), await V.getSettings(), w.back();
+        } catch (r) {
+          s.open({ type: "error", message: r.message });
         }
       });
     }
     async function n() {
-      await _(async () => {
+      await x(async () => {
         try {
           await ke(e.value._id, e.value), await V.getSettings();
         } catch (f) {
@@ -398,21 +398,21 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       });
     }
     function g(f) {
-      const i = v.tenantOptions.data.find((P) => P.value === f);
-      i && e.value.platform && (e.value.platform.tenant = {
-        id: i.value,
-        name: i.label
+      const r = v.tenantOptions.data.find((A) => A.value === f);
+      r && e.value.platform && (e.value.platform.tenant = {
+        id: r.value,
+        name: r.label
       });
     }
-    function $(f, i) {
-      var P, A;
-      (A = (P = e.value.platform) == null ? void 0 : P.mappings) != null && A[f] && (e.value.platform.mappings[f] = e.value.platform.mappings[f].filter(
-        (Q, E) => E !== i
+    function S(f, r) {
+      var A, K;
+      (K = (A = e.value.platform) == null ? void 0 : A.mappings) != null && K[f] && (e.value.platform.mappings[f] = e.value.platform.mappings[f].filter(
+        (G, E) => E !== r
       ));
     }
     function a(f) {
-      var i, P;
-      (P = (i = e.value.platform) == null ? void 0 : i.mappings) != null && P[f] && (e.value.platform.mappings[f] = [
+      var r, A;
+      (A = (r = e.value.platform) == null ? void 0 : r.mappings) != null && A[f] && (e.value.platform.mappings[f] = [
         ...e.value.platform.mappings[f],
         f === "items" ? {
           feedmeKey: "",
@@ -428,7 +428,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     }
     async function l() {
-      await _(async () => {
+      await x(async () => {
         try {
           await $e(e.value._id), await V.getSettings();
         } catch (f) {
@@ -438,28 +438,28 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return be(async () => {
       await V.getSettings();
-    }), (f, i) => {
-      var z, W, Z, ee, te, oe, ae, le, ne, se, F, p, U, O, me, Te, Ie, Re, Oe, Be, je;
-      const P = S("FmIcon"), A = S("FmButton"), Q = S("FmMenuDivider"), E = S("FmCircularProgress"), G = S("FmSelect"), R = S("FmTextField"), j = S("FmSwitch");
-      return (W = (z = e.value) == null ? void 0 : z.platform) != null && W.mappings ? (c(), D("div", _t, [
-        t("div", bt, [
+    }), (f, r) => {
+      var Y, W, Z, ee, te, oe, ae, le, ne, se, U, u, T, O, me, Te, Ie, Oe, Be, je, Le;
+      const A = k("FmIcon"), K = k("FmButton"), G = k("FmMenuDivider"), E = k("FmCircularProgress"), Q = k("FmSelect"), R = k("FmTextField"), j = k("FmSwitch");
+      return (W = (Y = e.value) == null ? void 0 : Y.platform) != null && W.mappings ? (c(), D("div", bt, [
+        t("div", ht, [
           t("div", wt, [
-            i[10] || (i[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
-            t("div", ht, [
-              t("div", Vt, [
-                r(P, {
+            r[10] || (r[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
+            t("div", Vt, [
+              t("div", kt, [
+                i(A, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: l
                 }),
-                i[9] || (i[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))
+                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))
               ]),
-              r(A, {
+              i(K, {
                 variant: "tertiary",
                 label: "Delete",
                 onClick: y
               }),
-              r(A, {
+              i(K, {
                 variant: "primary",
                 label: "Update",
                 onClick: n
@@ -467,23 +467,23 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ])
         ]),
-        r(Q, { style: { margin: 0 } }),
-        t("div", kt, [
-          i[21] || (i[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", $t, [
-            t("div", St, [
-              r(A, {
-                disabled: x.value,
+        i(G, { style: { margin: 0 } }),
+        t("div", $t, [
+          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", St, [
+            t("div", Ct, [
+              i(K, {
+                disabled: _.value,
                 variant: "primary",
-                label: w.value,
+                label: h.value,
                 onClick: d
               }, null, 8, ["disabled", "label"])
             ]),
-            !v.tenantOptions.isLoaded && ((Z = e.value.platform) != null && Z.accessToken) ? (c(), M(E, {
+            !v.tenantOptions.isLoaded && ((Z = e.value.platform) != null && Z.accessToken) ? (c(), N(E, {
               key: 0,
               size: "xl"
-            })) : N("", !0),
-            r(G, {
+            })) : P("", !0),
+            i(Q, {
               class: "flex-grow",
               items: v.tenantOptions.data || [],
               "model-value": (ee = e.value.platform.tenant) == null ? void 0 : ee.id,
@@ -491,22 +491,22 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               "onUpdate:modelValue": g
             }, null, 8, ["items", "model-value", "placeholder"])
           ]),
-          t("div", Ct, [
-            i[13] || (i[13] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "General", -1)),
+          t("div", Ft, [
+            r[13] || (r[13] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "General", -1)),
             t("div", Dt, [
-              i[11] || (i[11] = t("div", { class: "w-[25%]" }, "Name", -1)),
-              t("div", Ft, [
-                r(R, {
+              r[11] || (r[11] = t("div", { class: "w-[25%]" }, "Name", -1)),
+              t("div", Ut, [
+                i(R, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": i[0] || (i[0] = (ie) => e.value.name = ie)
+                  "onUpdate:modelValue": r[0] || (r[0] = (ie) => e.value.name = ie)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Ut, [
-              i[12] || (i[12] = t("div", { class: "w-[25%]" }, "Location", -1)),
-              r(G, {
+            t("div", Tt, [
+              r[12] || (r[12] = t("div", { class: "w-[25%]" }, "Location", -1)),
+              i(Q, {
                 modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": i[1] || (i[1] = (ie) => e.value.platform.locationIds = ie),
+                "onUpdate:modelValue": r[1] || (r[1] = (ie) => e.value.platform.locationIds = ie),
                 multiselect: !0,
                 items: m.value,
                 placeholder: "Select location",
@@ -514,66 +514,66 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items"])
             ])
           ]),
-          r(Ue, {
+          i(Ue, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": i[2] || (i[2] = (ie) => e.value.platform = ie),
+            "onUpdate:modelValue": r[2] || (r[2] = (ie) => e.value.platform = ie),
             label: "upload",
             "last-upload-date": (oe = e.value.platform) == null ? void 0 : oe.lastUploadDate
           }, null, 8, ["modelValue", "last-upload-date"]),
-          t("div", Tt, [
-            i[20] || (i[20] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "Mapping", -1)),
-            t("div", It, [
-              i[14] || (i[14] = t("div", { class: "w-[25%]" }, "Contact", -1)),
+          t("div", It, [
+            r[20] || (r[20] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "Mapping", -1)),
+            t("div", Nt, [
+              r[14] || (r[14] = t("div", { class: "w-[25%]" }, "Contact", -1)),
               t("div", Mt, [
-                r(R, {
+                i(R, {
                   modelValue: e.value.platform.mappings.contact.xeroAccount,
-                  "onUpdate:modelValue": i[3] || (i[3] = (ie) => e.value.platform.mappings.contact.xeroAccount = ie),
+                  "onUpdate:modelValue": r[3] || (r[3] = (ie) => e.value.platform.mappings.contact.xeroAccount = ie),
                   placeholder: "Contact account number"
                 }, null, 8, ["modelValue"])
               ])
             ]),
             t("div", Kt, [
-              i[15] || (i[15] = t("div", { class: "w-[25%]" }, "Discount as Item", -1)),
+              r[15] || (r[15] = t("div", { class: "w-[25%]" }, "Discount as Item", -1)),
               t("div", At, [
-                r(j, {
+                i(j, {
                   "model-value": e.value.platform.discountItem ?? !1,
                   style: { gap: 0 },
-                  "onUpdate:modelValue": i[4] || (i[4] = (ie) => {
+                  "onUpdate:modelValue": r[4] || (r[4] = (ie) => {
                     e.value.platform.discountItem = ie;
                   })
                 }, null, 8, ["model-value"])
               ])
             ]),
             t("div", Pt, [
-              i[16] || (i[16] = t("div", { class: "w-[25%]" }, "Combine Refund", -1)),
-              t("div", Nt, [
-                r(j, {
+              r[16] || (r[16] = t("div", { class: "w-[25%]" }, "Combine Refund", -1)),
+              t("div", Rt, [
+                i(j, {
                   "model-value": e.value.platform.mappings.isCombineRefund ?? !1,
                   style: { gap: 0 },
-                  "onUpdate:modelValue": i[5] || (i[5] = (ie) => {
+                  "onUpdate:modelValue": r[5] || (r[5] = (ie) => {
                     e.value.platform.mappings.isCombineRefund = ie;
                   })
                 }, null, 8, ["model-value"])
               ])
             ]),
-            t("div", Rt, [
-              i[17] || (i[17] = t("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
-              r(A, {
+            t("div", Ot, [
+              r[17] || (r[17] = t("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
+              i(K, {
                 variant: "primary",
                 icon: "add",
-                onClick: i[6] || (i[6] = () => a("taxes"))
+                onClick: r[6] || (r[6] = () => a("taxes"))
               })
             ]),
-            v.taxOptions.isError || e.value.platform.accessToken == null ? (c(), D("div", Ot, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
-            !v.taxOptions.isLoaded && ((ae = e.value.platform) != null && ae.accessToken) ? (c(), M(E, {
+            v.taxOptions.isError || e.value.platform.accessToken == null ? (c(), D("div", Bt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : P("", !0),
+            !v.taxOptions.isLoaded && ((ae = e.value.platform) != null && ae.accessToken) ? (c(), N(E, {
               key: 1,
               size: "xl"
-            })) : N("", !0),
-            ((le = v.taxOptions.data) == null ? void 0 : le.length) > 0 ? (c(), D("div", Bt, [
-              (c(!0), D(L, null, H((F = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : F.taxes, (ie, re) => (c(), M(Ke, {
+            })) : P("", !0),
+            ((le = v.taxOptions.data) == null ? void 0 : le.length) > 0 ? (c(), D("div", jt, [
+              (c(!0), D(L, null, H((U = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : U.taxes, (ie, re) => (c(), N(Me, {
                 key: `tax-${re}`,
                 modelValue: e.value.platform.mappings.taxes[re],
-                "onUpdate:modelValue": (Me) => e.value.platform.mappings.taxes[re] = Me,
+                "onUpdate:modelValue": (Ne) => e.value.platform.mappings.taxes[re] = Ne,
                 options: {
                   feedmeKey: { placeholder: "Feedme Key", editable: !0 },
                   xeroAccount: {
@@ -583,27 +583,27 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => $("taxes", re)
+                onRemove: () => S("taxes", re)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
-            ])) : N("", !0),
-            t("div", jt, [
-              i[18] || (i[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
-              r(A, {
+            ])) : P("", !0),
+            t("div", Lt, [
+              r[18] || (r[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
+              i(K, {
                 variant: "primary",
                 icon: "add",
-                onClick: i[7] || (i[7] = () => a("items"))
+                onClick: r[7] || (r[7] = () => a("items"))
               })
             ]),
-            v.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), D("div", Lt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
-            !v.accountCodeOptions.isLoaded && ((p = e.value.platform) != null && p.accessToken) ? (c(), M(E, {
+            v.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), D("div", Et, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : P("", !0),
+            !v.accountCodeOptions.isLoaded && ((u = e.value.platform) != null && u.accessToken) ? (c(), N(E, {
               key: 4,
               size: "xl"
-            })) : N("", !0),
-            ((U = v.accountCodeOptions.data) == null ? void 0 : U.length) > 0 ? (c(), D("div", Et, [
-              (c(!0), D(L, null, H((Te = (me = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : me.mappings) == null ? void 0 : Te.items, (ie, re) => (c(), M(Ke, {
+            })) : P("", !0),
+            ((T = v.accountCodeOptions.data) == null ? void 0 : T.length) > 0 ? (c(), D("div", Yt, [
+              (c(!0), D(L, null, H((Te = (me = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : me.mappings) == null ? void 0 : Te.items, (ie, re) => (c(), N(Me, {
                 key: `item-${re}`,
                 modelValue: e.value.platform.mappings.items[re],
-                "onUpdate:modelValue": (Me) => e.value.platform.mappings.items[re] = Me,
+                "onUpdate:modelValue": (Ne) => e.value.platform.mappings.items[re] = Ne,
                 options: {
                   feedmeKey: { placeholder: "Feedme Key", editable: !0 },
                   xeroAccount: {
@@ -613,27 +613,27 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => $("items", re)
+                onRemove: () => S("items", re)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
-            ])) : N("", !0),
+            ])) : P("", !0),
             t("div", zt, [
-              i[19] || (i[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
-              r(A, {
+              r[19] || (r[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
+              i(K, {
                 variant: "primary",
                 icon: "add",
-                onClick: i[8] || (i[8] = () => a("payments"))
+                onClick: r[8] || (r[8] = () => a("payments"))
               })
             ]),
-            v.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), D("div", Yt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
-            !v.accountCodeOptions.isLoaded && ((Ie = e.value.platform) != null && Ie.accessToken) ? (c(), M(E, {
+            v.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), D("div", qt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : P("", !0),
+            !v.accountCodeOptions.isLoaded && ((Ie = e.value.platform) != null && Ie.accessToken) ? (c(), N(E, {
               key: 7,
               size: "xl"
-            })) : N("", !0),
-            ((Re = v.accountCodeOptions.data) == null ? void 0 : Re.length) > 0 ? (c(), D("div", qt, [
-              (c(!0), D(L, null, H((je = (Be = (Oe = e.value) == null ? void 0 : Oe.platform) == null ? void 0 : Be.mappings) == null ? void 0 : je.payments, (ie, re) => (c(), M(Ke, {
+            })) : P("", !0),
+            ((Oe = v.accountCodeOptions.data) == null ? void 0 : Oe.length) > 0 ? (c(), D("div", Ht, [
+              (c(!0), D(L, null, H((Le = (je = (Be = e.value) == null ? void 0 : Be.platform) == null ? void 0 : je.mappings) == null ? void 0 : Le.payments, (ie, re) => (c(), N(Me, {
                 key: `payment-${re}`,
                 modelValue: e.value.platform.mappings.payments[re],
-                "onUpdate:modelValue": (Me) => e.value.platform.mappings.payments[re] = Me,
+                "onUpdate:modelValue": (Ne) => e.value.platform.mappings.payments[re] = Ne,
                 options: {
                   feedmeKey: { placeholder: "Feedme Key", editable: !0 },
                   xeroAccount: {
@@ -643,18 +643,18 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   }
                 },
                 removable: !0,
-                onRemove: () => $("payments", re)
+                onRemove: () => S("payments", re)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
-            ])) : N("", !0)
+            ])) : P("", !0)
           ])
         ])
-      ])) : N("", !0);
+      ])) : P("", !0);
     };
   }
-}), Xt = { class: "h-full flex flex-col gap-16" }, Qt = { class: "flex flex-row gap-2 justify-between items-center" }, Gt = {
+}), Gt = { class: "h-full flex flex-col gap-16" }, Qt = { class: "flex flex-row gap-2 justify-between items-center" }, Jt = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Jt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Wt = /* @__PURE__ */ q({
+}, Wt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Zt = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -662,17 +662,17 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(v) {
-    const o = B([]), { t: e } = J(), s = Y(
-      () => o.value.reduce((m, w) => {
-        const k = m.length, { invoice: d, payments: y } = w;
-        m[k] = {
+    const o = B([]), { t: e } = J(), s = z(
+      () => o.value.reduce((m, h) => {
+        const $ = m.length, { invoice: d, payments: y } = h;
+        m[$] = {
           date: d.Date,
           contact: d.Contact.ContactID,
           status: d.Status,
           ref: d.Reference
         };
         for (let n = 0; n < Math.max(d.LineItems.length, y.length); n++) {
-          const g = k + n;
+          const g = $ + n;
           m[g] || (m[g] = {}), d.LineItems[n] && (m[g] = {
             ...m[g],
             itemDescription: d.LineItems[n].Description,
@@ -769,61 +769,61 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], h = X(v, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = De(pe());
+    ], w = X(v, "modelValue"), x = B(!1), C = ue(), { dateRange: b } = Fe(pe());
     ve(
       () => b.value,
       async () => {
-        if (h.value._id)
+        if (w.value._id)
           try {
-            _.value = !0, o.value = await Se(h.value._id);
+            x.value = !0, o.value = await Se(w.value._id);
           } catch (m) {
             C.open({ message: m.message, type: "error" });
           } finally {
-            _.value = !1;
+            x.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    async function x() {
+    async function _() {
       try {
-        h.value._id ? (_.value = !0, await Pe(h.value._id), C.open({ message: "Upload successful", type: "success" })) : C.open({ message: "Invalid accounting setting", type: "error" });
+        w.value._id ? (x.value = !0, await Pe(w.value._id), C.open({ message: "Upload successful", type: "success" })) : C.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
-        m.message && C.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((w) => C.open({ message: w.Message, type: "error" }));
+        m.message && C.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((h) => C.open({ message: h.Message, type: "error" }));
       } finally {
-        _.value = !1;
+        x.value = !1;
       }
     }
-    return (m, w) => {
-      const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), D("div", Xt, [
+    return (m, h) => {
+      const $ = k("FmButton"), d = k("FmCircularProgress"), y = k("FmTable");
+      return c(), D("div", Gt, [
         t("div", Qt, [
-          r(Fe, {
-            "date-range": u(b),
-            "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
+          i(De, {
+            "date-range": p(b),
+            "onUpdate:dateRange": h[0] || (h[0] = (n) => he(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          r(k, {
-            loading: _.value,
+          i($, {
+            loading: x.value,
             variant: "primary",
             label: "Upload",
-            onClick: x
+            onClick: _
           }, null, 8, ["loading"])
         ]),
-        _.value ? (c(), D("div", Gt, [
-          r(d, { size: "xl" }),
-          t("span", Jt, T(u(e)("report.common.isLoading")), 1)
-        ])) : s.value.length > 0 ? (c(), M(y, {
+        x.value ? (c(), D("div", Jt, [
+          i(d, { size: "xl" }),
+          t("span", Wt, F(p(e)("report.common.isLoading")), 1)
+        ])) : s.value.length > 0 ? (c(), N(y, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": s.value,
           "column-defs": V
-        }, null, 8, ["row-data"])) : N("", !0)
+        }, null, 8, ["row-data"])) : P("", !0)
       ]);
     };
   }
-}), Zt = { class: "h-full relative flex flex-col" }, eo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, to = /* @__PURE__ */ q({
+}), eo = { class: "h-full relative flex flex-col" }, to = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, oo = /* @__PURE__ */ q({
   __name: "Xero",
   props: {
     modelValue: { required: !0 },
@@ -831,7 +831,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(v) {
-    const { t: o } = J(), e = X(v, "modelValue"), s = B("setting"), V = B({}), h = B({}), _ = B({}), C = [
+    const { t: o } = J(), e = X(v, "modelValue"), s = B("setting"), V = B({}), w = B({}), x = B({}), C = [
       {
         label: o("report.integration.setting"),
         value: "setting",
@@ -842,17 +842,17 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], b = de(), x = Y(() => {
+    ], b = de(), _ = z(() => {
       switch (s.value) {
         case "preview":
-          return { component: Wt };
+          return { component: Zt };
         case "setting":
           return {
-            component: Ht,
+            component: Xt,
             props: {
               tenantOptions: V.value,
-              taxOptions: h.value,
-              accountCodeOptions: _.value
+              taxOptions: w.value,
+              accountCodeOptions: x.value
             }
           };
         default:
@@ -862,7 +862,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function m() {
       if (e.value._id)
         try {
-          const d = await Xe(e.value._id);
+          const d = await Ge(e.value._id);
           V.value.data = d.map((y) => ({
             value: y.id,
             label: y.name
@@ -873,32 +873,32 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           V.value.isLoaded = !0;
         }
     }
-    async function w() {
+    async function h() {
       if (e.value._id)
         try {
           const d = await Qe(e.value._id);
-          h.value.data = d.map((y) => ({
+          w.value.data = d.map((y) => ({
             value: y.Name,
             label: `${y.Name} - (${y.EffectiveRate}%)`
           }));
         } catch (d) {
-          console.error("Failed to fetch taxes:", d), h.value.isError = !0;
+          console.error("Failed to fetch taxes:", d), w.value.isError = !0;
         } finally {
-          h.value.isLoaded = !0;
+          w.value.isLoaded = !0;
         }
     }
-    async function k() {
+    async function $() {
       if (e.value._id)
         try {
-          const d = await Ge(e.value._id);
-          _.value.data = d.map((y) => ({
+          const d = await Je(e.value._id);
+          x.value.data = d.map((y) => ({
             value: y.Code,
             label: `${y.Code} ${y.Name} - [${y.Class}_${y.Type}]`
           }));
         } catch (d) {
-          console.error("Failed to fetch accounts:", d), _.value.isError = !0;
+          console.error("Failed to fetch accounts:", d), x.value.isError = !0;
         } finally {
-          _.value.isLoaded = !0;
+          x.value.isLoaded = !0;
         }
     }
     return ve(
@@ -907,42 +907,140 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         return (d = e.value.platform) == null ? void 0 : d.accessToken;
       },
       (d) => {
-        d && (m(), w(), k());
+        d && (m(), h(), $());
       },
       { immediate: !0 }
     ), (d, y) => {
-      var $, a, l;
-      const n = S("FmPageHead"), g = S("FmTabs");
-      return c(), D("div", Zt, [
-        r(n, {
-          title: (($ = e.value) == null ? void 0 : $.name) || "Xero",
+      var S, a, l;
+      const n = k("FmPageHead"), g = k("FmTabs");
+      return c(), D("div", eo, [
+        i(n, {
+          title: ((S = e.value) == null ? void 0 : S.name) || "Xero",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": u(b).back
+          "onClick:back": p(b).back
         }, {
           description: ge(() => y[2] || (y[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        r(g, {
+        i(g, {
           "model-value": s.value,
           "onUpdate:modelValue": y[0] || (y[0] = (f) => s.value = f),
           items: C
         }, null, 8, ["model-value"]),
-        t("div", eo, [
-          (c(), M(xe((a = x.value) == null ? void 0 : a.component), Ee({
+        t("div", to, [
+          (c(), N(xe((a = _.value) == null ? void 0 : a.component), Ye({
             modelValue: e.value,
             "onUpdate:modelValue": y[1] || (y[1] = (f) => e.value = f)
-          }, (l = x.value) == null ? void 0 : l.props), null, 16, ["modelValue"]))
+          }, (l = _.value) == null ? void 0 : l.props), null, 16, ["modelValue"]))
         ])
       ]);
     };
   }
-}), oo = {
+}), ao = { class: "mt-6 mb-6" }, lo = { class: "list-disc pl-6 space-y-1" }, Ke = /* @__PURE__ */ q({
+  __name: "ReferenceNumberGuideButton",
+  setup(v) {
+    const { t: o } = J(), e = [
+      {
+        placeholder: "[NO]",
+        category: o("report.integration.refNumExplain.no.category"),
+        meaning: o("report.integration.refNumExplain.no.meaning"),
+        output: "123"
+      },
+      {
+        placeholder: "[DD]",
+        category: o("report.integration.refNumExplain.dd.category"),
+        meaning: o("report.integration.refNumExplain.dd.meaning"),
+        output: "27"
+      },
+      {
+        placeholder: "[MM]",
+        category: o("report.integration.refNumExplain.mm.category"),
+        meaning: o("report.integration.refNumExplain.mm.meaning"),
+        output: "09"
+      },
+      {
+        placeholder: "[YYYY]",
+        category: o("report.integration.refNumExplain.yyyy.category"),
+        meaning: o("report.integration.refNumExplain.yyyy.meaning"),
+        output: "2024"
+      },
+      {
+        placeholder: "[PAYMENT4]",
+        category: o("report.integration.refNumExplain.payment4.category"),
+        meaning: o("report.integration.refNumExplain.payment4.meaning"),
+        output: "CRED"
+      },
+      {
+        placeholder: "[PAYMENT5]",
+        category: o("report.integration.refNumExplain.payment5.category"),
+        meaning: o("report.integration.refNumExplain.payment5.meaning"),
+        output: "CREDI"
+      },
+      {
+        placeholder: "[5DIGIT]",
+        category: o("report.integration.refNumExplain.5digit.category"),
+        meaning: o("report.integration.refNumExplain.5digit.meaning"),
+        output: "[5DIGIT]"
+      }
+    ], s = [
+      {
+        accessorKey: "placeholder",
+        header: o("report.integration.placeholder")
+      },
+      {
+        accessorKey: "category",
+        header: o("report.integration.category")
+      },
+      {
+        accessorKey: "meaning",
+        header: o("report.integration.meaning")
+      },
+      {
+        accessorKey: "output",
+        header: o("report.integration.output")
+      }
+    ];
+    return (V, w) => {
+      const x = k("FmIcon"), C = k("FmTable"), b = k("FmSideSheet");
+      return c(), N(b, {
+        header: p(o)("report.integration.refNumFormatInfo"),
+        "dismiss-away": "",
+        "max-width": 780
+      }, {
+        "side-sheet-button": ge(() => [
+          i(x, {
+            name: "info",
+            color: "primary",
+            class: "cursor-pointer p-2"
+          })
+        ]),
+        default: ge(() => [
+          t("div", ao, [
+            t("ul", lo, [
+              t("li", null, F(p(o)("report.integration.refNumGuide.1stPoint")), 1),
+              t("li", null, F(p(o)("report.integration.refNumGuide.2ndPoint")), 1),
+              t("li", null, F(p(o)("report.integration.refNumGuide.3ndPoint")), 1),
+              t("li", null, F(p(o)("report.integration.refNumGuide.4thPoint")), 1)
+            ])
+          ]),
+          i(C, {
+            "row-data": e,
+            "column-defs": s,
+            "shrink-at": !1,
+            "hide-footer": !0
+          })
+        ]),
+        _: 1
+      }, 8, ["header"]);
+    };
+  }
+}), no = {
   key: 0,
   class: "flex flex-col h-full"
-}, ao = { class: "flex flex-col gap-16 pb-[24px]" }, lo = { class: "flex flex-row justify-between items-center gap-2" }, no = { class: "fm-typo-en-title-sm-800" }, so = { class: "flex flex-row gap-2 items-center" }, io = { class: "relative group cursor-pointer" }, ro = { 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" }, mo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, co = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, po = { class: "flex flex-row items-center justify-between" }, uo = { class: "w-[25%]" }, fo = { class: "flex-grow" }, vo = { class: "flex flex-row items-center justify-between" }, go = { class: "w-[25%]" }, yo = { class: "flex-grow" }, xo = { class: "flex flex-col gap-16" }, _o = { class: "fm-typo-en-title-sm-800" }, bo = { class: "flex flex-row items-center max-w-[100%]" }, wo = { class: "w-[25%]" }, ho = { class: "flex-grow" }, Vo = { class: "flex flex-row items-center max-w-[100%]" }, ko = { class: "w-[25%]" }, $o = { class: "flex flex-row items-center max-w-[100%]" }, So = { class: "w-[25%]" }, Co = { class: "flex flex-col gap-16" }, Do = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Fo = { class: "flex flex-row items-center gap-x-16" }, Uo = { class: "fm-typo-en-title-sm-800" }, To = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Io = { class: "flex flex-row items-center gap-x-16" }, Mo = { class: "fm-typo-en-title-sm-800" }, Ko = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ao = { class: "flex flex-row items-center gap-x-16" }, Po = { class: "fm-typo-en-title-sm-800" }, No = /* @__PURE__ */ q({
+}, so = { class: "flex flex-col gap-16 pb-[24px]" }, io = { class: "flex flex-row justify-between items-center gap-2" }, ro = { class: "fm-typo-en-title-sm-800" }, mo = { class: "flex flex-row gap-2 items-center" }, co = { class: "relative group cursor-pointer" }, po = { 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" }, uo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, fo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, vo = { class: "flex flex-row items-center justify-between" }, go = { class: "w-[25%]" }, yo = { class: "flex-grow" }, xo = { class: "flex flex-row items-center justify-between" }, _o = { class: "w-[25%]" }, bo = { class: "flex-grow" }, ho = { class: "flex flex-col gap-16" }, wo = { class: "fm-typo-en-title-sm-800" }, Vo = { class: "flex flex-row items-center max-w-[100%]" }, ko = { class: "w-[25%]" }, $o = { class: "flex-grow" }, So = { class: "flex flex-row items-center max-w-[100%]" }, Co = { class: "w-[25%]" }, Fo = { class: "flex flex-row items-center max-w-[100%]" }, Do = { class: "w-[25%]" }, Uo = { class: "flex flex-col gap-16" }, To = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Io = { class: "flex flex-col gap-16 pt-3 pb-3" }, No = { class: "flex flex-row items-center gap-5" }, Mo = { class: "fm-typo-en-title-sm-800" }, Ko = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ao = { class: "flex flex-row items-center gap-x-16" }, Po = { class: "fm-typo-en-title-sm-800" }, Ro = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Oo = { class: "flex flex-row items-center gap-x-16" }, Bo = { class: "fm-typo-en-title-sm-800" }, jo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Lo = { class: "flex flex-row items-center gap-x-16" }, Eo = { class: "fm-typo-en-title-sm-800" }, Yo = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -950,14 +1048,14 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(v) {
-    const o = X(v, "modelValue"), e = ue(), s = _e(), V = de(), { promptLoader: h } = he(), { promptMessage: _ } = Ce(), { restaurants: C } = pe(), b = Y(
+    const o = X(v, "modelValue"), e = ue(), s = _e(), V = de(), { promptLoader: w } = we(), { promptMessage: x } = Ce(), { restaurants: C } = pe(), b = z(
       () => C.map((a) => ({ label: a.name, value: a.id }))
-    ), { t: x } = J();
+    ), { t: _ } = J();
     async function m() {
-      await _({
-        message: x("report.messages.confirmDelete", { name: o.value.name }),
-        title: x("report.common.delete")
-      }) && await h(async () => {
+      await x({
+        message: _("report.messages.confirmDelete", { name: o.value.name }),
+        title: _("report.common.delete")
+      }) && await w(async () => {
         try {
           await Ve(o.value._id), await s.getSettings(), V.back();
         } catch (l) {
@@ -965,8 +1063,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       });
     }
-    async function w() {
-      await h(async () => {
+    async function h() {
+      await w(async () => {
         try {
           await ke(o.value._id, o.value), await s.getSettings();
         } catch (a) {
@@ -974,26 +1072,26 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       });
     }
-    function k(a, l) {
-      var f, i;
-      (i = (f = o.value.platform) == null ? void 0 : f.mappings) != null && i[a] && (o.value.platform.mappings[a] = o.value.platform.mappings[a].filter(
-        (P, A) => A !== l
+    function $(a, l) {
+      var f, r;
+      (r = (f = o.value.platform) == null ? void 0 : f.mappings) != null && r[a] && (o.value.platform.mappings[a] = o.value.platform.mappings[a].filter(
+        (A, K) => K !== l
       ));
     }
     function d(a) {
       var l, f;
       if ((f = (l = o.value.platform) == null ? void 0 : l.mappings) != null && f[a]) {
-        let i;
+        let r;
         switch (a) {
           case "items":
-            i = {
+            r = {
               key: "",
               account: "",
               accountName: ""
             };
             break;
           case "payments":
-            i = {
+            r = {
               key: "",
               account: "",
               accountName: "",
@@ -1001,7 +1099,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             };
             break;
           default:
-            i = {
+            r = {
               key: "",
               account: ""
             };
@@ -1009,25 +1107,25 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
         o.value.platform.mappings[a] = [
           ...o.value.platform.mappings[a],
-          i
+          r
         ];
       }
     }
     const y = [
       {
-        label: x("report.integration.grouping.byDay"),
+        label: _("report.integration.grouping.byDay"),
         value: fe.BY_DAY
       },
       {
-        label: x("report.integration.grouping.byDayItem"),
+        label: _("report.integration.grouping.byDayItem"),
         value: fe.BY_DAY_ITEM
       },
       {
-        label: x("report.integration.grouping.byInvoice"),
+        label: _("report.integration.grouping.byInvoice"),
         value: fe.BY_INVOICE
       },
       {
-        label: x("report.integration.grouping.byDaySeparatePayment"),
+        label: _("report.integration.grouping.byDaySeparatePayment"),
         value: fe.BY_DAY_SEPARATE_PAYMENT
       }
     ];
@@ -1035,8 +1133,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       key: a,
       value: l
     }) {
-      var f, i;
-      (i = (f = o.value) == null ? void 0 : f.platform) != null && i.mappings && (o.value.platform.mappings[a] = l);
+      var f, r;
+      (r = (f = o.value) == null ? void 0 : f.platform) != null && r.mappings && (o.value.platform.mappings[a] = l);
     }
     function g(a) {
       return {
@@ -1044,8 +1142,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         account: { placeholder: a, editable: !0 }
       };
     }
-    async function $() {
-      await h(async () => {
+    async function S() {
+      await w(async () => {
         try {
           await $e(o.value._id), await s.getSettings();
         } catch (a) {
@@ -1056,84 +1154,84 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return be(async () => {
       await s.getSettings();
     }), (a, l) => {
-      var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, F;
-      const f = S("FmIcon"), i = S("FmButton"), P = S("FmMenuDivider"), A = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = o.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), D("div", oo, [
-        t("div", ao, [
-          t("div", lo, [
-            t("div", no, T(u(x)("report.integration.bukku.connect")), 1),
-            t("div", so, [
-              t("div", io, [
-                r(f, {
+      var E, Q, R, j, Y, W, Z, ee, te, oe, ae, le, ne, se, U;
+      const f = k("FmIcon"), r = k("FmButton"), A = k("FmMenuDivider"), K = k("FmTextField"), G = k("FmSelect");
+      return (Q = (E = o.value) == null ? void 0 : E.platform) != null && Q.mappings ? (c(), D("div", no, [
+        t("div", so, [
+          t("div", io, [
+            t("div", ro, F(p(_)("report.integration.bukku.connect")), 1),
+            t("div", mo, [
+              t("div", co, [
+                i(f, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: $
+                  onClick: S
                 }),
-                t("span", ro, T(u(x)("report.integration.refreshSetting")), 1)
+                t("span", po, F(p(_)("report.integration.refreshSetting")), 1)
               ]),
-              r(i, {
+              i(r, {
                 variant: "tertiary",
-                label: u(x)("report.common.delete"),
+                label: p(_)("report.common.delete"),
                 onClick: m
               }, null, 8, ["label"]),
-              r(i, {
+              i(r, {
                 variant: "primary",
-                label: u(x)("report.common.update"),
-                onClick: w
+                label: p(_)("report.common.update"),
+                onClick: h
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        r(P, { style: { margin: 0 } }),
-        t("div", mo, [
-          t("div", co, T(u(x)("report.integration.bukku.authentication")), 1),
-          t("div", po, [
-            t("div", uo, T(u(x)("report.integration.subdomain")), 1),
-            t("div", fo, [
-              r(A, {
+        i(A, { style: { margin: 0 } }),
+        t("div", uo, [
+          t("div", fo, F(p(_)("report.integration.bukku.authentication")), 1),
+          t("div", vo, [
+            t("div", go, F(p(_)("report.integration.subdomain")), 1),
+            t("div", yo, [
+              i(K, {
                 modelValue: o.value.platform.subdomain,
-                "onUpdate:modelValue": l[0] || (l[0] = (p) => o.value.platform.subdomain = p),
-                placeholder: u(x)("report.integration.subdomain")
+                "onUpdate:modelValue": l[0] || (l[0] = (u) => o.value.platform.subdomain = u),
+                placeholder: p(_)("report.integration.subdomain")
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
-          t("div", vo, [
-            t("div", go, T(u(x)("report.integration.token")), 1),
-            t("div", yo, [
-              r(A, {
+          t("div", xo, [
+            t("div", _o, F(p(_)("report.integration.token")), 1),
+            t("div", bo, [
+              i(K, {
                 modelValue: o.value.platform.token,
-                "onUpdate:modelValue": l[1] || (l[1] = (p) => o.value.platform.token = p),
-                placeholder: u(x)("report.integration.token")
+                "onUpdate:modelValue": l[1] || (l[1] = (u) => o.value.platform.token = u),
+                placeholder: p(_)("report.integration.token")
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
-          t("div", xo, [
-            t("div", _o, T(u(x)("report.integration.general")), 1),
-            t("div", bo, [
-              t("div", wo, T(u(x)("report.common.name")), 1),
-              t("div", ho, [
-                r(A, {
+          t("div", ho, [
+            t("div", wo, F(p(_)("report.integration.general")), 1),
+            t("div", Vo, [
+              t("div", ko, F(p(_)("report.common.name")), 1),
+              t("div", $o, [
+                i(K, {
                   modelValue: o.value.name,
-                  "onUpdate:modelValue": l[2] || (l[2] = (p) => o.value.name = p)
+                  "onUpdate:modelValue": l[2] || (l[2] = (u) => o.value.name = u)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Vo, [
-              t("div", ko, T(u(x)("report.common.location")), 1),
-              r(Q, {
+            t("div", So, [
+              t("div", Co, F(p(_)("report.common.location")), 1),
+              i(G, {
                 modelValue: o.value.platform.locationIds,
-                "onUpdate:modelValue": l[3] || (l[3] = (p) => o.value.platform.locationIds = p),
+                "onUpdate:modelValue": l[3] || (l[3] = (u) => o.value.platform.locationIds = u),
                 multiselect: !0,
                 items: b.value,
                 placeholder: "Select location",
                 class: "flex-grow"
               }, null, 8, ["modelValue", "items"])
             ]),
-            t("div", $o, [
-              t("div", So, T(u(x)("report.integration.grouping.title")), 1),
-              r(Q, {
+            t("div", Fo, [
+              t("div", Do, F(p(_)("report.integration.grouping.title")), 1),
+              i(G, {
                 modelValue: o.value.platform.grouping,
-                "onUpdate:modelValue": l[4] || (l[4] = (p) => o.value.platform.grouping = p),
+                "onUpdate:modelValue": l[4] || (l[4] = (u) => o.value.platform.grouping = u),
                 multiselect: !1,
                 items: y,
                 placeholder: "Select grouping",
@@ -1141,9 +1239,9 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", Co, [
-            t("div", Do, [
-              r(K, {
+          t("div", Uo, [
+            t("div", To, [
+              i(M, {
                 "model-value": {
                   key: "Contact",
                   account: o.value.platform.mappings.contact.account
@@ -1158,151 +1256,159 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                     editable: !0
                   }
                 },
-                "onUpdate:modelValue": l[5] || (l[5] = (p) => {
-                  var U, O, me;
-                  (me = (O = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : O.mappings) != null && me.contact && (o.value.platform.mappings.contact.account = p.account);
+                "onUpdate:modelValue": l[5] || (l[5] = (u) => {
+                  var T, O, me;
+                  (me = (O = (T = o.value) == null ? void 0 : T.platform) == null ? void 0 : O.mappings) != null && me.contact && (o.value.platform.mappings.contact.account = u.account);
                 })
               }, null, 8, ["model-value"]),
-              r(K, {
+              i(M, {
+                "model-value": {
+                  key: "Rounding",
+                  account: o.value.platform.mappings.rounding.account
+                },
+                options: g("Rounding"),
+                "onUpdate:modelValue": l[6] || (l[6] = (u) => {
+                  var T, O, me;
+                  (me = (O = (T = o.value) == null ? void 0 : T.platform) == null ? void 0 : O.mappings) != null && me.rounding && (o.value.platform.mappings.rounding.account = u.account);
+                })
+              }, null, 8, ["model-value", "options"]),
+              (c(!0), D(L, null, H((Y = (j = (R = o.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : Y.charges, (u, T) => (c(), N(M, {
+                key: `charge-${T}`,
+                modelValue: o.value.platform.mappings.charges[T],
+                "onUpdate:modelValue": (O) => o.value.platform.mappings.charges[T] = O,
+                options: {
+                  key: {
+                    placeholder: "Key",
+                    editable: !1
+                  },
+                  account: {
+                    placeholder: "Account code",
+                    editable: !0
+                  }
+                }
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
+            ])
+          ]),
+          t("div", Io, [
+            t("div", No, [
+              t("div", Mo, F(p(_)("report.integration.refNumFormat")), 1),
+              i(Ke)
+            ]),
+            t("div", Ko, [
+              i(M, {
                 "model-value": {
                   key: "Invoice no",
                   account: o.value.platform.mappings.invoiceDocNo
                 },
                 options: g("Invoice no"),
-                "onUpdate:modelValue": l[6] || (l[6] = (p) => n({ key: "invoiceDocNo", value: p.account }))
+                "onUpdate:modelValue": l[7] || (l[7] = (u) => n({ key: "invoiceDocNo", value: u.account }))
               }, null, 8, ["model-value", "options"]),
-              r(K, {
+              i(M, {
                 "model-value": {
                   key: "Credit note no",
                   account: o.value.platform.mappings.creditNoteDocNo
                 },
                 options: g("Credit note no"),
-                "onUpdate:modelValue": l[7] || (l[7] = (p) => n({ key: "creditNoteDocNo", value: p.account }))
+                "onUpdate:modelValue": l[8] || (l[8] = (u) => n({ key: "creditNoteDocNo", value: u.account }))
               }, null, 8, ["model-value", "options"]),
-              r(K, {
+              i(M, {
                 "model-value": {
                   key: "Payment no",
                   account: o.value.platform.mappings.paymentDocNo
                 },
                 options: g("Payment no"),
-                "onUpdate:modelValue": l[8] || (l[8] = (p) => n({ key: "paymentDocNo", value: p.account }))
+                "onUpdate:modelValue": l[9] || (l[9] = (u) => n({ key: "paymentDocNo", value: u.account }))
               }, null, 8, ["model-value", "options"]),
-              r(K, {
+              i(M, {
                 "model-value": {
                   key: "Refund no",
                   account: o.value.platform.mappings.refundDocNo
                 },
                 options: g("Refund no"),
-                "onUpdate:modelValue": l[9] || (l[9] = (p) => n({ key: "refundDocNo", value: p.account }))
-              }, null, 8, ["model-value", "options"]),
-              r(K, {
-                "model-value": {
-                  key: "Rounding",
-                  account: o.value.platform.mappings.rounding.account
-                },
-                options: g("Rounding"),
-                "onUpdate:modelValue": l[10] || (l[10] = (p) => {
-                  var U, O, me;
-                  (me = (O = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : O.mappings) != null && me.rounding && (o.value.platform.mappings.rounding.account = p.account);
-                })
-              }, null, 8, ["model-value", "options"]),
-              (c(!0), D(L, null, H((z = (j = (R = o.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (p, U) => (c(), M(K, {
-                key: `charge-${U}`,
-                modelValue: o.value.platform.mappings.charges[U],
-                "onUpdate:modelValue": (O) => o.value.platform.mappings.charges[U] = O,
-                options: {
-                  key: {
-                    placeholder: "Key",
-                    editable: !1
-                  },
-                  account: {
-                    placeholder: "Account code",
-                    editable: !0
-                  }
-                }
-              }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
+                "onUpdate:modelValue": l[10] || (l[10] = (u) => n({ key: "refundDocNo", value: u.account }))
+              }, null, 8, ["model-value", "options"])
             ])
           ]),
-          r(Ue, {
+          i(Ue, {
             modelValue: o.value.platform,
-            "onUpdate:modelValue": l[11] || (l[11] = (p) => o.value.platform = p),
+            "onUpdate:modelValue": l[11] || (l[11] = (u) => o.value.platform = u),
             label: "upload",
             "last-upload-date": (W = o.value.platform) == null ? void 0 : W.lastUploadDate
           }, null, 8, ["modelValue", "last-upload-date"]),
-          t("div", Fo, [
-            t("div", Uo, T(u(x)("report.integration.items")), 1),
-            r(i, {
+          t("div", Ao, [
+            t("div", Po, F(p(_)("report.integration.items")), 1),
+            i(r, {
               variant: "primary",
               icon: "add",
               onClick: l[12] || (l[12] = () => d("items"))
             })
           ]),
-          t("div", To, [
-            (c(!0), D(L, null, H((te = (ee = (Z = o.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (p, U) => (c(), M(K, {
-              key: `item-${U}`,
-              modelValue: o.value.platform.mappings.items[U],
-              "onUpdate:modelValue": (O) => o.value.platform.mappings.items[U] = O,
+          t("div", Ro, [
+            (c(!0), D(L, null, H((te = (ee = (Z = o.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (u, T) => (c(), N(M, {
+              key: `item-${T}`,
+              modelValue: o.value.platform.mappings.items[T],
+              "onUpdate:modelValue": (O) => o.value.platform.mappings.items[T] = O,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("items", U)
+              onRemove: () => $("items", T)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Io, [
-            t("div", Mo, T(u(x)("report.integration.taxes")), 1),
-            r(i, {
+          t("div", Oo, [
+            t("div", Bo, F(p(_)("report.integration.taxes")), 1),
+            i(r, {
               variant: "primary",
               icon: "add",
               onClick: l[13] || (l[13] = () => d("taxes"))
             })
           ]),
-          t("div", Ko, [
-            (c(!0), D(L, null, H((le = (ae = (oe = o.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (p, U) => (c(), M(K, {
-              key: `tax-${U}`,
-              modelValue: o.value.platform.mappings.taxes[U],
-              "onUpdate:modelValue": (O) => o.value.platform.mappings.taxes[U] = O,
+          t("div", jo, [
+            (c(!0), D(L, null, H((le = (ae = (oe = o.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (u, T) => (c(), N(M, {
+              key: `tax-${T}`,
+              modelValue: o.value.platform.mappings.taxes[T],
+              "onUpdate:modelValue": (O) => o.value.platform.mappings.taxes[T] = O,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("taxes", U)
+              onRemove: () => $("taxes", T)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Ao, [
-            t("div", Po, T(u(x)("report.integration.payments")), 1),
-            r(i, {
+          t("div", Lo, [
+            t("div", Eo, F(p(_)("report.integration.payments")), 1),
+            i(r, {
               variant: "primary",
               icon: "add",
               onClick: l[14] || (l[14] = () => d("payments"))
             })
           ]),
-          (c(!0), D(L, null, H((F = (se = (ne = o.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : F.payments, (p, U) => (c(), D("div", {
-            key: `payment-${U}`,
+          (c(!0), D(L, null, H((U = (se = (ne = o.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : U.payments, (u, T) => (c(), D("div", {
+            key: `payment-${T}`,
             class: "grid-cols-1 grid gap-x-16"
           }, [
-            r(K, {
-              modelValue: o.value.platform.mappings.payments[U],
-              "onUpdate:modelValue": (O) => o.value.platform.mappings.payments[U] = O,
+            i(M, {
+              modelValue: o.value.platform.mappings.payments[T],
+              "onUpdate:modelValue": (O) => o.value.platform.mappings.payments[T] = O,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 method: { placeholder: "Method", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("payments", U)
+              onRemove: () => $("payments", T)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"])
           ]))), 128))
         ])
-      ])) : N("", !0);
+      ])) : P("", !0);
     };
   }
-}), Ro = { class: "h-full flex flex-col gap-16" }, Oo = { class: "flex flex-row gap-2 justify-between items-center" }, Bo = {
+}), zo = { class: "h-full flex flex-col gap-16" }, qo = { class: "flex flex-row gap-2 justify-between items-center" }, Ho = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, jo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Lo = /* @__PURE__ */ q({
+}, Xo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Go = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -1310,10 +1416,10 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(v) {
-    const o = B([]), e = Y(
-      () => o.value.reduce((m, w) => {
-        const k = m.length, { invoice: d, payments: y } = w;
-        m[k] = {
+    const o = B([]), e = z(
+      () => o.value.reduce((m, h) => {
+        const $ = m.length, { invoice: d, payments: y } = h;
+        m[$] = {
           no: d.number,
           date: d.date,
           contact: d._contact_name,
@@ -1321,17 +1427,17 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           title: d.title
         };
         for (let n = 0; n < Math.max(d.form_items.length, y.length); n++) {
-          const g = k + n;
+          const g = $ + n;
           m[g] || (m[g] = {});
-          const $ = d.form_items[n];
-          $ && (m[g] = {
+          const S = d.form_items[n];
+          S && (m[g] = {
             ...m[g],
-            itemDescription: $.description,
-            itemQuantity: $.quantity,
-            itemUnitPrice: $.unit_price,
-            itemAccount: $._account_name,
-            itemTaxCode: $._tax_code_name,
-            itemDiscount: $.discount
+            itemDescription: S.description,
+            itemQuantity: S.quantity,
+            itemUnitPrice: S.unit_price,
+            itemAccount: S._account_name,
+            itemTaxCode: S._tax_code_name,
+            itemDiscount: S.discount
           });
           const a = y[n];
           a && (m[g] = {
@@ -1436,61 +1542,61 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Skip",
         enableSorting: !1
       }
-    ], h = X(v, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = De(pe());
+    ], w = X(v, "modelValue"), x = B(!1), C = ue(), { dateRange: b } = Fe(pe());
     ve(
       () => b.value,
       async () => {
-        if (h.value._id)
+        if (w.value._id)
           try {
-            _.value = !0, o.value = await Se(h.value._id);
+            x.value = !0, o.value = await Se(w.value._id);
           } catch (m) {
             C.open({ message: m.message, type: "error" });
           } finally {
-            _.value = !1;
+            x.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    async function x() {
+    async function _() {
       try {
-        h.value._id ? (_.value = !0, await Pe(h.value._id), C.open({ message: s("report.integration.uploadSuccess"), type: "success" })) : C.open({ message: s("report.integration.error.invalid"), type: "error" });
+        w.value._id ? (x.value = !0, await Pe(w.value._id), C.open({ message: s("report.integration.uploadSuccess"), type: "success" })) : C.open({ message: s("report.integration.error.invalid"), type: "error" });
       } catch (m) {
         C.open({ message: m.message, type: "error" });
       } finally {
-        _.value = !1;
+        x.value = !1;
       }
     }
-    return (m, w) => {
-      const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), D("div", Ro, [
-        t("div", Oo, [
-          r(Fe, {
-            "date-range": u(b),
-            "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
+    return (m, h) => {
+      const $ = k("FmButton"), d = k("FmCircularProgress"), y = k("FmTable");
+      return c(), D("div", zo, [
+        t("div", qo, [
+          i(De, {
+            "date-range": p(b),
+            "onUpdate:dateRange": h[0] || (h[0] = (n) => he(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          r(k, {
-            loading: _.value,
+          i($, {
+            loading: x.value,
             variant: "primary",
-            label: u(s)("report.common.upload"),
-            onClick: x
+            label: p(s)("report.common.upload"),
+            onClick: _
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), D("div", Bo, [
-          r(d, { size: "xl" }),
-          t("span", jo, T(u(s)("report.integration.table.loading")), 1)
-        ])) : e.value.length > 0 ? (c(), M(y, {
+        x.value ? (c(), D("div", Ho, [
+          i(d, { size: "xl" }),
+          t("span", Xo, F(p(s)("report.integration.table.loading")), 1)
+        ])) : e.value.length > 0 ? (c(), N(y, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
           "column-defs": V
-        }, null, 8, ["row-data"])) : N("", !0)
+        }, null, 8, ["row-data"])) : P("", !0)
       ]);
     };
   }
-}), Eo = { class: "h-full relative flex flex-col" }, zo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Yo = /* @__PURE__ */ q({
+}), Qo = { class: "h-full relative flex flex-col" }, Jo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Wo = /* @__PURE__ */ q({
   __name: "Bukku",
   props: {
     modelValue: {},
@@ -1509,49 +1615,49 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], h = de(), _ = Y(() => {
+    ], w = de(), x = z(() => {
       switch (s.value) {
         case "preview":
-          return Lo;
+          return Go;
         case "setting":
-          return No;
+          return Yo;
         default:
           return null;
       }
     });
     return (C, b) => {
-      var w;
-      const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), D("div", Eo, [
-        r(x, {
-          title: ((w = e.value) == null ? void 0 : w.name) || "Bukku",
+      var h;
+      const _ = k("FmPageHead"), m = k("FmTabs");
+      return c(), D("div", Qo, [
+        i(_, {
+          title: ((h = e.value) == null ? void 0 : h.name) || "Bukku",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": u(h).back
+          "onClick:back": p(w).back
         }, {
           description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        r(m, {
+        i(m, {
           "model-value": s.value,
-          "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
+          "onUpdate:modelValue": b[0] || (b[0] = ($) => s.value = $),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", zo, [
-          (c(), M(xe(_.value), {
+        t("div", Jo, [
+          (c(), N(xe(x.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
+            "onUpdate:modelValue": b[1] || (b[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), qo = {
+}), Zo = {
   key: 0,
   class: "flex flex-col h-full"
-}, Ho = { class: "flex flex-col gap-16 pb-[24px]" }, Xo = { class: "flex flex-row justify-between items-center gap-2" }, Qo = { class: "flex flex-row gap-2 items-center" }, Go = { class: "relative group cursor-pointer" }, Jo = { 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" }, Wo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Zo = { class: "flex flex-col gap-16" }, ea = { class: "fm-typo-en-title-sm-800" }, ta = { class: "flex flex-row items-center max-w-[100%]" }, oa = { class: "w-[25%]" }, aa = { class: "flex-grow" }, la = { class: "flex flex-row items-center max-w-[100%]" }, na = { class: "w-[25%]" }, sa = { class: "flex flex-row items-center max-w-[100%]" }, ia = { class: "w-[25%]" }, ra = { class: "flex flex-col gap-16" }, ma = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ca = { class: "flex flex-row items-center gap-x-16" }, da = { class: "fm-typo-en-title-sm-800" }, pa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ua = { class: "flex flex-row items-center gap-x-16" }, fa = { class: "fm-typo-en-title-sm-800" }, va = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ga = { class: "flex flex-row items-center gap-x-16" }, ya = { class: "fm-typo-en-title-sm-800" }, xa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, _a = /* @__PURE__ */ q({
+}, ea = { class: "flex flex-col gap-16 pb-[24px]" }, ta = { class: "flex flex-row justify-between items-center gap-2" }, oa = { class: "flex flex-row gap-2 items-center" }, aa = { class: "relative group cursor-pointer" }, la = { 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" }, na = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, sa = { class: "flex flex-col gap-16" }, ia = { class: "fm-typo-en-title-sm-800" }, ra = { class: "flex flex-row items-center max-w-[100%]" }, ma = { class: "w-[25%]" }, ca = { class: "flex-grow" }, da = { class: "flex flex-row items-center max-w-[100%]" }, pa = { class: "w-[25%]" }, ua = { class: "flex flex-row items-center max-w-[100%]" }, fa = { class: "w-[25%]" }, va = { class: "flex flex-col gap-16" }, ga = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ya = { class: "flex flex-col gap-16 pt-3 pb-3" }, xa = { class: "flex flex-row items-center gap-5" }, _a = { class: "fm-typo-en-title-sm-800" }, ba = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ha = { class: "flex flex-row items-center gap-x-16" }, wa = { class: "fm-typo-en-title-sm-800" }, Va = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ka = { class: "flex flex-row items-center gap-x-16" }, $a = { class: "fm-typo-en-title-sm-800" }, Sa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ca = { class: "flex flex-row items-center gap-x-16" }, Fa = { class: "fm-typo-en-title-sm-800" }, Da = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ua = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -1559,23 +1665,23 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(v) {
-    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
+    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), w = de(), { promptLoader: x } = we(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), _ = z(
       () => b.map((a) => ({ label: a.name, value: a.id }))
     );
     async function m() {
       await C({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
-      }) && await _(async () => {
+      }) && await x(async () => {
         try {
-          await Ve(e.value._id), await V.getSettings(), h.back();
+          await Ve(e.value._id), await V.getSettings(), w.back();
         } catch (l) {
           s.open({ type: "error", message: l.message });
         }
       });
     }
-    async function w() {
-      await _(async () => {
+    async function h() {
+      await x(async () => {
         try {
           await ke(e.value._id, e.value), await V.getSettings();
         } catch (a) {
@@ -1583,10 +1689,10 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       });
     }
-    function k(a, l) {
-      var f, i;
-      (i = (f = e.value.platform) == null ? void 0 : f.mappings) != null && i[a] && (e.value.platform.mappings[a] = e.value.platform.mappings[a].filter(
-        (P, A) => A !== l
+    function $(a, l) {
+      var f, r;
+      (r = (f = e.value.platform) == null ? void 0 : f.mappings) != null && r[a] && (e.value.platform.mappings[a] = e.value.platform.mappings[a].filter(
+        (A, K) => K !== l
       ));
     }
     function d(a) {
@@ -1621,8 +1727,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       key: a,
       value: l
     }) {
-      var f, i;
-      (i = (f = e.value) == null ? void 0 : f.platform) != null && i.mappings && (e.value.platform.mappings[a] = l);
+      var f, r;
+      (r = (f = e.value) == null ? void 0 : f.platform) != null && r.mappings && (e.value.platform.mappings[a] = l);
     }
     function g(a) {
       return {
@@ -1630,8 +1736,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         account: { placeholder: a, editable: !0 }
       };
     }
-    async function $() {
-      await _(async () => {
+    async function S() {
+      await x(async () => {
         try {
           await $e(e.value._id), await V.getSettings();
         } catch (a) {
@@ -1642,64 +1748,64 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return be(async () => {
       await V.getSettings();
     }), (a, l) => {
-      var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
-      const f = S("FmIcon"), i = S("FmButton"), P = S("FmMenuDivider"), A = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), D("div", qo, [
-        t("div", Ho, [
-          t("div", Xo, [
+      var E, Q, R, j, Y, W, Z, ee, te, oe, ae, le, ne, se;
+      const f = k("FmIcon"), r = k("FmButton"), A = k("FmMenuDivider"), K = k("FmTextField"), G = k("FmSelect");
+      return (Q = (E = e.value) == null ? void 0 : E.platform) != null && Q.mappings ? (c(), D("div", Zo, [
+        t("div", ea, [
+          t("div", ta, [
             l[14] || (l[14] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Qo, [
-              t("div", Go, [
-                r(f, {
+            t("div", oa, [
+              t("div", aa, [
+                i(f, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: $
+                  onClick: S
                 }),
-                t("span", Jo, T(u(o)("report.integration.refreshSetting")), 1)
+                t("span", la, F(p(o)("report.integration.refreshSetting")), 1)
               ]),
-              r(i, {
+              i(r, {
                 variant: "tertiary",
-                label: u(o)("report.common.remove"),
+                label: p(o)("report.common.remove"),
                 onClick: m
               }, null, 8, ["label"]),
-              r(i, {
+              i(r, {
                 variant: "primary",
-                label: u(o)("report.common.update"),
-                onClick: w
+                label: p(o)("report.common.update"),
+                onClick: h
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        r(P, { style: { margin: 0 } }),
-        t("div", Wo, [
-          t("div", Zo, [
-            t("div", ea, T(u(o)("report.integration.general")), 1),
-            t("div", ta, [
-              t("div", oa, T(u(o)("report.common.name")), 1),
-              t("div", aa, [
-                r(A, {
+        i(A, { style: { margin: 0 } }),
+        t("div", na, [
+          t("div", sa, [
+            t("div", ia, F(p(o)("report.integration.general")), 1),
+            t("div", ra, [
+              t("div", ma, F(p(o)("report.common.name")), 1),
+              t("div", ca, [
+                i(K, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": l[0] || (l[0] = (F) => e.value.name = F)
+                  "onUpdate:modelValue": l[0] || (l[0] = (U) => e.value.name = U)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", la, [
-              t("div", na, T(u(o)("report.integration.location")), 1),
-              r(Q, {
+            t("div", da, [
+              t("div", pa, F(p(o)("report.integration.location")), 1),
+              i(G, {
                 modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": l[1] || (l[1] = (F) => e.value.platform.locationIds = F),
+                "onUpdate:modelValue": l[1] || (l[1] = (U) => e.value.platform.locationIds = U),
                 multiselect: !0,
-                items: x.value,
+                items: _.value,
                 placeholder: "Select location",
                 class: "flex-grow",
-                rules: [(F) => F.length !== 0 || "Please select at least 1 location"]
+                rules: [(U) => U.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
-            t("div", sa, [
-              t("div", ia, T(u(o)("report.integration.grouping.title")), 1),
-              r(Q, {
+            t("div", ua, [
+              t("div", fa, F(p(o)("report.integration.grouping.title")), 1),
+              i(G, {
                 modelValue: e.value.platform.grouping,
-                "onUpdate:modelValue": l[2] || (l[2] = (F) => e.value.platform.grouping = F),
+                "onUpdate:modelValue": l[2] || (l[2] = (U) => e.value.platform.grouping = U),
                 multiselect: !1,
                 items: y,
                 placeholder: "Select grouping",
@@ -1707,148 +1813,156 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", ra, [
-            t("div", ma, [
-              r(K, {
+          t("div", va, [
+            t("div", ga, [
+              i(M, {
                 "model-value": { key: "Project", account: e.value.platform.mappings.project },
                 options: g("Project"),
-                "onUpdate:modelValue": l[3] || (l[3] = (F) => n({ key: "project", value: F.account }))
+                "onUpdate:modelValue": l[3] || (l[3] = (U) => n({ key: "project", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              r(K, {
+              i(M, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
                 options: g("Debtor"),
-                "onUpdate:modelValue": l[4] || (l[4] = (F) => n({ key: "debtor", value: F.account }))
+                "onUpdate:modelValue": l[4] || (l[4] = (U) => n({ key: "debtor", value: U.account }))
+              }, null, 8, ["model-value", "options"]),
+              i(M, {
+                "model-value": {
+                  key: "Rounding",
+                  account: e.value.platform.mappings.rounding.account
+                },
+                options: g("Rounding"),
+                "onUpdate:modelValue": l[5] || (l[5] = (U) => {
+                  var u, T, O;
+                  (O = (T = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : T.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = U.account);
+                })
               }, null, 8, ["model-value", "options"]),
-              r(K, {
+              (c(!0), D(L, null, H((Y = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : Y.charges, (U, u) => (c(), N(M, {
+                key: `charge-${u}`,
+                modelValue: e.value.platform.mappings.charges[u],
+                "onUpdate:modelValue": (T) => e.value.platform.mappings.charges[u] = T,
+                options: {
+                  key: { placeholder: "Key", editable: !1 },
+                  account: { placeholder: "Account code", editable: !0 }
+                }
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
+            ])
+          ]),
+          t("div", ya, [
+            t("div", xa, [
+              t("div", _a, F(p(o)("report.integration.refNumFormat")), 1),
+              i(Ke)
+            ]),
+            t("div", ba, [
+              i(M, {
                 "model-value": {
                   key: "Invoice no",
                   account: e.value.platform.mappings.invoiceDocNo
                 },
                 options: g("Invoice no"),
-                "onUpdate:modelValue": l[5] || (l[5] = (F) => n({ key: "invoiceDocNo", value: F.account }))
+                "onUpdate:modelValue": l[6] || (l[6] = (U) => n({ key: "invoiceDocNo", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              r(K, {
+              i(M, {
                 "model-value": {
                   key: "Credit note no",
                   account: e.value.platform.mappings.creditNoteDocNo
                 },
                 options: g("Credit note no"),
-                "onUpdate:modelValue": l[6] || (l[6] = (F) => n({ key: "creditNoteDocNo", value: F.account }))
+                "onUpdate:modelValue": l[7] || (l[7] = (U) => n({ key: "creditNoteDocNo", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              r(K, {
+              i(M, {
                 "model-value": {
                   key: "Payment no",
                   account: e.value.platform.mappings.paymentDocNo
                 },
                 options: g("Payment no"),
-                "onUpdate:modelValue": l[7] || (l[7] = (F) => n({ key: "paymentDocNo", value: F.account }))
+                "onUpdate:modelValue": l[8] || (l[8] = (U) => n({ key: "paymentDocNo", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              r(K, {
+              i(M, {
                 "model-value": {
                   key: "Refund no",
                   account: e.value.platform.mappings.refundDocNo
                 },
                 options: g("Refund no"),
-                "onUpdate:modelValue": l[8] || (l[8] = (F) => n({ key: "refundDocNo", value: F.account }))
-              }, null, 8, ["model-value", "options"]),
-              r(K, {
-                "model-value": {
-                  key: "Rounding",
-                  account: e.value.platform.mappings.rounding.account
-                },
-                options: g("Rounding"),
-                "onUpdate:modelValue": l[9] || (l[9] = (F) => {
-                  var p, U, O;
-                  (O = (U = (p = e.value) == null ? void 0 : p.platform) == null ? void 0 : U.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = F.account);
-                })
-              }, null, 8, ["model-value", "options"]),
-              (c(!0), D(L, null, H((z = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (F, p) => (c(), M(K, {
-                key: `charge-${p}`,
-                modelValue: e.value.platform.mappings.charges[p],
-                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[p] = U,
-                options: {
-                  key: { placeholder: "Key", editable: !1 },
-                  account: { placeholder: "Account code", editable: !0 }
-                }
-              }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
+                "onUpdate:modelValue": l[9] || (l[9] = (U) => n({ key: "refundDocNo", value: U.account }))
+              }, null, 8, ["model-value", "options"])
             ])
           ]),
-          r(Ue, {
+          i(Ue, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": l[10] || (l[10] = (F) => e.value.platform = F),
-            label: u(o)("report.input.email")
+            "onUpdate:modelValue": l[10] || (l[10] = (U) => e.value.platform = U),
+            label: p(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
-          t("div", ca, [
-            t("div", da, T(u(o)("report.integration.items")), 1),
-            r(i, {
+          t("div", ha, [
+            t("div", wa, F(p(o)("report.integration.items")), 1),
+            i(r, {
               variant: "primary",
               icon: "add",
               onClick: l[11] || (l[11] = () => d("items"))
             })
           ]),
-          t("div", pa, [
-            (c(!0), D(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (F, p) => (c(), M(K, {
-              key: `item-${p}`,
-              modelValue: e.value.platform.mappings.items[p],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[p] = U,
+          t("div", Va, [
+            (c(!0), D(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (U, u) => (c(), N(M, {
+              key: `item-${u}`,
+              modelValue: e.value.platform.mappings.items[u],
+              "onUpdate:modelValue": (T) => e.value.platform.mappings.items[u] = T,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("items", p)
+              onRemove: () => $("items", u)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", ua, [
-            t("div", fa, T(u(o)("report.integration.taxes")), 1),
-            r(i, {
+          t("div", ka, [
+            t("div", $a, F(p(o)("report.integration.taxes")), 1),
+            i(r, {
               variant: "primary",
               icon: "add",
               onClick: l[12] || (l[12] = () => d("taxes"))
             })
           ]),
-          t("div", va, [
-            (c(!0), D(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (F, p) => (c(), M(K, {
-              key: `tax-${p}`,
-              modelValue: e.value.platform.mappings.taxes[p],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[p] = U,
+          t("div", Sa, [
+            (c(!0), D(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (U, u) => (c(), N(M, {
+              key: `tax-${u}`,
+              modelValue: e.value.platform.mappings.taxes[u],
+              "onUpdate:modelValue": (T) => e.value.platform.mappings.taxes[u] = T,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("taxes", p)
+              onRemove: () => $("taxes", u)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", ga, [
-            t("div", ya, T(u(o)("report.integration.payments")), 1),
-            r(i, {
+          t("div", Ca, [
+            t("div", Fa, F(p(o)("report.integration.payments")), 1),
+            i(r, {
               variant: "primary",
               icon: "add",
               onClick: l[13] || (l[13] = () => d("payments"))
             })
           ]),
-          t("div", xa, [
-            (c(!0), D(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (F, p) => (c(), M(K, {
-              key: `payment-${p}`,
-              modelValue: e.value.platform.mappings.payments[p],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[p] = U,
+          t("div", Da, [
+            (c(!0), D(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (U, u) => (c(), N(M, {
+              key: `payment-${u}`,
+              modelValue: e.value.platform.mappings.payments[u],
+              "onUpdate:modelValue": (T) => e.value.platform.mappings.payments[u] = T,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Payment name", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("payments", p)
+              onRemove: () => $("payments", u)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
-      ])) : N("", !0);
+      ])) : P("", !0);
     };
   }
-}), ba = { class: "h-full flex flex-col gap-16" }, wa = { class: "flex flex-row gap-2 justify-between items-center" }, ha = {
+}), Ta = { class: "h-full flex flex-col gap-16" }, Ia = { class: "flex flex-row gap-2 justify-between items-center" }, Na = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Va = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ka = /* @__PURE__ */ q({
+}, Ma = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ka = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -1856,10 +1970,10 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(v) {
-    const { t: o } = J(), e = B([]), s = Y(
-      () => e.value.reduce((m, w) => {
-        const k = m.length, { invoice: d, payments: y } = w;
-        m[k] = {
+    const { t: o } = J(), e = B([]), s = z(
+      () => e.value.reduce((m, h) => {
+        const $ = m.length, { invoice: d, payments: y } = h;
+        m[$] = {
           date: d.DocDate,
           docNo: d.DocNo,
           projNo: d.ProjNo,
@@ -1867,7 +1981,7 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           description: d.Description
         };
         for (let n = 0; n < Math.max(d._items.length, y.length); n++) {
-          const g = k + n;
+          const g = $ + n;
           m[g] || (m[g] = {}), d._items[n] && (m[g] = {
             ...m[g],
             itemDescription: d._items[n].DetailDescription,
@@ -1956,61 +2070,61 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], h = X(v, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = De(pe());
+    ], w = X(v, "modelValue"), x = B(!1), C = ue(), { dateRange: b } = Fe(pe());
     ve(
       () => b.value,
       async () => {
-        if (h.value._id)
+        if (w.value._id)
           try {
-            _.value = !0, e.value = await Se(h.value._id);
+            x.value = !0, e.value = await Se(w.value._id);
           } catch (m) {
             C.open({ message: m.message, type: "error" });
           } finally {
-            _.value = !1;
+            x.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    async function x() {
+    async function _() {
       try {
-        h.value._id ? (_.value = !0, await Ne(h.value._id)) : C.open({ message: "Invalid accounting setting", type: "error" });
+        w.value._id ? (x.value = !0, await Re(w.value._id)) : C.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
         C.open({ message: m.message, type: "error" });
       } finally {
-        _.value = !1;
+        x.value = !1;
       }
     }
-    return (m, w) => {
-      const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), D("div", ba, [
-        t("div", wa, [
-          r(Fe, {
-            "date-range": u(b),
-            "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
+    return (m, h) => {
+      const $ = k("FmButton"), d = k("FmCircularProgress"), y = k("FmTable");
+      return c(), D("div", Ta, [
+        t("div", Ia, [
+          i(De, {
+            "date-range": p(b),
+            "onUpdate:dateRange": h[0] || (h[0] = (n) => he(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          r(k, {
-            loading: _.value,
+          i($, {
+            loading: x.value,
             variant: "primary",
-            label: u(o)("report.common.download"),
-            onClick: x
+            label: p(o)("report.common.download"),
+            onClick: _
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), D("div", ha, [
-          r(d, { size: "xl" }),
-          t("span", Va, T(u(o)("report.common.isLoading")), 1)
-        ])) : s.value.length > 0 ? (c(), M(y, {
+        x.value ? (c(), D("div", Na, [
+          i(d, { size: "xl" }),
+          t("span", Ma, F(p(o)("report.common.isLoading")), 1)
+        ])) : s.value.length > 0 ? (c(), N(y, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": s.value,
           "column-defs": V
-        }, null, 8, ["row-data"])) : N("", !0)
+        }, null, 8, ["row-data"])) : P("", !0)
       ]);
     };
   }
-}), $a = { class: "h-full relative flex flex-col" }, Sa = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ca = /* @__PURE__ */ q({
+}), Aa = { class: "h-full relative flex flex-col" }, Pa = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ra = /* @__PURE__ */ q({
   __name: "AutoCount",
   props: {
     modelValue: {},
@@ -2029,49 +2143,49 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], h = de(), _ = Y(() => {
+    ], w = de(), x = z(() => {
       switch (s.value) {
         case "preview":
-          return ka;
+          return Ka;
         case "setting":
-          return _a;
+          return Ua;
         default:
           return null;
       }
     });
     return (C, b) => {
-      var w;
-      const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), D("div", $a, [
-        r(x, {
-          title: ((w = e.value) == null ? void 0 : w.name) || "AutoCount",
+      var h;
+      const _ = k("FmPageHead"), m = k("FmTabs");
+      return c(), D("div", Aa, [
+        i(_, {
+          title: ((h = e.value) == null ? void 0 : h.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": u(h).back
+          "onClick:back": p(w).back
         }, {
           description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        r(m, {
+        i(m, {
           "model-value": s.value,
-          "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
+          "onUpdate:modelValue": b[0] || (b[0] = ($) => s.value = $),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", Sa, [
-          (c(), M(xe(_.value), {
+        t("div", Pa, [
+          (c(), N(xe(x.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
+            "onUpdate:modelValue": b[1] || (b[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), Da = {
+}), Oa = {
   key: 0,
   class: "flex flex-col h-full"
-}, Fa = { class: "flex flex-col gap-16 pb-[24px]" }, Ua = { class: "flex flex-row justify-between items-center gap-2" }, Ta = { class: "flex flex-row gap-2 items-center" }, Ia = { class: "relative group cursor-pointer" }, Ma = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Ka = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Aa = { class: "flex flex-col gap-16" }, Pa = { class: "fm-typo-en-title-sm-800" }, Na = { class: "flex flex-row items-center max-w-[100%]" }, Ra = { class: "w-[25%]" }, Oa = { class: "flex-grow" }, Ba = { class: "flex flex-row items-center max-w-[100%]" }, ja = { class: "w-[25%]" }, La = { class: "flex flex-row items-center max-w-[100%]" }, Ea = { class: "w-[25%]" }, za = { class: "flex flex-col gap-16" }, Ya = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, qa = { class: "grid-cols-1 grid gap-16" }, Ha = { class: "flex flex-row items-center gap-x-16" }, Xa = { class: "fm-typo-en-title-sm-800" }, Qa = { class: "grid-cols-1 grid gap-16" }, Ga = { class: "flex flex-row items-center gap-x-16" }, Ja = { class: "fm-typo-en-title-sm-800" }, Wa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Za = { class: "flex flex-row items-center gap-x-16" }, el = { class: "fm-typo-en-title-sm-800" }, tl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ol = /* @__PURE__ */ q({
+}, Ba = { class: "flex flex-col gap-16 pb-[24px]" }, ja = { class: "flex flex-row justify-between items-center gap-2" }, La = { class: "flex flex-row gap-2 items-center" }, Ea = { class: "relative group cursor-pointer" }, Ya = { 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" }, za = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, qa = { class: "flex flex-col gap-16" }, Ha = { class: "fm-typo-en-title-sm-800" }, Xa = { class: "flex flex-row items-center max-w-[100%]" }, Ga = { class: "w-[25%]" }, Qa = { class: "flex-grow" }, Ja = { class: "flex flex-row items-center max-w-[100%]" }, Wa = { class: "w-[25%]" }, Za = { class: "flex flex-row items-center max-w-[100%]" }, el = { class: "w-[25%]" }, tl = { class: "flex flex-col gap-16" }, ol = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, al = { class: "grid-cols-1 grid gap-16" }, ll = { class: "flex flex-col gap-16 pt-3 pb-3" }, nl = { class: "flex flex-row items-center gap-5" }, sl = { class: "fm-typo-en-title-sm-800" }, il = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, rl = { class: "flex flex-row items-center gap-x-16" }, ml = { class: "fm-typo-en-title-sm-800" }, cl = { class: "grid-cols-1 grid gap-16" }, dl = { class: "flex flex-row items-center gap-x-16" }, pl = { class: "fm-typo-en-title-sm-800" }, ul = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, fl = { class: "flex flex-row items-center gap-x-16" }, vl = { class: "fm-typo-en-title-sm-800" }, gl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, yl = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -2079,23 +2193,23 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(v) {
-    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
+    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), w = de(), { promptLoader: x } = we(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), _ = z(
       () => b.map((a) => ({ label: a.name, value: a.id }))
     );
     async function m() {
       await C({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
-      }) && await _(async () => {
+      }) && await x(async () => {
         try {
-          await Ve(e.value._id), await V.getSettings(), h.back();
+          await Ve(e.value._id), await V.getSettings(), w.back();
         } catch (l) {
           s.open({ type: "error", message: l.message });
         }
       });
     }
-    async function w() {
-      await _(async () => {
+    async function h() {
+      await x(async () => {
         try {
           await ke(e.value._id, e.value), await V.getSettings();
         } catch (a) {
@@ -2103,10 +2217,10 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       });
     }
-    function k(a, l) {
-      var f, i;
-      (i = (f = e.value.platform) == null ? void 0 : f.mappings) != null && i[a] && (e.value.platform.mappings[a] = e.value.platform.mappings[a].filter(
-        (P, A) => A !== l
+    function $(a, l) {
+      var f, r;
+      (r = (f = e.value.platform) == null ? void 0 : f.mappings) != null && r[a] && (e.value.platform.mappings[a] = e.value.platform.mappings[a].filter(
+        (A, K) => K !== l
       ));
     }
     function d(a) {
@@ -2142,8 +2256,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       key: a,
       value: l
     }) {
-      var f, i;
-      (i = (f = e.value) == null ? void 0 : f.platform) != null && i.mappings && (e.value.platform.mappings[a] = l);
+      var f, r;
+      (r = (f = e.value) == null ? void 0 : f.platform) != null && r.mappings && (e.value.platform.mappings[a] = l);
     }
     function g(a) {
       return {
@@ -2151,8 +2265,8 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         account: { placeholder: a, editable: !0 }
       };
     }
-    async function $() {
-      await _(async () => {
+    async function S() {
+      await x(async () => {
         try {
           await $e(e.value._id), await V.getSettings();
         } catch (a) {
@@ -2163,64 +2277,64 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return be(async () => {
       await V.getSettings();
     }), (a, l) => {
-      var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
-      const f = S("FmIcon"), i = S("FmButton"), P = S("FmMenuDivider"), A = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), D("div", Da, [
-        t("div", Fa, [
-          t("div", Ua, [
+      var E, Q, R, j, Y, W, Z, ee, te, oe, ae, le, ne, se;
+      const f = k("FmIcon"), r = k("FmButton"), A = k("FmMenuDivider"), K = k("FmTextField"), G = k("FmSelect");
+      return (Q = (E = e.value) == null ? void 0 : E.platform) != null && Q.mappings ? (c(), D("div", Oa, [
+        t("div", Ba, [
+          t("div", ja, [
             l[15] || (l[15] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Ta, [
-              t("div", Ia, [
-                r(f, {
+            t("div", La, [
+              t("div", Ea, [
+                i(f, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: $
+                  onClick: S
                 }),
-                t("span", Ma, T(u(o)("report.integration.refreshSetting")), 1)
+                t("span", Ya, F(p(o)("report.integration.refreshSetting")), 1)
               ]),
-              r(i, {
+              i(r, {
                 variant: "tertiary",
-                label: u(o)("report.common.delete"),
+                label: p(o)("report.common.delete"),
                 onClick: m
               }, null, 8, ["label"]),
-              r(i, {
+              i(r, {
                 variant: "primary",
-                label: u(o)("report.common.update"),
-                onClick: w
+                label: p(o)("report.common.update"),
+                onClick: h
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        r(P, { style: { margin: 0 } }),
-        t("div", Ka, [
-          t("div", Aa, [
-            t("div", Pa, T(u(o)("report.integration.general")), 1),
-            t("div", Na, [
-              t("div", Ra, T(u(o)("report.common.name")), 1),
-              t("div", Oa, [
-                r(A, {
+        i(A, { style: { margin: 0 } }),
+        t("div", za, [
+          t("div", qa, [
+            t("div", Ha, F(p(o)("report.integration.general")), 1),
+            t("div", Xa, [
+              t("div", Ga, F(p(o)("report.common.name")), 1),
+              t("div", Qa, [
+                i(K, {
                   modelValue: e.value.name,
-                  "onUpdate:modelValue": l[0] || (l[0] = (F) => e.value.name = F)
+                  "onUpdate:modelValue": l[0] || (l[0] = (U) => e.value.name = U)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Ba, [
-              t("div", ja, T(u(o)("report.integration.location")), 1),
-              r(Q, {
+            t("div", Ja, [
+              t("div", Wa, F(p(o)("report.integration.location")), 1),
+              i(G, {
                 modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": l[1] || (l[1] = (F) => e.value.platform.locationIds = F),
+                "onUpdate:modelValue": l[1] || (l[1] = (U) => e.value.platform.locationIds = U),
                 multiselect: !0,
-                items: x.value,
+                items: _.value,
                 placeholder: "Select location",
                 class: "flex-grow",
-                rules: [(F) => F.length !== 0 || "Please select at least 1 location"]
+                rules: [(U) => U.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
-            t("div", La, [
-              t("div", Ea, T(u(o)("report.integration.grouping.title")), 1),
-              r(Q, {
+            t("div", Za, [
+              t("div", el, F(p(o)("report.integration.grouping.title")), 1),
+              i(G, {
                 modelValue: e.value.platform.grouping,
-                "onUpdate:modelValue": l[2] || (l[2] = (F) => e.value.platform.grouping = F),
+                "onUpdate:modelValue": l[2] || (l[2] = (U) => e.value.platform.grouping = U),
                 multiselect: !1,
                 items: y,
                 placeholder: "Select grouping",
@@ -2228,64 +2342,32 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", za, [
-            t("div", Ya, [
-              r(K, {
+          t("div", tl, [
+            t("div", ol, [
+              i(M, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
                 options: g("Debtor"),
-                "onUpdate:modelValue": l[3] || (l[3] = (F) => n({ key: "debtor", value: F.account }))
+                "onUpdate:modelValue": l[3] || (l[3] = (U) => n({ key: "debtor", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              r(K, {
-                "model-value": {
-                  key: "Invoice no",
-                  account: e.value.platform.mappings.invoiceDocNo
-                },
-                options: g("Invoice no"),
-                "onUpdate:modelValue": l[4] || (l[4] = (F) => n({ key: "invoiceDocNo", value: F.account }))
-              }, null, 8, ["model-value", "options"]),
-              r(K, {
-                "model-value": {
-                  key: "Credit note no",
-                  account: e.value.platform.mappings.creditNoteDocNo
-                },
-                options: g("Credit note no"),
-                "onUpdate:modelValue": l[5] || (l[5] = (F) => n({ key: "creditNoteDocNo", value: F.account }))
-              }, null, 8, ["model-value", "options"]),
-              r(K, {
-                "model-value": {
-                  key: "Payment no",
-                  account: e.value.platform.mappings.paymentDocNo
-                },
-                options: g("Payment no"),
-                "onUpdate:modelValue": l[6] || (l[6] = (F) => n({ key: "paymentDocNo", value: F.account }))
-              }, null, 8, ["model-value", "options"]),
-              r(K, {
-                "model-value": {
-                  key: "Refund no",
-                  account: e.value.platform.mappings.refundDocNo
-                },
-                options: g("Refund no"),
-                "onUpdate:modelValue": l[7] || (l[7] = (F) => n({ key: "refundDocNo", value: F.account }))
-              }, null, 8, ["model-value", "options"]),
-              r(K, {
+              i(M, {
                 "model-value": {
                   key: "Project header",
                   account: e.value.platform.mappings.projectHeader
                 },
                 options: g("Project header"),
-                "onUpdate:modelValue": l[8] || (l[8] = (F) => n({ key: "projectHeader", value: F.account }))
+                "onUpdate:modelValue": l[4] || (l[4] = (U) => n({ key: "projectHeader", value: U.account }))
               }, null, 8, ["model-value", "options"]),
-              r(K, {
+              i(M, {
                 "model-value": {
                   key: "Project detail",
                   account: e.value.platform.mappings.projectDetail
                 },
                 options: g("Project detail"),
-                "onUpdate:modelValue": l[9] || (l[9] = (F) => n({ key: "projectDetail", value: F.account }))
+                "onUpdate:modelValue": l[5] || (l[5] = (U) => n({ key: "projectDetail", value: U.account }))
               }, null, 8, ["model-value", "options"])
             ]),
-            t("div", qa, [
-              r(K, {
+            t("div", al, [
+              i(M, {
                 "model-value": {
                   key: "Rounding",
                   account: e.value.platform.mappings.rounding.account,
@@ -2296,15 +2378,15 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   account: { placeholder: "Account code", editable: !0 },
                   code: { placeholder: "Item code", editable: !0 }
                 },
-                "onUpdate:modelValue": l[10] || (l[10] = (F) => {
-                  var p, U, O;
-                  (O = (U = (p = e.value) == null ? void 0 : p.platform) == null ? void 0 : U.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = F.account, e.value.platform.mappings.rounding.code = F.code);
+                "onUpdate:modelValue": l[6] || (l[6] = (U) => {
+                  var u, T, O;
+                  (O = (T = (u = e.value) == null ? void 0 : u.platform) == null ? void 0 : T.mappings) != null && O.rounding && (e.value.platform.mappings.rounding.account = U.account, e.value.platform.mappings.rounding.code = U.code);
                 })
               }, null, 8, ["model-value"]),
-              (c(!0), D(L, null, H((z = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : z.charges, (F, p) => (c(), M(K, {
-                key: `charge-${p}`,
-                modelValue: e.value.platform.mappings.charges[p],
-                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[p] = U,
+              (c(!0), D(L, null, H((Y = (j = (R = e.value) == null ? void 0 : R.platform) == null ? void 0 : j.mappings) == null ? void 0 : Y.charges, (U, u) => (c(), N(M, {
+                key: `charge-${u}`,
+                modelValue: e.value.platform.mappings.charges[u],
+                "onUpdate:modelValue": (T) => e.value.platform.mappings.charges[u] = T,
                 options: {
                   key: { placeholder: "Key", editable: !1 },
                   account: { placeholder: "Account code", editable: !0 },
@@ -2313,83 +2395,123 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
             ])
           ]),
-          r(Ue, {
+          t("div", ll, [
+            t("div", nl, [
+              t("div", sl, F(p(o)("report.integration.refNumFormat")), 1),
+              i(Ke)
+            ]),
+            t("div", il, [
+              i(M, {
+                "model-value": {
+                  key: "Invoice no",
+                  account: e.value.platform.mappings.invoiceDocNo
+                },
+                options: g("Invoice no"),
+                "onUpdate:modelValue": l[7] || (l[7] = (U) => n({ key: "invoiceDocNo", value: U.account }))
+              }, null, 8, ["model-value", "options"]),
+              i(M, {
+                "model-value": {
+                  key: "Credit note no",
+                  account: e.value.platform.mappings.creditNoteDocNo
+                },
+                options: g("Credit note no"),
+                "onUpdate:modelValue": l[8] || (l[8] = (U) => n({ key: "creditNoteDocNo", value: U.account }))
+              }, null, 8, ["model-value", "options"]),
+              i(M, {
+                "model-value": {
+                  key: "Payment no",
+                  account: e.value.platform.mappings.paymentDocNo
+                },
+                options: g("Payment no"),
+                "onUpdate:modelValue": l[9] || (l[9] = (U) => n({ key: "paymentDocNo", value: U.account }))
+              }, null, 8, ["model-value", "options"]),
+              i(M, {
+                "model-value": {
+                  key: "Refund no",
+                  account: e.value.platform.mappings.refundDocNo
+                },
+                options: g("Refund no"),
+                "onUpdate:modelValue": l[10] || (l[10] = (U) => n({ key: "refundDocNo", value: U.account }))
+              }, null, 8, ["model-value", "options"])
+            ])
+          ]),
+          i(Ue, {
             modelValue: e.value.platform,
-            "onUpdate:modelValue": l[11] || (l[11] = (F) => e.value.platform = F),
+            "onUpdate:modelValue": l[11] || (l[11] = (U) => e.value.platform = U),
             label: "email"
           }, null, 8, ["modelValue"]),
-          t("div", Ha, [
-            t("div", Xa, T(u(o)("report.integration.items")), 1),
-            r(i, {
+          t("div", rl, [
+            t("div", ml, F(p(o)("report.integration.items")), 1),
+            i(r, {
               variant: "primary",
               icon: "add",
               onClick: l[12] || (l[12] = () => d("items"))
             })
           ]),
-          t("div", Qa, [
-            (c(!0), D(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (F, p) => (c(), M(K, {
-              key: `item-${p}`,
-              modelValue: e.value.platform.mappings.items[p],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[p] = U,
+          t("div", cl, [
+            (c(!0), D(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (U, u) => (c(), N(M, {
+              key: `item-${u}`,
+              modelValue: e.value.platform.mappings.items[u],
+              "onUpdate:modelValue": (T) => e.value.platform.mappings.items[u] = T,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 },
                 code: { placeholder: "Item code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("items", p)
+              onRemove: () => $("items", u)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Ga, [
-            t("div", Ja, T(u(o)("report.integration.taxes")), 1),
-            r(i, {
+          t("div", dl, [
+            t("div", pl, F(p(o)("report.integration.taxes")), 1),
+            i(r, {
               variant: "primary",
               icon: "add",
               onClick: l[13] || (l[13] = () => d("taxes"))
             })
           ]),
-          t("div", Wa, [
-            (c(!0), D(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (F, p) => (c(), M(K, {
-              key: `tax-${p}`,
-              modelValue: e.value.platform.mappings.taxes[p],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[p] = U,
+          t("div", ul, [
+            (c(!0), D(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (U, u) => (c(), N(M, {
+              key: `tax-${u}`,
+              modelValue: e.value.platform.mappings.taxes[u],
+              "onUpdate:modelValue": (T) => e.value.platform.mappings.taxes[u] = T,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Account code", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("taxes", p)
+              onRemove: () => $("taxes", u)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Za, [
-            t("div", el, T(u(o)("report.integration.payments")), 1),
-            r(i, {
+          t("div", fl, [
+            t("div", vl, F(p(o)("report.integration.payments")), 1),
+            i(r, {
               variant: "primary",
               icon: "add",
               onClick: l[14] || (l[14] = () => d("payments"))
             })
           ]),
-          t("div", tl, [
-            (c(!0), D(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (F, p) => (c(), M(K, {
-              key: `payment-${p}`,
-              modelValue: e.value.platform.mappings.payments[p],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[p] = U,
+          t("div", gl, [
+            (c(!0), D(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (U, u) => (c(), N(M, {
+              key: `payment-${u}`,
+              modelValue: e.value.platform.mappings.payments[u],
+              "onUpdate:modelValue": (T) => e.value.platform.mappings.payments[u] = T,
               options: {
                 key: { placeholder: "Key", editable: !0 },
                 account: { placeholder: "Method", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("payments", p)
+              onRemove: () => $("payments", u)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
-      ])) : N("", !0);
+      ])) : P("", !0);
     };
   }
-}), al = { class: "h-full flex flex-col gap-16" }, ll = { class: "flex flex-row gap-2 justify-between items-center" }, nl = {
+}), xl = { class: "h-full flex flex-col gap-16" }, _l = { class: "flex flex-row gap-2 justify-between items-center" }, bl = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, sl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, il = /* @__PURE__ */ q({
+}, hl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wl = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -2397,17 +2519,17 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(v) {
-    const { t: o } = J(), e = B([]), s = Y(
-      () => e.value.reduce((m, w) => {
-        const k = m.length, { invoice: d, payments: y } = w;
-        m[k] = {
+    const { t: o } = J(), e = B([]), s = z(
+      () => e.value.reduce((m, h) => {
+        const $ = m.length, { invoice: d, payments: y } = h;
+        m[$] = {
           date: d.DocDate,
           docNo: d.DocNo,
           debtor: d.Code,
           description: d.Description_HDR
         };
         for (let n = 0; n < Math.max(d._items.length, y.length); n++) {
-          const g = k + n;
+          const g = $ + n;
           m[g] || (m[g] = {}), d._items[n] && (m[g] = {
             ...m[g],
             itemDescription: d._items[n].Description_DTL,
@@ -2492,61 +2614,61 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], h = X(v, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = De(pe());
+    ], w = X(v, "modelValue"), x = B(!1), C = ue(), { dateRange: b } = Fe(pe());
     ve(
       () => b.value,
       async () => {
-        if (h.value._id)
+        if (w.value._id)
           try {
-            _.value = !0, e.value = await Se(h.value._id);
+            x.value = !0, e.value = await Se(w.value._id);
           } catch (m) {
             C.open({ message: m.message, type: "error" });
           } finally {
-            _.value = !1;
+            x.value = !1;
           }
       },
       {
         immediate: !0
       }
     );
-    async function x() {
+    async function _() {
       try {
-        h.value._id ? (_.value = !0, await Ne(h.value._id)) : C.open({ message: "Invalid accounting setting", type: "error" });
+        w.value._id ? (x.value = !0, await Re(w.value._id)) : C.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
         C.open({ message: m.message, type: "error" });
       } finally {
-        _.value = !1;
+        x.value = !1;
       }
     }
-    return (m, w) => {
-      const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), D("div", al, [
-        t("div", ll, [
-          r(Fe, {
-            "date-range": u(b),
-            "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
+    return (m, h) => {
+      const $ = k("FmButton"), d = k("FmCircularProgress"), y = k("FmTable");
+      return c(), D("div", xl, [
+        t("div", _l, [
+          i(De, {
+            "date-range": p(b),
+            "onUpdate:dateRange": h[0] || (h[0] = (n) => he(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          r(k, {
-            loading: _.value,
+          i($, {
+            loading: x.value,
             variant: "primary",
-            label: u(o)("report.common.download"),
-            onClick: x
+            label: p(o)("report.common.download"),
+            onClick: _
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), D("div", nl, [
-          r(d, { size: "xl" }),
-          t("span", sl, T(u(o)("report.common.isLoading")), 1)
-        ])) : s.value.length > 0 ? (c(), M(y, {
+        x.value ? (c(), D("div", bl, [
+          i(d, { size: "xl" }),
+          t("span", hl, F(p(o)("report.common.isLoading")), 1)
+        ])) : s.value.length > 0 ? (c(), N(y, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": s.value,
           "column-defs": V
-        }, null, 8, ["row-data"])) : N("", !0)
+        }, null, 8, ["row-data"])) : P("", !0)
       ]);
     };
   }
-}), rl = { class: "h-full relative flex flex-col" }, ml = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, cl = /* @__PURE__ */ q({
+}), Vl = { class: "h-full relative flex flex-col" }, kl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, $l = /* @__PURE__ */ q({
   __name: "SQL",
   props: {
     modelValue: {},
@@ -2565,64 +2687,64 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         value: "preview",
         icon: "table"
       }
-    ], h = de(), _ = Y(() => {
+    ], w = de(), x = z(() => {
       switch (s.value) {
         case "preview":
-          return il;
+          return wl;
         case "setting":
-          return ol;
+          return yl;
         default:
           return null;
       }
     });
     return (C, b) => {
-      var w;
-      const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), D("div", rl, [
-        r(x, {
-          title: ((w = e.value) == null ? void 0 : w.name) || "SQL",
+      var h;
+      const _ = k("FmPageHead"), m = k("FmTabs");
+      return c(), D("div", Vl, [
+        i(_, {
+          title: ((h = e.value) == null ? void 0 : h.name) || "SQL",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": u(h).back
+          "onClick:back": p(w).back
         }, {
           description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        r(m, {
+        i(m, {
           "model-value": s.value,
-          "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
+          "onUpdate:modelValue": b[0] || (b[0] = ($) => s.value = $),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", ml, [
-          (c(), M(xe(_.value), {
+        t("div", kl, [
+          (c(), N(xe(x.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
+            "onUpdate:modelValue": b[1] || (b[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), dl = {
+}), Sl = {
   key: 0,
   class: "flex flex-col h-full"
-}, pl = { class: "flex flex-col gap-16 pb-[24px]" }, ul = { class: "flex flex-row justify-between items-center gap-2" }, fl = { class: "fm-typo-en-title-sm-800" }, vl = { class: "flex flex-row gap-2 items-center" }, gl = { class: "flex flex-row gap-2 items-center" }, yl = { class: "relative group cursor-pointer" }, xl = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, _l = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, bl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wl = { class: "flex flex-row items-center max-w-[100%]" }, hl = { class: "w-[25%]" }, Vl = { class: "flex-grow" }, kl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, $l = { class: "flex flex-row items-center justify-between" }, Sl = { class: "w-[25%]" }, Cl = { class: "flex-grow" }, Dl = { class: "flex flex-row items-center justify-between" }, Fl = { class: "w-[25%]" }, Ul = { class: "flex-grow" }, Tl = { class: "flex flex-col gap-16" }, Il = { class: "fm-typo-en-title-sm-800" }, Ml = { class: "flex flex-row items-center max-w-[100%]" }, Kl = { class: "w-[25%]" }, Al = { class: "flex-grow" }, Pl = { class: "flex flex-row items-center max-w-[100%]" }, Nl = { class: "w-[25%]" }, Rl = { class: "flex flex-row items-center max-w-[100%]" }, Ol = { class: "w-[25%]" }, Bl = { class: "flex flex-row items-center max-w-[100%]" }, jl = { class: "flex-grow" }, Ll = { class: "flex flex-row items-center max-w-[100%]" }, El = { class: "flex-grow" }, zl = {
+}, Cl = { class: "flex flex-col gap-16 pb-[24px]" }, Fl = { class: "flex flex-row justify-between items-center gap-2" }, Dl = { class: "fm-typo-en-title-sm-800" }, Ul = { class: "flex flex-row gap-2 items-center" }, Tl = { class: "flex flex-row gap-2 items-center" }, Il = { class: "relative group cursor-pointer" }, Nl = { 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" }, Ml = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Kl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Al = { class: "flex flex-row items-center max-w-[100%]" }, Pl = { class: "w-[25%]" }, Rl = { class: "flex-grow" }, Ol = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Bl = { class: "flex flex-row items-center justify-between" }, jl = { class: "w-[25%]" }, Ll = { class: "flex-grow" }, El = { class: "flex flex-row items-center justify-between" }, Yl = { class: "w-[25%]" }, zl = { class: "flex-grow" }, ql = { class: "flex flex-col gap-16" }, Hl = { class: "fm-typo-en-title-sm-800" }, Xl = { class: "flex flex-row items-center max-w-[100%]" }, Gl = { class: "w-[25%]" }, Ql = { class: "flex-grow" }, Jl = { class: "flex flex-row items-center max-w-[100%]" }, Wl = { class: "w-[25%]" }, Zl = { class: "flex flex-row items-center max-w-[100%]" }, en = { class: "w-[25%]" }, tn = {
   key: 0,
   class: "flex flex-row items-center max-w-[100%]"
-}, Yl = { class: "flex flex-col gap-16" }, ql = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Hl = { key: 1 }, Xl = { class: "flex flex-row items-center gap-x-16" }, Ql = { class: "fm-typo-en-title-sm-800" }, Gl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Jl = { class: "flex flex-row items-center gap-x-16" }, Wl = { class: "fm-typo-en-title-sm-800" }, Zl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, en = { class: "flex flex-row items-center gap-x-16" }, tn = { class: "fm-typo-en-title-sm-800" }, on = { class: "flex flex-row items-center justify-between" }, an = { class: "flex-grow" }, ln = {
+}, on = { class: "flex flex-col gap-16" }, an = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ln = { key: 1 }, nn = { class: "flex flex-col gap-16 pt-3 pb-3" }, sn = { class: "flex flex-row items-center gap-5" }, rn = { class: "fm-typo-en-title-sm-800" }, mn = { class: "flex flex-row items-center max-w-[100%]" }, cn = { class: "flex-grow" }, dn = { class: "flex flex-row items-center max-w-[100%]" }, pn = { class: "flex-grow" }, un = { class: "flex flex-row items-center gap-x-16" }, fn = { class: "fm-typo-en-title-sm-800" }, vn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, gn = { class: "flex flex-row items-center gap-x-16" }, yn = { class: "fm-typo-en-title-sm-800" }, xn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, _n = { class: "flex flex-row items-center gap-x-16" }, bn = { class: "fm-typo-en-title-sm-800" }, hn = { class: "flex flex-row items-center justify-between" }, wn = { class: "flex-grow" }, Vn = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, nn = {
+}, kn = {
   key: 1,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, sn = {
+}, $n = {
   key: 3,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, rn = {
+}, Sn = {
   key: 0,
   class: "flex flex-row items-center"
-}, mn = /* @__PURE__ */ q({
+}, Cn = /* @__PURE__ */ q({
   __name: "Setting",
   props: /* @__PURE__ */ ye({
     retrievedMethods: {
@@ -2639,53 +2761,53 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(v) {
-    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
-      () => b.map(($) => ({ label: $.name, value: $.id }))
+    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), w = de(), { promptLoader: x } = we(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), _ = z(
+      () => b.map((S) => ({ label: S.name, value: S.id }))
     );
-    function m($) {
+    function m(S) {
       var a;
-      !((a = v.retrievedMethods) != null && a.data) || !Array.isArray(v.retrievedMethods.data) || $.forEach((l) => {
-        const f = v.retrievedMethods.data.find((i) => i.value == l.id);
+      !((a = v.retrievedMethods) != null && a.data) || !Array.isArray(v.retrievedMethods.data) || S.forEach((l) => {
+        const f = v.retrievedMethods.data.find((r) => r.value == l.id);
         f && (l.cnId = f.cnId);
       });
     }
-    async function w() {
+    async function h() {
       await C({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
-      }) && await _(async () => {
+      }) && await x(async () => {
         try {
-          await Ve(e.value._id), await V.getSettings(), h.back();
+          await Ve(e.value._id), await V.getSettings(), w.back();
         } catch (a) {
           s.open({ type: "error", message: a.message });
         }
       });
     }
-    async function k() {
-      await _(async () => {
-        var $, a, l;
+    async function $() {
+      await x(async () => {
+        var S, a, l;
         try {
-          (l = (a = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : a.mappings) != null && l.paymentMethods && m(e.value.platform.mappings.paymentMethods), await ke(e.value._id, e.value), await V.getSettings();
+          (l = (a = (S = e.value) == null ? void 0 : S.platform) == null ? void 0 : a.mappings) != null && l.paymentMethods && m(e.value.platform.mappings.paymentMethods), await ke(e.value._id, e.value), await V.getSettings();
         } catch (f) {
           s.open({ type: "error", message: f.message });
         }
       });
     }
-    function d($, a) {
+    function d(S, a) {
       var l, f;
-      (f = (l = e.value.platform) == null ? void 0 : l.mappings) != null && f[$] && (e.value.platform.mappings[$] = e.value.platform.mappings[$].filter(
-        (i, P) => P !== a
+      (f = (l = e.value.platform) == null ? void 0 : l.mappings) != null && f[S] && (e.value.platform.mappings[S] = e.value.platform.mappings[S].filter(
+        (r, A) => A !== a
       ));
     }
-    function y($) {
+    function y(S) {
       var a, l;
-      (l = (a = e.value.platform) == null ? void 0 : a.mappings) != null && l[$] && (e.value.platform.mappings[$] = [
-        ...e.value.platform.mappings[$],
-        $ === "items" ? {
+      (l = (a = e.value.platform) == null ? void 0 : a.mappings) != null && l[S] && (e.value.platform.mappings[S] = [
+        ...e.value.platform.mappings[S],
+        S === "items" ? {
           key: "",
           account: "",
           description: ""
-        } : $ === "taxes" ? {
+        } : S === "taxes" ? {
           key: "",
           account: "SST-"
         } : {
@@ -2702,29 +2824,29 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ];
     ve(
       () => {
-        var $, a, l;
-        return (l = (a = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : a.mappings) == null ? void 0 : l.taxes;
+        var S, a, l;
+        return (l = (a = (S = e.value) == null ? void 0 : S.platform) == null ? void 0 : a.mappings) == null ? void 0 : l.taxes;
       },
-      ($) => {
-        $ && $.forEach((a, l) => {
-          var P;
+      (S) => {
+        S && S.forEach((a, l) => {
+          var A;
           const f = a.key || "";
-          let i = a.account;
-          if (!i && f) {
+          let r = a.account;
+          if (!r && f) {
             switch (f) {
               case "SST_SV":
-                i = "SST-6";
+                r = "SST-6";
                 break;
               case "SST_SV8":
-                i = "SST-8";
+                r = "SST-8";
                 break;
               case "SST_EX":
-                i = "SST-0";
+                r = "SST-0";
                 break;
             }
-            (P = e.value.platform) != null && P.mappings && (e.value.platform.mappings.taxes[l] = {
+            (A = e.value.platform) != null && A.mappings && (e.value.platform.mappings.taxes[l] = {
               ...a,
-              account: i
+              account: r
             });
           }
         });
@@ -2732,12 +2854,12 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       { immediate: !0, deep: !0 }
     ), ve(
       () => {
-        var $, a, l;
-        return (l = (a = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : a.mappings) == null ? void 0 : l.version;
+        var S, a, l;
+        return (l = (a = (S = e.value) == null ? void 0 : S.platform) == null ? void 0 : a.mappings) == null ? void 0 : l.version;
       },
-      ($) => {
-        var a, l, f, i, P;
-        $ === "v1" && !((f = (l = (a = e.value) == null ? void 0 : a.platform) == null ? void 0 : l.mappings) != null && f.payee) && (P = (i = e.value) == null ? void 0 : i.platform) != null && P.mappings && (e.value.platform.mappings.payee = {
+      (S) => {
+        var a, l, f, r, A;
+        S === "v1" && !((f = (l = (a = e.value) == null ? void 0 : a.platform) == null ? void 0 : l.mappings) != null && f.payee) && (A = (r = e.value) == null ? void 0 : r.platform) != null && A.mappings && (e.value.platform.mappings.payee = {
           id: 1,
           name: ""
         });
@@ -2745,55 +2867,55 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       { immediate: !0 }
     );
     async function g() {
-      await _(async () => {
+      await x(async () => {
         try {
           await $e(e.value._id), await V.getSettings();
-        } catch ($) {
-          s.open({ type: "error", message: $.message });
+        } catch (S) {
+          s.open({ type: "error", message: S.message });
         }
       });
     }
     return be(async () => {
       await V.getSettings();
-    }), ($, a) => {
-      var G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, F;
-      const l = S("FmIcon"), f = S("FmButton"), i = S("FmSelect"), P = S("FmMenuDivider"), A = S("FmTextField"), Q = S("FmCircularProgress"), E = S("FmCheckbox");
-      return (R = (G = e.value) == null ? void 0 : G.platform) != null && R.mappings ? (c(), D("div", dl, [
-        t("div", pl, [
-          t("div", ul, [
-            t("div", fl, T(u(o)("report.integration.connect")), 1),
-            t("div", vl, [
-              t("div", gl, [
-                t("div", yl, [
-                  r(l, {
+    }), (S, a) => {
+      var Q, R, j, Y, W, Z, ee, te, oe, ae, le, ne, se, U;
+      const l = k("FmIcon"), f = k("FmButton"), r = k("FmSelect"), A = k("FmMenuDivider"), K = k("FmTextField"), G = k("FmCircularProgress"), E = k("FmCheckbox");
+      return (R = (Q = e.value) == null ? void 0 : Q.platform) != null && R.mappings ? (c(), D("div", Sl, [
+        t("div", Cl, [
+          t("div", Fl, [
+            t("div", Dl, F(p(o)("report.integration.connect")), 1),
+            t("div", Ul, [
+              t("div", Tl, [
+                t("div", Il, [
+                  i(l, {
                     name: "refresh",
                     class: "p-2 bg-gray-100 rounded-full",
                     onClick: g
                   }),
-                  t("span", xl, T(u(o)("report.integration.refreshSetting")), 1)
+                  t("span", Nl, F(p(o)("report.integration.refreshSetting")), 1)
                 ]),
-                r(f, {
+                i(f, {
                   variant: "tertiary",
-                  label: u(o)("report.common.delete"),
-                  onClick: w
+                  label: p(o)("report.common.delete"),
+                  onClick: h
                 }, null, 8, ["label"]),
-                r(f, {
+                i(f, {
                   variant: "primary",
-                  label: u(o)("report.common.update"),
-                  onClick: k
+                  label: p(o)("report.common.update"),
+                  onClick: $
                 }, null, 8, ["label"])
               ])
             ])
           ])
         ]),
-        t("div", _l, [
-          t("div", bl, T(u(o)("report.integration.biztory.authenticate")), 1),
-          t("div", wl, [
-            t("div", hl, "Biztory " + T(u(o)("report.integration.biztory.version")), 1),
-            t("div", Vl, [
-              r(i, {
+        t("div", Ml, [
+          t("div", Kl, F(p(o)("report.integration.biztory.authenticate")), 1),
+          t("div", Al, [
+            t("div", Pl, "Biztory " + F(p(o)("report.integration.biztory.version")), 1),
+            t("div", Rl, [
+              i(r, {
                 modelValue: e.value.platform.mappings.version,
-                "onUpdate:modelValue": a[0] || (a[0] = (p) => e.value.platform.mappings.version = p),
+                "onUpdate:modelValue": a[0] || (a[0] = (u) => e.value.platform.mappings.version = u),
                 items: [
                   { label: "v1", value: "v1" },
                   { label: "v2", value: "v2" }
@@ -2802,180 +2924,186 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          r(P, { style: { margin: 0 } }),
-          t("div", kl, [
-            t("div", $l, [
-              t("div", Sl, T(u(o)("report.integration.biztory.subdomain")), 1),
-              t("div", Cl, [
-                r(A, {
+          i(A, { style: { margin: 0 } }),
+          t("div", Ol, [
+            t("div", Bl, [
+              t("div", jl, F(p(o)("report.integration.biztory.subdomain")), 1),
+              t("div", Ll, [
+                i(K, {
                   modelValue: e.value.platform.subdomain,
-                  "onUpdate:modelValue": a[1] || (a[1] = (p) => e.value.platform.subdomain = p),
+                  "onUpdate:modelValue": a[1] || (a[1] = (u) => e.value.platform.subdomain = u),
                   placeholder: "Subdomain"
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Dl, [
-              t("div", Fl, T(u(o)("report.integration.biztory.apiKey")), 1),
-              t("div", Ul, [
-                r(A, {
+            t("div", El, [
+              t("div", Yl, F(p(o)("report.integration.biztory.apiKey")), 1),
+              t("div", zl, [
+                i(K, {
                   modelValue: e.value.platform.api_key,
-                  "onUpdate:modelValue": a[2] || (a[2] = (p) => e.value.platform.api_key = p),
+                  "onUpdate:modelValue": a[2] || (a[2] = (u) => e.value.platform.api_key = u),
                   placeholder: "API Key"
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Tl, [
-              t("div", Il, T(u(o)("report.integration.general")), 1),
-              t("div", Ml, [
-                t("div", Kl, T(u(o)("report.common.name")), 1),
-                t("div", Al, [
-                  r(A, {
+            t("div", ql, [
+              t("div", Hl, F(p(o)("report.integration.general")), 1),
+              t("div", Xl, [
+                t("div", Gl, F(p(o)("report.common.name")), 1),
+                t("div", Ql, [
+                  i(K, {
                     modelValue: e.value.name,
-                    "onUpdate:modelValue": a[3] || (a[3] = (p) => e.value.name = p)
+                    "onUpdate:modelValue": a[3] || (a[3] = (u) => e.value.name = u)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
-              t("div", Pl, [
-                t("div", Nl, T(u(o)("report.common.location")), 1),
-                r(i, {
+              t("div", Jl, [
+                t("div", Wl, F(p(o)("report.common.location")), 1),
+                i(r, {
                   modelValue: e.value.platform.locationIds,
-                  "onUpdate:modelValue": a[4] || (a[4] = (p) => e.value.platform.locationIds = p),
+                  "onUpdate:modelValue": a[4] || (a[4] = (u) => e.value.platform.locationIds = u),
                   multiselect: !0,
-                  items: x.value,
-                  placeholder: u(o)("report.common.location"),
+                  items: _.value,
+                  placeholder: p(o)("report.common.location"),
                   class: "flex-grow"
                 }, null, 8, ["modelValue", "items", "placeholder"])
               ]),
-              t("div", Rl, [
-                t("div", Ol, T(u(o)("report.integration.grouping.title")), 1),
-                r(i, {
+              t("div", Zl, [
+                t("div", en, F(p(o)("report.integration.grouping.title")), 1),
+                i(r, {
                   modelValue: e.value.platform.grouping,
-                  "onUpdate:modelValue": a[5] || (a[5] = (p) => e.value.platform.grouping = p),
+                  "onUpdate:modelValue": a[5] || (a[5] = (u) => e.value.platform.grouping = u),
                   multiselect: !1,
                   items: n,
-                  placeholder: u(o)("report.integration.grouping.title"),
+                  placeholder: p(o)("report.integration.grouping.title"),
                   class: "flex-grow",
                   disabled: ""
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
-              t("div", Bl, [
-                a[15] || (a[15] = t("div", { class: "w-[25%]" }, T("Invoice no"), -1)),
-                t("div", jl, [
-                  r(A, {
-                    modelValue: e.value.platform.mappings.invoiceDocNo,
-                    "onUpdate:modelValue": a[6] || (a[6] = (p) => e.value.platform.mappings.invoiceDocNo = p)
-                  }, null, 8, ["modelValue"])
-                ])
-              ]),
-              t("div", Ll, [
-                a[16] || (a[16] = t("div", { class: "w-[25%]" }, T("Credit no"), -1)),
-                t("div", El, [
-                  r(A, {
-                    modelValue: e.value.platform.mappings.creditNoteDocNo,
-                    "onUpdate:modelValue": a[7] || (a[7] = (p) => e.value.platform.mappings.creditNoteDocNo = p)
-                  }, null, 8, ["modelValue"])
-                ])
-              ]),
-              e.value.platform.mappings.version == "v1" ? (c(), D("div", zl, [
-                a[17] || (a[17] = t("div", { class: "w-[33%]" }, "Payee ID", -1)),
-                e.value.platform.mappings.version == "v1" ? (c(), M(K, {
+              e.value.platform.mappings.version == "v1" ? (c(), D("div", tn, [
+                a[15] || (a[15] = t("div", { class: "w-[33%]" }, "Payee ID", -1)),
+                e.value.platform.mappings.version == "v1" ? (c(), N(M, {
                   key: 0,
                   modelValue: e.value.platform.mappings.payee,
-                  "onUpdate:modelValue": a[8] || (a[8] = (p) => e.value.platform.mappings.payee = p),
+                  "onUpdate:modelValue": a[6] || (a[6] = (u) => e.value.platform.mappings.payee = u),
                   options: {
                     id: { placeholder: "ID", editable: !0 }
                   },
                   removable: !1
-                }, null, 8, ["modelValue"])) : N("", !0)
-              ])) : N("", !0)
-            ]),
-            t("div", Yl, [
-              t("div", ql, [
-                !v.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (c(), M(Q, {
-                  key: 0,
-                  size: "xl"
-                })) : N("", !0),
-                v.retrievedCustomers.isLoaded && v.retrievedCustomers.data && ((j = v.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (c(), D("div", Hl, [
-                  e.value.platform.mappings.version == "v2" ? (c(), M(Ke, {
+                }, null, 8, ["modelValue"])) : P("", !0)
+              ])) : P("", !0),
+              t("div", on, [
+                t("div", an, [
+                  !v.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (c(), N(G, {
                     key: 0,
-                    modelValue: e.value.platform.mappings.payeeId,
-                    "onUpdate:modelValue": a[9] || (a[9] = (p) => e.value.platform.mappings.payeeId = p),
-                    options: {
-                      key: { placeholder: "Payee", editable: !1 },
-                      customer: {
-                        placeholder: "Select payee",
-                        editable: !0,
-                        dropdownOptions: ((z = v.retrievedCustomers) == null ? void 0 : z.data) ?? []
-                      }
-                    },
-                    removable: !1,
-                    "single-value-mode": ""
-                  }, null, 8, ["modelValue", "options"])) : N("", !0)
-                ])) : N("", !0)
+                    size: "xl"
+                  })) : P("", !0),
+                  v.retrievedCustomers.isLoaded && v.retrievedCustomers.data && ((j = v.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (c(), D("div", ln, [
+                    e.value.platform.mappings.version == "v2" ? (c(), N(Me, {
+                      key: 0,
+                      modelValue: e.value.platform.mappings.payeeId,
+                      "onUpdate:modelValue": a[7] || (a[7] = (u) => e.value.platform.mappings.payeeId = u),
+                      options: {
+                        key: { placeholder: "Payee", editable: !1 },
+                        customer: {
+                          placeholder: "Select payee",
+                          editable: !0,
+                          dropdownOptions: ((Y = v.retrievedCustomers) == null ? void 0 : Y.data) ?? []
+                        }
+                      },
+                      removable: !1,
+                      "single-value-mode": ""
+                    }, null, 8, ["modelValue", "options"])) : P("", !0)
+                  ])) : P("", !0)
+                ])
               ])
             ]),
-            r(Ue, {
+            t("div", nn, [
+              t("div", sn, [
+                t("div", rn, F(p(o)("report.integration.refNumFormat")), 1),
+                i(Ke)
+              ]),
+              t("div", mn, [
+                a[16] || (a[16] = t("div", { class: "w-[25%]" }, F("Invoice no"), -1)),
+                t("div", cn, [
+                  i(K, {
+                    modelValue: e.value.platform.mappings.invoiceDocNo,
+                    "onUpdate:modelValue": a[8] || (a[8] = (u) => e.value.platform.mappings.invoiceDocNo = u)
+                  }, null, 8, ["modelValue"])
+                ])
+              ]),
+              t("div", dn, [
+                a[17] || (a[17] = t("div", { class: "w-[25%]" }, F("Credit no"), -1)),
+                t("div", pn, [
+                  i(K, {
+                    modelValue: e.value.platform.mappings.creditNoteDocNo,
+                    "onUpdate:modelValue": a[9] || (a[9] = (u) => e.value.platform.mappings.creditNoteDocNo = u)
+                  }, null, 8, ["modelValue"])
+                ])
+              ])
+            ]),
+            i(Ue, {
               modelValue: e.value.platform,
-              "onUpdate:modelValue": a[10] || (a[10] = (p) => e.value.platform = p),
+              "onUpdate:modelValue": a[10] || (a[10] = (u) => e.value.platform = u),
               label: "upload",
               "last-upload-date": (W = e.value.platform) == null ? void 0 : W.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
-            t("div", Xl, [
-              t("div", Ql, T(u(o)("report.integration.biztory.items")), 1),
-              r(f, {
+            t("div", un, [
+              t("div", fn, F(p(o)("report.integration.biztory.items")), 1),
+              i(f, {
                 variant: "primary",
                 icon: "add",
                 onClick: a[11] || (a[11] = () => y("items"))
               })
             ]),
-            t("div", Gl, [
-              (c(!0), D(L, null, H((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (p, U) => (c(), M(K, {
-                key: `item-${U}`,
-                modelValue: e.value.platform.mappings.items[U],
-                "onUpdate:modelValue": (O) => e.value.platform.mappings.items[U] = O,
+            t("div", vn, [
+              (c(!0), D(L, null, H((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (u, T) => (c(), N(M, {
+                key: `item-${T}`,
+                modelValue: e.value.platform.mappings.items[T],
+                "onUpdate:modelValue": (O) => e.value.platform.mappings.items[T] = O,
                 options: {
                   key: { placeholder: "Key", editable: !0 },
                   code: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => d("items", U)
+                onRemove: () => d("items", T)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", Jl, [
-              t("div", Wl, T(u(o)("report.integration.biztory.taxes")), 1),
-              r(f, {
+            t("div", gn, [
+              t("div", yn, F(p(o)("report.integration.biztory.taxes")), 1),
+              i(f, {
                 variant: "primary",
                 icon: "add",
                 onClick: a[12] || (a[12] = () => y("taxes"))
               })
             ]),
-            t("div", Zl, [
-              (c(!0), D(L, null, H((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (p, U) => (c(), M(K, {
-                key: `tax-${U}`,
-                modelValue: e.value.platform.mappings.taxes[U],
-                "onUpdate:modelValue": (O) => e.value.platform.mappings.taxes[U] = O,
+            t("div", xn, [
+              (c(!0), D(L, null, H((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (u, T) => (c(), N(M, {
+                key: `tax-${T}`,
+                modelValue: e.value.platform.mappings.taxes[T],
+                "onUpdate:modelValue": (O) => e.value.platform.mappings.taxes[T] = O,
                 options: {
                   key: { placeholder: "Key", editable: !0 },
                   account: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => d("taxes", U)
+                onRemove: () => d("taxes", T)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", en, [
-              t("div", tn, T(u(o)("report.integration.biztory.payments")), 1),
-              r(f, {
+            t("div", _n, [
+              t("div", bn, F(p(o)("report.integration.biztory.payments")), 1),
+              i(f, {
                 variant: "primary",
                 icon: "add",
                 onClick: a[13] || (a[13] = () => y("paymentMethods"))
               })
             ]),
-            t("div", on, [
+            t("div", hn, [
               a[18] || (a[18] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
-              t("div", an, [
-                r(K, {
+              t("div", wn, [
+                i(M, {
                   modelValue: e.value.platform.mappings.paymentTerm,
-                  "onUpdate:modelValue": a[14] || (a[14] = (p) => e.value.platform.mappings.paymentTerm = p),
+                  "onUpdate:modelValue": a[14] || (a[14] = (u) => e.value.platform.mappings.paymentTerm = u),
                   options: {
                     id: { placeholder: "ID", editable: !0 },
                     name: { placeholder: "Name", editable: !0 }
@@ -2984,31 +3112,31 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            v.retrievedMethods.isError ? N("", !0) : (c(), D("div", ln, T(u(o)("report.integration.biztory.paymentTerm")), 1)),
-            v.retrievedMethods.isLoaded && v.retrievedMethods.data && v.retrievedMethods.data.length == 0 && !v.retrievedMethods.isError ? (c(), D("span", nn, T(u(o)("report.integration.biztory.noPaymentMethods")), 1)) : N("", !0),
-            v.retrievedMethods.isLoaded ? N("", !0) : (c(), M(Q, {
+            v.retrievedMethods.isError ? P("", !0) : (c(), D("div", Vn, F(p(o)("report.integration.biztory.paymentTerm")), 1)),
+            v.retrievedMethods.isLoaded && v.retrievedMethods.data && v.retrievedMethods.data.length == 0 && !v.retrievedMethods.isError ? (c(), D("span", kn, F(p(o)("report.integration.biztory.noPaymentMethods")), 1)) : P("", !0),
+            v.retrievedMethods.isLoaded ? P("", !0) : (c(), N(G, {
               key: 2,
               size: "xl"
             })),
-            v.retrievedMethods.isError ? (c(), D("span", sn, T(u(o)("report.integration.biztory.error")), 1)) : N("", !0),
-            (c(!0), D(L, null, H((F = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : F.paymentMethods, (p, U) => {
+            v.retrievedMethods.isError ? (c(), D("span", $n, F(p(o)("report.integration.biztory.error")), 1)) : P("", !0),
+            (c(!0), D(L, null, H((U = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : U.paymentMethods, (u, T) => {
               var O;
               return c(), D("div", {
-                key: `payment-${U}`,
+                key: `payment-${T}`,
                 class: "grid-cols-1 grid gap-x-16"
               }, [
-                v.retrievedMethods.isLoaded && v.retrievedMethods.data && ((O = v.retrievedMethods.data) == null ? void 0 : O.length) != 0 ? (c(), D("div", rn, [
-                  r(E, {
-                    "model-value": !e.value.platform.mappings.paymentMethods[U].skip,
+                v.retrievedMethods.isLoaded && v.retrievedMethods.data && ((O = v.retrievedMethods.data) == null ? void 0 : O.length) != 0 ? (c(), D("div", Sn, [
+                  i(E, {
+                    "model-value": !e.value.platform.mappings.paymentMethods[T].skip,
                     value: "",
                     "onUpdate:modelValue": (me) => {
                       var Te, Ie;
-                      (Ie = (Te = e.value.platform) == null ? void 0 : Te.mappings) != null && Ie.paymentMethods[U] && (e.value.platform.mappings.paymentMethods[U].skip = !me);
+                      (Ie = (Te = e.value.platform) == null ? void 0 : Te.mappings) != null && Ie.paymentMethods[T] && (e.value.platform.mappings.paymentMethods[T].skip = !me);
                     }
                   }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                  r(Ke, {
-                    modelValue: e.value.platform.mappings.paymentMethods[U],
-                    "onUpdate:modelValue": (me) => e.value.platform.mappings.paymentMethods[U] = me,
+                  i(Me, {
+                    modelValue: e.value.platform.mappings.paymentMethods[T],
+                    "onUpdate:modelValue": (me) => e.value.platform.mappings.paymentMethods[T] = me,
                     options: {
                       key: {
                         placeholder: "Enter key",
@@ -3021,20 +3149,20 @@ const et = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       }
                     },
                     removable: !0,
-                    onRemove: () => d("paymentMethods", U)
+                    onRemove: () => d("paymentMethods", T)
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"])
-                ])) : N("", !0)
+                ])) : P("", !0)
               ]);
             }), 128))
           ])
         ])
-      ])) : N("", !0);
+      ])) : P("", !0);
     };
   }
 });
-function cn(v) {
+function Fn(v) {
   return v.reduce((o, e) => {
-    var h, _, C, b, x, m, w, k, d, y, n, g, $, a, l, f, i, P, A, Q, E, G;
+    var w, x, C, b, _, m, h, $, d, y, n, g, S, a, l, f, r, A, K, G, E, Q;
     const { invoice: s } = e, V = o.length;
     o[V] = {
       invoice_date: s.invoice_date,
@@ -3043,39 +3171,39 @@ function cn(v) {
       // 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: (h = s.items[0]) == null ? void 0 : h.code,
-      item_desc: (_ = s.items[0]) == null ? void 0 : _.description,
+      item_code: (w = s.items[0]) == null ? void 0 : w.code,
+      item_desc: (x = s.items[0]) == null ? void 0 : x.description,
       item_price: (C = s.items[0]) == null ? void 0 : C.price,
       item_tax: (b = s.items[0]) == null ? void 0 : b.total_tax,
-      item_tax_label: ((x = s.items[0]) == null ? void 0 : x.tax_label) || "-",
-      payment_amount: ((w = (m = s.transactions) == null ? void 0 : m[0]) == null ? void 0 : w.amount) || void 0,
-      payment_method: ((d = (k = s.transactions) == null ? void 0 : k[0]) == null ? void 0 : d.payment_method) || "-",
+      item_tax_label: ((_ = s.items[0]) == null ? void 0 : _.tax_label) || "-",
+      payment_amount: ((h = (m = s.transactions) == null ? void 0 : m[0]) == null ? void 0 : h.amount) || void 0,
+      payment_method: ((d = ($ = s.transactions) == null ? void 0 : $[0]) == null ? void 0 : d.payment_method) || "-",
       payment_term: ((y = s == null ? void 0 : s.payment_term) == null ? void 0 : y.name) || ""
     };
     for (let R = 1; R < Math.max(((n = s.items) == null ? void 0 : n.length) || 0, ((g = s.transactions) == null ? void 0 : g.length) || 0); R++) {
       const j = V + R;
       o[j] || (o[j] = {});
-      const z = s.items[R];
-      z ? o[j] = {
+      const Y = s.items[R];
+      Y ? o[j] = {
         ...o[j],
-        item_code: z.code,
-        item_desc: z.description,
-        item_price: z.price,
-        item_tax: z.total_tax,
-        item_tax_label: z.tax_label || "-",
-        payment_amount: ((a = ($ = s.transactions) == null ? void 0 : $[R]) == null ? void 0 : a.amount) || void 0,
+        item_code: Y.code,
+        item_desc: Y.description,
+        item_price: Y.price,
+        item_tax: Y.total_tax,
+        item_tax_label: Y.tax_label || "-",
+        payment_amount: ((a = (S = s.transactions) == null ? void 0 : S[R]) == null ? void 0 : a.amount) || void 0,
         payment_method: ((f = (l = s.transactions) == null ? void 0 : l[R]) == null ? void 0 : f.payment_method) || "-",
-        payment_term: ((i = s == null ? void 0 : s.payment_term) == null ? void 0 : i.name) || ""
+        payment_term: ((r = s == null ? void 0 : s.payment_term) == null ? void 0 : r.name) || ""
       } : o[j] = {
-        payment_amount: ((A = (P = s.transactions) == null ? void 0 : P[R]) == null ? void 0 : A.amount) || void 0,
-        payment_method: ((E = (Q = s.transactions) == null ? void 0 : Q[R]) == null ? void 0 : E.payment_method) || "-",
-        payment_term: ((G = s == null ? void 0 : s.payment_term) == null ? void 0 : G.name) || ""
+        payment_amount: ((K = (A = s.transactions) == null ? void 0 : A[R]) == null ? void 0 : K.amount) || void 0,
+        payment_method: ((E = (G = s.transactions) == null ? void 0 : G[R]) == null ? void 0 : E.payment_method) || "-",
+        payment_term: ((Q = s == null ? void 0 : s.payment_term) == null ? void 0 : Q.name) || ""
       };
     }
     return o;
   }, []);
 }
-const dn = [
+const Dn = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3147,34 +3275,34 @@ const dn = [
     enableSorting: !1
   }
 ];
-function pn(v) {
+function Un(v) {
   return v.reduce((o, e) => {
-    var C, b, x, m, w, k, d, y, n, g;
-    const { invoice: s, payments: V } = e, h = o.length;
-    o[h] = {
+    var C, b, _, m, h, $, d, 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: (C = s.items[0]) == null ? void 0 : C.code,
       item_description: (b = s.items[0]) == null ? void 0 : b.description,
-      item_price: (x = s.items[0]) == null ? void 0 : x.price,
+      item_price: (_ = s.items[0]) == null ? void 0 : _.price,
       item_tax_label: ((m = s.items[0]) == null ? void 0 : m.tax_label) ?? "",
-      item_tax_amount: ((w = s.items[0]) == null ? void 0 : w.total_tax) ?? "",
-      service_charge_amount: ((k = s.service_charges[0]) == null ? void 0 : k.total) ?? "",
+      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: ((d = s.terms[h]) == null ? void 0 : d.amount) ?? "",
+      payment_term_amount: ((d = s.terms[w]) == null ? void 0 : d.amount) ?? "",
       payment_method: ((y = V[0]) == null ? void 0 : y.payment_method_name) || ""
     };
-    const _ = Math.max(
+    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
     );
-    for (let $ = 1; $ < _; $++) {
-      const a = h + $;
+    for (let S = 1; S < x; S++) {
+      const a = w + S;
       o[a] || (o[a] = {});
-      const l = s.items[$], f = s.terms[$], i = V[$];
+      const l = s.items[S], f = s.terms[S], r = V[S];
       l ? o[a] = {
         ...o[a],
         item_code: l.code,
@@ -3184,17 +3312,17 @@ function pn(v) {
         item_tax_amount: l.total_tax ?? "",
         payment_term_id: s.payment_term.name ?? "",
         payment_term_amount: (f == null ? void 0 : f.amount) ?? "",
-        payment_method: (i == null ? void 0 : i.payment_method_name) || ""
+        payment_method: (r == null ? void 0 : r.payment_method_name) || ""
       } : o[a] = {
         payment_term_id: s.payment_term.name ?? "",
         payment_term_amount: (f == null ? void 0 : f.amount) ?? "",
-        payment_method: (i == null ? void 0 : i.payment_method_name) || ""
+        payment_method: (r == null ? void 0 : r.payment_method_name) || ""
       };
     }
     return o;
   }, []);
 }
-const un = [
+const Tn = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3260,10 +3388,10 @@ const un = [
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method (ID)"),
     enableSorting: !1
   }
-], fn = { class: "h-full flex flex-col gap-16" }, vn = { class: "flex flex-row gap-2 justify-between items-center" }, gn = {
+], In = { class: "h-full flex flex-col gap-16" }, Nn = { class: "flex flex-row gap-2 justify-between items-center" }, Mn = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, yn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xn = /* @__PURE__ */ q({
+}, Kn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, An = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -3271,13 +3399,13 @@ const un = [
   },
   emits: ["update:modelValue"],
   setup(v) {
-    const { t: o } = J(), e = X(v, "modelValue"), s = B(!1), V = ue(), { dateRange: h } = De(pe()), _ = B([]);
+    const { t: o } = J(), e = X(v, "modelValue"), s = B(!1), V = ue(), { dateRange: w } = Fe(pe()), x = B([]);
     ve(
-      () => h.value,
+      () => w.value,
       async () => {
         if (e.value._id)
           try {
-            s.value = !0, _.value = await Se(e.value._id);
+            s.value = !0, x.value = await Se(e.value._id);
           } catch (m) {
             V.open({ message: m.message, type: "error" });
           } finally {
@@ -3288,52 +3416,52 @@ const un = [
         immediate: !0
       }
     );
-    const C = Y(() => {
+    const C = z(() => {
       switch (e.value.platform.mappings.version) {
         case "v1":
-          return cn(_.value);
+          return Fn(x.value);
         case "v2":
-          return pn(_.value);
+          return Un(x.value);
       }
       return [];
-    }), b = Y(() => {
+    }), b = z(() => {
       switch (e.value.platform.mappings.version) {
         case "v1":
-          return dn;
+          return Dn;
         case "v2":
-          return un;
+          return Tn;
       }
       return [];
     });
-    async function x() {
+    async function _() {
       try {
         e.value._id && e.value.platform.subdomain && e.value.platform.api_key ? (s.value = !0, await Pe(e.value._id), V.open({ message: "Upload successful", type: "success" })) : V.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
-        m.message && V.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((w) => V.open({ message: w, type: "error" }));
+        m.message && V.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((h) => V.open({ message: h, type: "error" }));
       } finally {
         s.value = !1;
       }
     }
-    return (m, w) => {
-      const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), D("div", fn, [
-        t("div", vn, [
-          r(Fe, {
-            "date-range": u(h),
-            "onUpdate:dateRange": w[0] || (w[0] = (n) => we(h) ? h.value = n : null),
+    return (m, h) => {
+      const $ = k("FmButton"), d = k("FmCircularProgress"), y = k("FmTable");
+      return c(), D("div", In, [
+        t("div", Nn, [
+          i(De, {
+            "date-range": p(w),
+            "onUpdate:dateRange": h[0] || (h[0] = (n) => he(w) ? w.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          r(k, {
+          i($, {
             loading: s.value,
             variant: "primary",
             label: "Upload",
-            onClick: x
+            onClick: _
           }, null, 8, ["loading"])
         ]),
-        s.value ? (c(), D("div", gn, [
-          r(d, { size: "xl" }),
-          t("span", yn, T(u(o)("report.common.isLoading")), 1)
-        ])) : (c(), M(y, {
+        s.value ? (c(), D("div", Mn, [
+          i(d, { size: "xl" }),
+          t("span", Kn, F(p(o)("report.common.isLoading")), 1)
+        ])) : (c(), N(y, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": C.value,
@@ -3342,7 +3470,7 @@ const un = [
       ]);
     };
   }
-}), _n = { class: "h-full relative flex flex-col" }, bn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, wn = /* @__PURE__ */ q({
+}), Pn = { class: "h-full relative flex flex-col" }, Rn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, On = /* @__PURE__ */ q({
   __name: "Biztory",
   props: {
     modelValue: { required: !0 },
@@ -3361,15 +3489,15 @@ const un = [
         value: "preview",
         icon: "table"
       }
-    ], h = de(), _ = Y(() => {
+    ], w = de(), x = z(() => {
       switch (s.value) {
         case "preview":
           return {
-            component: xn
+            component: An
           };
         case "setting":
           return {
-            component: mn,
+            component: Cn,
             props: {
               retrievedMethods: C.value,
               retrievedCustomers: b.value
@@ -3378,29 +3506,29 @@ const un = [
         default:
           return null;
       }
-    }), C = B({}), b = B({}), x = (y, n) => y.map((g) => ({
+    }), C = 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
-    })), m = (y) => x(y, ["wallet", "name"]), w = (y) => x(y, ["id", "name"]), k = async (y, n, g, $) => {
+    })), m = (y) => _(y, ["wallet", "name"]), h = (y) => _(y, ["id", "name"]), $ = async (y, n, g, S) => {
       try {
         const a = await y(e.value._id);
         g.value.data = n(a);
       } catch (a) {
-        console.error($, a), g.value.isError = !0;
+        console.error(S, a), g.value.isError = !0;
       } finally {
         g.value.isLoaded = !0;
       }
     }, d = async () => {
       var y, n;
-      (y = e.value.platform.mappings) != null && y.version && await k(
-        Je,
+      (y = e.value.platform.mappings) != null && y.version && await $(
+        We,
         m,
         C,
         "Failed to fetch payment methods:"
-      ), ((n = e.value.platform.mappings) == null ? void 0 : n.version) == "v2" && await k(
-        We,
-        w,
+      ), ((n = e.value.platform.mappings) == null ? void 0 : n.version) == "v2" && await $(
+        Ze,
+        h,
         b,
         "Failed to fetch customers:"
       ), C.value.isLoaded = !0, b.value.isLoaded = !0;
@@ -3410,37 +3538,37 @@ const un = [
       return (y = e.value.platform.mappings) == null ? void 0 : y.version;
     }, d), (y, n) => {
       var a, l, f;
-      const g = S("FmPageHead"), $ = S("FmTabs");
-      return c(), D("div", _n, [
-        r(g, {
+      const g = k("FmPageHead"), S = k("FmTabs");
+      return c(), D("div", Pn, [
+        i(g, {
           title: ((a = e.value) == null ? void 0 : a.name) || "Biztory",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": u(h).back
+          "onClick:back": p(w).back
         }, {
           description: ge(() => n[2] || (n[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        r($, {
+        i(S, {
           "model-value": s.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (i) => s.value = i),
+          "onUpdate:modelValue": n[0] || (n[0] = (r) => s.value = r),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", bn, [
-          (c(), M(xe((l = _.value) == null ? void 0 : l.component), Ee({
+        t("div", Rn, [
+          (c(), N(xe((l = x.value) == null ? void 0 : l.component), Ye({
             modelValue: e.value,
-            "onUpdate:modelValue": n[1] || (n[1] = (i) => e.value = i)
-          }, (f = _.value) == null ? void 0 : f.props), null, 16, ["modelValue"]))
+            "onUpdate:modelValue": n[1] || (n[1] = (r) => e.value = r)
+          }, (f = x.value) == null ? void 0 : f.props), null, 16, ["modelValue"]))
         ])
       ]);
     };
   }
-}), hn = {
+}), Bn = {
   key: 0,
   class: "flex flex-col h-full"
-}, Vn = { class: "flex flex-col gap-16 pb-[24px]" }, kn = { class: "flex flex-row justify-between items-center gap-2" }, $n = { class: "flex flex-row gap-2 items-center" }, Sn = { class: "relative group cursor-pointer" }, Cn = { 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" }, Dn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Fn = { class: "flex flex-col gap-16" }, Un = { class: "fm-typo-en-title-sm-800" }, Tn = { class: "flex flex-row items-center max-w-[100%]" }, In = { class: "w-[25%]" }, Mn = { class: "flex-grow" }, Kn = { class: "flex flex-row items-center max-w-[100%]" }, An = { class: "w-[25%]" }, Pn = { class: "flex flex-row items-center gap-x-16" }, Nn = { class: "fm-typo-en-title-sm-800" }, Rn = { class: "grid-cols-1 grid gap-16" }, On = /* @__PURE__ */ q({
+}, jn = { class: "flex flex-col gap-16 pb-[24px]" }, Ln = { class: "flex flex-row justify-between items-center gap-2" }, En = { class: "flex flex-row gap-2 items-center" }, Yn = { class: "relative group cursor-pointer" }, zn = { 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" }, qn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Hn = { class: "flex flex-col gap-16" }, Xn = { class: "fm-typo-en-title-sm-800" }, Gn = { class: "flex flex-row items-center max-w-[100%]" }, Qn = { class: "w-[25%]" }, Jn = { class: "flex-grow" }, Wn = { class: "flex flex-row items-center max-w-[100%]" }, Zn = { class: "w-[25%]" }, es = { class: "flex flex-row items-center gap-x-16" }, ts = { class: "fm-typo-en-title-sm-800" }, os = { class: "grid-cols-1 grid gap-16" }, as = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -3448,23 +3576,23 @@ const un = [
   },
   emits: ["update:modelValue"],
   setup(v) {
-    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
+    const { t: o } = J(), e = X(v, "modelValue"), s = ue(), V = _e(), w = de(), { promptLoader: x } = we(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), _ = z(
       () => b.map((n) => ({ label: n.name, value: n.id }))
     );
     async function m() {
       await C({
         message: o("report.messages.confirmDelete", { name: e.value.name }),
         title: o("report.common.delete")
-      }) && await _(async () => {
+      }) && await x(async () => {
         try {
-          await Ve(e.value._id), await V.getSettings(), h.back();
+          await Ve(e.value._id), await V.getSettings(), w.back();
         } catch (g) {
           s.open({ type: "error", message: g.message });
         }
       });
     }
-    async function w() {
-      await _(async () => {
+    async function h() {
+      await x(async () => {
         try {
           await ke(e.value._id, e.value), await V.getSettings();
         } catch (n) {
@@ -3472,15 +3600,15 @@ const un = [
         }
       });
     }
-    function k(n, g) {
-      var $, a;
-      (a = ($ = e.value.platform) == null ? void 0 : $.mappings) != null && a[n] && (e.value.platform.mappings[n] = e.value.platform.mappings[n].filter(
+    function $(n, g) {
+      var S, a;
+      (a = (S = e.value.platform) == null ? void 0 : S.mappings) != null && a[n] && (e.value.platform.mappings[n] = e.value.platform.mappings[n].filter(
         (l, f) => f !== g
       ));
     }
     function d(n) {
-      var g, $;
-      ($ = (g = e.value.platform) == null ? void 0 : g.mappings) != null && $[n] && (e.value.platform.mappings[n] = [
+      var g, S;
+      (S = (g = e.value.platform) == null ? void 0 : g.mappings) != null && S[n] && (e.value.platform.mappings[n] = [
         ...e.value.platform.mappings[n],
         {
           key: "",
@@ -3491,7 +3619,7 @@ const un = [
       ]);
     }
     async function y() {
-      await _(async () => {
+      await x(async () => {
         try {
           await $e(e.value._id), await V.getSettings();
         } catch (n) {
@@ -3502,94 +3630,94 @@ const un = [
     return be(async () => {
       await V.getSettings();
     }), (n, g) => {
-      var P, A, Q, E, G;
-      const $ = S("FmIcon"), a = S("FmButton"), l = S("FmMenuDivider"), f = S("FmTextField"), i = S("FmSelect");
-      return (A = (P = e.value) == null ? void 0 : P.platform) != null && A.mappings ? (c(), D("div", hn, [
-        t("div", Vn, [
-          t("div", kn, [
+      var A, K, G, E, Q;
+      const S = k("FmIcon"), a = k("FmButton"), l = k("FmMenuDivider"), f = k("FmTextField"), r = k("FmSelect");
+      return (K = (A = e.value) == null ? void 0 : A.platform) != null && K.mappings ? (c(), D("div", Bn, [
+        t("div", jn, [
+          t("div", Ln, [
             g[4] || (g[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", $n, [
-              t("div", Sn, [
-                r($, {
+            t("div", En, [
+              t("div", Yn, [
+                i(S, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: y
                 }),
-                t("span", Cn, T(u(o)("report.integration.refreshSetting")), 1)
+                t("span", zn, F(p(o)("report.integration.refreshSetting")), 1)
               ]),
-              r(a, {
+              i(a, {
                 variant: "tertiary",
-                label: u(o)("report.common.delete"),
+                label: p(o)("report.common.delete"),
                 onClick: m
               }, null, 8, ["label"]),
-              r(a, {
+              i(a, {
                 variant: "primary",
-                label: u(o)("report.common.update"),
-                onClick: w
+                label: p(o)("report.common.update"),
+                onClick: h
               }, null, 8, ["label"])
             ])
           ])
         ]),
-        r(l, { style: { margin: 0 } }),
-        t("div", Dn, [
-          t("div", Fn, [
-            t("div", Un, T(u(o)("report.integration.general")), 1),
-            t("div", Tn, [
-              t("div", In, T(u(o)("report.common.name")), 1),
-              t("div", Mn, [
-                r(f, {
+        i(l, { style: { margin: 0 } }),
+        t("div", qn, [
+          t("div", Hn, [
+            t("div", Xn, F(p(o)("report.integration.general")), 1),
+            t("div", Gn, [
+              t("div", Qn, F(p(o)("report.common.name")), 1),
+              t("div", Jn, [
+                i(f, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": g[0] || (g[0] = (R) => e.value.name = R)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Kn, [
-              t("div", An, T(u(o)("report.integration.location")), 1),
-              r(i, {
+            t("div", Wn, [
+              t("div", Zn, F(p(o)("report.integration.location")), 1),
+              i(r, {
                 "model-value": e.value.platform.locationIds[0],
                 multiselect: !1,
-                items: x.value,
+                items: _.value,
                 placeholder: "Select location",
                 class: "flex-grow",
                 "onUpdate:modelValue": g[1] || (g[1] = (R) => e.value.platform.locationIds[0] = R)
               }, null, 8, ["model-value", "items"])
             ])
           ]),
-          r(Ue, {
+          i(Ue, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": g[2] || (g[2] = (R) => e.value.platform = R),
-            label: u(o)("report.input.email")
+            label: p(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
-          t("div", Pn, [
-            t("div", Nn, T(u(o)("report.integration.iflexiHrms.employee")), 1),
-            r(a, {
+          t("div", es, [
+            t("div", ts, F(p(o)("report.integration.iflexiHrms.employee")), 1),
+            i(a, {
               variant: "primary",
               icon: "add",
               onClick: g[3] || (g[3] = () => d("employees"))
             })
           ]),
-          t("div", Rn, [
-            (c(!0), D(L, null, H((G = (E = (Q = e.value) == null ? void 0 : Q.platform) == null ? void 0 : E.mappings) == null ? void 0 : G.employees, (R, j) => (c(), M(K, {
+          t("div", os, [
+            (c(!0), D(L, null, H((Q = (E = (G = e.value) == null ? void 0 : G.platform) == null ? void 0 : E.mappings) == null ? void 0 : Q.employees, (R, j) => (c(), N(M, {
               key: `employee-${j}`,
               modelValue: e.value.platform.mappings.employees[j],
-              "onUpdate:modelValue": (z) => e.value.platform.mappings.employees[j] = z,
+              "onUpdate:modelValue": (Y) => e.value.platform.mappings.employees[j] = Y,
               options: {
                 key: { placeholder: "Name", editable: !0 },
                 badgeNo: { placeholder: "Badge No", editable: !0 },
                 employeeNo: { placeholder: "Employee No", editable: !0 }
               },
               removable: !0,
-              onRemove: () => k("employees", j)
+              onRemove: () => $("employees", j)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ])
         ])
-      ])) : N("", !0);
+      ])) : P("", !0);
     };
   }
-}), Bn = { class: "h-full flex flex-col gap-16" }, jn = { class: "flex flex-row gap-2 justify-between items-center" }, Ln = {
+}), ls = { class: "h-full flex flex-col gap-16" }, ns = { class: "flex flex-row gap-2 justify-between items-center" }, ss = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, En = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zn = /* @__PURE__ */ q({
+}, is = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rs = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -3623,17 +3751,17 @@ const un = [
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
         enableSorting: !1
       }
-    ], V = X(v, "modelValue"), h = B(!1), _ = ue(), { dateRange: C } = De(pe());
+    ], V = X(v, "modelValue"), w = B(!1), x = ue(), { dateRange: C } = Fe(pe());
     ve(
       () => C.value,
       async () => {
         if (V.value._id)
           try {
-            h.value = !0, e.value = await Se(V.value._id);
-          } catch (x) {
-            _.open({ message: x.message, type: "error" });
+            w.value = !0, e.value = await Se(V.value._id);
+          } catch (_) {
+            x.open({ message: _.message, type: "error" });
           } finally {
-            h.value = !1;
+            w.value = !1;
           }
       },
       {
@@ -3642,42 +3770,42 @@ const un = [
     );
     async function b() {
       try {
-        V.value._id ? (h.value = !0, await Ne(V.value._id)) : _.open({ message: "Invalid setting", type: "error" });
-      } catch (x) {
-        _.open({ message: x.message, type: "error" });
+        V.value._id ? (w.value = !0, await Re(V.value._id)) : x.open({ message: "Invalid setting", type: "error" });
+      } catch (_) {
+        x.open({ message: _.message, type: "error" });
       } finally {
-        h.value = !1;
+        w.value = !1;
       }
     }
-    return (x, m) => {
-      const w = S("FmButton"), k = S("FmCircularProgress"), d = S("FmTable");
-      return c(), D("div", Bn, [
-        t("div", jn, [
-          r(Fe, {
-            "date-range": u(C),
-            "onUpdate:dateRange": m[0] || (m[0] = (y) => we(C) ? C.value = y : null),
+    return (_, m) => {
+      const h = k("FmButton"), $ = k("FmCircularProgress"), d = k("FmTable");
+      return c(), D("div", ls, [
+        t("div", ns, [
+          i(De, {
+            "date-range": p(C),
+            "onUpdate:dateRange": m[0] || (m[0] = (y) => he(C) ? C.value = y : null),
             compare: !1
           }, null, 8, ["date-range"]),
-          r(w, {
-            loading: h.value,
+          i(h, {
+            loading: w.value,
             variant: "primary",
-            label: u(o)("report.common.download"),
+            label: p(o)("report.common.download"),
             onClick: b
           }, null, 8, ["loading", "label"])
         ]),
-        h.value ? (c(), D("div", Ln, [
-          r(k, { size: "xl" }),
-          t("span", En, T(u(o)("report.common.isLoading")), 1)
-        ])) : e.value.length > 0 ? (c(), M(d, {
+        w.value ? (c(), D("div", ss, [
+          i($, { size: "xl" }),
+          t("span", is, F(p(o)("report.common.isLoading")), 1)
+        ])) : e.value.length > 0 ? (c(), N(d, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
           "column-defs": s
-        }, null, 8, ["row-data"])) : N("", !0)
+        }, null, 8, ["row-data"])) : P("", !0)
       ]);
     };
   }
-}), Yn = { class: "h-full relative flex flex-col" }, qn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Hn = /* @__PURE__ */ q({
+}), ms = { class: "h-full relative flex flex-col" }, cs = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ds = /* @__PURE__ */ q({
   __name: "IFlexiHRMS",
   props: {
     modelValue: {},
@@ -3696,80 +3824,80 @@ const un = [
         value: "preview",
         icon: "table"
       }
-    ], h = de(), _ = Y(() => {
+    ], w = de(), x = z(() => {
       switch (s.value) {
         case "preview":
-          return zn;
+          return rs;
         case "setting":
-          return On;
+          return as;
         default:
           return null;
       }
     });
     return (C, b) => {
-      var w;
-      const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), D("div", Yn, [
-        r(x, {
-          title: ((w = e.value) == null ? void 0 : w.name) || "AutoCount",
+      var h;
+      const _ = k("FmPageHead"), m = k("FmTabs");
+      return c(), D("div", ms, [
+        i(_, {
+          title: ((h = e.value) == null ? void 0 : h.name) || "AutoCount",
           "back-button": !0,
           style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": u(h).back
+          "onClick:back": p(w).back
         }, {
           description: ge(() => b[2] || (b[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
-        r(m, {
+        i(m, {
           "model-value": s.value,
-          "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
+          "onUpdate:modelValue": b[0] || (b[0] = ($) => s.value = $),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", qn, [
-          (c(), M(xe(_.value), {
+        t("div", cs, [
+          (c(), N(xe(x.value), {
             modelValue: e.value,
-            "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
+            "onUpdate:modelValue": b[1] || (b[1] = ($) => e.value = $)
           }, null, 8, ["modelValue"]))
         ])
       ]);
     };
   }
-}), Xn = { class: "px-24 h-full relative" }, as = /* @__PURE__ */ q({
+}), ps = { class: "px-24 h-full relative" }, hs = /* @__PURE__ */ q({
   __name: "Integration",
   setup(v) {
-    const o = B(void 0), { params: e } = Ye(), s = _e(), V = B();
+    const o = B(void 0), { params: e } = qe(), s = _e(), V = B();
     ze(async () => {
       s.settings.length === 0 && await s.getSettings();
     }), ve(
       () => s.settings,
-      (_) => {
+      (x) => {
         var b;
-        const C = _.find((x) => x._id === e.id);
+        const C = x.find((_) => _._id === e.id);
         C && (V.value = C, o.value = (b = V.value.platform) == null ? void 0 : b.name);
       },
       { immediate: !0 }
     );
-    const h = Y(() => {
+    const w = z(() => {
       switch (o.value) {
         case ce.Xero:
-          return to;
+          return oo;
         case ce.Bukku:
-          return Yo;
+          return Wo;
         case ce.AutoCount:
-          return Ca;
+          return Ra;
         case ce.SQL:
-          return cl;
+          return $l;
         case ce.iFlexi_HRMS:
-          return Hn;
+          return ds;
         case ce.Biztory:
-          return wn;
+          return On;
         default:
           return null;
       }
     });
-    return (_, C) => (c(), D("div", Xn, [
-      (c(), M(xe(h.value), {
+    return (x, C) => (c(), D("div", ps, [
+      (c(), N(xe(w.value), {
         modelValue: V.value,
         "onUpdate:modelValue": C[0] || (C[0] = (b) => V.value = b)
       }, null, 8, ["modelValue"]))
@@ -3777,5 +3905,5 @@ const un = [
   }
 });
 export {
-  as as default
+  hs as default
 };