npm - @feedmepos/mf-report - Versions diffs - 5.4.35-beta.0 → 5.4.36-beta.0 - Mend

@feedmepos/mf-report 5.4.35-beta.0 → 5.4.36-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 (4) hide show

package/dist/{App-DlMl_cKs.js → App-DAU6gJah.js} +1 -1
package/dist/{Integration-BIkyAGk2.js → Integration-zUec0gpE.js} +202 -202
package/dist/app.js +11 -64
package/package.json +1 -1

package/dist/{Integration-BIkyAGk2.js → Integration-zUec0gpE.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { defineComponent as q, mergeModels as ye, useModel as X, computed as Y, resolveComponent as S, createElementBlock as C, openBlock as c, createElementVNode as t, createCommentVNode as N, normalizeClass as Ke, Fragment as L, renderList as H, createBlock as M, createVNode as i, withCtx as ge, toDisplayString as T, unref as v, 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 ue, 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-BqFQzk46.js";
+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-BqFQzk46.js";
 import { u as Se } from "./message-dialog-UoMWOnil.js";
-import { useSnackbar as pe } from "@feedmepos/ui-library";
+import { useSnackbar as ue } from "@feedmepos/ui-library";
 import { s as We } from "./index-Cmh079Bh.js";
 import { storeToRefs as Ce } from "pinia";
 import { _ as Fe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-Xex8S8XX.js";
@@ -64,11 +64,11 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   placeholder: V.placeholder,
                   type: g.type,
                   rules: g.rules,
-                  "onUpdate:modelValue": (p) => {
-                    let u = p;
-                    g.type === "number" && (u = Number(p)), e.value = {
+                  "onUpdate:modelValue": (u) => {
+                    let p = u;
+                    g.type === "number" && (p = Number(u)), e.value = {
                       ...e.value,
-                      [V.key]: u
+                      [V.key]: p
                     };
                   }
                 }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])
@@ -103,7 +103,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, nt = { class: "flex flex-row items-center w-[100%] justify-start" }, st = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, it = {
   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" }, ut = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis" }, pt = { class: "w-[50%]" }, De = /* @__PURE__ */ q({
+}, 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({
   __name: "UploadSection",
   props: /* @__PURE__ */ ye({
     label: {
@@ -166,8 +166,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         ])) : N("", !0),
         t("div", ct, [
           t("div", dt, [
-            t("div", ut, T(v(We)(g.label)) + " time ", 1),
-            t("div", pt, [
+            t("div", pt, T(v(We)(g.label)) + " time ", 1),
+            t("div", ut, [
               i(h, {
                 class: "gap-[0px]",
                 "model-value": v(je)().hour(((m = e.value.triggerTime) == null ? void 0 : m.hour) ?? 0).minute(((d = e.value.triggerTime) == null ? void 0 : d.minute) ?? 0).format("HH:mm"),
@@ -251,7 +251,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       return n.singleValueMode ? n.options.key.placeholder : (d = e.value[m.key]) == null ? void 0 : d.toString();
     }, F = (m) => n.singleValueMode ? e.value : e.value[m.key], h = o;
     return (m, d) => {
-      const V = S("FmSelect"), b = S("FmTextField"), p = S("FmTooltip"), u = S("FmIcon");
+      const V = S("FmSelect"), b = S("FmTextField"), u = S("FmTooltip"), p = S("FmIcon");
       return c(), C("div", ft, [
         t("div", {
           class: Ke(`${g.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
@@ -275,7 +275,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 rules: g.rules,
                 "onUpdate:modelValue": (x) => w(x, r.key)
               }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
-            ])) : (c(), M(p, {
+            ])) : (c(), M(u, {
               key: 1,
               content: _(r),
               class: "w-[50%]"
@@ -288,7 +288,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           ], 64))), 128))
         ], 2),
         g.removable ? (c(), C("div", yt, [
-          i(u, {
+          i(p, {
             color: "system-error-300",
             class: "cursor-pointer",
             name: "close",
@@ -341,13 +341,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = pe(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = ue(), m = B(!1), d = Y(
+    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = B(!1), d = Y(
       () => h.map((f) => ({ label: f.name, value: f.id }))
     ), V = Y(() => {
       var f, s;
       return m.value ? "Connecting" : (s = (f = e.value) == null ? void 0 : f.platform) != null && s.accessToken ? "Disconnect" : "Connect";
     }), b = B(0);
-    async function p() {
+    async function u() {
       var f;
       if (m.value)
         n.open({ type: "error", message: "Connecting in progress" });
@@ -376,7 +376,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       else
         n.open({ type: "error", message: `invalid accounting ${e.value._id}` });
     }
-    async function u() {
+    async function p() {
       await F({
         message: `Confirm delete ${e.value.name}?`,
         title: "Delete"
@@ -455,7 +455,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               i(P, {
                 variant: "tertiary",
                 label: "Delete",
-                onClick: u
+                onClick: p
               }),
               i(P, {
                 variant: "primary",
@@ -474,7 +474,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 disabled: m.value,
                 variant: "primary",
                 label: V.value,
-                onClick: p
+                onClick: u
               }, null, 8, ["disabled", "label"])
             ]),
             !g.tenantOptions.isLoaded && ((Z = e.value.platform) != null && Z.accessToken) ? (c(), M(E, {
@@ -662,31 +662,31 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   setup(g) {
     const o = B([]), e = Y(
       () => o.value.reduce((m, d) => {
-        const V = m.length, { invoice: b, payments: p } = d;
+        const V = m.length, { invoice: b, payments: u } = d;
         m[V] = {
           date: b.Date,
           contact: b.Contact.ContactID,
           status: b.Status,
           ref: b.Reference
         };
-        for (let u = 0; u < Math.max(b.LineItems.length, p.length); u++) {
-          const r = V + u;
-          m[r] || (m[r] = {}), b.LineItems[u] && (m[r] = {
+        for (let p = 0; p < Math.max(b.LineItems.length, u.length); p++) {
+          const r = V + p;
+          m[r] || (m[r] = {}), b.LineItems[p] && (m[r] = {
             ...m[r],
-            itemDescription: b.LineItems[u].Description,
-            itemQuantity: b.LineItems[u].Quantity,
-            itemUnitAmount: b.LineItems[u].UnitAmount,
+            itemDescription: b.LineItems[p].Description,
+            itemQuantity: b.LineItems[p].Quantity,
+            itemUnitAmount: b.LineItems[p].UnitAmount,
             // itemCode: invoice.LineItems[i].ItemCode,
-            itemAccount: b.LineItems[u].AccountCode,
-            itemTax: b.LineItems[u].TaxAmount,
-            itemTaxType: b.LineItems[u].TaxType,
-            itemAmount: b.LineItems[u].LineAmount,
-            itemDiscount: b.LineItems[u].DiscountAmount
-          }), p[u] && (m[r] = {
+            itemAccount: b.LineItems[p].AccountCode,
+            itemTax: b.LineItems[p].TaxAmount,
+            itemTaxType: b.LineItems[p].TaxType,
+            itemAmount: b.LineItems[p].LineAmount,
+            itemDiscount: b.LineItems[p].DiscountAmount
+          }), u[p] && (m[r] = {
             ...m[r],
-            paymentAccount: p[u].Account.Code,
-            paymentReference: p[u].Reference,
-            paymentAmount: p[u].Amount
+            paymentAccount: u[p].Account.Code,
+            paymentReference: u[p].Reference,
+            paymentAmount: u[p].Amount
           });
         }
         return m;
@@ -767,7 +767,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], k = X(g, "modelValue"), w = B(!1), _ = pe(), { dateRange: F } = Ce(ue());
+    ], k = X(g, "modelValue"), w = B(!1), _ = ue(), { dateRange: F } = Ce(pe());
     ve(
       () => F.value,
       async () => {
@@ -794,12 +794,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     }
     return (m, d) => {
-      const V = S("FmButton"), b = S("FmCircularProgress"), p = S("FmTable");
+      const V = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
       return c(), C("div", Ht, [
         t("div", Xt, [
           i(Fe, {
             "date-range": v(F),
-            "onUpdate:dateRange": d[0] || (d[0] = (u) => be(F) ? F.value = u : null),
+            "onUpdate:dateRange": d[0] || (d[0] = (p) => be(F) ? F.value = p : null),
             compare: !1
           }, null, 8, ["date-range"]),
           i(V, {
@@ -812,7 +812,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         w.value ? (c(), C("div", Qt, [
           i(b, { size: "xl" }),
           d[1] || (d[1] = t("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
-        ])) : e.value.length > 0 ? (c(), M(p, {
+        ])) : e.value.length > 0 ? (c(), M(u, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
@@ -860,13 +860,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function d() {
       if (e.value._id)
         try {
-          const p = await He(e.value._id);
-          k.value.data = p.map((u) => ({
-            value: u.id,
-            label: u.name
+          const u = await He(e.value._id);
+          k.value.data = u.map((p) => ({
+            value: p.id,
+            label: p.name
           }));
-        } catch (p) {
-          console.error("Failed to fetch tenants:", p), k.value.isError = !0;
+        } catch (u) {
+          console.error("Failed to fetch tenants:", u), k.value.isError = !0;
         } finally {
           k.value.isLoaded = !0;
         }
@@ -874,13 +874,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function V() {
       if (e.value._id)
         try {
-          const p = await Xe(e.value._id);
-          w.value.data = p.map((u) => ({
-            value: u.Name,
-            label: `${u.Name} - (${u.EffectiveRate}%)`
+          const u = await Xe(e.value._id);
+          w.value.data = u.map((p) => ({
+            value: p.Name,
+            label: `${p.Name} - (${p.EffectiveRate}%)`
           }));
-        } catch (p) {
-          console.error("Failed to fetch taxes:", p), w.value.isError = !0;
+        } catch (u) {
+          console.error("Failed to fetch taxes:", u), w.value.isError = !0;
         } finally {
           w.value.isLoaded = !0;
         }
@@ -888,27 +888,27 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     async function b() {
       if (e.value._id)
         try {
-          const p = await Qe(e.value._id);
-          _.value.data = p.map((u) => ({
-            value: u.Code,
-            label: `${u.Code} ${u.Name} - [${u.Class}_${u.Type}]`
+          const u = await Qe(e.value._id);
+          _.value.data = u.map((p) => ({
+            value: p.Code,
+            label: `${p.Code} ${p.Name} - [${p.Class}_${p.Type}]`
           }));
-        } catch (p) {
-          console.error("Failed to fetch accounts:", p), _.value.isError = !0;
+        } catch (u) {
+          console.error("Failed to fetch accounts:", u), _.value.isError = !0;
         } finally {
           _.value.isLoaded = !0;
         }
     }
     return ve(
       () => {
-        var p;
-        return (p = e.value.platform) == null ? void 0 : p.accessToken;
+        var u;
+        return (u = e.value.platform) == null ? void 0 : u.accessToken;
       },
-      (p) => {
-        p && (d(), V(), b());
+      (u) => {
+        u && (d(), V(), b());
       },
       { immediate: !0 }
-    ), (p, u) => {
+    ), (u, p) => {
       var $, l, a;
       const r = S("FmPageHead"), x = S("FmTabs");
       return c(), C("div", Jt, [
@@ -918,20 +918,20 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           style: { paddingLeft: "0px", paddingRight: "0px" },
           "onClick:back": v(h).back
         }, {
-          description: ge(() => u[2] || (u[2] = [
+          description: ge(() => p[2] || (p[2] = [
             t("div", null, null, -1)
           ])),
           _: 1
         }, 8, ["title", "onClick:back"]),
         i(x, {
           "model-value": n.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (f) => n.value = f),
+          "onUpdate:modelValue": p[0] || (p[0] = (f) => n.value = f),
           items: F
         }, null, 8, ["model-value"]),
         t("div", Wt, [
           (c(), M(xe((l = m.value) == null ? void 0 : l.component), Le({
             modelValue: e.value,
-            "onUpdate:modelValue": u[1] || (u[1] = (f) => e.value = f)
+            "onUpdate:modelValue": p[1] || (p[1] = (f) => e.value = f)
           }, (a = m.value) == null ? void 0 : a.props), null, 16, ["modelValue"]))
         ])
       ]);
@@ -940,7 +940,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), eo = {
   key: 0,
   class: "flex flex-col h-full"
-}, to = { class: "flex flex-col gap-16 pb-[24px]" }, oo = { class: "flex flex-row justify-between items-center gap-2" }, ao = { class: "fm-typo-en-title-sm-800" }, lo = { class: "flex flex-row gap-2 items-center" }, no = { class: "relative group cursor-pointer" }, so = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, io = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, mo = { class: "flex flex-row items-center justify-between" }, co = { class: "w-[25%]" }, uo = { class: "flex-grow" }, po = { class: "flex flex-row items-center justify-between" }, fo = { class: "w-[25%]" }, vo = { class: "flex-grow" }, go = { class: "flex flex-col gap-16" }, yo = { class: "fm-typo-en-title-sm-800" }, xo = { class: "flex flex-row items-center max-w-[100%]" }, _o = { class: "w-[25%]" }, bo = { class: "flex-grow" }, wo = { class: "flex flex-row items-center max-w-[100%]" }, ho = { class: "w-[25%]" }, Vo = { class: "flex flex-row items-center max-w-[100%]" }, ko = { class: "w-[25%]" }, $o = { class: "flex flex-col gap-16" }, So = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Co = { class: "flex flex-row items-center gap-x-16" }, Fo = { class: "fm-typo-en-title-sm-800" }, Do = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Uo = { class: "flex flex-row items-center gap-x-16" }, To = { class: "fm-typo-en-title-sm-800" }, Io = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Mo = { class: "flex flex-row items-center gap-x-16" }, Ko = { class: "fm-typo-en-title-sm-800" }, Ao = /* @__PURE__ */ q({
+}, to = { class: "flex flex-col gap-16 pb-[24px]" }, oo = { class: "flex flex-row justify-between items-center gap-2" }, ao = { class: "fm-typo-en-title-sm-800" }, lo = { class: "flex flex-row gap-2 items-center" }, no = { class: "relative group cursor-pointer" }, so = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, io = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, mo = { class: "flex flex-row items-center justify-between" }, co = { class: "w-[25%]" }, po = { class: "flex-grow" }, uo = { class: "flex flex-row items-center justify-between" }, fo = { class: "w-[25%]" }, vo = { class: "flex-grow" }, go = { class: "flex flex-col gap-16" }, yo = { class: "fm-typo-en-title-sm-800" }, xo = { class: "flex flex-row items-center max-w-[100%]" }, _o = { class: "w-[25%]" }, bo = { class: "flex-grow" }, wo = { class: "flex flex-row items-center max-w-[100%]" }, ho = { class: "w-[25%]" }, Vo = { class: "flex flex-row items-center max-w-[100%]" }, ko = { class: "w-[25%]" }, $o = { class: "flex flex-col gap-16" }, So = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Co = { class: "flex flex-row items-center gap-x-16" }, Fo = { class: "fm-typo-en-title-sm-800" }, Do = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Uo = { class: "flex flex-row items-center gap-x-16" }, To = { class: "fm-typo-en-title-sm-800" }, Io = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Mo = { class: "flex flex-row items-center gap-x-16" }, Ko = { class: "fm-typo-en-title-sm-800" }, Ao = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -948,7 +948,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const o = X(g, "modelValue"), e = pe(), n = _e(), k = de(), { promptLoader: w } = we(), { promptMessage: _ } = Se(), { restaurants: F } = ue(), h = Y(
+    const o = X(g, "modelValue"), e = ue(), n = _e(), k = de(), { promptLoader: w } = we(), { promptMessage: _ } = Se(), { restaurants: F } = pe(), h = Y(
       () => F.map((l) => ({ label: l.name, value: l.id }))
     ), { t: m } = J();
     async function d() {
@@ -978,7 +978,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         (A, P) => P !== a
       ));
     }
-    function p(l) {
+    function u(l) {
       var a, f;
       if ((f = (a = o.value.platform) == null ? void 0 : a.mappings) != null && f[l]) {
         let s;
@@ -1011,7 +1011,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         ];
       }
     }
-    const u = [
+    const p = [
       {
         label: m("report.integration.grouping.byDay"),
         value: fe.BY_DAY
@@ -1085,7 +1085,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           t("div", ro, T(v(m)("report.integration.bukku.authentication")), 1),
           t("div", mo, [
             t("div", co, T(v(m)("report.integration.subdomain")), 1),
-            t("div", uo, [
+            t("div", po, [
               i(P, {
                 modelValue: o.value.platform.subdomain,
                 "onUpdate:modelValue": a[0] || (a[0] = (y) => o.value.platform.subdomain = y),
@@ -1093,7 +1093,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "placeholder"])
             ])
           ]),
-          t("div", po, [
+          t("div", uo, [
             t("div", fo, T(v(m)("report.integration.token")), 1),
             t("div", vo, [
               i(P, {
@@ -1104,7 +1104,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             ])
           ]),
           t("div", go, [
-            t("div", yo, T(v(m)("report.integration.bukku.general")), 1),
+            t("div", yo, T(v(m)("report.integration.general")), 1),
             t("div", xo, [
               t("div", _o, T(v(m)("report.common.name")), 1),
               t("div", bo, [
@@ -1126,12 +1126,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items"])
             ]),
             t("div", Vo, [
-              t("div", ko, T(v(m)("report.integration.bukku.grouping.title")), 1),
+              t("div", ko, T(v(m)("report.integration.grouping.title")), 1),
               i(Q, {
                 modelValue: o.value.platform.grouping,
                 "onUpdate:modelValue": a[4] || (a[4] = (y) => o.value.platform.grouping = y),
                 multiselect: !1,
-                items: u,
+                items: p,
                 placeholder: "Select grouping",
                 class: "flex-grow"
               }, null, 8, ["modelValue"])
@@ -1230,7 +1230,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => p("items"))
+              onClick: a[12] || (a[12] = () => u("items"))
             })
           ]),
           t("div", Do, [
@@ -1251,7 +1251,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => p("taxes"))
+              onClick: a[13] || (a[13] = () => u("taxes"))
             })
           ]),
           t("div", Io, [
@@ -1272,7 +1272,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[14] || (a[14] = () => p("payments"))
+              onClick: a[14] || (a[14] = () => u("payments"))
             })
           ]),
           (c(!0), C(L, null, H((D = (se = (ne = o.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : D.payments, (y, U) => (c(), C("div", {
@@ -1308,18 +1308,18 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   setup(g) {
     const o = B([]), e = Y(
       () => o.value.reduce((d, V) => {
-        const b = d.length, { invoice: p, payments: u } = V;
+        const b = d.length, { invoice: u, payments: p } = V;
         d[b] = {
-          no: p.number,
-          date: p.date,
-          contact: p._contact_name,
-          status: p.status,
-          title: p.title
+          no: u.number,
+          date: u.date,
+          contact: u._contact_name,
+          status: u.status,
+          title: u.title
         };
-        for (let r = 0; r < Math.max(p.form_items.length, u.length); r++) {
+        for (let r = 0; r < Math.max(u.form_items.length, p.length); r++) {
           const x = b + r;
           d[x] || (d[x] = {});
-          const $ = p.form_items[r];
+          const $ = u.form_items[r];
           $ && (d[x] = {
             ...d[x],
             itemDescription: $.description,
@@ -1329,7 +1329,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             itemTaxCode: $._tax_code_name,
             itemDiscount: $.discount
           });
-          const l = u[r];
+          const l = p[r];
           l && (d[x] = {
             ...d[x],
             paymentNo: l.number,
@@ -1432,7 +1432,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Skip",
         enableSorting: !1
       }
-    ], w = X(g, "modelValue"), _ = B(!1), F = pe(), { dateRange: h } = Ce(ue());
+    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
     ve(
       () => h.value,
       async () => {
@@ -1459,7 +1459,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     }
     return (d, V) => {
-      const b = S("FmButton"), p = S("FmCircularProgress"), u = S("FmTable");
+      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
       return c(), C("div", Po, [
         t("div", No, [
           i(Fe, {
@@ -1475,9 +1475,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           }, null, 8, ["loading", "label"])
         ]),
         _.value ? (c(), C("div", Ro, [
-          i(p, { size: "xl" }),
+          i(u, { size: "xl" }),
           t("span", Oo, T(v(n)("report.integration.table.loading")), 1)
-        ])) : e.value.length > 0 ? (c(), M(u, {
+        ])) : e.value.length > 0 ? (c(), M(p, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,
@@ -1547,7 +1547,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), zo = {
   key: 0,
   class: "flex flex-col h-full"
-}, Yo = { class: "flex flex-col gap-16 pb-[24px]" }, qo = { class: "flex flex-row justify-between items-center gap-2" }, Ho = { class: "flex flex-row gap-2 items-center" }, Xo = { class: "relative group cursor-pointer" }, Qo = { 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" }, Go = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Jo = { class: "flex flex-col gap-16" }, Wo = { class: "fm-typo-en-title-sm-800" }, Zo = { class: "flex flex-row items-center max-w-[100%]" }, ea = { class: "w-[25%]" }, ta = { class: "flex-grow" }, oa = { class: "flex flex-row items-center max-w-[100%]" }, aa = { class: "w-[25%]" }, la = { class: "flex flex-row items-center max-w-[100%]" }, na = { class: "w-[25%]" }, sa = { class: "flex flex-col gap-16" }, ia = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ra = { class: "flex flex-row items-center gap-x-16" }, ma = { class: "fm-typo-en-title-sm-800" }, ca = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, da = { class: "flex flex-row items-center gap-x-16" }, ua = { class: "fm-typo-en-title-sm-800" }, pa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, fa = { class: "flex flex-row items-center gap-x-16" }, va = { class: "fm-typo-en-title-sm-800" }, ga = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ya = /* @__PURE__ */ q({
+}, Yo = { class: "flex flex-col gap-16 pb-[24px]" }, qo = { class: "flex flex-row justify-between items-center gap-2" }, Ho = { class: "flex flex-row gap-2 items-center" }, Xo = { class: "relative group cursor-pointer" }, Qo = { 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" }, Go = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Jo = { class: "flex flex-col gap-16" }, Wo = { class: "fm-typo-en-title-sm-800" }, Zo = { class: "flex flex-row items-center max-w-[100%]" }, ea = { class: "w-[25%]" }, ta = { class: "flex-grow" }, oa = { class: "flex flex-row items-center max-w-[100%]" }, aa = { class: "w-[25%]" }, la = { class: "flex flex-row items-center max-w-[100%]" }, na = { class: "w-[25%]" }, sa = { class: "flex flex-col gap-16" }, ia = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ra = { class: "flex flex-row items-center gap-x-16" }, ma = { class: "fm-typo-en-title-sm-800" }, ca = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, da = { class: "flex flex-row items-center gap-x-16" }, pa = { class: "fm-typo-en-title-sm-800" }, ua = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, fa = { class: "flex flex-row items-center gap-x-16" }, va = { class: "fm-typo-en-title-sm-800" }, ga = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ya = /* @__PURE__ */ q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -1555,7 +1555,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = pe(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = ue(), m = Y(
+    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
       () => h.map((l) => ({ label: l.name, value: l.id }))
     );
     async function d() {
@@ -1585,7 +1585,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         (A, P) => P !== a
       ));
     }
-    function p(l) {
+    function u(l) {
       var a, f;
       (f = (a = e.value.platform) == null ? void 0 : a.mappings) != null && f[l] && (e.value.platform.mappings[l] = [
         ...e.value.platform.mappings[l],
@@ -1599,7 +1599,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       ]);
     }
-    const u = [
+    const p = [
       {
         label: "By day",
         value: fe.BY_DAY
@@ -1649,7 +1649,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: $
                 }),
-                t("span", Qo, T(v(o)("report.integration.autoCount.repopulate")), 1)
+                t("span", Qo, T(v(o)("report.integration.refreshSetting")), 1)
               ]),
               i(s, {
                 variant: "tertiary",
@@ -1667,7 +1667,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         i(A, { style: { margin: 0 } }),
         t("div", Go, [
           t("div", Jo, [
-            t("div", Wo, T(v(o)("report.integration.autocount.general")), 1),
+            t("div", Wo, T(v(o)("report.integration.general")), 1),
             t("div", Zo, [
               t("div", ea, T(v(o)("report.common.name")), 1),
               t("div", ta, [
@@ -1690,12 +1690,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
             t("div", la, [
-              t("div", na, T(v(o)("report.integration.autoCount.grouping.title")), 1),
+              t("div", na, T(v(o)("report.integration.grouping.title")), 1),
               i(Q, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
                 multiselect: !1,
-                items: u,
+                items: p,
                 placeholder: "Select grouping",
                 class: "flex-grow"
               }, null, 8, ["modelValue"])
@@ -1777,7 +1777,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[11] || (a[11] = () => p("items"))
+              onClick: a[11] || (a[11] = () => u("items"))
             })
           ]),
           t("div", ca, [
@@ -1794,14 +1794,14 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
           ]),
           t("div", da, [
-            t("div", ua, T(v(o)("report.integration.taxes")), 1),
+            t("div", pa, T(v(o)("report.integration.taxes")), 1),
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => p("taxes"))
+              onClick: a[12] || (a[12] = () => u("taxes"))
             })
           ]),
-          t("div", pa, [
+          t("div", ua, [
             (c(!0), C(L, null, H((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.taxes, (D, y) => (c(), M(K, {
               key: `tax-${y}`,
               modelValue: e.value.platform.mappings.taxes[y],
@@ -1819,7 +1819,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => p("payments"))
+              onClick: a[13] || (a[13] = () => u("payments"))
             })
           ]),
           t("div", ga, [
@@ -1852,29 +1852,29 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   setup(g) {
     const { t: o } = J(), e = B([]), n = Y(
       () => e.value.reduce((d, V) => {
-        const b = d.length, { invoice: p, payments: u } = V;
+        const b = d.length, { invoice: u, payments: p } = V;
         d[b] = {
-          date: p.DocDate,
-          docNo: p.DocNo,
-          projNo: p.ProjNo,
-          debtor: p.DebtorCode,
-          description: p.Description
+          date: u.DocDate,
+          docNo: u.DocNo,
+          projNo: u.ProjNo,
+          debtor: u.DebtorCode,
+          description: u.Description
         };
-        for (let r = 0; r < Math.max(p._items.length, u.length); r++) {
+        for (let r = 0; r < Math.max(u._items.length, p.length); r++) {
           const x = b + r;
-          d[x] || (d[x] = {}), p._items[r] && (d[x] = {
+          d[x] || (d[x] = {}), u._items[r] && (d[x] = {
             ...d[x],
-            itemDescription: p._items[r].DetailDescription,
-            itemUnitPrice: p._items[r].Amount,
-            itemAccount: p._items[r].AccNo,
-            itemTaxCode: p._items[r].TaxType,
-            itemTax: p._items[r].Tax
-          }), u[r] && (d[x] = {
+            itemDescription: u._items[r].DetailDescription,
+            itemUnitPrice: u._items[r].Amount,
+            itemAccount: u._items[r].AccNo,
+            itemTaxCode: u._items[r].TaxType,
+            itemTax: u._items[r].Tax
+          }), p[r] && (d[x] = {
             ...d[x],
-            paymentDocNo: u[r].DocNo,
-            paymentMethod: u[r].paymentMethod,
-            paymentDescription: u[r].Description,
-            paymentAmount: u[r].PaymentAmt
+            paymentDocNo: p[r].DocNo,
+            paymentMethod: p[r].paymentMethod,
+            paymentDescription: p[r].Description,
+            paymentAmount: p[r].PaymentAmt
           });
         }
         return d;
@@ -1950,7 +1950,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(g, "modelValue"), _ = B(!1), F = pe(), { dateRange: h } = Ce(ue());
+    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
     ve(
       () => h.value,
       async () => {
@@ -1977,7 +1977,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     }
     return (d, V) => {
-      const b = S("FmButton"), p = S("FmCircularProgress"), u = S("FmTable");
+      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
       return c(), C("div", xa, [
         t("div", _a, [
           i(Fe, {
@@ -1993,9 +1993,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           }, null, 8, ["loading", "label"])
         ]),
         _.value ? (c(), C("div", ba, [
-          i(p, { size: "xl" }),
+          i(u, { size: "xl" }),
           t("span", wa, T(v(o)("report.common.isLoading")), 1)
-        ])) : n.value.length > 0 ? (c(), M(u, {
+        ])) : n.value.length > 0 ? (c(), M(p, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": n.value,
@@ -2073,7 +2073,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = pe(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = ue(), m = Y(
+    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
       () => h.map((l) => ({ label: l.name, value: l.id }))
     );
     async function d() {
@@ -2103,7 +2103,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         (A, P) => P !== a
       ));
     }
-    function p(l) {
+    function u(l) {
       var a, f;
       (f = (a = e.value.platform) == null ? void 0 : a.mappings) != null && f[l] && (e.value.platform.mappings[l] = [
         ...e.value.platform.mappings[l],
@@ -2118,7 +2118,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       ]);
     }
-    const u = [
+    const p = [
       {
         label: "By day",
         value: fe.BY_DAY
@@ -2186,7 +2186,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         i(A, { style: { margin: 0 } }),
         t("div", Ia, [
           t("div", Ma, [
-            t("div", Ka, T(v(o)("report.integration.sql.general")), 1),
+            t("div", Ka, T(v(o)("report.integration.general")), 1),
             t("div", Aa, [
               t("div", Pa, T(v(o)("report.common.name")), 1),
               t("div", Na, [
@@ -2209,12 +2209,12 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               }, null, 8, ["modelValue", "items", "rules"])
             ]),
             t("div", Ba, [
-              t("div", ja, T(v(o)("report.integration.grouping")), 1),
+              t("div", ja, T(v(o)("report.integration.grouping.title")), 1),
               i(Q, {
                 modelValue: e.value.platform.grouping,
                 "onUpdate:modelValue": a[2] || (a[2] = (D) => e.value.platform.grouping = D),
                 multiselect: !1,
-                items: u,
+                items: p,
                 placeholder: "Select grouping",
                 class: "flex-grow"
               }, null, 8, ["modelValue"])
@@ -2315,7 +2315,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[12] || (a[12] = () => p("items"))
+              onClick: a[12] || (a[12] = () => u("items"))
             })
           ]),
           t("div", Ha, [
@@ -2337,7 +2337,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[13] || (a[13] = () => p("taxes"))
+              onClick: a[13] || (a[13] = () => u("taxes"))
             })
           ]),
           t("div", Ga, [
@@ -2358,7 +2358,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
             i(s, {
               variant: "primary",
               icon: "add",
-              onClick: a[14] || (a[14] = () => p("payments"))
+              onClick: a[14] || (a[14] = () => u("payments"))
             })
           ]),
           t("div", Za, [
@@ -2391,29 +2391,29 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   setup(g) {
     const { t: o } = J(), e = B([]), n = Y(
       () => e.value.reduce((d, V) => {
-        const b = d.length, { invoice: p, payments: u } = V;
+        const b = d.length, { invoice: u, payments: p } = V;
         d[b] = {
-          date: p.DocDate,
-          docNo: p.DocNo,
-          debtor: p.Code,
-          description: p.Description_HDR
+          date: u.DocDate,
+          docNo: u.DocNo,
+          debtor: u.Code,
+          description: u.Description_HDR
         };
-        for (let r = 0; r < Math.max(p._items.length, u.length); r++) {
+        for (let r = 0; r < Math.max(u._items.length, p.length); r++) {
           const x = b + r;
-          d[x] || (d[x] = {}), p._items[r] && (d[x] = {
+          d[x] || (d[x] = {}), u._items[r] && (d[x] = {
             ...d[x],
-            itemDescription: p._items[r].Description_DTL,
-            itemUnitPrice: p._items[r].UnitPrice,
-            itemAccount: p._items[r].ACCOUNT,
-            itemTaxCode: p._items[r].Tax,
-            itemTax: p._items[r].TaxAmt
-          }), u[r] && (d[x] = {
+            itemDescription: u._items[r].Description_DTL,
+            itemUnitPrice: u._items[r].UnitPrice,
+            itemAccount: u._items[r].ACCOUNT,
+            itemTaxCode: u._items[r].Tax,
+            itemTax: u._items[r].TaxAmt
+          }), p[r] && (d[x] = {
             ...d[x],
-            paymentDocNo: u[r].DOCNO_Header,
-            paymentMethod: u[r].PAYMENTMETHOD,
-            paymentAccount: u[r].CODE,
-            paymentDescription: u[r].DESCRIPTION,
-            paymentAmount: u[r].KOAMT
+            paymentDocNo: p[r].DOCNO_Header,
+            paymentMethod: p[r].PAYMENTMETHOD,
+            paymentAccount: p[r].CODE,
+            paymentDescription: p[r].DESCRIPTION,
+            paymentAmount: p[r].KOAMT
           });
         }
         return d;
@@ -2484,7 +2484,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         header: "Payment Amount",
         enableSorting: !1
       }
-    ], w = X(g, "modelValue"), _ = B(!1), F = pe(), { dateRange: h } = Ce(ue());
+    ], w = X(g, "modelValue"), _ = B(!1), F = ue(), { dateRange: h } = Ce(pe());
     ve(
       () => h.value,
       async () => {
@@ -2511,7 +2511,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       }
     }
     return (d, V) => {
-      const b = S("FmButton"), p = S("FmCircularProgress"), u = S("FmTable");
+      const b = S("FmButton"), u = S("FmCircularProgress"), p = S("FmTable");
       return c(), C("div", tl, [
         t("div", ol, [
           i(Fe, {
@@ -2527,9 +2527,9 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           }, null, 8, ["loading", "label"])
         ]),
         _.value ? (c(), C("div", al, [
-          i(p, { size: "xl" }),
+          i(u, { size: "xl" }),
           t("span", ll, T(v(o)("report.common.isLoading")), 1)
-        ])) : n.value.length > 0 ? (c(), M(u, {
+        ])) : n.value.length > 0 ? (c(), M(p, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": n.value,
@@ -2599,7 +2599,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), ml = {
   key: 0,
   class: "flex flex-col h-full"
-}, cl = { class: "flex flex-col gap-16 pb-[24px]" }, dl = { class: "flex flex-row justify-between items-center gap-2" }, ul = { class: "fm-typo-en-title-sm-800" }, pl = { class: "flex flex-row gap-2 items-center" }, fl = { class: "flex flex-row gap-2 items-center" }, vl = { class: "relative group cursor-pointer" }, gl = { 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" }, yl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, xl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _l = { class: "flex flex-row items-center max-w-[100%]" }, bl = { class: "w-[25%]" }, wl = { class: "flex-grow" }, hl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Vl = { class: "flex flex-row items-center justify-between" }, kl = { class: "w-[25%]" }, $l = { class: "flex-grow" }, Sl = { class: "flex flex-row items-center justify-between" }, Cl = { class: "w-[25%]" }, Fl = { class: "flex-grow" }, Dl = { class: "flex flex-col gap-16" }, Ul = { class: "fm-typo-en-title-sm-800" }, Tl = { class: "flex flex-row items-center max-w-[100%]" }, Il = { class: "w-[25%]" }, Ml = { class: "flex-grow" }, Kl = { class: "flex flex-row items-center max-w-[100%]" }, Al = { class: "w-[25%]" }, Pl = { class: "flex flex-row items-center max-w-[100%]" }, Nl = { class: "w-[25%]" }, Rl = {
+}, cl = { class: "flex flex-col gap-16 pb-[24px]" }, dl = { class: "flex flex-row justify-between items-center gap-2" }, pl = { class: "fm-typo-en-title-sm-800" }, ul = { class: "flex flex-row gap-2 items-center" }, fl = { class: "flex flex-row gap-2 items-center" }, vl = { class: "relative group cursor-pointer" }, gl = { 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" }, yl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, xl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _l = { class: "flex flex-row items-center max-w-[100%]" }, bl = { class: "w-[25%]" }, wl = { class: "flex-grow" }, hl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Vl = { class: "flex flex-row items-center justify-between" }, kl = { class: "w-[25%]" }, $l = { class: "flex-grow" }, Sl = { class: "flex flex-row items-center justify-between" }, Cl = { class: "w-[25%]" }, Fl = { class: "flex-grow" }, Dl = { class: "flex flex-col gap-16" }, Ul = { class: "fm-typo-en-title-sm-800" }, Tl = { class: "flex flex-row items-center max-w-[100%]" }, Il = { class: "w-[25%]" }, Ml = { class: "flex-grow" }, Kl = { class: "flex flex-row items-center max-w-[100%]" }, Al = { class: "w-[25%]" }, Pl = { class: "flex flex-row items-center max-w-[100%]" }, Nl = { class: "w-[25%]" }, Rl = {
   key: 0,
   class: "flex flex-row items-center max-w-[100%]"
 }, Ol = { class: "flex flex-col gap-16" }, Bl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, jl = { key: 1 }, Ll = { class: "flex flex-row items-center gap-x-16" }, El = { class: "fm-typo-en-title-sm-800" }, zl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Yl = { class: "flex flex-row items-center gap-x-16" }, ql = { class: "fm-typo-en-title-sm-800" }, Hl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Xl = { class: "flex flex-row items-center gap-x-16" }, Ql = { class: "fm-typo-en-title-sm-800" }, Gl = { class: "flex flex-row items-center justify-between" }, Jl = { class: "flex-grow" }, Wl = {
@@ -2631,7 +2631,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
   }),
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = pe(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = ue(), m = Y(
+    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
       () => h.map(($) => ({ label: $.name, value: $.id }))
     );
     function d($) {
@@ -2663,13 +2663,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
         }
       });
     }
-    function p($, l) {
+    function u($, l) {
       var a, f;
       (f = (a = e.value.platform) == null ? void 0 : a.mappings) != null && f[$] && (e.value.platform.mappings[$] = e.value.platform.mappings[$].filter(
         (s, A) => A !== l
       ));
     }
-    function u($) {
+    function p($) {
       var l, a;
       (a = (l = e.value.platform) == null ? void 0 : l.mappings) != null && a[$] && (e.value.platform.mappings[$] = [
         ...e.value.platform.mappings[$],
@@ -2751,8 +2751,8 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       return (R = (G = e.value) == null ? void 0 : G.platform) != null && R.mappings ? (c(), C("div", ml, [
         t("div", cl, [
           t("div", dl, [
-            t("div", ul, T(v(o)("report.integration.connect")), 1),
-            t("div", pl, [
+            t("div", pl, T(v(o)("report.integration.connect")), 1),
+            t("div", ul, [
               t("div", fl, [
                 t("div", vl, [
                   i(a, {
@@ -2815,7 +2815,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             t("div", Dl, [
-              t("div", Ul, T(v(o)("report.integration.biztory.general")), 1),
+              t("div", Ul, T(v(o)("report.integration.general")), 1),
               t("div", Tl, [
                 t("div", Il, T(v(o)("report.common.name")), 1),
                 t("div", Ml, [
@@ -2837,13 +2837,13 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 }, null, 8, ["modelValue", "items", "placeholder"])
               ]),
               t("div", Pl, [
-                t("div", Nl, T(v(o)("report.integration.biztory.grouping")), 1),
+                t("div", Nl, T(v(o)("report.integration.grouping.title")), 1),
                 i(s, {
                   modelValue: e.value.platform.grouping,
                   "onUpdate:modelValue": l[5] || (l[5] = (y) => e.value.platform.grouping = y),
                   multiselect: !1,
                   items: r,
-                  placeholder: v(o)("report.integration.biztory.grouping"),
+                  placeholder: v(o)("report.integration.grouping.title"),
                   class: "flex-grow",
                   disabled: ""
                 }, null, 8, ["modelValue", "placeholder"])
@@ -2897,7 +2897,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               i(f, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[9] || (l[9] = () => u("items"))
+                onClick: l[9] || (l[9] = () => p("items"))
               })
             ]),
             t("div", zl, [
@@ -2910,7 +2910,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   code: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => p("items", U)
+                onRemove: () => u("items", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
             t("div", Yl, [
@@ -2918,7 +2918,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               i(f, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[10] || (l[10] = () => u("taxes"))
+                onClick: l[10] || (l[10] = () => p("taxes"))
               })
             ]),
             t("div", Hl, [
@@ -2931,7 +2931,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   account: { placeholder: "Account code", editable: !0 }
                 },
                 removable: !0,
-                onRemove: () => p("taxes", U)
+                onRemove: () => u("taxes", U)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
             ]),
             t("div", Xl, [
@@ -2939,7 +2939,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               i(f, {
                 variant: "primary",
                 icon: "add",
-                onClick: l[11] || (l[11] = () => u("paymentMethods"))
+                onClick: l[11] || (l[11] = () => p("paymentMethods"))
               })
             ]),
             t("div", Gl, [
@@ -2993,7 +2993,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                       }
                     },
                     removable: !0,
-                    onRemove: () => p("paymentMethods", U)
+                    onRemove: () => u("paymentMethods", U)
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"])
                 ])) : N("", !0)
               ]);
@@ -3006,7 +3006,7 @@ const Ze = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 });
 function an(g) {
   return g.reduce((o, e) => {
-    var w, _, F, h, m, d, V, b, p, u, r, x, $, l, a, f, s, A, P, Q, E, G;
+    var w, _, F, h, m, d, V, b, u, p, r, x, $, l, a, f, s, A, P, Q, E, G;
     const { invoice: n } = e, k = o.length;
     o[k] = {
       invoice_date: n.invoice_date,
@@ -3021,8 +3021,8 @@ function an(g) {
       item_tax: (h = n.items[0]) == null ? void 0 : h.total_tax,
       item_tax_label: ((m = n.items[0]) == null ? void 0 : m.tax_label) || "-",
       payment_amount: ((V = (d = n.transactions) == null ? void 0 : d[0]) == null ? void 0 : V.amount) || void 0,
-      payment_method: ((p = (b = n.transactions) == null ? void 0 : b[0]) == null ? void 0 : p.payment_method) || "-",
-      payment_term: ((u = n == null ? void 0 : n.payment_term) == null ? void 0 : u.name) || ""
+      payment_method: ((u = (b = n.transactions) == null ? void 0 : b[0]) == null ? void 0 : u.payment_method) || "-",
+      payment_term: ((p = n == null ? void 0 : n.payment_term) == null ? void 0 : p.name) || ""
     };
     for (let R = 1; R < Math.max(((r = n.items) == null ? void 0 : r.length) || 0, ((x = n.transactions) == null ? void 0 : x.length) || 0); R++) {
       const j = k + R;
@@ -3121,7 +3121,7 @@ const ln = [
 ];
 function nn(g) {
   return g.reduce((o, e) => {
-    var F, h, m, d, V, b, p, u, r, x;
+    var F, h, m, d, V, b, u, p, r, x;
     const { invoice: n, payments: k } = e, w = o.length;
     o[w] = {
       invoice_date: n.invoice_date,
@@ -3135,8 +3135,8 @@ function nn(g) {
       service_charge_amount: ((b = n.service_charges[0]) == null ? void 0 : b.total) ?? "",
       rounding: n.rounding ?? 0,
       payment_term_id: n.payment_term.name ?? "",
-      payment_term_amount: ((p = n.terms[w]) == null ? void 0 : p.amount) ?? "",
-      payment_method: ((u = k[0]) == null ? void 0 : u.payment_method_name) || ""
+      payment_term_amount: ((u = n.terms[w]) == null ? void 0 : u.amount) ?? "",
+      payment_method: ((p = k[0]) == null ? void 0 : p.payment_method_name) || ""
     };
     const _ = Math.max(
       ((r = n.items) == null ? void 0 : r.length) || 0,
@@ -3243,7 +3243,7 @@ const sn = [
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const o = X(g, "modelValue"), e = B(!1), n = pe(), { dateRange: k } = Ce(ue()), w = B([]);
+    const o = X(g, "modelValue"), e = B(!1), n = ue(), { dateRange: k } = Ce(pe()), w = B([]);
     ve(
       () => k.value,
       async () => {
@@ -3287,12 +3287,12 @@ const sn = [
       }
     }
     return (m, d) => {
-      const V = S("FmButton"), b = S("FmCircularProgress"), p = S("FmTable");
+      const V = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
       return c(), C("div", rn, [
         t("div", mn, [
           i(Fe, {
             "date-range": v(k),
-            "onUpdate:dateRange": d[0] || (d[0] = (u) => be(k) ? k.value = u : null),
+            "onUpdate:dateRange": d[0] || (d[0] = (p) => be(k) ? k.value = p : null),
             compare: !1
           }, null, 8, ["date-range"]),
           i(V, {
@@ -3305,7 +3305,7 @@ const sn = [
         e.value ? (c(), C("div", cn, [
           i(b, { size: "xl" }),
           d[1] || (d[1] = t("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
-        ])) : (c(), M(p, {
+        ])) : (c(), M(u, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": _.value,
@@ -3314,7 +3314,7 @@ const sn = [
       ]);
     };
   }
-}), un = { class: "h-full relative flex flex-col" }, pn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, fn = /* @__PURE__ */ q({
+}), pn = { class: "h-full relative flex flex-col" }, un = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, fn = /* @__PURE__ */ q({
   __name: "Biztory",
   props: {
     modelValue: { required: !0 },
@@ -3350,22 +3350,22 @@ const sn = [
         default:
           return null;
       }
-    }), F = B({}), h = B({}), m = (u, r) => u.map((x) => ({
+    }), F = B({}), h = B({}), m = (p, r) => p.map((x) => ({
       label: r.length > 2 ? `ID:${x[r[2]]} [${x[r[0]]}] ${x[r[1]]}` : `[${x[r[0]]}] ${x[r[1]]}`,
       value: x.id,
       cnId: x.cnId ? x.cnId : null
-    })), d = (u) => m(u, ["wallet", "name"]), V = (u) => m(u, ["id", "name"]), b = async (u, r, x, $) => {
+    })), d = (p) => m(p, ["wallet", "name"]), V = (p) => m(p, ["id", "name"]), b = async (p, r, x, $) => {
       try {
-        const l = await u(e.value._id);
+        const l = await p(e.value._id);
         x.value.data = r(l);
       } catch (l) {
         console.error($, l), x.value.isError = !0;
       } finally {
         x.value.isLoaded = !0;
       }
-    }, p = async () => {
-      var u, r;
-      (u = e.value.platform.mappings) != null && u.version && await b(
+    }, u = async () => {
+      var p, r;
+      (p = e.value.platform.mappings) != null && p.version && await b(
         Ge,
         d,
         F,
@@ -3377,13 +3377,13 @@ const sn = [
         "Failed to fetch customers:"
       ), F.value.isLoaded = !0, h.value.isLoaded = !0;
     };
-    return Ee(p), ve(() => {
-      var u;
-      return (u = e.value.platform.mappings) == null ? void 0 : u.version;
-    }, p), (u, r) => {
+    return Ee(u), ve(() => {
+      var p;
+      return (p = e.value.platform.mappings) == null ? void 0 : p.version;
+    }, u), (p, r) => {
       var l, a, f;
       const x = S("FmPageHead"), $ = S("FmTabs");
-      return c(), C("div", un, [
+      return c(), C("div", pn, [
         i(x, {
           title: ((l = e.value) == null ? void 0 : l.name) || "Biztory",
           "back-button": !0,
@@ -3400,7 +3400,7 @@ const sn = [
           "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
           items: k
         }, null, 8, ["model-value"]),
-        t("div", pn, [
+        t("div", un, [
           (c(), M(xe((a = _.value) == null ? void 0 : a.component), Le({
             modelValue: e.value,
             "onUpdate:modelValue": r[1] || (r[1] = (s) => e.value = s)
@@ -3420,7 +3420,7 @@ const sn = [
   },
   emits: ["update:modelValue"],
   setup(g) {
-    const { t: o } = J(), e = X(g, "modelValue"), n = pe(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = ue(), m = Y(
+    const { t: o } = J(), e = X(g, "modelValue"), n = ue(), k = _e(), w = de(), { promptLoader: _ } = we(), { promptMessage: F } = Se(), { restaurants: h } = pe(), m = Y(
       () => h.map((r) => ({ label: r.name, value: r.id }))
     );
     async function d() {
@@ -3450,7 +3450,7 @@ const sn = [
         (a, f) => f !== x
       ));
     }
-    function p(r) {
+    function u(r) {
       var x, $;
       ($ = (x = e.value.platform) == null ? void 0 : x.mappings) != null && $[r] && (e.value.platform.mappings[r] = [
         ...e.value.platform.mappings[r],
@@ -3462,7 +3462,7 @@ const sn = [
         }
       ]);
     }
-    async function u() {
+    async function p() {
       await _(async () => {
         try {
           await ke(e.value._id), await k.getSettings();
@@ -3483,7 +3483,7 @@ const sn = [
                 i($, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
-                  onClick: u
+                  onClick: p
                 }),
                 t("span", bn, T(v(o)("report.integration.refreshSetting")), 1)
               ]),
@@ -3503,7 +3503,7 @@ const sn = [
         i(a, { style: { margin: 0 } }),
         t("div", wn, [
           t("div", hn, [
-            t("div", Vn, T(v(o)("report.integration.iflexiHrms.general")), 1),
+            t("div", Vn, T(v(o)("report.integration.general")), 1),
             t("div", kn, [
               t("div", $n, T(v(o)("report.common.name")), 1),
               t("div", Sn, [
@@ -3535,7 +3535,7 @@ const sn = [
             i(l, {
               variant: "primary",
               icon: "add",
-              onClick: x[3] || (x[3] = () => p("employees"))
+              onClick: x[3] || (x[3] = () => u("employees"))
             })
           ]),
           t("div", Tn, [
@@ -3593,7 +3593,7 @@ const sn = [
         header: () => I("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
         enableSorting: !1
       }
-    ], k = X(g, "modelValue"), w = B(!1), _ = pe(), { dateRange: F } = Ce(ue());
+    ], k = X(g, "modelValue"), w = B(!1), _ = ue(), { dateRange: F } = Ce(pe());
     ve(
       () => F.value,
       async () => {
@@ -3620,12 +3620,12 @@ const sn = [
       }
     }
     return (m, d) => {
-      const V = S("FmButton"), b = S("FmCircularProgress"), p = S("FmTable");
+      const V = S("FmButton"), b = S("FmCircularProgress"), u = S("FmTable");
       return c(), C("div", Mn, [
         t("div", Kn, [
           i(Fe, {
             "date-range": v(F),
-            "onUpdate:dateRange": d[0] || (d[0] = (u) => be(F) ? F.value = u : null),
+            "onUpdate:dateRange": d[0] || (d[0] = (p) => be(F) ? F.value = p : null),
             compare: !1
           }, null, 8, ["date-range"]),
           i(V, {
@@ -3638,7 +3638,7 @@ const sn = [
         w.value ? (c(), C("div", An, [
           i(b, { size: "xl" }),
           t("span", Pn, T(v(o)("report.common.isLoading")), 1)
-        ])) : e.value.length > 0 ? (c(), M(p, {
+        ])) : e.value.length > 0 ? (c(), M(u, {
           key: 1,
           class: "flex overflow-scroll",
           "row-data": e.value,