npm - @feedmepos/mf-report - Versions diffs - 5.5.7 → 5.5.8-beta.0 - Mend

@feedmepos/mf-report 5.5.7 → 5.5.8-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/dist/{Integration-BO0D13Xt.js → Integration-CoavOChV.js} RENAMED Viewed

@@ -1,12 +1,12 @@
-import { defineComponent as q, mergeModels as ye, useModel as X, computed as Y, resolveComponent as S, createElementBlock as F, openBlock as c, createElementVNode as t, createCommentVNode as N, normalizeClass as Ke, Fragment as L, renderList as H, createBlock as M, createVNode as r, withCtx as ge, toDisplayString as T, unref as p, ref as B, watch as ve, isRef as be, h as I, resolveDynamicComponent as xe, mergeProps as Le, onMounted as Ee } from "vue";
-import { useRouter as de, useRoute as ze } from "vue-router";
-import { u as J, I as ce, d as je, e as _e, f as we, b as pe, q as Ye, m as qe, p as he, r as Ve, s as ke, t as $e, v as Ae, w as He, x as Xe, y as Qe, A as fe, z as Pe, B as Ge, E as Je } from "./global-loader-KvOGLx9k.js";
-import { u as Se } from "./message-dialog-UoMWOnil.js";
+import { defineComponent as q, mergeModels as ye, useModel as X, computed as Y, resolveComponent as S, createElementBlock as F, 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 p, 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-BqFQzk46.js";
+import { u as Ce } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as ue } from "@feedmepos/ui-library";
-import { s as We } from "./index-CW2xYO89.js";
-import { storeToRefs as Ce } from "pinia";
-import { _ as Fe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-C3Dsnzzo.js";
-const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, et = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, tt = {
+import { s as Ze } from "./index-DqqTHE7n.js";
+import { storeToRefs as Fe } from "pinia";
+import { _ as De } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CN3UKRaQ.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 = {
   key: 0,
   class: "w-[24px] flex items-center"
 }, K = /* @__PURE__ */ q({
@@ -46,9 +46,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ), h = o;
     return (_, C) => {
       const b = S("FmTextField"), x = S("FmTooltip"), m = S("FmIcon");
-      return c(), F("div", Ze, [
+      return c(), F("div", et, [
         t("div", {
-          class: Ke(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
+          class: Ae(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
           (c(!0), F(L, null, H(V.value, (w) => {
             var k;
@@ -57,7 +57,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, [
               w.editable ? (c(), F("div", {
                 key: 0,
-                class: Ke(`${f.removable ? "w-[50%]" : "w-[100%]"}`)
+                class: Ae(`${f.removable ? "w-[50%]" : "w-[100%]"}`)
               }, [
                 r(b, {
                   "model-value": e.value[w.key],
@@ -78,14 +78,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 class: "w-[50%]"
               }, {
                 default: ge(() => [
-                  t("div", et, T(e.value[w.key]), 1)
+                  t("div", tt, T(e.value[w.key]), 1)
                 ]),
                 _: 2
               }, 1032, ["content"]))
             ], 64);
           }), 128))
         ], 2),
-        f.removable ? (c(), F("div", tt, [
+        f.removable ? (c(), F("div", ot, [
           r(m, {
             color: "system-error-300",
             class: "cursor-pointer",
@@ -97,13 +97,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), ot = { class: "flex flex-col" }, at = { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, lt = {
+}), at = { class: "flex flex-col" }, lt = { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, nt = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, nt = { class: "flex flex-row items-center w-[100%] justify-start" }, st = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, it = {
+}, st = { class: "flex flex-row items-center w-[100%] justify-start" }, it = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, rt = {
   key: 0,
   class: "flex flex-row items-center w-[100%] justify-start"
-}, rt = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, mt = { class: "w-[calc(75%+4px)]" }, ct = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, dt = { class: "flex flex-row items-center w-[100%] justify-between" }, pt = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis" }, ut = { class: "w-[50%]" }, De = /* @__PURE__ */ q({
+}, 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({
   __name: "UploadSection",
   props: /* @__PURE__ */ ye({
     label: {
@@ -134,21 +134,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       var x, m;
       const _ = S("FmSwitch"), C = S("FmTextField"), b = S("FmTimePicker");
       return c(), F(L, null, [
-        t("div", ot, [
-          t("div", at, T(p(o)("report.integration.auto", { label: f.label })), 1),
-          f.label == "upload" ? (c(), F("div", lt, T(p(o)("report.integration.lastUploadDate")) + ": " + T(f.lastUploadDate ? p(je)(f.lastUploadDate).format("MMMM D, YYYY h:mm A") : p(o)("report.integration.noData.title")), 1)) : N("", !0)
+        t("div", at, [
+          t("div", lt, T(p(o)("report.integration.auto", { label: f.label })), 1),
+          f.label == "upload" ? (c(), F("div", nt, T(p(o)("report.integration.lastUploadDate")) + ": " + T(f.lastUploadDate ? p(Le)(f.lastUploadDate).format("MMMM D, YYYY h:mm A") : p(o)("report.integration.noData.title")), 1)) : N("", !0)
         ]),
-        t("div", nt, [
-          t("div", st, T(p(o)("report.common.enable")), 1),
+        t("div", st, [
+          t("div", it, T(p(o)("report.common.enable")), 1),
           r(_, {
             modelValue: e.value.enable,
             "onUpdate:modelValue": h[0] || (h[0] = (w) => e.value.enable = w),
             style: { gap: "0px" }
           }, null, 8, ["modelValue"])
         ]),
-        s.value ? (c(), F("div", it, [
-          t("div", rt, T(p(o)("report.common.email")), 1),
-          t("div", mt, [
+        s.value ? (c(), F("div", rt, [
+          t("div", mt, T(p(o)("report.common.email")), 1),
+          t("div", ct, [
             r(C, {
               "model-value": (e.value.emails || []).join(","),
               placeholder: "Email",
@@ -164,13 +164,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["model-value"])
           ])
         ])) : N("", !0),
-        t("div", ct, [
-          t("div", dt, [
-            t("div", pt, T(p(We)(f.label)) + " time ", 1),
-            t("div", ut, [
+        t("div", dt, [
+          t("div", pt, [
+            t("div", ut, T(p(Ze)(f.label)) + " time ", 1),
+            t("div", ft, [
               r(b, {
                 class: "gap-[0px]",
-                "model-value": p(je)().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"),
+                "model-value": p(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]));
                 })
@@ -196,13 +196,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ], 64);
     };
   }
-}), ft = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, vt = {
+}), vt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, gt = {
   key: 0,
   class: "w-[50%]"
-}, gt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, yt = {
+}, yt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, xt = {
   key: 0,
   class: "w-[24px] flex items-center"
-}, Me = /* @__PURE__ */ q({
+}, Ke = /* @__PURE__ */ q({
   __name: "MappingDropdown",
   props: /* @__PURE__ */ ye({
     removable: {
@@ -252,14 +252,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }, 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(), F("div", ft, [
+      return c(), F("div", vt, [
         t("div", {
-          class: Ke(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
+          class: Ae(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
         }, [
           (c(!0), F(L, null, H(V.value, (n) => (c(), F(L, {
             key: n.key
           }, [
-            n.editable ? (c(), F("div", vt, [
+            n.editable ? (c(), F("div", gt, [
               n.dropdownOptions ? (c(), M(w, {
                 key: 0,
                 "model-value": C(n),
@@ -281,13 +281,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               class: "w-[50%]"
             }, {
               default: ge(() => [
-                t("div", gt, T(_(n)), 1)
+                t("div", yt, T(_(n)), 1)
               ]),
               _: 2
             }, 1032, ["content"]))
           ], 64))), 128))
         ], 2),
-        f.removable ? (c(), F("div", yt, [
+        f.removable ? (c(), F("div", xt, [
           r(y, {
             color: "system-error-300",
             class: "cursor-pointer",
@@ -299,28 +299,28 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), xt = {
+}), _t = {
   key: 0,
   class: "flex flex-col h-full"
-}, _t = { class: "flex flex-col gap-[16px] pb-[24px]" }, bt = { class: "flex flex-row justify-between items-center gap-2" }, wt = { class: "flex flex-row gap-2 items-center" }, ht = { class: "relative group cursor-pointer" }, Vt = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, kt = { class: "flex flex-row items-center justify-between gap-2" }, $t = { class: "w-[25%]" }, St = { class: "flex flex-col gap-[16px]" }, Ct = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Ft = { class: "flex-grow" }, Dt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Ut = { class: "flex flex-col gap-[16px]" }, Tt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, It = { class: "flex-grow" }, Mt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Kt = { class: "flex-grow" }, At = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Pt = { class: "flex-grow" }, Nt = { class: "flex flex-row items-center gap-x-16" }, Rt = {
+}, 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]" }, Ft = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Dt = { 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 = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Ot = {
+}, Bt = {
   key: 2,
   class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, Bt = { class: "flex flex-row items-center gap-x-16" }, jt = {
+}, jt = { class: "flex flex-row items-center gap-x-16" }, Lt = {
   key: 3,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Lt = {
+}, Et = {
   key: 5,
   class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, Et = { class: "flex flex-row items-center gap-x-16" }, zt = {
+}, zt = { class: "flex flex-row items-center gap-x-16" }, Yt = {
   key: 6,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Yt = {
+}, qt = {
   key: 8,
   class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, qt = /* @__PURE__ */ q({
+}, Ht = /* @__PURE__ */ q({
   __name: "Setting",
   props: /* @__PURE__ */ ye({
     tenantOptions: {
@@ -341,7 +341,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = we(), { promptMessage: C } = Se(), { restaurants: b } = pe(), x = B(!1), m = Y(
+    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = B(!1), m = Y(
       () => b.map((u) => ({ label: u.name, value: u.id }))
     ), w = Y(() => {
       var u, i;
@@ -355,10 +355,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         await C({
           message: o("report.integration.xero.confirmDisconnect", { name: e.value.name }),
           title: o("report.integration.xero.disconnectTitle")
-        }) && (await Ye(e.value._id), await V.getSettings());
+        }) && (await qe(e.value._id), await V.getSettings());
       else if (e.value._id)
         try {
-          const i = await qe(e.value._id);
+          const i = await He(e.value._id);
           x.value = !0;
           const A = setInterval(async () => {
             var P;
@@ -382,7 +382,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         title: "Delete"
       }) && await _(async () => {
         try {
-          await he(e.value._id), await V.getSettings(), h.back();
+          await Ve(e.value._id), await V.getSettings(), h.back();
         } catch (i) {
           s.open({ type: "error", message: i.message });
         }
@@ -391,7 +391,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function n() {
       await _(async () => {
         try {
-          await Ve(e.value._id, e.value), await V.getSettings();
+          await ke(e.value._id, e.value), await V.getSettings();
         } catch (u) {
           s.open({ type: "error", message: u.message });
         }
@@ -430,21 +430,23 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function a() {
       await _(async () => {
         try {
-          await ke(e.value._id), await V.getSettings();
+          await $e(e.value._id), await V.getSettings();
         } catch (u) {
           s.open({ type: "error", message: u.message });
         }
       });
     }
-    return (u, i) => {
-      var z, W, Z, ee, te, oe, ae, le, ne, se, D, g, U, O, me, Ue, Te, Ne, Re, Oe, Be;
+    return be(async () => {
+      await V.getSettings();
+    }), (u, i) => {
+      var z, W, Z, ee, te, oe, ae, le, ne, se, D, g, U, O, me, Te, Ie, Re, Oe, Be, je;
       const A = S("FmIcon"), P = 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(), F("div", xt, [
-        t("div", _t, [
-          t("div", bt, [
+      return (W = (z = e.value) == null ? void 0 : z.platform) != null && W.mappings ? (c(), F("div", _t, [
+        t("div", bt, [
+          t("div", wt, [
             i[10] || (i[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
-            t("div", wt, [
-              t("div", ht, [
+            t("div", ht, [
+              t("div", Vt, [
                 r(A, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
@@ -466,10 +468,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])
         ]),
         r(Q, { style: { margin: 0 } }),
-        t("div", Vt, [
+        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", kt, [
-            t("div", $t, [
+          t("div", $t, [
+            t("div", St, [
               r(P, {
                 disabled: x.value,
                 variant: "primary",
@@ -489,18 +491,18 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               "onUpdate:modelValue": v
             }, null, 8, ["items", "model-value", "placeholder"])
           ]),
-          t("div", St, [
+          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", Ct, [
+            t("div", Ft, [
               i[11] || (i[11] = t("div", { class: "w-[25%]" }, "Name", -1)),
-              t("div", Ft, [
+              t("div", Dt, [
                 r(R, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": i[0] || (i[0] = (ie) => e.value.name = ie)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Dt, [
+            t("div", Ut, [
               i[12] || (i[12] = t("div", { class: "w-[25%]" }, "Location", -1)),
               r(G, {
                 modelValue: e.value.platform.locationIds,
@@ -512,17 +514,17 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items"])
             ])
           ]),
-          r(De, {
+          r(Ue, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": i[2] || (i[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", Ut, [
+          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", Tt, [
+            t("div", It, [
               i[14] || (i[14] = t("div", { class: "w-[25%]" }, "Contact", -1)),
-              t("div", It, [
+              t("div", Mt, [
                 r(R, {
                   modelValue: e.value.platform.mappings.contact.xeroAccount,
                   "onUpdate:modelValue": i[3] || (i[3] = (ie) => e.value.platform.mappings.contact.xeroAccount = ie),
@@ -530,9 +532,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Mt, [
+            t("div", Kt, [
               i[15] || (i[15] = t("div", { class: "w-[25%]" }, "Discount as Item", -1)),
-              t("div", Kt, [
+              t("div", At, [
                 r(j, {
                   "model-value": e.value.platform.discountItem ?? !1,
                   style: { gap: 0 },
@@ -542,9 +544,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["model-value"])
               ])
             ]),
-            t("div", At, [
+            t("div", Pt, [
               i[16] || (i[16] = t("div", { class: "w-[25%]" }, "Combine Refund", -1)),
-              t("div", Pt, [
+              t("div", Nt, [
                 r(j, {
                   "model-value": e.value.platform.mappings.isCombineRefund ?? !1,
                   style: { gap: 0 },
@@ -554,7 +556,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["model-value"])
               ])
             ]),
-            t("div", Nt, [
+            t("div", Rt, [
               i[17] || (i[17] = t("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
               r(P, {
                 variant: "primary",
@@ -562,16 +564,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: i[6] || (i[6] = () => l("taxes"))
               })
             ]),
-            f.taxOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", Rt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
+            f.taxOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", Ot, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
             !f.taxOptions.isLoaded && ((ae = e.value.platform) != null && ae.accessToken) ? (c(), M(E, {
               key: 1,
               size: "xl"
             })) : N("", !0),
-            ((le = f.taxOptions.data) == null ? void 0 : le.length) > 0 ? (c(), F("div", Ot, [
-              (c(!0), F(L, null, H((D = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.taxes, (ie, re) => (c(), M(Me, {
+            ((le = f.taxOptions.data) == null ? void 0 : le.length) > 0 ? (c(), F("div", Bt, [
+              (c(!0), F(L, null, H((D = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.taxes, (ie, re) => (c(), M(Ke, {
                 key: `tax-${re}`,
                 modelValue: e.value.platform.mappings.taxes[re],
-                "onUpdate:modelValue": (Ie) => e.value.platform.mappings.taxes[re] = Ie,
+                "onUpdate:modelValue": (Me) => e.value.platform.mappings.taxes[re] = Me,
                 options: {
                   feedmeKey: { placeholder: "Feedme Key", editable: !0 },
                   xeroAccount: {
@@ -584,7 +586,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onRemove: () => $("taxes", re)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : N("", !0),
-            t("div", Bt, [
+            t("div", jt, [
               i[18] || (i[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
               r(P, {
                 variant: "primary",
@@ -592,16 +594,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: i[7] || (i[7] = () => l("items"))
               })
             ]),
-            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", jt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
+            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", Lt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
             !f.accountCodeOptions.isLoaded && ((g = e.value.platform) != null && g.accessToken) ? (c(), M(E, {
               key: 4,
               size: "xl"
             })) : N("", !0),
-            ((U = f.accountCodeOptions.data) == null ? void 0 : U.length) > 0 ? (c(), F("div", Lt, [
-              (c(!0), F(L, null, H((Ue = (me = (O = e.value) == null ? void 0 : O.platform) == null ? void 0 : me.mappings) == null ? void 0 : Ue.items, (ie, re) => (c(), M(Me, {
+            ((U = f.accountCodeOptions.data) == null ? void 0 : U.length) > 0 ? (c(), F("div", Et, [
+              (c(!0), F(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, {
                 key: `item-${re}`,
                 modelValue: e.value.platform.mappings.items[re],
-                "onUpdate:modelValue": (Ie) => e.value.platform.mappings.items[re] = Ie,
+                "onUpdate:modelValue": (Me) => e.value.platform.mappings.items[re] = Me,
                 options: {
                   feedmeKey: { placeholder: "Feedme Key", editable: !0 },
                   xeroAccount: {
@@ -614,7 +616,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onRemove: () => $("items", re)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
             ])) : N("", !0),
-            t("div", Et, [
+            t("div", zt, [
               i[19] || (i[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
               r(P, {
                 variant: "primary",
@@ -622,16 +624,16 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: i[8] || (i[8] = () => l("payments"))
               })
             ]),
-            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", zt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
-            !f.accountCodeOptions.isLoaded && ((Te = e.value.platform) != null && Te.accessToken) ? (c(), M(E, {
+            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (c(), F("div", Yt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : N("", !0),
+            !f.accountCodeOptions.isLoaded && ((Ie = e.value.platform) != null && Ie.accessToken) ? (c(), M(E, {
               key: 7,
               size: "xl"
             })) : N("", !0),
-            ((Ne = f.accountCodeOptions.data) == null ? void 0 : Ne.length) > 0 ? (c(), F("div", Yt, [
-              (c(!0), F(L, null, H((Be = (Oe = (Re = e.value) == null ? void 0 : Re.platform) == null ? void 0 : Oe.mappings) == null ? void 0 : Be.payments, (ie, re) => (c(), M(Me, {
+            ((Re = f.accountCodeOptions.data) == null ? void 0 : Re.length) > 0 ? (c(), F("div", qt, [
+              (c(!0), F(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, {
                 key: `payment-${re}`,
                 modelValue: e.value.platform.mappings.payments[re],
-                "onUpdate:modelValue": (Ie) => e.value.platform.mappings.payments[re] = Ie,
+                "onUpdate:modelValue": (Me) => e.value.platform.mappings.payments[re] = Me,
                 options: {
                   feedmeKey: { placeholder: "Feedme Key", editable: !0 },
                   xeroAccount: {
@@ -649,10 +651,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ])) : N("", !0);
     };
   }
-}), Ht = { class: "h-full flex flex-col gap-16" }, Xt = { class: "flex flex-row gap-2 justify-between items-center" }, Qt = {
+}), Xt = { class: "h-full flex flex-col gap-16" }, Qt = { class: "flex flex-row gap-2 justify-between items-center" }, Gt = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Gt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Jt = /* @__PURE__ */ q({
+}, Jt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Wt = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -767,13 +769,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Ce(pe());
+    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Fe(pe());
     ve(
       () => b.value,
       async () => {
         if (h.value._id)
           try {
-            _.value = !0, o.value = await $e(h.value._id);
+            _.value = !0, o.value = await Se(h.value._id);
           } catch (m) {
             C.open({ message: m.message, type: "error" });
           } finally {
@@ -786,7 +788,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function x() {
       try {
-        h.value._id ? (_.value = !0, await Ae(h.value._id), C.open({ message: "Upload successful", type: "success" })) : C.open({ message: "Invalid accounting setting", type: "error" });
+        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" });
       } catch (m) {
         m.message && C.open({ message: m.message, type: "error" }), m.errors && m.errors.forEach((w) => C.open({ message: w.Message, type: "error" }));
       } finally {
@@ -795,11 +797,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, w) => {
       const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), F("div", Ht, [
-        t("div", Xt, [
-          r(Fe, {
+      return c(), F("div", Xt, [
+        t("div", Qt, [
+          r(De, {
             "date-range": p(b),
-            "onUpdate:dateRange": w[0] || (w[0] = (n) => be(b) ? b.value = n : null),
+            "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
           r(k, {
@@ -809,9 +811,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: x
           }, null, 8, ["loading"])
         ]),
-        _.value ? (c(), F("div", Qt, [
+        _.value ? (c(), F("div", Gt, [
           r(d, { size: "xl" }),
-          t("span", Gt, T(p(e)("report.common.isLoading")), 1)
+          t("span", Jt, T(p(e)("report.common.isLoading")), 1)
         ])) : s.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
@@ -821,7 +823,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Wt = { class: "h-full relative flex flex-col" }, Zt = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, eo = /* @__PURE__ */ q({
+}), Zt = { class: "h-full relative flex flex-col" }, eo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, to = /* @__PURE__ */ q({
   __name: "Xero",
   props: {
     modelValue: { required: !0 },
@@ -843,10 +845,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ], b = de(), x = Y(() => {
       switch (s.value) {
         case "preview":
-          return { component: Jt };
+          return { component: Wt };
         case "setting":
           return {
-            component: qt,
+            component: Ht,
             props: {
               tenantOptions: V.value,
               taxOptions: h.value,
@@ -860,7 +862,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function m() {
       if (e.value._id)
         try {
-          const d = await He(e.value._id);
+          const d = await Xe(e.value._id);
           V.value.data = d.map((y) => ({
             value: y.id,
             label: y.name
@@ -874,7 +876,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function w() {
       if (e.value._id)
         try {
-          const d = await Xe(e.value._id);
+          const d = await Qe(e.value._id);
           h.value.data = d.map((y) => ({
             value: y.Name,
             label: `${y.Name} - (${y.EffectiveRate}%)`
@@ -888,7 +890,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function k() {
       if (e.value._id)
         try {
-          const d = await Qe(e.value._id);
+          const d = await Ge(e.value._id);
           _.value.data = d.map((y) => ({
             value: y.Code,
             label: `${y.Code} ${y.Name} - [${y.Class}_${y.Type}]`
@@ -911,7 +913,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ), (d, y) => {
       var $, l, a;
       const n = S("FmPageHead"), v = S("FmTabs");
-      return c(), F("div", Wt, [
+      return c(), F("div", Zt, [
         r(n, {
           title: (($ = e.value) == null ? void 0 : $.name) || "Xero",
           "back-button": !0,
@@ -928,8 +930,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           "onUpdate:modelValue": y[0] || (y[0] = (u) => s.value = u),
           items: C
         }, null, 8, ["model-value"]),
-        t("div", Zt, [
-          (c(), M(xe((l = x.value) == null ? void 0 : l.component), Le({
+        t("div", eo, [
+          (c(), M(xe((l = x.value) == null ? void 0 : l.component), Ee({
             modelValue: e.value,
             "onUpdate:modelValue": y[1] || (y[1] = (u) => e.value = u)
           }, (a = x.value) == null ? void 0 : a.props), null, 16, ["modelValue"]))
@@ -937,10 +939,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), to = {
+}), oo = {
   key: 0,
   class: "flex flex-col h-full"
-}, oo = { class: "flex flex-col gap-16 pb-[24px]" }, ao = { class: "flex flex-row justify-between items-center gap-2" }, lo = { class: "fm-typo-en-title-sm-800" }, no = { class: "flex flex-row gap-2 items-center" }, so = { class: "relative group cursor-pointer" }, io = { 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" }, ro = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, mo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, co = { class: "flex flex-row items-center justify-between" }, po = { class: "w-[25%]" }, uo = { class: "flex-grow" }, fo = { class: "flex flex-row items-center justify-between" }, vo = { class: "w-[25%]" }, go = { class: "flex-grow" }, yo = { class: "flex flex-col gap-16" }, xo = { class: "fm-typo-en-title-sm-800" }, _o = { class: "flex flex-row items-center max-w-[100%]" }, bo = { class: "w-[25%]" }, wo = { class: "flex-grow" }, ho = { class: "flex flex-row items-center max-w-[100%]" }, Vo = { class: "w-[25%]" }, ko = { class: "flex flex-row items-center max-w-[100%]" }, $o = { class: "w-[25%]" }, So = { class: "flex flex-col gap-16" }, Co = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Fo = { class: "flex flex-row items-center gap-x-16" }, Do = { class: "fm-typo-en-title-sm-800" }, Uo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, To = { class: "flex flex-row items-center gap-x-16" }, Io = { class: "fm-typo-en-title-sm-800" }, Mo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ko = { class: "flex flex-row items-center gap-x-16" }, Ao = { class: "fm-typo-en-title-sm-800" }, Po = /* @__PURE__ */ q({
+}, 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" }, Fo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Do = { 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({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -948,7 +950,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const o = X(f, "modelValue"), e = ue(), s = _e(), V = de(), { promptLoader: h } = we(), { promptMessage: _ } = Se(), { restaurants: C } = pe(), b = Y(
+    const o = X(f, "modelValue"), e = ue(), s = _e(), V = de(), { promptLoader: h } = he(), { promptMessage: _ } = Ce(), { restaurants: C } = pe(), b = Y(
       () => C.map((l) => ({ label: l.name, value: l.id }))
     ), { t: x } = J();
     async function m() {
@@ -957,7 +959,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         title: x("report.common.delete")
       }) && await h(async () => {
         try {
-          await he(o.value._id), await s.getSettings(), V.back();
+          await Ve(o.value._id), await s.getSettings(), V.back();
         } catch (a) {
           e.open({ type: "error", message: a.message });
         }
@@ -966,7 +968,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function w() {
       await h(async () => {
         try {
-          await Ve(o.value._id, o.value), await s.getSettings();
+          await ke(o.value._id, o.value), await s.getSettings();
         } catch (l) {
           e.open({ type: "error", message: l.message });
         }
@@ -1045,27 +1047,29 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function $() {
       await h(async () => {
         try {
-          await ke(o.value._id), await s.getSettings();
+          await $e(o.value._id), await s.getSettings();
         } catch (l) {
           e.open({ type: "error", message: l.message });
         }
       });
     }
-    return (l, a) => {
+    return be(async () => {
+      await s.getSettings();
+    }), (l, a) => {
       var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, D;
       const u = S("FmIcon"), i = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = o.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", to, [
-        t("div", oo, [
-          t("div", ao, [
-            t("div", lo, T(p(x)("report.integration.bukku.connect")), 1),
-            t("div", no, [
-              t("div", so, [
+      return (G = (E = o.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", oo, [
+        t("div", ao, [
+          t("div", lo, [
+            t("div", no, T(p(x)("report.integration.bukku.connect")), 1),
+            t("div", so, [
+              t("div", io, [
                 r(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", io, T(p(x)("report.integration.refreshSetting")), 1)
+                t("span", ro, T(p(x)("report.integration.refreshSetting")), 1)
               ]),
               r(i, {
                 variant: "tertiary",
@@ -1081,11 +1085,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])
         ]),
         r(A, { style: { margin: 0 } }),
-        t("div", ro, [
-          t("div", mo, T(p(x)("report.integration.bukku.authentication")), 1),
-          t("div", co, [
-            t("div", po, T(p(x)("report.integration.subdomain")), 1),
-            t("div", uo, [
+        t("div", mo, [
+          t("div", co, T(p(x)("report.integration.bukku.authentication")), 1),
+          t("div", po, [
+            t("div", uo, T(p(x)("report.integration.subdomain")), 1),
+            t("div", fo, [
               r(P, {
                 modelValue: o.value.platform.subdomain,
                 "onUpdate:modelValue": a[0] || (a[0] = (g) => o.value.platform.subdomain = g),
@@ -1093,9 +1097,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
-          t("div", fo, [
-            t("div", vo, T(p(x)("report.integration.token")), 1),
-            t("div", go, [
+          t("div", vo, [
+            t("div", go, T(p(x)("report.integration.token")), 1),
+            t("div", yo, [
               r(P, {
                 modelValue: o.value.platform.token,
                 "onUpdate:modelValue": a[1] || (a[1] = (g) => o.value.platform.token = g),
@@ -1103,19 +1107,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
-          t("div", yo, [
-            t("div", xo, T(p(x)("report.integration.general")), 1),
-            t("div", _o, [
-              t("div", bo, T(p(x)("report.common.name")), 1),
-              t("div", wo, [
+          t("div", xo, [
+            t("div", _o, T(p(x)("report.integration.general")), 1),
+            t("div", bo, [
+              t("div", wo, T(p(x)("report.common.name")), 1),
+              t("div", ho, [
                 r(P, {
                   modelValue: o.value.name,
                   "onUpdate:modelValue": a[2] || (a[2] = (g) => o.value.name = g)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", ho, [
-              t("div", Vo, T(p(x)("report.common.location")), 1),
+            t("div", Vo, [
+              t("div", ko, T(p(x)("report.common.location")), 1),
               r(Q, {
                 modelValue: o.value.platform.locationIds,
                 "onUpdate:modelValue": a[3] || (a[3] = (g) => o.value.platform.locationIds = g),
@@ -1125,8 +1129,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 class: "flex-grow"
               }, null, 8, ["modelValue", "items"])
             ]),
-            t("div", ko, [
-              t("div", $o, T(p(x)("report.integration.grouping.title")), 1),
+            t("div", $o, [
+              t("div", So, T(p(x)("report.integration.grouping.title")), 1),
               r(Q, {
                 modelValue: o.value.platform.grouping,
                 "onUpdate:modelValue": a[4] || (a[4] = (g) => o.value.platform.grouping = g),
@@ -1137,8 +1141,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", So, [
-            t("div", Co, [
+          t("div", Co, [
+            t("div", Fo, [
               r(K, {
                 "model-value": {
                   key: "Contact",
@@ -1219,21 +1223,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
             ])
           ]),
-          r(De, {
+          r(Ue, {
             modelValue: o.value.platform,
             "onUpdate:modelValue": a[11] || (a[11] = (g) => o.value.platform = g),
             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", Do, T(p(x)("report.integration.items")), 1),
+          t("div", Do, [
+            t("div", Uo, T(p(x)("report.integration.items")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
               onClick: a[12] || (a[12] = () => d("items"))
             })
           ]),
-          t("div", Uo, [
+          t("div", To, [
             (c(!0), F(L, null, H((te = (ee = (Z = o.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (g, U) => (c(), M(K, {
               key: `item-${U}`,
               modelValue: o.value.platform.mappings.items[U],
@@ -1246,15 +1250,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               onRemove: () => k("items", U)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", To, [
-            t("div", Io, T(p(x)("report.integration.taxes")), 1),
+          t("div", Io, [
+            t("div", Mo, T(p(x)("report.integration.taxes")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
               onClick: a[13] || (a[13] = () => d("taxes"))
             })
           ]),
-          t("div", Mo, [
+          t("div", Ko, [
             (c(!0), F(L, null, H((le = (ae = (oe = o.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (g, U) => (c(), M(K, {
               key: `tax-${U}`,
               modelValue: o.value.platform.mappings.taxes[U],
@@ -1267,8 +1271,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               onRemove: () => k("taxes", U)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Ko, [
-            t("div", Ao, T(p(x)("report.integration.payments")), 1),
+          t("div", Ao, [
+            t("div", Po, T(p(x)("report.integration.payments")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
@@ -1295,10 +1299,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ])) : N("", !0);
     };
   }
-}), No = { class: "h-full flex flex-col gap-16" }, Ro = { class: "flex flex-row gap-2 justify-between items-center" }, Oo = {
+}), Ro = { class: "h-full flex flex-col gap-16" }, Oo = { class: "flex flex-row gap-2 justify-between items-center" }, Bo = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Bo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, jo = /* @__PURE__ */ q({
+}, jo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Lo = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -1432,13 +1436,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Skip",
         enableSorting: !1
       }
-    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Ce(pe());
+    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Fe(pe());
     ve(
       () => b.value,
       async () => {
         if (h.value._id)
           try {
-            _.value = !0, o.value = await $e(h.value._id);
+            _.value = !0, o.value = await Se(h.value._id);
           } catch (m) {
             C.open({ message: m.message, type: "error" });
           } finally {
@@ -1451,7 +1455,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function x() {
       try {
-        h.value._id ? (_.value = !0, await Ae(h.value._id), C.open({ message: s("report.integration.uploadSuccess"), type: "success" })) : C.open({ message: s("report.integration.error.invalid"), type: "error" });
+        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" });
       } catch (m) {
         C.open({ message: m.message, type: "error" });
       } finally {
@@ -1460,11 +1464,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, w) => {
       const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), F("div", No, [
-        t("div", Ro, [
-          r(Fe, {
+      return c(), F("div", Ro, [
+        t("div", Oo, [
+          r(De, {
             "date-range": p(b),
-            "onUpdate:dateRange": w[0] || (w[0] = (n) => be(b) ? b.value = n : null),
+            "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
           r(k, {
@@ -1474,9 +1478,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: x
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), F("div", Oo, [
+        _.value ? (c(), F("div", Bo, [
           r(d, { size: "xl" }),
-          t("span", Bo, T(p(s)("report.integration.table.loading")), 1)
+          t("span", jo, T(p(s)("report.integration.table.loading")), 1)
         ])) : e.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
@@ -1486,7 +1490,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Lo = { class: "h-full relative flex flex-col" }, Eo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, zo = /* @__PURE__ */ q({
+}), Eo = { class: "h-full relative flex flex-col" }, zo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Yo = /* @__PURE__ */ q({
   __name: "Bukku",
   props: {
     modelValue: {},
@@ -1508,9 +1512,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ], h = de(), _ = Y(() => {
       switch (s.value) {
         case "preview":
-          return jo;
+          return Lo;
         case "setting":
-          return Po;
+          return No;
         default:
           return null;
       }
@@ -1518,7 +1522,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (C, b) => {
       var w;
       const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), F("div", Lo, [
+      return c(), F("div", Eo, [
         r(x, {
           title: ((w = e.value) == null ? void 0 : w.name) || "Bukku",
           "back-button": !0,
@@ -1535,7 +1539,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", Eo, [
+        t("div", zo, [
           (c(), M(xe(_.value), {
             modelValue: e.value,
             "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
@@ -1544,10 +1548,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Yo = {
+}), qo = {
   key: 0,
   class: "flex flex-col h-full"
-}, qo = { class: "flex flex-col gap-16 pb-[24px]" }, Ho = { class: "flex flex-row justify-between items-center gap-2" }, Xo = { class: "flex flex-row gap-2 items-center" }, Qo = { class: "relative group cursor-pointer" }, Go = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Jo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Wo = { class: "flex flex-col gap-16" }, Zo = { class: "fm-typo-en-title-sm-800" }, ea = { class: "flex flex-row items-center max-w-[100%]" }, ta = { class: "w-[25%]" }, oa = { class: "flex-grow" }, aa = { class: "flex flex-row items-center max-w-[100%]" }, la = { class: "w-[25%]" }, na = { class: "flex flex-row items-center max-w-[100%]" }, sa = { class: "w-[25%]" }, ia = { class: "flex flex-col gap-16" }, ra = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ma = { class: "flex flex-row items-center gap-x-16" }, ca = { class: "fm-typo-en-title-sm-800" }, da = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, pa = { class: "flex flex-row items-center gap-x-16" }, ua = { class: "fm-typo-en-title-sm-800" }, fa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, va = { class: "flex flex-row items-center gap-x-16" }, ga = { class: "fm-typo-en-title-sm-800" }, ya = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, xa = /* @__PURE__ */ q({
+}, 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({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -1555,7 +1559,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = we(), { promptMessage: C } = Se(), { restaurants: b } = pe(), x = Y(
+    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
       () => b.map((l) => ({ label: l.name, value: l.id }))
     );
     async function m() {
@@ -1564,7 +1568,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await V.getSettings(), h.back();
+          await Ve(e.value._id), await V.getSettings(), h.back();
         } catch (a) {
           s.open({ type: "error", message: a.message });
         }
@@ -1573,7 +1577,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function w() {
       await _(async () => {
         try {
-          await Ve(e.value._id, e.value), await V.getSettings();
+          await ke(e.value._id, e.value), await V.getSettings();
         } catch (l) {
           s.open({ type: "error", message: l.message });
         }
@@ -1629,27 +1633,29 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function $() {
       await _(async () => {
         try {
-          await ke(e.value._id), await V.getSettings();
+          await $e(e.value._id), await V.getSettings();
         } catch (l) {
           s.open({ type: "error", message: l.message });
         }
       });
     }
-    return (l, a) => {
+    return be(async () => {
+      await V.getSettings();
+    }), (l, a) => {
       var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
       const u = S("FmIcon"), i = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", Yo, [
-        t("div", qo, [
-          t("div", Ho, [
+      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", qo, [
+        t("div", Ho, [
+          t("div", Xo, [
             a[14] || (a[14] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Xo, [
-              t("div", Qo, [
+            t("div", Qo, [
+              t("div", Go, [
                 r(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", Go, T(p(o)("report.integration.refreshSetting")), 1)
+                t("span", Jo, T(p(o)("report.integration.refreshSetting")), 1)
               ]),
               r(i, {
                 variant: "tertiary",
@@ -1665,20 +1671,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])
         ]),
         r(A, { style: { margin: 0 } }),
-        t("div", Jo, [
-          t("div", Wo, [
-            t("div", Zo, T(p(o)("report.integration.general")), 1),
-            t("div", ea, [
-              t("div", ta, T(p(o)("report.common.name")), 1),
-              t("div", oa, [
+        t("div", Wo, [
+          t("div", Zo, [
+            t("div", ea, T(p(o)("report.integration.general")), 1),
+            t("div", ta, [
+              t("div", oa, T(p(o)("report.common.name")), 1),
+              t("div", aa, [
                 r(P, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": a[0] || (a[0] = (D) => e.value.name = D)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", aa, [
-              t("div", la, T(p(o)("report.integration.location")), 1),
+            t("div", la, [
+              t("div", na, T(p(o)("report.integration.location")), 1),
               r(Q, {
                 modelValue: e.value.platform.locationIds,
                 "onUpdate:modelValue": a[1] || (a[1] = (D) => e.value.platform.locationIds = D),
@@ -1689,8 +1695,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 rules: [(D) => D.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
-            t("div", na, [
-              t("div", sa, T(p(o)("report.integration.grouping.title")), 1),
+            t("div", sa, [
+              t("div", ia, T(p(o)("report.integration.grouping.title")), 1),
               r(Q, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
@@ -1701,8 +1707,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", ia, [
-            t("div", ra, [
+          t("div", ra, [
+            t("div", ma, [
               r(K, {
                 "model-value": { key: "Project", account: e.value.platform.mappings.project },
                 options: v("Project"),
@@ -1767,20 +1773,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
             ])
           ]),
-          r(De, {
+          r(Ue, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": a[10] || (a[10] = (D) => e.value.platform = D),
             label: p(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
-          t("div", ma, [
-            t("div", ca, T(p(o)("report.integration.items")), 1),
+          t("div", ca, [
+            t("div", da, T(p(o)("report.integration.items")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
               onClick: a[11] || (a[11] = () => d("items"))
             })
           ]),
-          t("div", da, [
+          t("div", pa, [
             (c(!0), F(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (D, g) => (c(), M(K, {
               key: `item-${g}`,
               modelValue: e.value.platform.mappings.items[g],
@@ -1793,15 +1799,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               onRemove: () => k("items", g)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", pa, [
-            t("div", ua, T(p(o)("report.integration.taxes")), 1),
+          t("div", ua, [
+            t("div", fa, T(p(o)("report.integration.taxes")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
               onClick: a[12] || (a[12] = () => d("taxes"))
             })
           ]),
-          t("div", fa, [
+          t("div", va, [
             (c(!0), F(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (D, g) => (c(), M(K, {
               key: `tax-${g}`,
               modelValue: e.value.platform.mappings.taxes[g],
@@ -1814,15 +1820,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               onRemove: () => k("taxes", g)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", va, [
-            t("div", ga, T(p(o)("report.integration.payments")), 1),
+          t("div", ga, [
+            t("div", ya, T(p(o)("report.integration.payments")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
               onClick: a[13] || (a[13] = () => d("payments"))
             })
           ]),
-          t("div", ya, [
+          t("div", xa, [
             (c(!0), F(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (D, g) => (c(), M(K, {
               key: `payment-${g}`,
               modelValue: e.value.platform.mappings.payments[g],
@@ -1839,10 +1845,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ])) : N("", !0);
     };
   }
-}), _a = { class: "h-full flex flex-col gap-16" }, ba = { class: "flex flex-row gap-2 justify-between items-center" }, wa = {
+}), ba = { class: "h-full flex flex-col gap-16" }, wa = { class: "flex flex-row gap-2 justify-between items-center" }, ha = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, ha = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Va = /* @__PURE__ */ q({
+}, Va = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ka = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -1950,13 +1956,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Ce(pe());
+    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Fe(pe());
     ve(
       () => b.value,
       async () => {
         if (h.value._id)
           try {
-            _.value = !0, e.value = await $e(h.value._id);
+            _.value = !0, e.value = await Se(h.value._id);
           } catch (m) {
             C.open({ message: m.message, type: "error" });
           } finally {
@@ -1969,7 +1975,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function x() {
       try {
-        h.value._id ? (_.value = !0, await Pe(h.value._id)) : C.open({ message: "Invalid accounting setting", type: "error" });
+        h.value._id ? (_.value = !0, await Ne(h.value._id)) : C.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
         C.open({ message: m.message, type: "error" });
       } finally {
@@ -1978,11 +1984,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, w) => {
       const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), F("div", _a, [
-        t("div", ba, [
-          r(Fe, {
+      return c(), F("div", ba, [
+        t("div", wa, [
+          r(De, {
             "date-range": p(b),
-            "onUpdate:dateRange": w[0] || (w[0] = (n) => be(b) ? b.value = n : null),
+            "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
           r(k, {
@@ -1992,9 +1998,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: x
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), F("div", wa, [
+        _.value ? (c(), F("div", ha, [
           r(d, { size: "xl" }),
-          t("span", ha, T(p(o)("report.common.isLoading")), 1)
+          t("span", Va, T(p(o)("report.common.isLoading")), 1)
         ])) : s.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
@@ -2004,7 +2010,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), ka = { class: "h-full relative flex flex-col" }, $a = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Sa = /* @__PURE__ */ q({
+}), $a = { class: "h-full relative flex flex-col" }, Sa = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ca = /* @__PURE__ */ q({
   __name: "AutoCount",
   props: {
     modelValue: {},
@@ -2026,9 +2032,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ], h = de(), _ = Y(() => {
       switch (s.value) {
         case "preview":
-          return Va;
+          return ka;
         case "setting":
-          return xa;
+          return _a;
         default:
           return null;
       }
@@ -2036,7 +2042,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (C, b) => {
       var w;
       const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), F("div", ka, [
+      return c(), F("div", $a, [
         r(x, {
           title: ((w = e.value) == null ? void 0 : w.name) || "AutoCount",
           "back-button": !0,
@@ -2053,7 +2059,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", $a, [
+        t("div", Sa, [
           (c(), M(xe(_.value), {
             modelValue: e.value,
             "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
@@ -2062,10 +2068,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Ca = {
+}), Fa = {
   key: 0,
   class: "flex flex-col h-full"
-}, Fa = { class: "flex flex-col gap-16 pb-[24px]" }, Da = { class: "flex flex-row justify-between items-center gap-2" }, Ua = { class: "flex flex-row gap-2 items-center" }, Ta = { class: "relative group cursor-pointer" }, Ia = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, Ma = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ka = { class: "flex flex-col gap-16" }, Aa = { class: "fm-typo-en-title-sm-800" }, Pa = { class: "flex flex-row items-center max-w-[100%]" }, Na = { class: "w-[25%]" }, Ra = { class: "flex-grow" }, Oa = { class: "flex flex-row items-center max-w-[100%]" }, Ba = { class: "w-[25%]" }, ja = { class: "flex flex-row items-center max-w-[100%]" }, La = { class: "w-[25%]" }, Ea = { class: "flex flex-col gap-16" }, za = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ya = { class: "grid-cols-1 grid gap-16" }, qa = { class: "flex flex-row items-center gap-x-16" }, Ha = { class: "fm-typo-en-title-sm-800" }, Xa = { class: "grid-cols-1 grid gap-16" }, Qa = { class: "flex flex-row items-center gap-x-16" }, Ga = { class: "fm-typo-en-title-sm-800" }, Ja = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Wa = { class: "flex flex-row items-center gap-x-16" }, Za = { class: "fm-typo-en-title-sm-800" }, el = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, tl = /* @__PURE__ */ q({
+}, Da = { 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({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -2073,7 +2079,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = we(), { promptMessage: C } = Se(), { restaurants: b } = pe(), x = Y(
+    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
       () => b.map((l) => ({ label: l.name, value: l.id }))
     );
     async function m() {
@@ -2082,7 +2088,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await V.getSettings(), h.back();
+          await Ve(e.value._id), await V.getSettings(), h.back();
         } catch (a) {
           s.open({ type: "error", message: a.message });
         }
@@ -2091,7 +2097,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function w() {
       await _(async () => {
         try {
-          await Ve(e.value._id, e.value), await V.getSettings();
+          await ke(e.value._id, e.value), await V.getSettings();
         } catch (l) {
           s.open({ type: "error", message: l.message });
         }
@@ -2148,27 +2154,29 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function $() {
       await _(async () => {
         try {
-          await ke(e.value._id), await V.getSettings();
+          await $e(e.value._id), await V.getSettings();
         } catch (l) {
           s.open({ type: "error", message: l.message });
         }
       });
     }
-    return (l, a) => {
+    return be(async () => {
+      await V.getSettings();
+    }), (l, a) => {
       var E, G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se;
       const u = S("FmIcon"), i = S("FmButton"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmSelect");
-      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", Ca, [
-        t("div", Fa, [
-          t("div", Da, [
+      return (G = (E = e.value) == null ? void 0 : E.platform) != null && G.mappings ? (c(), F("div", Fa, [
+        t("div", Da, [
+          t("div", Ua, [
             a[15] || (a[15] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Ua, [
-              t("div", Ta, [
+            t("div", Ta, [
+              t("div", Ia, [
                 r(u, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", Ia, T(p(o)("report.integration.refreshSetting")), 1)
+                t("span", Ma, T(p(o)("report.integration.refreshSetting")), 1)
               ]),
               r(i, {
                 variant: "tertiary",
@@ -2184,20 +2192,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ])
         ]),
         r(A, { style: { margin: 0 } }),
-        t("div", Ma, [
-          t("div", Ka, [
-            t("div", Aa, T(p(o)("report.integration.general")), 1),
-            t("div", Pa, [
-              t("div", Na, T(p(o)("report.common.name")), 1),
-              t("div", Ra, [
+        t("div", Ka, [
+          t("div", Aa, [
+            t("div", Pa, T(p(o)("report.integration.general")), 1),
+            t("div", Na, [
+              t("div", Ra, T(p(o)("report.common.name")), 1),
+              t("div", Oa, [
                 r(P, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": a[0] || (a[0] = (D) => e.value.name = D)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Oa, [
-              t("div", Ba, T(p(o)("report.integration.location")), 1),
+            t("div", Ba, [
+              t("div", ja, T(p(o)("report.integration.location")), 1),
               r(Q, {
                 modelValue: e.value.platform.locationIds,
                 "onUpdate:modelValue": a[1] || (a[1] = (D) => e.value.platform.locationIds = D),
@@ -2208,8 +2216,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 rules: [(D) => D.length !== 0 || "Please select at least 1 location"]
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
-            t("div", ja, [
-              t("div", La, T(p(o)("report.integration.grouping.title")), 1),
+            t("div", La, [
+              t("div", Ea, T(p(o)("report.integration.grouping.title")), 1),
               r(Q, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
@@ -2220,8 +2228,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue"])
             ])
           ]),
-          t("div", Ea, [
-            t("div", za, [
+          t("div", za, [
+            t("div", Ya, [
               r(K, {
                 "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
                 options: v("Debtor"),
@@ -2276,7 +2284,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 "onUpdate:modelValue": a[9] || (a[9] = (D) => n({ key: "projectDetail", value: D.account }))
               }, null, 8, ["model-value", "options"])
             ]),
-            t("div", Ya, [
+            t("div", qa, [
               r(K, {
                 "model-value": {
                   key: "Rounding",
@@ -2305,20 +2313,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
             ])
           ]),
-          r(De, {
+          r(Ue, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": a[11] || (a[11] = (D) => e.value.platform = D),
             label: "email"
           }, null, 8, ["modelValue"]),
-          t("div", qa, [
-            t("div", Ha, T(p(o)("report.integration.items")), 1),
+          t("div", Ha, [
+            t("div", Xa, T(p(o)("report.integration.items")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
               onClick: a[12] || (a[12] = () => d("items"))
             })
           ]),
-          t("div", Xa, [
+          t("div", Qa, [
             (c(!0), F(L, null, H((ee = (Z = (W = e.value) == null ? void 0 : W.platform) == null ? void 0 : Z.mappings) == null ? void 0 : ee.items, (D, g) => (c(), M(K, {
               key: `item-${g}`,
               modelValue: e.value.platform.mappings.items[g],
@@ -2332,15 +2340,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               onRemove: () => k("items", g)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Qa, [
-            t("div", Ga, T(p(o)("report.integration.taxes")), 1),
+          t("div", Ga, [
+            t("div", Ja, T(p(o)("report.integration.taxes")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
               onClick: a[13] || (a[13] = () => d("taxes"))
             })
           ]),
-          t("div", Ja, [
+          t("div", Wa, [
             (c(!0), F(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (D, g) => (c(), M(K, {
               key: `tax-${g}`,
               modelValue: e.value.platform.mappings.taxes[g],
@@ -2353,15 +2361,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               onRemove: () => k("taxes", g)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
-          t("div", Wa, [
-            t("div", Za, T(p(o)("report.integration.payments")), 1),
+          t("div", Za, [
+            t("div", el, T(p(o)("report.integration.payments")), 1),
             r(i, {
               variant: "primary",
               icon: "add",
               onClick: a[14] || (a[14] = () => d("payments"))
             })
           ]),
-          t("div", el, [
+          t("div", tl, [
             (c(!0), F(L, null, H((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.payments, (D, g) => (c(), M(K, {
               key: `payment-${g}`,
               modelValue: e.value.platform.mappings.payments[g],
@@ -2378,10 +2386,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ])) : N("", !0);
     };
   }
-}), ol = { class: "h-full flex flex-col gap-16" }, al = { class: "flex flex-row gap-2 justify-between items-center" }, ll = {
+}), al = { class: "h-full flex flex-col gap-16" }, ll = { class: "flex flex-row gap-2 justify-between items-center" }, nl = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, nl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, sl = /* @__PURE__ */ q({
+}, sl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, il = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -2484,13 +2492,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Ce(pe());
+    ], h = X(f, "modelValue"), _ = B(!1), C = ue(), { dateRange: b } = Fe(pe());
     ve(
       () => b.value,
       async () => {
         if (h.value._id)
           try {
-            _.value = !0, e.value = await $e(h.value._id);
+            _.value = !0, e.value = await Se(h.value._id);
           } catch (m) {
             C.open({ message: m.message, type: "error" });
           } finally {
@@ -2503,7 +2511,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     );
     async function x() {
       try {
-        h.value._id ? (_.value = !0, await Pe(h.value._id)) : C.open({ message: "Invalid accounting setting", type: "error" });
+        h.value._id ? (_.value = !0, await Ne(h.value._id)) : C.open({ message: "Invalid accounting setting", type: "error" });
       } catch (m) {
         C.open({ message: m.message, type: "error" });
       } finally {
@@ -2512,11 +2520,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (m, w) => {
       const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), F("div", ol, [
-        t("div", al, [
-          r(Fe, {
+      return c(), F("div", al, [
+        t("div", ll, [
+          r(De, {
             "date-range": p(b),
-            "onUpdate:dateRange": w[0] || (w[0] = (n) => be(b) ? b.value = n : null),
+            "onUpdate:dateRange": w[0] || (w[0] = (n) => we(b) ? b.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
           r(k, {
@@ -2526,9 +2534,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             onClick: x
           }, null, 8, ["loading", "label"])
         ]),
-        _.value ? (c(), F("div", ll, [
+        _.value ? (c(), F("div", nl, [
           r(d, { size: "xl" }),
-          t("span", nl, T(p(o)("report.common.isLoading")), 1)
+          t("span", sl, T(p(o)("report.common.isLoading")), 1)
         ])) : s.value.length > 0 ? (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
@@ -2538,7 +2546,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), il = { class: "h-full relative flex flex-col" }, rl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ml = /* @__PURE__ */ q({
+}), rl = { class: "h-full relative flex flex-col" }, ml = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, cl = /* @__PURE__ */ q({
   __name: "SQL",
   props: {
     modelValue: {},
@@ -2560,9 +2568,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     ], h = de(), _ = Y(() => {
       switch (s.value) {
         case "preview":
-          return sl;
+          return il;
         case "setting":
-          return tl;
+          return ol;
         default:
           return null;
       }
@@ -2570,7 +2578,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return (C, b) => {
       var w;
       const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), F("div", il, [
+      return c(), F("div", rl, [
         r(x, {
           title: ((w = e.value) == null ? void 0 : w.name) || "SQL",
           "back-button": !0,
@@ -2587,7 +2595,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", rl, [
+        t("div", ml, [
           (c(), M(xe(_.value), {
             modelValue: e.value,
             "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
@@ -2596,25 +2604,25 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), cl = {
+}), dl = {
   key: 0,
   class: "flex flex-col h-full"
-}, dl = { class: "flex flex-col gap-16 pb-[24px]" }, pl = { class: "flex flex-row justify-between items-center gap-2" }, ul = { class: "fm-typo-en-title-sm-800" }, fl = { class: "flex flex-row gap-2 items-center" }, vl = { class: "flex flex-row gap-2 items-center" }, gl = { class: "relative group cursor-pointer" }, yl = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, xl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, _l = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, bl = { class: "flex flex-row items-center max-w-[100%]" }, wl = { class: "w-[25%]" }, hl = { class: "flex-grow" }, Vl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, kl = { class: "flex flex-row items-center justify-between" }, $l = { class: "w-[25%]" }, Sl = { class: "flex-grow" }, Cl = { class: "flex flex-row items-center justify-between" }, Fl = { class: "w-[25%]" }, Dl = { class: "flex-grow" }, Ul = { class: "flex flex-col gap-16" }, Tl = { class: "fm-typo-en-title-sm-800" }, Il = { class: "flex flex-row items-center max-w-[100%]" }, Ml = { class: "w-[25%]" }, Kl = { class: "flex-grow" }, Al = { class: "flex flex-row items-center max-w-[100%]" }, Pl = { class: "w-[25%]" }, Nl = { class: "flex flex-row items-center max-w-[100%]" }, Rl = { class: "w-[25%]" }, Ol = {
+}, 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" }, Fl = { class: "flex flex-row items-center justify-between" }, Dl = { 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 = {
   key: 0,
   class: "flex flex-row items-center max-w-[100%]"
-}, Bl = { class: "flex flex-col gap-16" }, jl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ll = { key: 1 }, El = { class: "flex flex-row items-center gap-x-16" }, zl = { class: "fm-typo-en-title-sm-800" }, Yl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ql = { class: "flex flex-row items-center gap-x-16" }, Hl = { class: "fm-typo-en-title-sm-800" }, Xl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ql = { class: "flex flex-row items-center gap-x-16" }, Gl = { class: "fm-typo-en-title-sm-800" }, Jl = { class: "flex flex-row items-center justify-between" }, Wl = { class: "flex-grow" }, Zl = {
+}, jl = { class: "flex flex-col gap-16" }, Ll = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, El = { key: 1 }, zl = { class: "flex flex-row items-center gap-x-16" }, Yl = { class: "fm-typo-en-title-sm-800" }, ql = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Hl = { class: "flex flex-row items-center gap-x-16" }, Xl = { class: "fm-typo-en-title-sm-800" }, Ql = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Gl = { class: "flex flex-row items-center gap-x-16" }, Jl = { class: "fm-typo-en-title-sm-800" }, Wl = { class: "flex flex-row items-center justify-between" }, Zl = { class: "flex-grow" }, en = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, en = {
+}, tn = {
   key: 1,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, tn = {
+}, on = {
   key: 3,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, on = {
+}, an = {
   key: 0,
   class: "flex flex-row items-center"
-}, an = /* @__PURE__ */ q({
+}, ln = /* @__PURE__ */ q({
   __name: "Setting",
   props: /* @__PURE__ */ ye({
     retrievedMethods: {
@@ -2631,7 +2639,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = we(), { promptMessage: C } = Se(), { restaurants: b } = pe(), x = Y(
+    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
       () => b.map(($) => ({ label: $.name, value: $.id }))
     );
     function m($) {
@@ -2647,7 +2655,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await V.getSettings(), h.back();
+          await Ve(e.value._id), await V.getSettings(), h.back();
         } catch (l) {
           s.open({ type: "error", message: l.message });
         }
@@ -2657,7 +2665,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       await _(async () => {
         var $, l, a;
         try {
-          (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) != null && a.paymentMethods && m(e.value.platform.mappings.paymentMethods), await Ve(e.value._id, e.value), await V.getSettings();
+          (a = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) != null && a.paymentMethods && m(e.value.platform.mappings.paymentMethods), await ke(e.value._id, e.value), await V.getSettings();
         } catch (u) {
           s.open({ type: "error", message: u.message });
         }
@@ -2739,28 +2747,30 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function v() {
       await _(async () => {
         try {
-          await ke(e.value._id), await V.getSettings();
+          await $e(e.value._id), await V.getSettings();
         } catch ($) {
           s.open({ type: "error", message: $.message });
         }
       });
     }
-    return ($, l) => {
+    return be(async () => {
+      await V.getSettings();
+    }), ($, l) => {
       var G, R, j, z, W, Z, ee, te, oe, ae, le, ne, se, D;
       const a = S("FmIcon"), u = S("FmButton"), i = S("FmSelect"), A = S("FmMenuDivider"), P = S("FmTextField"), Q = S("FmCircularProgress"), E = S("FmCheckbox");
-      return (R = (G = e.value) == null ? void 0 : G.platform) != null && R.mappings ? (c(), F("div", cl, [
-        t("div", dl, [
-          t("div", pl, [
-            t("div", ul, T(p(o)("report.integration.connect")), 1),
-            t("div", fl, [
-              t("div", vl, [
-                t("div", gl, [
+      return (R = (G = e.value) == null ? void 0 : G.platform) != null && R.mappings ? (c(), F("div", dl, [
+        t("div", pl, [
+          t("div", ul, [
+            t("div", fl, T(p(o)("report.integration.connect")), 1),
+            t("div", vl, [
+              t("div", gl, [
+                t("div", yl, [
                   r(a, {
                     name: "refresh",
                     class: "p-2 bg-gray-100 rounded-full",
                     onClick: v
                   }),
-                  t("span", yl, T(p(o)("report.integration.refreshSetting")), 1)
+                  t("span", xl, T(p(o)("report.integration.refreshSetting")), 1)
                 ]),
                 r(u, {
                   variant: "tertiary",
@@ -2776,11 +2786,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ])
         ]),
-        t("div", xl, [
-          t("div", _l, T(p(o)("report.integration.biztory.authenticate")), 1),
-          t("div", bl, [
-            t("div", wl, "Biztory " + T(p(o)("report.integration.biztory.version")), 1),
-            t("div", hl, [
+        t("div", _l, [
+          t("div", bl, T(p(o)("report.integration.biztory.authenticate")), 1),
+          t("div", wl, [
+            t("div", hl, "Biztory " + T(p(o)("report.integration.biztory.version")), 1),
+            t("div", Vl, [
               r(i, {
                 modelValue: e.value.platform.mappings.version,
                 "onUpdate:modelValue": l[0] || (l[0] = (g) => e.value.platform.mappings.version = g),
@@ -2793,10 +2803,10 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ]),
           r(A, { style: { margin: 0 } }),
-          t("div", Vl, [
-            t("div", kl, [
-              t("div", $l, T(p(o)("report.integration.biztory.subdomain")), 1),
-              t("div", Sl, [
+          t("div", kl, [
+            t("div", $l, [
+              t("div", Sl, T(p(o)("report.integration.biztory.subdomain")), 1),
+              t("div", Cl, [
                 r(P, {
                   modelValue: e.value.platform.subdomain,
                   "onUpdate:modelValue": l[1] || (l[1] = (g) => e.value.platform.subdomain = g),
@@ -2804,9 +2814,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Cl, [
-              t("div", Fl, T(p(o)("report.integration.biztory.apiKey")), 1),
-              t("div", Dl, [
+            t("div", Fl, [
+              t("div", Dl, T(p(o)("report.integration.biztory.apiKey")), 1),
+              t("div", Ul, [
                 r(P, {
                   modelValue: e.value.platform.api_key,
                   "onUpdate:modelValue": l[2] || (l[2] = (g) => e.value.platform.api_key = g),
@@ -2814,19 +2824,19 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Ul, [
-              t("div", Tl, T(p(o)("report.integration.general")), 1),
-              t("div", Il, [
-                t("div", Ml, T(p(o)("report.common.name")), 1),
-                t("div", Kl, [
+            t("div", Tl, [
+              t("div", Il, T(p(o)("report.integration.general")), 1),
+              t("div", Ml, [
+                t("div", Kl, T(p(o)("report.common.name")), 1),
+                t("div", Al, [
                   r(P, {
                     modelValue: e.value.name,
                     "onUpdate:modelValue": l[3] || (l[3] = (g) => e.value.name = g)
                   }, null, 8, ["modelValue"])
                 ])
               ]),
-              t("div", Al, [
-                t("div", Pl, T(p(o)("report.common.location")), 1),
+              t("div", Pl, [
+                t("div", Nl, T(p(o)("report.common.location")), 1),
                 r(i, {
                   modelValue: e.value.platform.locationIds,
                   "onUpdate:modelValue": l[4] || (l[4] = (g) => e.value.platform.locationIds = g),
@@ -2836,8 +2846,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   class: "flex-grow"
                 }, null, 8, ["modelValue", "items", "placeholder"])
               ]),
-              t("div", Nl, [
-                t("div", Rl, T(p(o)("report.integration.grouping.title")), 1),
+              t("div", Rl, [
+                t("div", Ol, T(p(o)("report.integration.grouping.title")), 1),
                 r(i, {
                   modelValue: e.value.platform.grouping,
                   "onUpdate:modelValue": l[5] || (l[5] = (g) => e.value.platform.grouping = g),
@@ -2848,7 +2858,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   disabled: ""
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
-              e.value.platform.mappings.version == "v1" ? (c(), F("div", Ol, [
+              e.value.platform.mappings.version == "v1" ? (c(), F("div", Bl, [
                 l[13] || (l[13] = t("div", { class: "w-[33%]" }, "Payee ID", -1)),
                 e.value.platform.mappings.version == "v1" ? (c(), M(K, {
                   key: 0,
@@ -2861,14 +2871,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])) : N("", !0)
               ])) : N("", !0)
             ]),
-            t("div", Bl, [
-              t("div", jl, [
+            t("div", jl, [
+              t("div", Ll, [
                 !f.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (c(), M(Q, {
                   key: 0,
                   size: "xl"
                 })) : N("", !0),
-                f.retrievedCustomers.isLoaded && f.retrievedCustomers.data && ((j = f.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (c(), F("div", Ll, [
-                  e.value.platform.mappings.version == "v2" ? (c(), M(Me, {
+                f.retrievedCustomers.isLoaded && f.retrievedCustomers.data && ((j = f.retrievedCustomers.data) == null ? void 0 : j.length) != 0 ? (c(), F("div", El, [
+                  e.value.platform.mappings.version == "v2" ? (c(), M(Ke, {
                     key: 0,
                     modelValue: e.value.platform.mappings.payeeId,
                     "onUpdate:modelValue": l[7] || (l[7] = (g) => e.value.platform.mappings.payeeId = g),
@@ -2886,21 +2896,21 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 ])) : N("", !0)
               ])
             ]),
-            r(De, {
+            r(Ue, {
               modelValue: e.value.platform,
               "onUpdate:modelValue": l[8] || (l[8] = (g) => e.value.platform = g),
               label: "upload",
               "last-upload-date": (W = e.value.platform) == null ? void 0 : W.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
-            t("div", El, [
-              t("div", zl, T(p(o)("report.integration.biztory.items")), 1),
+            t("div", zl, [
+              t("div", Yl, T(p(o)("report.integration.biztory.items")), 1),
               r(u, {
                 variant: "primary",
                 icon: "add",
                 onClick: l[9] || (l[9] = () => y("items"))
               })
             ]),
-            t("div", Yl, [
+            t("div", ql, [
               (c(!0), F(L, null, H((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.items, (g, U) => (c(), M(K, {
                 key: `item-${U}`,
                 modelValue: e.value.platform.mappings.items[U],
@@ -2913,15 +2923,15 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onRemove: () => d("items", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", ql, [
-              t("div", Hl, T(p(o)("report.integration.biztory.taxes")), 1),
+            t("div", Hl, [
+              t("div", Xl, T(p(o)("report.integration.biztory.taxes")), 1),
               r(u, {
                 variant: "primary",
                 icon: "add",
                 onClick: l[10] || (l[10] = () => y("taxes"))
               })
             ]),
-            t("div", Xl, [
+            t("div", Ql, [
               (c(!0), F(L, null, H((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.taxes, (g, U) => (c(), M(K, {
                 key: `tax-${U}`,
                 modelValue: e.value.platform.mappings.taxes[U],
@@ -2934,17 +2944,17 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onRemove: () => d("taxes", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
-            t("div", Ql, [
-              t("div", Gl, T(p(o)("report.integration.biztory.payments")), 1),
+            t("div", Gl, [
+              t("div", Jl, T(p(o)("report.integration.biztory.payments")), 1),
               r(u, {
                 variant: "primary",
                 icon: "add",
                 onClick: l[11] || (l[11] = () => y("paymentMethods"))
               })
             ]),
-            t("div", Jl, [
+            t("div", Wl, [
               l[14] || (l[14] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
-              t("div", Wl, [
+              t("div", Zl, [
                 r(K, {
                   modelValue: e.value.platform.mappings.paymentTerm,
                   "onUpdate:modelValue": l[12] || (l[12] = (g) => e.value.platform.mappings.paymentTerm = g),
@@ -2956,29 +2966,29 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            f.retrievedMethods.isError ? N("", !0) : (c(), F("div", Zl, T(p(o)("report.integration.biztory.paymentTerm")), 1)),
-            f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length == 0 && !f.retrievedMethods.isError ? (c(), F("span", en, T(p(o)("report.integration.biztory.noPaymentMethods")), 1)) : N("", !0),
+            f.retrievedMethods.isError ? N("", !0) : (c(), F("div", en, T(p(o)("report.integration.biztory.paymentTerm")), 1)),
+            f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length == 0 && !f.retrievedMethods.isError ? (c(), F("span", tn, T(p(o)("report.integration.biztory.noPaymentMethods")), 1)) : N("", !0),
             f.retrievedMethods.isLoaded ? N("", !0) : (c(), M(Q, {
               key: 2,
               size: "xl"
             })),
-            f.retrievedMethods.isError ? (c(), F("span", tn, T(p(o)("report.integration.biztory.error")), 1)) : N("", !0),
+            f.retrievedMethods.isError ? (c(), F("span", on, T(p(o)("report.integration.biztory.error")), 1)) : N("", !0),
             (c(!0), F(L, null, H((D = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.paymentMethods, (g, U) => {
               var O;
               return c(), F("div", {
                 key: `payment-${U}`,
                 class: "grid-cols-1 grid gap-x-16"
               }, [
-                f.retrievedMethods.isLoaded && f.retrievedMethods.data && ((O = f.retrievedMethods.data) == null ? void 0 : O.length) != 0 ? (c(), F("div", on, [
+                f.retrievedMethods.isLoaded && f.retrievedMethods.data && ((O = f.retrievedMethods.data) == null ? void 0 : O.length) != 0 ? (c(), F("div", an, [
                   r(E, {
                     "model-value": !e.value.platform.mappings.paymentMethods[U].skip,
                     value: "",
                     "onUpdate:modelValue": (me) => {
-                      var Ue, Te;
-                      (Te = (Ue = e.value.platform) == null ? void 0 : Ue.mappings) != null && Te.paymentMethods[U] && (e.value.platform.mappings.paymentMethods[U].skip = !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);
                     }
                   }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                  r(Me, {
+                  r(Ke, {
                     modelValue: e.value.platform.mappings.paymentMethods[U],
                     "onUpdate:modelValue": (me) => e.value.platform.mappings.paymentMethods[U] = me,
                     options: {
@@ -3004,7 +3014,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     };
   }
 });
-function ln(f) {
+function nn(f) {
   return f.reduce((o, e) => {
     var h, _, C, b, x, m, w, k, d, y, n, v, $, l, a, u, i, A, P, Q, E, G;
     const { invoice: s } = e, V = o.length;
@@ -3047,7 +3057,7 @@ function ln(f) {
     return o;
   }, []);
 }
-const nn = [
+const sn = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3119,7 +3129,7 @@ const nn = [
     enableSorting: !1
   }
 ];
-function sn(f) {
+function rn(f) {
   return f.reduce((o, e) => {
     var C, b, x, m, w, k, d, y, n, v;
     const { invoice: s, payments: V } = e, h = o.length;
@@ -3166,7 +3176,7 @@ function sn(f) {
     return o;
   }, []);
 }
-const rn = [
+const mn = [
   {
     accessorKey: "invoice_date",
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
@@ -3232,10 +3242,10 @@ const rn = [
     header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method (ID)"),
     enableSorting: !1
   }
-], mn = { class: "h-full flex flex-col gap-16" }, cn = { class: "flex flex-row gap-2 justify-between items-center" }, dn = {
+], cn = { class: "h-full flex flex-col gap-16" }, dn = { class: "flex flex-row gap-2 justify-between items-center" }, pn = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, pn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, un = /* @__PURE__ */ q({
+}, un = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fn = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -3243,13 +3253,13 @@ const rn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = B(!1), V = ue(), { dateRange: h } = Ce(pe()), _ = B([]);
+    const { t: o } = J(), e = X(f, "modelValue"), s = B(!1), V = ue(), { dateRange: h } = Fe(pe()), _ = B([]);
     ve(
       () => h.value,
       async () => {
         if (e.value._id)
           try {
-            s.value = !0, _.value = await $e(e.value._id);
+            s.value = !0, _.value = await Se(e.value._id);
           } catch (m) {
             V.open({ message: m.message, type: "error" });
           } finally {
@@ -3263,23 +3273,23 @@ const rn = [
     const C = Y(() => {
       switch (e.value.platform.mappings.version) {
         case "v1":
-          return ln(_.value);
+          return nn(_.value);
         case "v2":
-          return sn(_.value);
+          return rn(_.value);
       }
       return [];
     }), b = Y(() => {
       switch (e.value.platform.mappings.version) {
         case "v1":
-          return nn;
+          return sn;
         case "v2":
-          return rn;
+          return mn;
       }
       return [];
     });
     async function x() {
       try {
-        e.value._id && e.value.platform.subdomain && e.value.platform.api_key ? (s.value = !0, await Ae(e.value._id), V.open({ message: "Upload successful", type: "success" })) : V.open({ message: "Invalid accounting setting", type: "error" });
+        e.value._id && e.value.platform.subdomain && e.value.platform.api_key ? (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" }));
       } finally {
@@ -3288,11 +3298,11 @@ const rn = [
     }
     return (m, w) => {
       const k = S("FmButton"), d = S("FmCircularProgress"), y = S("FmTable");
-      return c(), F("div", mn, [
-        t("div", cn, [
-          r(Fe, {
+      return c(), F("div", cn, [
+        t("div", dn, [
+          r(De, {
             "date-range": p(h),
-            "onUpdate:dateRange": w[0] || (w[0] = (n) => be(h) ? h.value = n : null),
+            "onUpdate:dateRange": w[0] || (w[0] = (n) => we(h) ? h.value = n : null),
             compare: !1
           }, null, 8, ["date-range"]),
           r(k, {
@@ -3302,9 +3312,9 @@ const rn = [
             onClick: x
           }, null, 8, ["loading"])
         ]),
-        s.value ? (c(), F("div", dn, [
+        s.value ? (c(), F("div", pn, [
           r(d, { size: "xl" }),
-          t("span", pn, T(p(o)("report.common.isLoading")), 1)
+          t("span", un, T(p(o)("report.common.isLoading")), 1)
         ])) : (c(), M(y, {
           key: 1,
           class: "flex overflow-scroll",
@@ -3314,7 +3324,7 @@ const rn = [
       ]);
     };
   }
-}), fn = { class: "h-full relative flex flex-col" }, vn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, gn = /* @__PURE__ */ q({
+}), vn = { class: "h-full relative flex flex-col" }, gn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, yn = /* @__PURE__ */ q({
   __name: "Biztory",
   props: {
     modelValue: { required: !0 },
@@ -3337,11 +3347,11 @@ const rn = [
       switch (s.value) {
         case "preview":
           return {
-            component: un
+            component: fn
           };
         case "setting":
           return {
-            component: an,
+            component: ln,
             props: {
               retrievedMethods: C.value,
               retrievedCustomers: b.value
@@ -3366,24 +3376,24 @@ const rn = [
     }, d = async () => {
       var y, n;
       (y = e.value.platform.mappings) != null && y.version && await k(
-        Ge,
+        Je,
         m,
         C,
         "Failed to fetch payment methods:"
       ), ((n = e.value.platform.mappings) == null ? void 0 : n.version) == "v2" && await k(
-        Je,
+        We,
         w,
         b,
         "Failed to fetch customers:"
       ), C.value.isLoaded = !0, b.value.isLoaded = !0;
     };
-    return Ee(d), ve(() => {
+    return ze(d), ve(() => {
       var y;
       return (y = e.value.platform.mappings) == null ? void 0 : y.version;
     }, d), (y, n) => {
       var l, a, u;
       const v = S("FmPageHead"), $ = S("FmTabs");
-      return c(), F("div", fn, [
+      return c(), F("div", vn, [
         r(v, {
           title: ((l = e.value) == null ? void 0 : l.name) || "Biztory",
           "back-button": !0,
@@ -3400,8 +3410,8 @@ const rn = [
           "onUpdate:modelValue": n[0] || (n[0] = (i) => s.value = i),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", vn, [
-          (c(), M(xe((a = _.value) == null ? void 0 : a.component), Le({
+        t("div", gn, [
+          (c(), M(xe((a = _.value) == null ? void 0 : a.component), Ee({
             modelValue: e.value,
             "onUpdate:modelValue": n[1] || (n[1] = (i) => e.value = i)
           }, (u = _.value) == null ? void 0 : u.props), null, 16, ["modelValue"]))
@@ -3409,10 +3419,10 @@ const rn = [
       ]);
     };
   }
-}), yn = {
+}), xn = {
   key: 0,
   class: "flex flex-col h-full"
-}, xn = { class: "flex flex-col gap-16 pb-[24px]" }, _n = { class: "flex flex-row justify-between items-center gap-2" }, bn = { class: "flex flex-row gap-2 items-center" }, wn = { class: "relative group cursor-pointer" }, hn = { 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" }, Vn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, kn = { class: "flex flex-col gap-16" }, $n = { class: "fm-typo-en-title-sm-800" }, Sn = { class: "flex flex-row items-center max-w-[100%]" }, Cn = { class: "w-[25%]" }, Fn = { class: "flex-grow" }, Dn = { class: "flex flex-row items-center max-w-[100%]" }, Un = { class: "w-[25%]" }, Tn = { class: "flex flex-row items-center gap-x-16" }, In = { class: "fm-typo-en-title-sm-800" }, Mn = { class: "grid-cols-1 grid gap-16" }, Kn = /* @__PURE__ */ q({
+}, _n = { class: "flex flex-col gap-16 pb-[24px]" }, bn = { class: "flex flex-row justify-between items-center gap-2" }, wn = { class: "flex flex-row gap-2 items-center" }, hn = { class: "relative group cursor-pointer" }, Vn = { 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" }, kn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, $n = { class: "flex flex-col gap-16" }, Sn = { class: "fm-typo-en-title-sm-800" }, Cn = { class: "flex flex-row items-center max-w-[100%]" }, Fn = { class: "w-[25%]" }, Dn = { class: "flex-grow" }, Un = { class: "flex flex-row items-center max-w-[100%]" }, Tn = { class: "w-[25%]" }, In = { class: "flex flex-row items-center gap-x-16" }, Mn = { class: "fm-typo-en-title-sm-800" }, Kn = { class: "grid-cols-1 grid gap-16" }, An = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -3420,7 +3430,7 @@ const rn = [
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = we(), { promptMessage: C } = Se(), { restaurants: b } = pe(), x = Y(
+    const { t: o } = J(), e = X(f, "modelValue"), s = ue(), V = _e(), h = de(), { promptLoader: _ } = he(), { promptMessage: C } = Ce(), { restaurants: b } = pe(), x = Y(
       () => b.map((n) => ({ label: n.name, value: n.id }))
     );
     async function m() {
@@ -3429,7 +3439,7 @@ const rn = [
         title: o("report.common.delete")
       }) && await _(async () => {
         try {
-          await he(e.value._id), await V.getSettings(), h.back();
+          await Ve(e.value._id), await V.getSettings(), h.back();
         } catch (v) {
           s.open({ type: "error", message: v.message });
         }
@@ -3438,7 +3448,7 @@ const rn = [
     async function w() {
       await _(async () => {
         try {
-          await Ve(e.value._id, e.value), await V.getSettings();
+          await ke(e.value._id, e.value), await V.getSettings();
         } catch (n) {
           s.open({ type: "error", message: n.message });
         }
@@ -3465,27 +3475,29 @@ const rn = [
     async function y() {
       await _(async () => {
         try {
-          await ke(e.value._id), await V.getSettings();
+          await $e(e.value._id), await V.getSettings();
         } catch (n) {
           s.open({ type: "error", message: n.message });
         }
       });
     }
-    return (n, v) => {
+    return be(async () => {
+      await V.getSettings();
+    }), (n, v) => {
       var A, P, Q, E, G;
       const $ = S("FmIcon"), l = S("FmButton"), a = S("FmMenuDivider"), u = S("FmTextField"), i = S("FmSelect");
-      return (P = (A = e.value) == null ? void 0 : A.platform) != null && P.mappings ? (c(), F("div", yn, [
-        t("div", xn, [
-          t("div", _n, [
+      return (P = (A = e.value) == null ? void 0 : A.platform) != null && P.mappings ? (c(), F("div", xn, [
+        t("div", _n, [
+          t("div", bn, [
             v[4] || (v[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", bn, [
-              t("div", wn, [
+            t("div", wn, [
+              t("div", hn, [
                 r($, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: y
                 }),
-                t("span", hn, T(p(o)("report.integration.refreshSetting")), 1)
+                t("span", Vn, T(p(o)("report.integration.refreshSetting")), 1)
               ]),
               r(l, {
                 variant: "tertiary",
@@ -3501,20 +3513,20 @@ const rn = [
           ])
         ]),
         r(a, { style: { margin: 0 } }),
-        t("div", Vn, [
-          t("div", kn, [
-            t("div", $n, T(p(o)("report.integration.general")), 1),
-            t("div", Sn, [
-              t("div", Cn, T(p(o)("report.common.name")), 1),
-              t("div", Fn, [
+        t("div", kn, [
+          t("div", $n, [
+            t("div", Sn, T(p(o)("report.integration.general")), 1),
+            t("div", Cn, [
+              t("div", Fn, T(p(o)("report.common.name")), 1),
+              t("div", Dn, [
                 r(u, {
                   modelValue: e.value.name,
                   "onUpdate:modelValue": v[0] || (v[0] = (R) => e.value.name = R)
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            t("div", Dn, [
-              t("div", Un, T(p(o)("report.integration.location")), 1),
+            t("div", Un, [
+              t("div", Tn, T(p(o)("report.integration.location")), 1),
               r(i, {
                 "model-value": e.value.platform.locationIds[0],
                 multiselect: !1,
@@ -3525,20 +3537,20 @@ const rn = [
               }, null, 8, ["model-value", "items"])
             ])
           ]),
-          r(De, {
+          r(Ue, {
             modelValue: e.value.platform,
             "onUpdate:modelValue": v[2] || (v[2] = (R) => e.value.platform = R),
             label: p(o)("report.input.email")
           }, null, 8, ["modelValue", "label"]),
-          t("div", Tn, [
-            t("div", In, T(p(o)("report.integration.iflexiHrms.employee")), 1),
+          t("div", In, [
+            t("div", Mn, T(p(o)("report.integration.iflexiHrms.employee")), 1),
             r(l, {
               variant: "primary",
               icon: "add",
               onClick: v[3] || (v[3] = () => d("employees"))
             })
           ]),
-          t("div", Mn, [
+          t("div", Kn, [
             (c(!0), F(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, {
               key: `employee-${j}`,
               modelValue: e.value.platform.mappings.employees[j],
@@ -3556,10 +3568,10 @@ const rn = [
       ])) : N("", !0);
     };
   }
-}), An = { class: "h-full flex flex-col gap-16" }, Pn = { class: "flex flex-row gap-2 justify-between items-center" }, Nn = {
+}), Pn = { class: "h-full flex flex-col gap-16" }, Nn = { class: "flex flex-row gap-2 justify-between items-center" }, Rn = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Rn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, On = /* @__PURE__ */ q({
+}, On = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bn = /* @__PURE__ */ q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -3593,13 +3605,13 @@ const rn = [
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
         enableSorting: !1
       }
-    ], V = X(f, "modelValue"), h = B(!1), _ = ue(), { dateRange: C } = Ce(pe());
+    ], V = X(f, "modelValue"), h = B(!1), _ = ue(), { dateRange: C } = Fe(pe());
     ve(
       () => C.value,
       async () => {
         if (V.value._id)
           try {
-            h.value = !0, e.value = await $e(V.value._id);
+            h.value = !0, e.value = await Se(V.value._id);
           } catch (x) {
             _.open({ message: x.message, type: "error" });
           } finally {
@@ -3612,7 +3624,7 @@ const rn = [
     );
     async function b() {
       try {
-        V.value._id ? (h.value = !0, await Pe(V.value._id)) : _.open({ message: "Invalid setting", type: "error" });
+        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" });
       } finally {
@@ -3621,11 +3633,11 @@ const rn = [
     }
     return (x, m) => {
       const w = S("FmButton"), k = S("FmCircularProgress"), d = S("FmTable");
-      return c(), F("div", An, [
-        t("div", Pn, [
-          r(Fe, {
+      return c(), F("div", Pn, [
+        t("div", Nn, [
+          r(De, {
             "date-range": p(C),
-            "onUpdate:dateRange": m[0] || (m[0] = (y) => be(C) ? C.value = y : null),
+            "onUpdate:dateRange": m[0] || (m[0] = (y) => we(C) ? C.value = y : null),
             compare: !1
           }, null, 8, ["date-range"]),
           r(w, {
@@ -3635,9 +3647,9 @@ const rn = [
             onClick: b
           }, null, 8, ["loading", "label"])
         ]),
-        h.value ? (c(), F("div", Nn, [
+        h.value ? (c(), F("div", Rn, [
           r(k, { size: "xl" }),
-          t("span", Rn, T(p(o)("report.common.isLoading")), 1)
+          t("span", On, T(p(o)("report.common.isLoading")), 1)
         ])) : e.value.length > 0 ? (c(), M(d, {
           key: 1,
           class: "flex overflow-scroll",
@@ -3647,7 +3659,7 @@ const rn = [
       ]);
     };
   }
-}), Bn = { class: "h-full relative flex flex-col" }, jn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ln = /* @__PURE__ */ q({
+}), jn = { class: "h-full relative flex flex-col" }, Ln = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, En = /* @__PURE__ */ q({
   __name: "IFlexiHRMS",
   props: {
     modelValue: {},
@@ -3669,9 +3681,9 @@ const rn = [
     ], h = de(), _ = Y(() => {
       switch (s.value) {
         case "preview":
-          return On;
+          return Bn;
         case "setting":
-          return Kn;
+          return An;
         default:
           return null;
       }
@@ -3679,7 +3691,7 @@ const rn = [
     return (C, b) => {
       var w;
       const x = S("FmPageHead"), m = S("FmTabs");
-      return c(), F("div", Bn, [
+      return c(), F("div", jn, [
         r(x, {
           title: ((w = e.value) == null ? void 0 : w.name) || "AutoCount",
           "back-button": !0,
@@ -3696,7 +3708,7 @@ const rn = [
           "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
           items: V
         }, null, 8, ["model-value"]),
-        t("div", jn, [
+        t("div", Ln, [
           (c(), M(xe(_.value), {
             modelValue: e.value,
             "onUpdate:modelValue": b[1] || (b[1] = (k) => e.value = k)
@@ -3705,11 +3717,11 @@ const rn = [
       ]);
     };
   }
-}), En = { class: "px-24 h-full relative" }, Wn = /* @__PURE__ */ q({
+}), zn = { class: "px-24 h-full relative" }, Zn = /* @__PURE__ */ q({
   __name: "Integration",
   setup(f) {
-    const o = B(void 0), { params: e } = ze(), s = _e(), V = B();
-    Ee(async () => {
+    const o = B(void 0), { params: e } = Ye(), s = _e(), V = B();
+    ze(async () => {
       s.settings.length === 0 && await s.getSettings();
     }), ve(
       () => s.settings,
@@ -3723,22 +3735,22 @@ const rn = [
     const h = Y(() => {
       switch (o.value) {
         case ce.Xero:
-          return eo;
+          return to;
         case ce.Bukku:
-          return zo;
+          return Yo;
         case ce.AutoCount:
-          return Sa;
+          return Ca;
         case ce.SQL:
-          return ml;
+          return cl;
         case ce.iFlexi_HRMS:
-          return Ln;
+          return En;
         case ce.Biztory:
-          return gn;
+          return yn;
         default:
           return null;
       }
     });
-    return (_, C) => (c(), F("div", En, [
+    return (_, C) => (c(), F("div", zn, [
       (c(), M(xe(h.value), {
         modelValue: V.value,
         "onUpdate:modelValue": C[0] || (C[0] = (b) => V.value = b)
@@ -3747,5 +3759,5 @@ const rn = [
   }
 });
 export {
-  Wn as default
+  Zn as default
 };