@feedmepos/mf-report 5.16.3 → 5.17.0-beta.0

package/dist/{Integration-BGJgv8ld.js → Integration-Cq_c3vS2.js}

@@ -1,14 +1,14 @@
-import { defineComponent as X, mergeModels as Se, useModel as W, computed as q, resolveComponent as D, createElementBlock as P, openBlock as b, createElementVNode as t, createCommentVNode as O, normalizeClass as je, Fragment as xe, createBlock as M, withCtx as we, toDisplayString as C, renderList as Ce, createVNode as n, unref as r, normalizeStyle as Je, createTextVNode as Ze, ref as Y, onUnmounted as Ae, watch as _e, isRef as $e, h as A, resolveDynamicComponent as Ve, mergeProps as Be, onMounted as Ye } from "vue";
+import { defineComponent as Q, mergeModels as Se, useModel as W, computed as q, resolveComponent as D, createElementBlock as P, openBlock as b, createElementVNode as t, createCommentVNode as O, normalizeClass as je, Fragment as xe, createBlock as M, withCtx as we, toDisplayString as C, renderList as Ce, createVNode as n, unref as r, normalizeStyle as Je, createTextVNode as Ze, ref as Y, onUnmounted as Ae, watch as _e, isRef as $e, h as A, resolveDynamicComponent as Ve, mergeProps as Be, onMounted as Ye } from "vue";
 import { useRouter as ue, useRoute as et } from "vue-router";
-import { u as J, I as ge, d as Me, t as tt, e as ke, f as De, b as fe, x as ot, n as at, w as Ke, y as Te, z as Fe, A as Ne, B as Ee, E as lt, G as nt, H as st, J as be, K as Oe, L as it, M as rt, N as dt, O as mt } from "./vue-i18n-DN46F6B1.js";
+import { u as J, I as ge, d as Me, v as tt, e as ke, f as De, b as fe, z as ot, n as at, y as Ke, A as Te, B as Fe, E as Ne, G as Ee, H as lt, J as nt, K as st, L as be, M as Oe, N as it, O as rt, P as dt, Q as mt } from "./vue-i18n-BgRNnwPF.js";
 import { u as Ue } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as ve } from "@feedmepos/ui-library";
 import { storeToRefs as Ie } from "pinia";
-import { _ as Pe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-Dt9Am72I.js";
+import { _ as Pe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CLTU-OJV.js";
 const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, ct = { class: "w-[100%]" }, ut = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis font-semibold" }, ft = { class: "w-[100%] flex flex-row gap-[4px]" }, vt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis font-semibold" }, gt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis font-semibold" }, yt = {
   key: 0,
   class: "w-[24px] flex items-center"
-}, L = /* @__PURE__ */ X({
+}, L = /* @__PURE__ */ Q({
   __name: "MappingField",
   props: /* @__PURE__ */ Se({
     removable: {
@@ -160,7 +160,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, _t = { class: "flex flex-col w-[100%] justify-between" }, ht = { class: "flex flex-row items-center w-[100%] justify-start" }, kt = { class: "text-nowrap overflow-hidden text-ellipsis font-semibold w-[25%]" }, Ct = {
   key: 0,
   class: "flex flex-col w-[100%] justify-start"
-}, $t = { class: "text-nowrap overflow-hidden text-ellipsis font-semibold" }, Vt = { class: "w-[100%]" }, St = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, At = { class: "flex flex-col w-[100%] justify-between" }, Dt = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis font-semibold" }, Kt = { class: "w-[100%]" }, Re = /* @__PURE__ */ X({
+}, $t = { class: "text-nowrap overflow-hidden text-ellipsis font-semibold" }, Vt = { class: "w-[100%]" }, St = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, At = { class: "flex flex-col w-[100%] justify-between" }, Dt = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis font-semibold" }, Kt = { class: "w-[100%]" }, Re = /* @__PURE__ */ Q({
   __name: "UploadSection",
   props: /* @__PURE__ */ Se({
     label: {
@@ -258,7 +258,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), Tt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, Ft = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis font-semibold" }, Nt = {
   key: 0,
   class: "w-[24px] flex items-center"
-}, We = /* @__PURE__ */ X({
+}, We = /* @__PURE__ */ Q({
   __name: "MappingDropdown",
   props: /* @__PURE__ */ Se({
     removable: {
@@ -361,7 +361,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), Ut = { class: "flex flex-row flex-wrap gap-4 justify-between w-[100%]" }, It = {
   key: 0,
   class: "w-[24px] flex-shrink-0"
-}, Q = /* @__PURE__ */ X({
+}, X = /* @__PURE__ */ Q({
   __name: "MappingTable",
   props: {
     headerItems: {},
@@ -426,7 +426,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), Pt = {
   key: 0,
   class: "flex flex-col h-full"
-}, Rt = { class: "flex flex-col gap-[16px] pb-[24px]" }, Mt = { class: "flex flex-row justify-between items-center gap-2" }, jt = { class: "flex flex-row gap-2 items-center" }, Ot = { class: "relative group cursor-pointer" }, Lt = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, Et = { class: "w-[90%] flex flex-col gap-24" }, Bt = { class: "flex flex-row items-center justify-between gap-2" }, Yt = { class: "w-[25%]" }, qt = { class: "flex flex-col gap-[16px]" }, zt = { class: "flex flex-col max-w-[100%] justify-between" }, Ht = { class: "flex-grow" }, Gt = { class: "flex flex-col max-w-[100%] justify-between" }, Xt = { class: "flex flex-col gap-[16px]" }, Qt = { class: "flex flex-col max-w-[100%] justify-between" }, Wt = { class: "flex-grow" }, Jt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Zt = { class: "flex-grow" }, eo = { class: "flex flex-row items-center max-w-[100%] justify-between" }, to = { class: "flex-grow" }, oo = { class: "flex flex-row items-center justify-between gap-x-16" }, ao = {
+}, Rt = { class: "flex flex-col gap-[16px] pb-[24px]" }, Mt = { class: "flex flex-row justify-between items-center gap-2" }, jt = { class: "flex flex-row gap-2 items-center" }, Ot = { class: "relative group cursor-pointer" }, Lt = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, Et = { class: "w-[90%] flex flex-col gap-24" }, Bt = { class: "flex flex-row items-center justify-between gap-2" }, Yt = { class: "w-[25%]" }, qt = { class: "flex flex-col gap-[16px]" }, zt = { class: "flex flex-col max-w-[100%] justify-between" }, Ht = { class: "flex-grow" }, Gt = { class: "flex flex-col max-w-[100%] justify-between" }, Qt = { class: "flex flex-col gap-[16px]" }, Xt = { class: "flex flex-col max-w-[100%] justify-between" }, Wt = { class: "flex-grow" }, Jt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Zt = { class: "flex-grow" }, eo = { class: "flex flex-row items-center max-w-[100%] justify-between" }, to = { class: "flex-grow" }, oo = { class: "flex flex-row items-center justify-between gap-x-16" }, ao = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, lo = { class: "flex flex-row items-center justify-between gap-x-16" }, no = {
@@ -438,7 +438,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, ro = { class: "flex flex-row items-center justify-between gap-x-16" }, mo = {
   key: 9,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, po = /* @__PURE__ */ X({
+}, po = /* @__PURE__ */ Q({
   __name: "Setting",
   props: /* @__PURE__ */ Se({
     tenantOptions: {
@@ -557,7 +557,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     return Ae(async () => {
       await y.getSettings();
     }), (l, a) => {
-      var G, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe, h, F, c, R, S, z, ye, qe, ze, He, Ge, Xe, Qe;
+      var G, ee, te, oe, ae, le, ne, se, ie, re, de, me, pe, h, F, c, R, S, z, ye, qe, ze, He, Ge, Qe, Xe;
       const d = D("FmIcon"), T = D("FmButton"), I = D("FmMenuDivider"), j = D("FmCircularProgress"), B = D("FmSelect"), E = D("FmTextField"), H = D("FmSwitch");
       return (ee = (G = e.value) == null ? void 0 : G.platform) != null && ee.mappings ? (b(), P("div", Pt, [
         t("div", Rt, [
@@ -643,9 +643,9 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               "last-upload-date": (le = e.value.platform) == null ? void 0 : le.lastUploadDate
             }, null, 8, ["modelValue", "last-upload-date"]),
             n(I, { style: { margin: 0 } }),
-            t("div", Xt, [
+            t("div", Qt, [
               a[30] || (a[30] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "Mapping", -1)),
-              t("div", Qt, [
+              t("div", Xt, [
                 a[23] || (a[23] = t("div", { class: "w-[25%] font-semibold" }, "Contact", -1)),
                 t("div", Wt, [
                   n(E, {
@@ -694,7 +694,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 key: 1,
                 size: "xl"
               })) : O("", !0),
-              ((se = v.taxOptions.data) == null ? void 0 : se.length) > 0 ? (b(), M(Q, {
+              ((se = v.taxOptions.data) == null ? void 0 : se.length) > 0 ? (b(), M(X, {
                 key: 2,
                 "header-items": ["Feedme Key", "Tax"],
                 rows: ((de = (re = (ie = e.value) == null ? void 0 : ie.platform) == null ? void 0 : re.mappings) == null ? void 0 : de.taxes) || [],
@@ -730,7 +730,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 key: 4,
                 size: "xl"
               })) : O("", !0),
-              ((pe = v.taxOptions.data) == null ? void 0 : pe.length) > 0 ? (b(), M(Q, {
+              ((pe = v.taxOptions.data) == null ? void 0 : pe.length) > 0 ? (b(), M(X, {
                 key: 5,
                 "header-items": ["Feedme Key", "Tax"],
                 rows: ((c = (F = (h = e.value) == null ? void 0 : h.platform) == null ? void 0 : F.mappings) == null ? void 0 : c.taxRoundingAdjustments) || [],
@@ -766,7 +766,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 key: 7,
                 size: "xl"
               })) : O("", !0),
-              ((S = v.accountCodeOptions.data) == null ? void 0 : S.length) > 0 ? (b(), M(Q, {
+              ((S = v.accountCodeOptions.data) == null ? void 0 : S.length) > 0 ? (b(), M(X, {
                 key: 8,
                 "header-items": ["Feedme Key", "Item Code"],
                 rows: ((qe = (ye = (z = e.value) == null ? void 0 : z.platform) == null ? void 0 : ye.mappings) == null ? void 0 : qe.items) || [],
@@ -802,10 +802,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 key: 10,
                 size: "xl"
               })) : O("", !0),
-              ((He = v.accountCodeOptions.data) == null ? void 0 : He.length) > 0 ? (b(), M(Q, {
+              ((He = v.accountCodeOptions.data) == null ? void 0 : He.length) > 0 ? (b(), M(X, {
                 key: 11,
                 "header-items": ["Feedme Key", "Payment Code"],
-                rows: ((Qe = (Xe = (Ge = e.value) == null ? void 0 : Ge.platform) == null ? void 0 : Xe.mappings) == null ? void 0 : Qe.payments) || [],
+                rows: ((Xe = (Qe = (Ge = e.value) == null ? void 0 : Ge.platform) == null ? void 0 : Qe.mappings) == null ? void 0 : Xe.payments) || [],
                 "columns-per-row": 2,
                 removable: !0,
                 "mapping-type": "payments",
@@ -832,7 +832,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), co = { class: "h-full flex flex-col gap-16" }, uo = { class: "flex flex-row gap-2 justify-between items-center" }, fo = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, vo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, go = /* @__PURE__ */ X({
+}, vo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, go = /* @__PURE__ */ Q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -1001,7 +1001,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), yo = { class: "h-full relative flex flex-col" }, xo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, bo = /* @__PURE__ */ X({
+}), yo = { class: "h-full relative flex flex-col" }, xo = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, bo = /* @__PURE__ */ Q({
   __name: "Xero",
   props: {
     modelValue: { required: !0 },
@@ -1117,7 +1117,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), wo = { class: "mt-6 mb-6" }, _o = { class: "list-disc pl-6 space-y-1" }, Le = /* @__PURE__ */ X({
+}), wo = { class: "mt-6 mb-6" }, _o = { class: "list-disc pl-6 space-y-1" }, Le = /* @__PURE__ */ Q({
   __name: "ReferenceNumberGuideButton",
   setup(v) {
     const { t: o } = J(), e = [
@@ -1228,7 +1228,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), ho = {
   key: 0,
   class: "flex flex-col h-full"
-}, ko = { class: "flex flex-col gap-16 pb-[24px]" }, Co = { class: "flex flex-row justify-between items-center gap-2" }, $o = { class: "fm-typo-en-title-sm-800" }, Vo = { class: "flex flex-row gap-2 items-center" }, So = { class: "relative group cursor-pointer" }, Ao = { 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" }, Do = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ko = { class: "w-[90%] flex flex-col gap-24" }, To = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fo = { class: "flex flex-col justify-between" }, No = { class: "w-[25%] font-semibold" }, Uo = { class: "flex-grow" }, Io = { class: "flex flex-col justify-between" }, Po = { class: "w-[25%] font-semibold" }, Ro = { class: "flex-grow" }, Mo = { class: "flex flex-col gap-16" }, jo = { class: "fm-typo-en-title-sm-800" }, Oo = { class: "flex flex-col max-w-[100%]" }, Lo = { class: "w-[25%] font-semibold" }, Eo = { class: "flex-grow" }, Bo = { class: "flex flex-col max-w-[100%]" }, Yo = { class: "w-[25%] font-semibold" }, qo = { class: "flex flex-col max-w-[100%]" }, zo = { class: "w-[25%] font-semibold" }, Ho = { class: "flex flex-col max-w-[100%]" }, Go = { class: "flex flex-col gap-16" }, Xo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Qo = { class: "flex flex-col gap-16 pt-3 pb-3" }, Wo = { class: "flex flex-row items-center gap-5" }, Jo = { class: "fm-typo-en-title-sm-800" }, Zo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ea = { class: "flex flex-row items-center justify-between gap-x-16" }, ta = { class: "fm-typo-en-title-sm-800" }, oa = { class: "flex flex-row items-center justify-between gap-x-16" }, aa = { class: "fm-typo-en-title-sm-800" }, la = { class: "flex flex-row items-center justify-between gap-x-16" }, na = { class: "fm-typo-en-title-sm-800" }, sa = { class: "flex flex-row items-center justify-between gap-x-16" }, ia = { class: "fm-typo-en-title-sm-800" }, ra = /* @__PURE__ */ X({
+}, ko = { class: "flex flex-col gap-16 pb-[24px]" }, Co = { class: "flex flex-row justify-between items-center gap-2" }, $o = { class: "fm-typo-en-title-sm-800" }, Vo = { class: "flex flex-row gap-2 items-center" }, So = { class: "relative group cursor-pointer" }, Ao = { 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" }, Do = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ko = { class: "w-[90%] flex flex-col gap-24" }, To = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fo = { class: "flex flex-col justify-between" }, No = { class: "w-[25%] font-semibold" }, Uo = { class: "flex-grow" }, Io = { class: "flex flex-col justify-between" }, Po = { class: "w-[25%] font-semibold" }, Ro = { class: "flex-grow" }, Mo = { class: "flex flex-col gap-16" }, jo = { class: "fm-typo-en-title-sm-800" }, Oo = { class: "flex flex-col max-w-[100%]" }, Lo = { class: "w-[25%] font-semibold" }, Eo = { class: "flex-grow" }, Bo = { class: "flex flex-col max-w-[100%]" }, Yo = { class: "w-[25%] font-semibold" }, qo = { class: "flex flex-col max-w-[100%]" }, zo = { class: "w-[25%] font-semibold" }, Ho = { class: "flex flex-col max-w-[100%]" }, Go = { class: "flex flex-col gap-16" }, Qo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Xo = { class: "flex flex-col gap-16 pt-3 pb-3" }, Wo = { class: "flex flex-row items-center gap-5" }, Jo = { class: "fm-typo-en-title-sm-800" }, Zo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ea = { class: "flex flex-row items-center justify-between gap-x-16" }, ta = { class: "fm-typo-en-title-sm-800" }, oa = { class: "flex flex-row items-center justify-between gap-x-16" }, aa = { class: "fm-typo-en-title-sm-800" }, la = { class: "flex flex-row items-center justify-between gap-x-16" }, na = { class: "fm-typo-en-title-sm-800" }, sa = { class: "flex flex-row items-center justify-between gap-x-16" }, ia = { class: "fm-typo-en-title-sm-800" }, ra = /* @__PURE__ */ Q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -1460,7 +1460,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             t("div", Go, [
-              t("div", Xo, [
+              t("div", Qo, [
                 n(L, {
                   "model-value": {
                     key: "Contact",
@@ -1510,7 +1510,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
               ])
             ]),
             n(T, { style: { margin: 0 } }),
-            t("div", Qo, [
+            t("div", Xo, [
               t("div", Wo, [
                 t("div", Jo, C(r(_)("report.integration.refNumFormat")), 1),
                 n(Le)
@@ -1567,7 +1567,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: l[13] || (l[13] = () => p("items"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code"],
               rows: ((le = (ae = (oe = o.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.items) || [],
               "columns-per-row": 2,
@@ -1593,7 +1593,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: l[16] || (l[16] = () => p("taxes"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code"],
               rows: ((ie = (se = (ne = o.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : ie.taxes) || [],
               "columns-per-row": 2,
@@ -1619,7 +1619,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: l[19] || (l[19] = () => p("taxRoundingAdjustments"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code"],
               rows: ((me = (de = (re = o.value) == null ? void 0 : re.platform) == null ? void 0 : de.mappings) == null ? void 0 : me.taxRoundingAdjustments) || [],
               "columns-per-row": 2,
@@ -1645,7 +1645,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: l[22] || (l[22] = () => p("payments"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Method", "Account Code"],
               rows: ((F = (h = (pe = o.value) == null ? void 0 : pe.platform) == null ? void 0 : h.mappings) == null ? void 0 : F.payments) || [],
               "columns-per-row": 1,
@@ -1670,7 +1670,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), da = { class: "h-full flex flex-col gap-16" }, ma = { class: "flex flex-row gap-2 justify-between items-center" }, pa = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, ca = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ua = /* @__PURE__ */ X({
+}, ca = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ua = /* @__PURE__ */ Q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -1852,7 +1852,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), fa = { class: "h-full relative flex flex-col" }, va = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ga = /* @__PURE__ */ X({
+}), fa = { class: "h-full relative flex flex-col" }, va = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ga = /* @__PURE__ */ Q({
   __name: "Bukku",
   props: {
     modelValue: {},
@@ -1913,7 +1913,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), ya = {
   key: 0,
   class: "flex flex-col h-full"
-}, xa = { class: "flex flex-col gap-16 pb-[24px]" }, ba = { class: "flex flex-row justify-between items-center gap-2" }, wa = { class: "flex flex-row gap-2 items-center" }, _a = { class: "relative group cursor-pointer" }, ha = { 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" }, Ca = { class: "w-[90%] flex flex-col gap-24" }, $a = { class: "flex flex-col gap-16" }, Va = { class: "fm-typo-en-title-sm-800" }, Sa = { class: "flex flex-col max-w-[100%]" }, Aa = { class: "w-[25%] font-semibold" }, Da = { class: "flex-grow" }, Ka = { class: "flex flex-col max-w-[100%]" }, Ta = { class: "w-[25%] font-semibold" }, Fa = { class: "flex flex-col max-w-[100%]" }, Na = { class: "w-[25%] font-semibold" }, Ua = { class: "flex flex-col gap-16" }, Ia = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Pa = { class: "flex flex-col gap-16 pt-3 pb-3" }, Ra = { class: "flex flex-row items-center gap-5" }, Ma = { class: "fm-typo-en-title-sm-800" }, ja = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Oa = { class: "flex flex-row items-center justify-between gap-x-16" }, La = { class: "fm-typo-en-title-sm-800" }, Ea = { class: "flex flex-row items-center justify-between gap-x-16" }, Ba = { class: "fm-typo-en-title-sm-800" }, Ya = { class: "flex flex-row items-center justify-between gap-x-16" }, qa = { class: "fm-typo-en-title-sm-800" }, za = { class: "flex flex-row items-center justify-between gap-x-16" }, Ha = { class: "fm-typo-en-title-sm-800" }, Ga = /* @__PURE__ */ X({
+}, xa = { class: "flex flex-col gap-16 pb-[24px]" }, ba = { class: "flex flex-row justify-between items-center gap-2" }, wa = { class: "flex flex-row gap-2 items-center" }, _a = { class: "relative group cursor-pointer" }, ha = { 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" }, Ca = { class: "w-[90%] flex flex-col gap-24" }, $a = { class: "flex flex-col gap-16" }, Va = { class: "fm-typo-en-title-sm-800" }, Sa = { class: "flex flex-col max-w-[100%]" }, Aa = { class: "w-[25%] font-semibold" }, Da = { class: "flex-grow" }, Ka = { class: "flex flex-col max-w-[100%]" }, Ta = { class: "w-[25%] font-semibold" }, Fa = { class: "flex flex-col max-w-[100%]" }, Na = { class: "w-[25%] font-semibold" }, Ua = { class: "flex flex-col gap-16" }, Ia = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Pa = { class: "flex flex-col gap-16 pt-3 pb-3" }, Ra = { class: "flex flex-row items-center gap-5" }, Ma = { class: "fm-typo-en-title-sm-800" }, ja = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Oa = { class: "flex flex-row items-center justify-between gap-x-16" }, La = { class: "fm-typo-en-title-sm-800" }, Ea = { class: "flex flex-row items-center justify-between gap-x-16" }, Ba = { class: "fm-typo-en-title-sm-800" }, Ya = { class: "flex flex-row items-center justify-between gap-x-16" }, qa = { class: "fm-typo-en-title-sm-800" }, za = { class: "flex flex-row items-center justify-between gap-x-16" }, Ha = { class: "fm-typo-en-title-sm-800" }, Ga = /* @__PURE__ */ Q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -2167,7 +2167,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[11] || (s[11] = () => p("items"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code"],
               rows: ((oe = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : oe.items) || [],
               "columns-per-row": 2,
@@ -2193,7 +2193,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[14] || (s[14] = () => p("taxes"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code"],
               rows: ((ne = (le = (ae = e.value) == null ? void 0 : ae.platform) == null ? void 0 : le.mappings) == null ? void 0 : ne.taxes) || [],
               "columns-per-row": 2,
@@ -2219,7 +2219,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[17] || (s[17] = () => p("taxRoundingAdjustments"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code"],
               rows: ((re = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : re.taxRoundingAdjustments) || [],
               "columns-per-row": 2,
@@ -2245,7 +2245,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[20] || (s[20] = () => p("payments"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Payment Name"],
               rows: ((pe = (me = (de = e.value) == null ? void 0 : de.platform) == null ? void 0 : me.mappings) == null ? void 0 : pe.payments) || [],
               "columns-per-row": 2,
@@ -2266,10 +2266,10 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ])) : O("", !0);
     };
   }
-}), Xa = { class: "h-full flex flex-col gap-16" }, Qa = { class: "flex flex-row gap-2 justify-between items-center" }, Wa = {
+}), Qa = { class: "h-full flex flex-col gap-16" }, Xa = { class: "flex flex-row gap-2 justify-between items-center" }, Wa = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Ja = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Za = /* @__PURE__ */ X({
+}, Ja = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Za = /* @__PURE__ */ Q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -2405,8 +2405,8 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
     }
     return (u, N) => {
       const K = D("FmButton"), p = D("FmCircularProgress"), f = D("FmTable");
-      return b(), P("div", Xa, [
-        t("div", Qa, [
+      return b(), P("div", Qa, [
+        t("div", Xa, [
           n(Pe, {
             "date-range": r(x),
             "onUpdate:dateRange": N[0] || (N[0] = (m) => $e(x) ? x.value = m : null),
@@ -2431,7 +2431,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), el = { class: "h-full relative flex flex-col" }, tl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ol = /* @__PURE__ */ X({
+}), el = { class: "h-full relative flex flex-col" }, tl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ol = /* @__PURE__ */ Q({
   __name: "AutoCount",
   props: {
     modelValue: {},
@@ -2492,7 +2492,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), al = {
   key: 0,
   class: "flex flex-col h-full"
-}, ll = { class: "flex flex-col gap-16 pb-[24px]" }, nl = { class: "flex flex-row justify-between items-center gap-2" }, sl = { class: "flex flex-row gap-2 items-center" }, il = { class: "relative group cursor-pointer" }, rl = { 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" }, dl = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, ml = { class: "w-[90%] flex flex-col gap-24" }, pl = { class: "flex flex-col gap-16" }, cl = { class: "fm-typo-en-title-sm-800" }, ul = { class: "flex flex-col max-w-[100%]" }, fl = { class: "w-[25%] font-semibold" }, vl = { class: "flex-grow" }, gl = { class: "flex flex-col max-w-[100%]" }, yl = { class: "w-[25%] font-semibold" }, xl = { class: "flex flex-col max-w-[100%]" }, bl = { class: "w-[25%] font-semibold" }, wl = { class: "flex flex-col gap-16" }, _l = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, hl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, kl = { class: "flex flex-col gap-16 pt-3 pb-3" }, Cl = { class: "flex flex-row items-center gap-5" }, $l = { class: "fm-typo-en-title-sm-800" }, Vl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Sl = { class: "flex flex-row items-center justify-between gap-x-16" }, Al = { class: "fm-typo-en-title-sm-800" }, Dl = { class: "flex flex-row items-center justify-between gap-x-16" }, Kl = { class: "fm-typo-en-title-sm-800" }, Tl = { class: "flex flex-row items-center justify-between gap-x-16" }, Fl = { class: "fm-typo-en-title-sm-800" }, Nl = { class: "flex flex-row items-center justify-between gap-x-16" }, Ul = { class: "fm-typo-en-title-sm-800" }, Il = /* @__PURE__ */ X({
+}, ll = { class: "flex flex-col gap-16 pb-[24px]" }, nl = { class: "flex flex-row justify-between items-center gap-2" }, sl = { class: "flex flex-row gap-2 items-center" }, il = { class: "relative group cursor-pointer" }, rl = { 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" }, dl = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, ml = { class: "w-[90%] flex flex-col gap-24" }, pl = { class: "flex flex-col gap-16" }, cl = { class: "fm-typo-en-title-sm-800" }, ul = { class: "flex flex-col max-w-[100%]" }, fl = { class: "w-[25%] font-semibold" }, vl = { class: "flex-grow" }, gl = { class: "flex flex-col max-w-[100%]" }, yl = { class: "w-[25%] font-semibold" }, xl = { class: "flex flex-col max-w-[100%]" }, bl = { class: "w-[25%] font-semibold" }, wl = { class: "flex flex-col gap-16" }, _l = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, hl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, kl = { class: "flex flex-col gap-16 pt-3 pb-3" }, Cl = { class: "flex flex-row items-center gap-5" }, $l = { class: "fm-typo-en-title-sm-800" }, Vl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Sl = { class: "flex flex-row items-center justify-between gap-x-16" }, Al = { class: "fm-typo-en-title-sm-800" }, Dl = { class: "flex flex-row items-center justify-between gap-x-16" }, Kl = { class: "fm-typo-en-title-sm-800" }, Tl = { class: "flex flex-row items-center justify-between gap-x-16" }, Fl = { class: "fm-typo-en-title-sm-800" }, Nl = { class: "flex flex-row items-center justify-between gap-x-16" }, Ul = { class: "fm-typo-en-title-sm-800" }, Il = /* @__PURE__ */ Q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -2766,7 +2766,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[12] || (s[12] = () => p("items"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code", "Item Code"],
               rows: ((oe = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : oe.items) || [],
               "columns-per-row": 1,
@@ -2793,7 +2793,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[15] || (s[15] = () => p("taxes"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code"],
               rows: ((ne = (le = (ae = e.value) == null ? void 0 : ae.platform) == null ? void 0 : le.mappings) == null ? void 0 : ne.taxes) || [],
               "columns-per-row": 2,
@@ -2819,7 +2819,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[18] || (s[18] = () => p("taxRoundingAdjustments"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code"],
               rows: ((re = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : re.taxRoundingAdjustments) || [],
               "columns-per-row": 2,
@@ -2845,7 +2845,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 onClick: s[21] || (s[21] = () => p("payments"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Method"],
               rows: ((pe = (me = (de = e.value) == null ? void 0 : de.platform) == null ? void 0 : me.mappings) == null ? void 0 : pe.payments) || [],
               "columns-per-row": 2,
@@ -2869,7 +2869,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), Pl = { class: "h-full flex flex-col gap-16" }, Rl = { class: "flex flex-row gap-2 justify-between items-center" }, Ml = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, jl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ol = /* @__PURE__ */ X({
+}, jl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ol = /* @__PURE__ */ Q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -3026,7 +3026,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
       ]);
     };
   }
-}), Ll = { class: "h-full relative flex flex-col" }, El = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Bl = /* @__PURE__ */ X({
+}), Ll = { class: "h-full relative flex flex-col" }, El = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Bl = /* @__PURE__ */ Q({
   __name: "SQL",
   props: {
     modelValue: {},
@@ -3087,7 +3087,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }), Yl = {
   key: 0,
   class: "flex flex-col h-full"
-}, ql = { class: "flex flex-col gap-16 pb-[24px]" }, zl = { class: "flex flex-row justify-between items-center gap-2" }, Hl = { class: "fm-typo-en-title-sm-800" }, Gl = { class: "flex flex-row gap-2 items-center" }, Xl = { class: "flex flex-row gap-2 items-center" }, Ql = { class: "relative group cursor-pointer" }, Wl = { 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" }, Jl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Zl = { class: "w-[90%] flex flex-col gap-24" }, en = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, tn = { class: "flex flex-col max-w-[100%]" }, on = { class: "w-[25%] font-semibold" }, an = { class: "flex-grow" }, ln = { class: "flex flex-col gap-24 pt-[24px]" }, nn = { class: "flex flex-col justify-between" }, sn = { class: "w-[25%] font-semibold" }, rn = { class: "flex-grow" }, dn = { class: "flex flex-col justify-between" }, mn = { class: "w-[25%] font-semibold" }, pn = { class: "flex-grow" }, cn = { class: "flex flex-col gap-16" }, un = { class: "fm-typo-en-title-sm-800" }, fn = { class: "flex flex-col max-w-[100%]" }, vn = { class: "w-[25%] font-semibold" }, gn = { class: "flex-grow" }, yn = { class: "flex flex-col max-w-[100%]" }, xn = { class: "w-[25%] font-semibold" }, bn = { class: "flex flex-col max-w-[100%]" }, wn = { class: "w-[25%] font-semibold" }, _n = {
+}, ql = { class: "flex flex-col gap-16 pb-[24px]" }, zl = { class: "flex flex-row justify-between items-center gap-2" }, Hl = { class: "fm-typo-en-title-sm-800" }, Gl = { class: "flex flex-row gap-2 items-center" }, Ql = { class: "flex flex-row gap-2 items-center" }, Xl = { class: "relative group cursor-pointer" }, Wl = { 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" }, Jl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Zl = { class: "w-[90%] flex flex-col gap-24" }, en = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, tn = { class: "flex flex-col max-w-[100%]" }, on = { class: "w-[25%] font-semibold" }, an = { class: "flex-grow" }, ln = { class: "flex flex-col gap-24 pt-[24px]" }, nn = { class: "flex flex-col justify-between" }, sn = { class: "w-[25%] font-semibold" }, rn = { class: "flex-grow" }, dn = { class: "flex flex-col justify-between" }, mn = { class: "w-[25%] font-semibold" }, pn = { class: "flex-grow" }, cn = { class: "flex flex-col gap-16" }, un = { class: "fm-typo-en-title-sm-800" }, fn = { class: "flex flex-col max-w-[100%]" }, vn = { class: "w-[25%] font-semibold" }, gn = { class: "flex-grow" }, yn = { class: "flex flex-col max-w-[100%]" }, xn = { class: "w-[25%] font-semibold" }, bn = { class: "flex flex-col max-w-[100%]" }, wn = { class: "w-[25%] font-semibold" }, _n = {
   key: 0,
   class: "flex flex-col max-w-[100%]"
 }, hn = { class: "flex flex-col gap-16" }, kn = { class: "xs:grid-cols-1 grid gap-16" }, Cn = { key: 1 }, $n = { class: "flex flex-col gap-16 pt-3 pb-3" }, Vn = { class: "flex flex-row items-center gap-5" }, Sn = { class: "fm-typo-en-title-sm-800" }, An = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Dn = { class: "flex flex-row items-center justify-between gap-x-16" }, Kn = { class: "fm-typo-en-title-sm-800" }, Tn = { class: "flex flex-row items-center justify-between gap-x-16" }, Fn = { class: "fm-typo-en-title-sm-800" }, Nn = { class: "flex flex-row items-center justify-between gap-x-16" }, Un = { class: "fm-typo-en-title-sm-800" }, In = { class: "flex flex-row items-center justify-between gap-x-16" }, Pn = { class: "fm-typo-en-title-sm-800" }, Rn = { class: "flex flex-row items-center justify-between" }, Mn = { class: "flex-grow" }, jn = {
@@ -3099,7 +3099,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
 }, Ln = {
   key: 3,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, En = /* @__PURE__ */ X({
+}, En = /* @__PURE__ */ Q({
   __name: "Setting",
   props: /* @__PURE__ */ Se({
     retrievedMethods: {
@@ -3258,8 +3258,8 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
           t("div", zl, [
             t("div", Hl, C(r(o)("report.integration.connect")), 1),
             t("div", Gl, [
-              t("div", Xl, [
-                t("div", Ql, [
+              t("div", Ql, [
+                t("div", Xl, [
                   n(a, {
                     name: "refresh",
                     class: "p-2 bg-gray-100 rounded-full",
@@ -3453,7 +3453,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: l[13] || (l[13] = () => f("items"))
                 })
               ]),
-              n(Q, {
+              n(X, {
                 "header-items": ["Key", "Account Code"],
                 rows: ((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.items) || [],
                 "columns-per-row": 2,
@@ -3479,7 +3479,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: l[16] || (l[16] = () => f("taxes"))
                 })
               ]),
-              n(Q, {
+              n(X, {
                 "header-items": ["Key", "Account Code"],
                 rows: ((ie = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : ie.taxes) || [],
                 "columns-per-row": 2,
@@ -3505,7 +3505,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                   onClick: l[19] || (l[19] = () => f("taxRoundingAdjustments"))
                 })
               ]),
-              n(Q, {
+              n(X, {
                 "header-items": ["Key", "Account Code"],
                 rows: ((me = (de = (re = e.value) == null ? void 0 : re.platform) == null ? void 0 : de.mappings) == null ? void 0 : me.taxRoundingAdjustments) || [],
                 "columns-per-row": 2,
@@ -3553,7 +3553,7 @@ const pt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-betwe
                 size: "xl"
               })),
               v.retrievedMethods.isError ? (b(), P("span", Ln, C(r(o)("report.integration.biztory.error")), 1)) : O("", !0),
-              v.retrievedMethods.isLoaded && v.retrievedMethods.data && v.retrievedMethods.data.length != 0 ? (b(), M(Q, {
+              v.retrievedMethods.isLoaded && v.retrievedMethods.data && v.retrievedMethods.data.length != 0 ? (b(), M(X, {
                 key: 4,
                 "header-items": ["Key", "Payment Method"],
                 rows: ((F = (h = (pe = e.value) == null ? void 0 : pe.platform) == null ? void 0 : h.mappings) == null ? void 0 : F.paymentMethods) || [],
@@ -3810,10 +3810,10 @@ const zn = [
     header: () => A("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method (ID)"),
     enableSorting: !1
   }
-], Hn = { class: "h-full flex flex-col gap-16" }, Gn = { class: "flex flex-row gap-2 justify-between items-center" }, Xn = {
+], Hn = { class: "h-full flex flex-col gap-16" }, Gn = { class: "flex flex-row gap-2 justify-between items-center" }, Qn = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-y-auto"
-}, Qn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Wn = /* @__PURE__ */ X({
+}, Xn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Wn = /* @__PURE__ */ Q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -3880,9 +3880,9 @@ const zn = [
             onClick: _
           }, null, 8, ["loading"])
         ]),
-        i.value ? (b(), P("div", Xn, [
+        i.value ? (b(), P("div", Qn, [
           n(p, { size: "xl" }),
-          t("span", Qn, C(r(o)("report.common.isLoading")), 1)
+          t("span", Xn, C(r(o)("report.common.isLoading")), 1)
         ])) : (b(), M(f, {
           key: 1,
           class: "flex overflow-y-auto p-5 border border-fm-color-border-secondary rounded-lg h-auto",
@@ -3892,7 +3892,7 @@ const zn = [
       ]);
     };
   }
-}), Jn = { class: "h-full relative flex flex-col" }, Zn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, es = /* @__PURE__ */ X({
+}), Jn = { class: "h-full relative flex flex-col" }, Zn = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, es = /* @__PURE__ */ Q({
   __name: "Biztory",
   props: {
     modelValue: { required: !0 },
@@ -3990,7 +3990,7 @@ const zn = [
 }), ts = {
   key: 0,
   class: "flex flex-col h-full"
-}, os = { class: "flex flex-col gap-16 pb-[24px]" }, as = { class: "flex flex-row justify-between items-center gap-2" }, ls = { class: "flex flex-row gap-2 items-center" }, ns = { class: "relative group cursor-pointer" }, ss = { 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" }, is = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, rs = { class: "w-[90%] flex flex-col gap-24" }, ds = { class: "flex flex-col gap-16" }, ms = { class: "fm-typo-en-title-sm-800" }, ps = { class: "flex flex-row items-center max-w-[100%]" }, cs = { class: "w-[25%]" }, us = { class: "flex-grow" }, fs = { class: "flex flex-row items-center max-w-[100%]" }, vs = { class: "w-[25%]" }, gs = { class: "flex flex-row items-center justify-between gap-x-16" }, ys = { class: "fm-typo-en-title-sm-800" }, xs = /* @__PURE__ */ X({
+}, os = { class: "flex flex-col gap-16 pb-[24px]" }, as = { class: "flex flex-row justify-between items-center gap-2" }, ls = { class: "flex flex-row gap-2 items-center" }, ns = { class: "relative group cursor-pointer" }, ss = { 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" }, is = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, rs = { class: "w-[90%] flex flex-col gap-24" }, ds = { class: "flex flex-col gap-16" }, ms = { class: "fm-typo-en-title-sm-800" }, ps = { class: "flex flex-row items-center max-w-[100%]" }, cs = { class: "w-[25%]" }, us = { class: "flex-grow" }, fs = { class: "flex flex-row items-center max-w-[100%]" }, vs = { class: "w-[25%]" }, gs = { class: "flex flex-row items-center justify-between gap-x-16" }, ys = { class: "fm-typo-en-title-sm-800" }, xs = /* @__PURE__ */ Q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -4123,7 +4123,7 @@ const zn = [
                 onClick: g[3] || (g[3] = () => p("employees"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Name", "Badge No", "Employee No"],
               rows: ((B = (j = (I = e.value) == null ? void 0 : I.platform) == null ? void 0 : j.mappings) == null ? void 0 : B.employees) || [],
               "columns-per-row": 1,
@@ -4148,7 +4148,7 @@ const zn = [
 }), bs = { class: "h-full flex flex-col gap-16" }, ws = { class: "flex flex-row gap-2 justify-between items-center" }, _s = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, hs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ks = /* @__PURE__ */ X({
+}, hs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ks = /* @__PURE__ */ Q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -4236,7 +4236,7 @@ const zn = [
       ]);
     };
   }
-}), Cs = { class: "h-full relative flex flex-col" }, $s = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Vs = /* @__PURE__ */ X({
+}), Cs = { class: "h-full relative flex flex-col" }, $s = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Vs = /* @__PURE__ */ Q({
   __name: "IFlexiHRMS",
   props: {
     modelValue: {},
@@ -4297,7 +4297,7 @@ const zn = [
 }), Ss = {
   key: 0,
   class: "flex flex-col h-full"
-}, As = { class: "flex flex-col gap-16 pb-[24px]" }, Ds = { class: "flex flex-row justify-between items-center gap-2" }, Ks = { class: "fm-typo-en-title-sm-800" }, Ts = { class: "flex flex-row gap-2 items-center" }, Fs = { class: "flex flex-row gap-2 items-center" }, Ns = { class: "relative group cursor-pointer" }, Us = { 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" }, Is = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Ps = { class: "flex flex-col gap-24 w-[90%]" }, Rs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ms = { class: "flex flex-col gap-24 overflow-y-auto overflow-x-hidden" }, js = { class: "flex flex-col justify-between" }, Os = { class: "w-[25%] font-semibold" }, Ls = { class: "flex-grow" }, Es = { class: "flex flex-col justify-between" }, Bs = { class: "w-[25%] font-semibold" }, Ys = { class: "flex-grow" }, qs = { class: "flex flex-col justify-between" }, zs = { class: "w-[25%] font-semibold" }, Hs = { class: "flex-grow" }, Gs = { class: "flex flex-col gap-16" }, Xs = { class: "flex flex-row items-center gap-5" }, Qs = { class: "fm-typo-en-title-sm-800" }, Ws = { class: "flex flex-col max-w-[100%]" }, Js = { class: "w-[25%] font-semibold" }, Zs = { class: "flex-grow" }, ei = { class: "flex flex-col max-w-[100%]" }, ti = { class: "w-[25%] font-semibold" }, oi = { class: "flex flex-col max-w-[100%]" }, ai = { class: "w-[25%] font-semibold" }, li = { class: "flex flex-col max-w-[100%]" }, ni = { class: "w-[25%] font-semibold" }, si = {
+}, As = { class: "flex flex-col gap-16 pb-[24px]" }, Ds = { class: "flex flex-row justify-between items-center gap-2" }, Ks = { class: "fm-typo-en-title-sm-800" }, Ts = { class: "flex flex-row gap-2 items-center" }, Fs = { class: "flex flex-row gap-2 items-center" }, Ns = { class: "relative group cursor-pointer" }, Us = { 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" }, Is = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Ps = { class: "flex flex-col gap-24 w-[90%]" }, Rs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ms = { class: "flex flex-col gap-24 overflow-y-auto overflow-x-hidden" }, js = { class: "flex flex-col justify-between" }, Os = { class: "w-[25%] font-semibold" }, Ls = { class: "flex-grow" }, Es = { class: "flex flex-col justify-between" }, Bs = { class: "w-[25%] font-semibold" }, Ys = { class: "flex-grow" }, qs = { class: "flex flex-col justify-between" }, zs = { class: "w-[25%] font-semibold" }, Hs = { class: "flex-grow" }, Gs = { class: "flex flex-col gap-16" }, Qs = { class: "flex flex-row items-center gap-5" }, Xs = { class: "fm-typo-en-title-sm-800" }, Ws = { class: "flex flex-col max-w-[100%]" }, Js = { class: "w-[25%] font-semibold" }, Zs = { class: "flex-grow" }, ei = { class: "flex flex-col max-w-[100%]" }, ti = { class: "w-[25%] font-semibold" }, oi = { class: "flex flex-col max-w-[100%]" }, ai = { class: "w-[25%] font-semibold" }, li = { class: "flex flex-col max-w-[100%]" }, ni = { class: "w-[25%] font-semibold" }, si = {
   key: 1,
   class: "w-[100%] flex flex-col gap-2"
 }, ii = {
@@ -4309,7 +4309,7 @@ const zn = [
 }, pi = {
   key: 2,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ci = { class: "flex flex-col gap-16" }, ui = { class: "fm-typo-en-title-sm-800" }, fi = { class: "flex flex-row items-center w-[100%] justify-start" }, vi = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, gi = { class: "flex flex-row items-center w-[100%] justify-start" }, yi = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, xi = { class: "flex flex-row items-center w-[100%] justify-start" }, bi = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, wi = { class: "flex flex-col gap-16 pt-3 pb-3" }, _i = { class: "flex flex-row items-center gap-5" }, hi = { class: "fm-typo-en-title-sm-800" }, ki = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ci = { class: "flex flex-row items-center justify-between gap-x-16" }, $i = { class: "fm-typo-en-title-sm-800" }, Vi = { class: "flex flex-row items-center justify-between gap-x-16" }, Si = { class: "fm-typo-en-title-sm-800" }, Ai = { class: "flex flex-row items-center justify-between gap-x-16" }, Di = { class: "fm-typo-en-title-sm-800" }, Ki = { class: "flex flex-row items-center justify-between gap-x-16" }, Ti = { class: "fm-typo-en-title-sm-800" }, Fi = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ni = /* @__PURE__ */ X({
+}, ci = { class: "flex flex-col gap-16" }, ui = { class: "fm-typo-en-title-sm-800" }, fi = { class: "flex flex-row items-center w-[100%] justify-start" }, vi = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, gi = { class: "flex flex-row items-center w-[100%] justify-start" }, yi = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, xi = { class: "flex flex-row items-center w-[100%] justify-start" }, bi = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, wi = { class: "flex flex-col gap-16 pt-3 pb-3" }, _i = { class: "flex flex-row items-center gap-5" }, hi = { class: "fm-typo-en-title-sm-800" }, ki = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ci = { class: "flex flex-row items-center justify-between gap-x-16" }, $i = { class: "fm-typo-en-title-sm-800" }, Vi = { class: "flex flex-row items-center justify-between gap-x-16" }, Si = { class: "fm-typo-en-title-sm-800" }, Ai = { class: "flex flex-row items-center justify-between gap-x-16" }, Di = { class: "fm-typo-en-title-sm-800" }, Ki = { class: "flex flex-row items-center justify-between gap-x-16" }, Ti = { class: "fm-typo-en-title-sm-800" }, Fi = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ni = /* @__PURE__ */ Q({
   __name: "Setting",
   props: /* @__PURE__ */ Se({
     retrievedDebtors: {
@@ -4500,8 +4500,8 @@ const zn = [
               ]),
               n(I, { style: { margin: 0 } }),
               t("div", Gs, [
-                t("div", Xs, [
-                  t("div", Qs, C(r(o)("report.common.general")), 1)
+                t("div", Qs, [
+                  t("div", Xs, C(r(o)("report.common.general")), 1)
                 ]),
                 t("div", Ws, [
                   t("div", Js, C(r(o)("report.common.name")), 1),
@@ -4659,7 +4659,7 @@ const zn = [
                 })
               ]),
               a[32] || (a[32] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, C("`ROUNDING` items: Auto set `Product Code` to blank to support AutoCount Cloud syncing."), -1)),
-              n(Q, {
+              n(X, {
                 "header-items": [
                   r(o)("report.integration.autocount.feedmeKey"),
                   r(o)("report.integration.autocount.productCode"),
@@ -4699,7 +4699,7 @@ const zn = [
                   onClick: a[19] || (a[19] = () => f("taxes"))
                 })
               ]),
-              n(Q, {
+              n(X, {
                 "header-items": [
                   r(o)("report.integration.autocount.feedmeKey"),
                   r(o)("report.integration.autocount.accountCode")
@@ -4734,7 +4734,7 @@ const zn = [
                   onClick: a[22] || (a[22] = () => f("taxRoundingAdjustments"))
                 })
               ]),
-              n(Q, {
+              n(X, {
                 "header-items": [
                   r(o)("report.integration.autocount.feedmeKey"),
                   r(o)("report.integration.autocount.accountCode")
@@ -4803,7 +4803,7 @@ const zn = [
                   "onUpdate:modelValue": a[29] || (a[29] = (S) => w({ key: "currencyRate", value: S.account }))
                 }, null, 8, ["model-value", "options"])
               ]),
-              n(Q, {
+              n(X, {
                 "header-items": [
                   r(o)("report.integration.autocount.feedmeKey"),
                   r(o)("report.integration.autocount.accountCode"),
@@ -4965,7 +4965,7 @@ const Ii = [
 ], Pi = { class: "h-full flex flex-col gap-16" }, Ri = { class: "flex flex-row gap-2 justify-between items-center" }, Mi = { class: "flex flex-row gap-5" }, ji = {
   key: 0,
   class: "flex gap-24 w-full h-full justify-center items-center overflow-y-auto"
-}, Oi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Li = /* @__PURE__ */ X({
+}, Oi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Li = /* @__PURE__ */ Q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -5052,7 +5052,7 @@ const Ii = [
       ]);
     };
   }
-}), Ei = { class: "h-full relative flex flex-col" }, Bi = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Yi = /* @__PURE__ */ X({
+}), Ei = { class: "h-full relative flex flex-col" }, Bi = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Yi = /* @__PURE__ */ Q({
   __name: "AutocountCloud",
   props: {
     modelValue: { required: !0 },
@@ -5152,7 +5152,7 @@ const Ii = [
 }), qi = {
   key: 0,
   class: "flex flex-col h-full w-full"
-}, zi = { class: "flex flex-col gap-16 pb-[24px]" }, Hi = { class: "flex flex-row justify-between items-center gap-2" }, Gi = { class: "flex flex-row gap-2 items-center" }, Xi = { class: "relative group cursor-pointer" }, Qi = { 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" }, Wi = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ji = { class: "w-[90%] flex flex-col gap-24" }, Zi = { class: "flex flex-col gap-16" }, er = { class: "fm-typo-en-title-sm-800" }, tr = { class: "flex flex-col max-w-[100%]" }, or = { class: "w-[25%] font-semibold" }, ar = { class: "flex-grow" }, lr = { class: "flex flex-col max-w-[100%]" }, nr = { class: "w-[25%] font-semibold" }, sr = { class: "flex flex-col max-w-[100%]" }, ir = { class: "w-[25%] font-semibold" }, rr = { class: "flex flex-col gap-16" }, dr = { class: "grid-cols-2 grid gap-16" }, mr = { class: "flex flex-row items-center justify-between gap-x-16" }, pr = { class: "flex flex-row items-center justify-between gap-x-16" }, cr = { class: "fm-typo-en-title-sm-800" }, ur = { class: "flex flex-row items-center justify-between gap-x-16" }, fr = { class: "flex flex-row items-center justify-between gap-x-16" }, vr = /* @__PURE__ */ X({
+}, zi = { class: "flex flex-col gap-16 pb-[24px]" }, Hi = { class: "flex flex-row justify-between items-center gap-2" }, Gi = { class: "flex flex-row gap-2 items-center" }, Qi = { class: "relative group cursor-pointer" }, Xi = { 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" }, Wi = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ji = { class: "w-[90%] flex flex-col gap-24" }, Zi = { class: "flex flex-col gap-16" }, er = { class: "fm-typo-en-title-sm-800" }, tr = { class: "flex flex-col max-w-[100%]" }, or = { class: "w-[25%] font-semibold" }, ar = { class: "flex-grow" }, lr = { class: "flex flex-col max-w-[100%]" }, nr = { class: "w-[25%] font-semibold" }, sr = { class: "flex flex-col max-w-[100%]" }, ir = { class: "w-[25%] font-semibold" }, rr = { class: "flex flex-col gap-16" }, dr = { class: "grid-cols-2 grid gap-16" }, mr = { class: "flex flex-row items-center justify-between gap-x-16" }, pr = { class: "flex flex-row items-center justify-between gap-x-16" }, cr = { class: "fm-typo-en-title-sm-800" }, ur = { class: "flex flex-row items-center justify-between gap-x-16" }, fr = { class: "flex flex-row items-center justify-between gap-x-16" }, vr = /* @__PURE__ */ Q({
   __name: "Setting",
   props: {
     modelValue: { required: !0 },
@@ -5226,13 +5226,13 @@ const Ii = [
           t("div", Hi, [
             w[17] || (w[17] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
             t("div", Gi, [
-              t("div", Xi, [
+              t("div", Qi, [
                 n(k, {
                   name: "refresh",
                   class: "p-2 bg-gray-100 rounded-full",
                   onClick: m
                 }),
-                t("span", Qi, C(r(o)("report.integration.refreshSetting")), 1)
+                t("span", Xi, C(r(o)("report.integration.refreshSetting")), 1)
               ]),
               n(s, {
                 variant: "tertiary",
@@ -5345,7 +5345,7 @@ const Ii = [
                 onClick: w[5] || (w[5] = () => p("invoice", "items"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code", "UOM"],
               rows: ((oe = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : oe.invoice.items) || [],
               "columns-per-row": 1,
@@ -5382,7 +5382,7 @@ const Ii = [
                 onClick: w[8] || (w[8] = () => p("invoice", "taxes"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code"],
               rows: ((ne = (le = (ae = e.value) == null ? void 0 : ae.platform) == null ? void 0 : le.mappings) == null ? void 0 : ne.invoice.taxes) || [],
               "columns-per-row": 1,
@@ -5410,7 +5410,7 @@ const Ii = [
                 onClick: w[11] || (w[11] = () => p("inventory", "items"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Account Code", "UOM"],
               rows: ((re = (ie = (se = e.value) == null ? void 0 : se.platform) == null ? void 0 : ie.mappings) == null ? void 0 : re.inventory.items) || [],
               "columns-per-row": 1,
@@ -5447,7 +5447,7 @@ const Ii = [
                 onClick: w[14] || (w[14] = () => p("inventory", "suppliers"))
               })
             ]),
-            n(Q, {
+            n(X, {
               "header-items": ["Key", "Code", "Name"],
               rows: ((pe = (me = (de = e.value) == null ? void 0 : de.platform) == null ? void 0 : me.mappings) == null ? void 0 : pe.inventory.suppliers) || [],
               "columns-per-row": 1,
@@ -5477,7 +5477,7 @@ const Ii = [
 }, br = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wr = {
   key: 1,
   class: "w-full h-full flex flex-col flex-grow"
-}, _r = /* @__PURE__ */ X({
+}, _r = /* @__PURE__ */ Q({
   __name: "Preview",
   props: {
     modelValue: { required: !0 },
@@ -5942,7 +5942,7 @@ const Ii = [
       ]);
     };
   }
-}), hr = { class: "h-full w-full flex flex-col" }, kr = { class: "py-16 px-16 flex h-full w-full overflow-hidden" }, Cr = /* @__PURE__ */ X({
+}), hr = { class: "h-full w-full flex flex-col" }, kr = { class: "py-16 px-16 flex h-full w-full overflow-hidden" }, Cr = /* @__PURE__ */ Q({
   __name: "SynergyExport",
   props: {
     modelValue: {},
@@ -6000,7 +6000,7 @@ const Ii = [
       ]);
     };
   }
-}), $r = { class: "px-24 h-full relative" }, Nr = /* @__PURE__ */ X({
+}), $r = { class: "px-24 h-full relative" }, Nr = /* @__PURE__ */ Q({
   __name: "Integration",
   setup(v) {
     const o = Y(void 0), { params: e } = et(), i = ke(), y = Y();