@feedmepos/mf-report 5.8.2-beta.0 → 5.9.0-beta.0

package/dist/Integration-oTDRNhG8.js

@@ -1,4751 +0,0 @@
-import { defineComponent as G, mergeModels as he, useModel as W, computed as H, resolveComponent as D, createElementBlock as S, openBlock as d, createElementVNode as t, createCommentVNode as P, normalizeClass as Be, Fragment as O, renderList as Y, createBlock as M, createVNode as n, withCtx as we, toDisplayString as V, unref as m, ref as E, onUnmounted as Se, watch as _e, isRef as Ve, h as K, resolveDynamicComponent as ke, mergeProps as Oe, onMounted as Ee } from "vue";
-import { useRouter as fe, useRoute as Ge } from "vue-router";
-import { u as Z, I as xe, d as Xe, e as $e, f as De, b as ve, q as Qe, m as Je, p as Fe, r as Ue, s as Te, t as Ne, v as je, w as We, x as Ze, y as et, A as be, z as Le, B as tt, E as ot, G as at, H as lt } from "./global-loader-BQlMgPFO.js";
-import { u as Ae } from "./message-dialog-UoMWOnil.js";
-import { useSnackbar as ge } from "@feedmepos/ui-library";
-import { s as nt } from "./index-Dw6wKcLo.js";
-import { storeToRefs as Ke } from "pinia";
-import { _ as Ie } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-2O6NpHjE.js";
-const st = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, it = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, rt = {
-  key: 0,
-  class: "w-[24px] flex items-center"
-}, R = /* @__PURE__ */ G({
-  __name: "MappingField",
-  props: /* @__PURE__ */ he({
-    removable: {
-      type: Boolean,
-      default: !1
-    },
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    type: {
-      type: String,
-      default: "text"
-    },
-    rules: {
-      type: Array,
-      default: () => []
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ he(["remove"], ["update:modelValue"]),
-  setup(f, { emit: o }) {
-    const e = W(f, "modelValue"), s = f, x = H(
-      () => Object.keys(s.options).map((_) => {
-        const F = s.options[_];
-        return {
-          placeholder: F.placeholder,
-          key: _,
-          editable: F.editable
-        };
-      })
-    ), k = o;
-    return (_, F) => {
-      const w = D("FmTextField"), h = D("FmTooltip"), u = D("FmIcon");
-      return d(), S("div", st, [
-        t("div", {
-          class: Be(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
-        }, [
-          (d(!0), S(O, null, Y(x.value, (b) => {
-            var C;
-            return d(), S(O, {
-              key: b.key
-            }, [
-              b.editable ? (d(), S("div", {
-                key: 0,
-                class: Be(`${f.removable ? "w-[50%]" : "w-[100%]"}`)
-              }, [
-                n(w, {
-                  "model-value": e.value[b.key],
-                  placeholder: b.placeholder,
-                  type: f.type,
-                  rules: f.rules,
-                  "onUpdate:modelValue": (p) => {
-                    let v = p;
-                    f.type === "number" && (v = Number(p)), e.value = {
-                      ...e.value,
-                      [b.key]: v
-                    };
-                  }
-                }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])
-              ], 2)) : (d(), M(h, {
-                key: 1,
-                content: (C = e.value[b.key]) == null ? void 0 : C.toString(),
-                class: "w-[50%]"
-              }, {
-                default: we(() => [
-                  t("div", it, V(e.value[b.key]), 1)
-                ]),
-                _: 2
-              }, 1032, ["content"]))
-            ], 64);
-          }), 128))
-        ], 2),
-        f.removable ? (d(), S("div", rt, [
-          n(u, {
-            color: "system-error-300",
-            class: "cursor-pointer",
-            name: "close",
-            size: "md",
-            onClick: F[0] || (F[0] = (b) => k("remove"))
-          })
-        ])) : P("", !0)
-      ]);
-    };
-  }
-}), mt = { class: "flex flex-col" }, dt = { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, ct = {
-  key: 0,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ut = { class: "flex flex-row items-center w-[100%] justify-start" }, pt = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, ft = {
-  key: 0,
-  class: "flex flex-row items-center w-[100%] justify-start"
-}, vt = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, gt = { class: "w-[calc(75%+4px)]" }, yt = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, xt = { class: "flex flex-row items-center w-[100%] justify-between" }, _t = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis" }, bt = { class: "w-[50%]" }, Re = /* @__PURE__ */ G({
-  __name: "UploadSection",
-  props: /* @__PURE__ */ he({
-    label: {
-      type: String,
-      default: "upload"
-    },
-    lastUploadDate: {
-      type: String,
-      default: null
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = H(() => {
-      switch (e.value.name) {
-        case xe.AutoCount:
-        case xe.SQL:
-        case xe.iFlexi_HRMS:
-          return !0;
-        default:
-          return !1;
-      }
-    });
-    return (x, k) => {
-      var h, u;
-      const _ = D("FmSwitch"), F = D("FmTextField"), w = D("FmTimePicker");
-      return d(), S(O, null, [
-        t("div", mt, [
-          t("div", dt, V(m(o)("report.integration.auto", { label: f.label })), 1),
-          f.label == "upload" ? (d(), S("div", ct, V(m(o)("report.integration.lastUploadDate")) + ": " + V(f.lastUploadDate ? m(Xe)(f.lastUploadDate).format("MMMM D, YYYY h:mm A") : m(o)("report.integration.noData.title")), 1)) : P("", !0)
-        ]),
-        t("div", ut, [
-          t("div", pt, V(m(o)("report.common.enable")), 1),
-          n(_, {
-            modelValue: e.value.enable,
-            "onUpdate:modelValue": k[0] || (k[0] = (b) => e.value.enable = b),
-            style: { gap: "0px" }
-          }, null, 8, ["modelValue"])
-        ]),
-        s.value ? (d(), S("div", ft, [
-          t("div", vt, V(m(o)("report.common.email")), 1),
-          t("div", gt, [
-            n(F, {
-              "model-value": (e.value.emails || []).join(","),
-              placeholder: "Email",
-              "onUpdate:modelValue": k[1] || (k[1] = (b) => {
-                switch (e.value.name) {
-                  case m(xe).AutoCount:
-                  case m(xe).SQL:
-                  case m(xe).iFlexi_HRMS:
-                    e.value.emails = b.split(",");
-                    break;
-                }
-              })
-            }, null, 8, ["model-value"])
-          ])
-        ])) : P("", !0),
-        t("div", yt, [
-          t("div", xt, [
-            t("div", _t, V(m(nt)(f.label)) + " time ", 1),
-            t("div", bt, [
-              n(w, {
-                class: "gap-[0px]",
-                "model-value": m(Xe)().hour(((h = e.value.triggerTime) == null ? void 0 : h.hour) ?? 0).minute(((u = e.value.triggerTime) == null ? void 0 : u.minute) ?? 0).format("HH:mm"),
-                "onUpdate:modelValue": k[2] || (k[2] = (b) => {
-                  b && (e.value.triggerTime.hour = Number(b.split(":")[0]), e.value.triggerTime.minute = Number(b.split(":")[1]));
-                })
-              }, null, 8, ["model-value"])
-            ])
-          ]),
-          n(R, {
-            "model-value": {
-              label: m(o)("report.integration.delayDay"),
-              delayDay: e.value.delayDay
-            },
-            type: "number",
-            options: {
-              label: { placeholder: m(o)("report.integration.delayDay"), editable: !1 },
-              delayDay: { placeholder: m(o)("report.integration.delayDay"), editable: !0 }
-            },
-            rules: [(b) => b > 0 || "Delay days must be greater than 0"],
-            "onUpdate:modelValue": k[3] || (k[3] = (b) => {
-              e.value.delayDay = b.delayDay;
-            })
-          }, null, 8, ["model-value", "options", "rules"])
-        ])
-      ], 64);
-    };
-  }
-}), wt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, ht = {
-  key: 0,
-  class: "w-[50%]"
-}, Vt = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, kt = {
-  key: 0,
-  class: "w-[24px] flex items-center"
-}, Me = /* @__PURE__ */ G({
-  __name: "MappingDropdown",
-  props: /* @__PURE__ */ he({
-    removable: {
-      type: Boolean,
-      default: !1
-    },
-    singleValueMode: {
-      type: Boolean,
-      default: !1
-    },
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    type: {
-      type: String,
-      default: "text"
-    },
-    rules: {
-      type: Array,
-      default: () => []
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ he(["remove"], ["update:modelValue"]),
-  setup(f, { emit: o }) {
-    const e = W(f, "modelValue"), s = f, x = H(
-      () => Object.keys(s.options).map((h) => {
-        const u = s.options[h];
-        return {
-          placeholder: u.placeholder,
-          key: h,
-          editable: u.editable,
-          dropdownOptions: u.dropdownOptions
-        };
-      })
-    ), k = (h, u) => {
-      s.singleValueMode ? e.value = s.type === "number" ? Number(h) : h : u && (e.value = {
-        ...e.value,
-        [u]: s.type === "number" ? Number(h) : h
-      });
-    }, _ = (h) => {
-      var u;
-      return s.singleValueMode ? s.options.key.placeholder : (u = e.value[h.key]) == null ? void 0 : u.toString();
-    }, F = (h) => s.singleValueMode ? e.value : e.value[h.key], w = o;
-    return (h, u) => {
-      const b = D("FmSelect"), C = D("FmTextField"), p = D("FmTooltip"), v = D("FmIcon");
-      return d(), S("div", wt, [
-        t("div", {
-          class: Be(`${f.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
-        }, [
-          (d(!0), S(O, null, Y(x.value, (r) => (d(), S(O, {
-            key: r.key
-          }, [
-            r.editable ? (d(), S("div", ht, [
-              r.dropdownOptions ? (d(), M(b, {
-                key: 0,
-                "model-value": F(r),
-                placeholder: r.placeholder,
-                items: r.dropdownOptions,
-                "shift-menu": !0,
-                "onUpdate:modelValue": (y) => k(y, r.key)
-              }, null, 8, ["model-value", "placeholder", "items", "onUpdate:modelValue"])) : (d(), M(C, {
-                key: 1,
-                "model-value": F(r),
-                placeholder: r.placeholder,
-                type: f.type,
-                rules: f.rules,
-                "onUpdate:modelValue": (y) => k(y, r.key)
-              }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"]))
-            ])) : (d(), M(p, {
-              key: 1,
-              content: _(r),
-              class: "w-[50%]"
-            }, {
-              default: we(() => [
-                t("div", Vt, V(_(r)), 1)
-              ]),
-              _: 2
-            }, 1032, ["content"]))
-          ], 64))), 128))
-        ], 2),
-        f.removable ? (d(), S("div", kt, [
-          n(v, {
-            color: "system-error-300",
-            class: "cursor-pointer",
-            name: "close",
-            size: "md",
-            onClick: u[0] || (u[0] = (r) => w("remove"))
-          })
-        ])) : P("", !0)
-      ]);
-    };
-  }
-}), $t = {
-  key: 0,
-  class: "flex flex-col h-full"
-}, Ct = { class: "flex flex-col gap-[16px] pb-[24px]" }, St = { class: "flex flex-row justify-between items-center gap-2" }, Dt = { class: "flex flex-row gap-2 items-center" }, Ft = { class: "relative group cursor-pointer" }, Ut = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, Tt = { class: "flex flex-row items-center justify-between gap-2" }, Nt = { class: "w-[25%]" }, At = { class: "flex flex-col gap-[16px]" }, Kt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, It = { class: "flex-grow" }, Rt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Mt = { class: "flex flex-col gap-[16px]" }, Pt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, jt = { class: "flex-grow" }, Lt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Bt = { class: "flex-grow" }, Ot = { class: "flex flex-row items-center max-w-[100%] justify-between" }, Et = { class: "flex-grow" }, zt = { class: "flex flex-row items-center gap-x-16" }, Yt = {
-  key: 0,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, qt = {
-  key: 2,
-  class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, Ht = { class: "flex flex-row items-center gap-x-16" }, Xt = {
-  key: 3,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Gt = {
-  key: 5,
-  class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, Qt = { class: "flex flex-row items-center gap-x-16" }, Jt = {
-  key: 6,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Wt = {
-  key: 8,
-  class: "xs:grid-cols-1 grid-cols-2 grid gap-16"
-}, Zt = /* @__PURE__ */ G({
-  __name: "Setting",
-  props: /* @__PURE__ */ he({
-    tenantOptions: {
-      type: Object,
-      required: !0
-    },
-    taxOptions: {
-      type: Object,
-      required: !0
-    },
-    accountCodeOptions: {
-      type: Object,
-      required: !0
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = ge(), x = $e(), k = fe(), { promptLoader: _ } = De(), { promptMessage: F } = Ae(), { restaurants: w } = ve(), h = E(!1), u = H(
-      () => w.map((c) => ({ label: c.name, value: c.id }))
-    ), b = H(() => {
-      var c, a;
-      return h.value ? "Connecting" : (a = (c = e.value) == null ? void 0 : c.platform) != null && a.accessToken ? "Disconnect" : "Connect";
-    }), C = E(0);
-    async function p() {
-      var c;
-      if (h.value)
-        s.open({ type: "error", message: "Connecting in progress" });
-      else if ((c = e.value.platform) != null && c.accessToken)
-        await F({
-          message: o("report.integration.xero.confirmDisconnect", { name: e.value.name }),
-          title: o("report.integration.xero.disconnectTitle")
-        }) && (await Qe(e.value._id), await x.getSettings());
-      else if (e.value._id)
-        try {
-          const a = await Je(e.value._id);
-          h.value = !0;
-          const N = setInterval(async () => {
-            var A;
-            C.value += 1;
-            try {
-              await x.getSettings();
-            } finally {
-              (C.value === 12 || (A = e.value.platform) != null && A.accessToken) && (h.value = !1, N && clearInterval(N), C.value = 0);
-            }
-          }, 5e3);
-          window.open(a.redirect, "_blank");
-        } catch (a) {
-          s.open({ type: "error", message: a.message });
-        }
-      else
-        s.open({ type: "error", message: `invalid accounting ${e.value._id}` });
-    }
-    async function v() {
-      await F({
-        message: `Confirm delete ${e.value.name}?`,
-        title: "Delete"
-      }) && await _(async () => {
-        try {
-          await Fe(e.value._id), await x.getSettings(), k.back();
-        } catch (a) {
-          s.open({ type: "error", message: a.message });
-        }
-      });
-    }
-    async function r() {
-      await _(async () => {
-        try {
-          await Ue(e.value._id, e.value), await x.getSettings();
-        } catch (c) {
-          s.open({ type: "error", message: c.message });
-        }
-      });
-    }
-    function y(c) {
-      const a = f.tenantOptions.data.find((N) => N.value === c);
-      a && e.value.platform && (e.value.platform.tenant = {
-        id: a.value,
-        name: a.label
-      });
-    }
-    function $(c, a) {
-      var N, A;
-      (A = (N = e.value.platform) == null ? void 0 : N.mappings) != null && A[c] && (e.value.platform.mappings[c] = e.value.platform.mappings[c].filter(
-        (j, z) => z !== a
-      ));
-    }
-    function l(c) {
-      var a, N;
-      (N = (a = e.value.platform) == null ? void 0 : a.mappings) != null && N[c] && (e.value.platform.mappings[c] = [
-        ...e.value.platform.mappings[c],
-        c === "items" ? {
-          feedmeKey: "",
-          xeroAccount: "",
-          name: ""
-        } : c === "taxes" ? {
-          feedmeKey: "",
-          xeroAccount: ""
-        } : {
-          feedmeKey: "",
-          xeroAccount: ""
-        }
-      ]);
-    }
-    async function i() {
-      await _(async () => {
-        try {
-          await Te(e.value._id), await x.getSettings();
-        } catch (c) {
-          s.open({ type: "error", message: c.message });
-        }
-      });
-    }
-    return Se(async () => {
-      await x.getSettings();
-    }), (c, a) => {
-      var X, te, oe, ae, le, ne, se, ie, re, me, de, ce, ue, T, g, U, L, I, J, ye, ze, Ye, qe, He;
-      const N = D("FmIcon"), A = D("FmButton"), j = D("FmMenuDivider"), z = D("FmCircularProgress"), Q = D("FmSelect"), B = D("FmTextField"), q = D("FmSwitch");
-      return (te = (X = e.value) == null ? void 0 : X.platform) != null && te.mappings ? (d(), S("div", $t, [
-        t("div", Ct, [
-          t("div", St, [
-            a[10] || (a[10] = t("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
-            t("div", Dt, [
-              t("div", Ft, [
-                n(N, {
-                  name: "refresh",
-                  class: "p-2 bg-gray-100 rounded-full",
-                  onClick: i
-                }),
-                a[9] || (a[9] = t("span", { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, " Repopulate the fields based on the dates selected in Preview. ", -1))
-              ]),
-              n(A, {
-                variant: "tertiary",
-                label: "Delete",
-                onClick: v
-              }),
-              n(A, {
-                variant: "primary",
-                label: "Update",
-                onClick: r
-              })
-            ])
-          ])
-        ]),
-        n(j, { style: { margin: 0 } }),
-        t("div", Ut, [
-          a[21] || (a[21] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Authenticate with your official Xero account to enable FeedMe to securely upload data to Xero. ", -1)),
-          t("div", Tt, [
-            t("div", Nt, [
-              n(A, {
-                disabled: h.value,
-                variant: "primary",
-                label: b.value,
-                onClick: p
-              }, null, 8, ["disabled", "label"])
-            ]),
-            !f.tenantOptions.isLoaded && ((oe = e.value.platform) != null && oe.accessToken) ? (d(), M(z, {
-              key: 0,
-              size: "xl"
-            })) : P("", !0),
-            n(Q, {
-              class: "flex-grow",
-              items: f.tenantOptions.data || [],
-              "model-value": (ae = e.value.platform.tenant) == null ? void 0 : ae.id,
-              placeholder: f.tenantOptions.data ? "Select tenant " : (le = e.value.platform.tenant) == null ? void 0 : le.name,
-              "onUpdate:modelValue": y
-            }, null, 8, ["items", "model-value", "placeholder"])
-          ]),
-          t("div", At, [
-            a[13] || (a[13] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "General", -1)),
-            t("div", Kt, [
-              a[11] || (a[11] = t("div", { class: "w-[25%]" }, "Name", -1)),
-              t("div", It, [
-                n(B, {
-                  modelValue: e.value.name,
-                  "onUpdate:modelValue": a[0] || (a[0] = (pe) => e.value.name = pe)
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            t("div", Rt, [
-              a[12] || (a[12] = t("div", { class: "w-[25%]" }, "Location", -1)),
-              n(Q, {
-                modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": a[1] || (a[1] = (pe) => e.value.platform.locationIds = pe),
-                multiselect: !0,
-                items: u.value,
-                placeholder: "Select location",
-                class: "flex-grow"
-              }, null, 8, ["modelValue", "items"])
-            ])
-          ]),
-          n(Re, {
-            modelValue: e.value.platform,
-            "onUpdate:modelValue": a[2] || (a[2] = (pe) => e.value.platform = pe),
-            label: "upload",
-            "last-upload-date": (ne = e.value.platform) == null ? void 0 : ne.lastUploadDate
-          }, null, 8, ["modelValue", "last-upload-date"]),
-          t("div", Mt, [
-            a[20] || (a[20] = t("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "Mapping", -1)),
-            t("div", Pt, [
-              a[14] || (a[14] = t("div", { class: "w-[25%]" }, "Contact", -1)),
-              t("div", jt, [
-                n(B, {
-                  modelValue: e.value.platform.mappings.contact.xeroAccount,
-                  "onUpdate:modelValue": a[3] || (a[3] = (pe) => e.value.platform.mappings.contact.xeroAccount = pe),
-                  placeholder: "Contact account number"
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            t("div", Lt, [
-              a[15] || (a[15] = t("div", { class: "w-[25%]" }, "Discount as Item", -1)),
-              t("div", Bt, [
-                n(q, {
-                  "model-value": e.value.platform.discountItem ?? !1,
-                  style: { gap: 0 },
-                  "onUpdate:modelValue": a[4] || (a[4] = (pe) => {
-                    e.value.platform.discountItem = pe;
-                  })
-                }, null, 8, ["model-value"])
-              ])
-            ]),
-            t("div", Ot, [
-              a[16] || (a[16] = t("div", { class: "w-[25%]" }, "Combine Refund", -1)),
-              t("div", Et, [
-                n(q, {
-                  "model-value": e.value.platform.mappings.isCombineRefund ?? !1,
-                  style: { gap: 0 },
-                  "onUpdate:modelValue": a[5] || (a[5] = (pe) => {
-                    e.value.platform.mappings.isCombineRefund = pe;
-                  })
-                }, null, 8, ["model-value"])
-              ])
-            ]),
-            t("div", zt, [
-              a[17] || (a[17] = t("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
-              n(A, {
-                variant: "primary",
-                icon: "add",
-                onClick: a[6] || (a[6] = () => l("taxes"))
-              })
-            ]),
-            f.taxOptions.isError || e.value.platform.accessToken == null ? (d(), S("div", Yt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : P("", !0),
-            !f.taxOptions.isLoaded && ((se = e.value.platform) != null && se.accessToken) ? (d(), M(z, {
-              key: 1,
-              size: "xl"
-            })) : P("", !0),
-            ((ie = f.taxOptions.data) == null ? void 0 : ie.length) > 0 ? (d(), S("div", qt, [
-              (d(!0), S(O, null, Y((de = (me = (re = e.value) == null ? void 0 : re.platform) == null ? void 0 : me.mappings) == null ? void 0 : de.taxes, (pe, ee) => (d(), M(Me, {
-                key: `tax-${ee}`,
-                modelValue: e.value.platform.mappings.taxes[ee],
-                "onUpdate:modelValue": (Ce) => e.value.platform.mappings.taxes[ee] = Ce,
-                options: {
-                  feedmeKey: { placeholder: "Feedme Key", editable: !0 },
-                  xeroAccount: {
-                    placeholder: "Select Tax",
-                    editable: !0,
-                    dropdownOptions: f.taxOptions.data ?? []
-                  }
-                },
-                removable: !0,
-                onRemove: () => $("taxes", ee)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128)),
-              (d(!0), S(O, null, Y((T = (ue = (ce = e.value) == null ? void 0 : ce.platform) == null ? void 0 : ue.mappings) == null ? void 0 : T.taxRoundingAdjustments, (pe, ee) => (d(), M(Me, {
-                key: `tax-rounding-adjustment-${ee}`,
-                modelValue: e.value.platform.mappings.taxRoundingAdjustments[ee],
-                "onUpdate:modelValue": (Ce) => e.value.platform.mappings.taxRoundingAdjustments[ee] = Ce,
-                options: {
-                  feedmeKey: { placeholder: "Feedme Key", editable: !0 },
-                  xeroAccount: {
-                    placeholder: "Select Tax Rounding Adjustment",
-                    editable: !0,
-                    dropdownOptions: f.accountCodeOptions.data ?? []
-                  }
-                },
-                removable: !0,
-                onRemove: () => $("taxRoundingAdjustments", ee)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
-            ])) : P("", !0),
-            t("div", Ht, [
-              a[18] || (a[18] = t("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
-              n(A, {
-                variant: "primary",
-                icon: "add",
-                onClick: a[7] || (a[7] = () => l("items"))
-              })
-            ]),
-            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (d(), S("div", Xt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : P("", !0),
-            !f.accountCodeOptions.isLoaded && ((g = e.value.platform) != null && g.accessToken) ? (d(), M(z, {
-              key: 4,
-              size: "xl"
-            })) : P("", !0),
-            ((U = f.accountCodeOptions.data) == null ? void 0 : U.length) > 0 ? (d(), S("div", Gt, [
-              (d(!0), S(O, null, Y((J = (I = (L = e.value) == null ? void 0 : L.platform) == null ? void 0 : I.mappings) == null ? void 0 : J.items, (pe, ee) => (d(), M(Me, {
-                key: `item-${ee}`,
-                modelValue: e.value.platform.mappings.items[ee],
-                "onUpdate:modelValue": (Ce) => e.value.platform.mappings.items[ee] = Ce,
-                options: {
-                  feedmeKey: { placeholder: "Feedme Key", editable: !0 },
-                  xeroAccount: {
-                    placeholder: "Select Item Code",
-                    editable: !0,
-                    dropdownOptions: f.accountCodeOptions.data ?? []
-                  }
-                },
-                removable: !0,
-                onRemove: () => $("items", ee)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
-            ])) : P("", !0),
-            t("div", Qt, [
-              a[19] || (a[19] = t("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
-              n(A, {
-                variant: "primary",
-                icon: "add",
-                onClick: a[8] || (a[8] = () => l("payments"))
-              })
-            ]),
-            f.accountCodeOptions.isError || e.value.platform.accessToken == null ? (d(), S("div", Jt, " Error connecting xero. Please connect to your Xero account to view the setting options. ")) : P("", !0),
-            !f.accountCodeOptions.isLoaded && ((ye = e.value.platform) != null && ye.accessToken) ? (d(), M(z, {
-              key: 7,
-              size: "xl"
-            })) : P("", !0),
-            ((ze = f.accountCodeOptions.data) == null ? void 0 : ze.length) > 0 ? (d(), S("div", Wt, [
-              (d(!0), S(O, null, Y((He = (qe = (Ye = e.value) == null ? void 0 : Ye.platform) == null ? void 0 : qe.mappings) == null ? void 0 : He.payments, (pe, ee) => (d(), M(Me, {
-                key: `payment-${ee}`,
-                modelValue: e.value.platform.mappings.payments[ee],
-                "onUpdate:modelValue": (Ce) => e.value.platform.mappings.payments[ee] = Ce,
-                options: {
-                  feedmeKey: { placeholder: "Feedme Key", editable: !0 },
-                  xeroAccount: {
-                    placeholder: "Select Payment Code",
-                    editable: !0,
-                    dropdownOptions: f.accountCodeOptions.data ?? []
-                  }
-                },
-                removable: !0,
-                onRemove: () => $("payments", ee)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
-            ])) : P("", !0)
-          ])
-        ])
-      ])) : P("", !0);
-    };
-  }
-}), eo = { class: "h-full flex flex-col gap-16" }, to = { class: "flex flex-row gap-2 justify-between items-center" }, oo = {
-  key: 0,
-  class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, ao = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lo = /* @__PURE__ */ G({
-  __name: "Preview",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const o = E([]), { t: e } = Z(), s = H(
-      () => o.value.reduce((u, b) => {
-        const C = u.length, { invoice: p, payments: v } = b;
-        u[C] = {
-          date: p.Date,
-          contact: p.Contact.ContactID,
-          status: p.Status,
-          ref: p.Reference
-        };
-        for (let r = 0; r < Math.max(p.LineItems.length, v.length); r++) {
-          const y = C + r;
-          u[y] || (u[y] = {}), p.LineItems[r] && (u[y] = {
-            ...u[y],
-            itemDescription: p.LineItems[r].Description,
-            itemQuantity: p.LineItems[r].Quantity,
-            itemUnitAmount: p.LineItems[r].UnitAmount,
-            // itemCode: invoice.LineItems[i].ItemCode,
-            itemAccount: p.LineItems[r].AccountCode,
-            itemTax: p.LineItems[r].TaxAmount,
-            itemTaxType: p.LineItems[r].TaxType,
-            itemAmount: p.LineItems[r].LineAmount,
-            itemDiscount: p.LineItems[r].DiscountAmount
-          }), v[r] && (u[y] = {
-            ...u[y],
-            paymentAccount: v[r].Account.Code,
-            paymentReference: v[r].Reference,
-            paymentAmount: v[r].Amount
-          });
-        }
-        return u;
-      }, [])
-    ), x = [
-      {
-        accessorKey: "date",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "status",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Status"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "ref",
-        header: "Reference",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemDescription",
-        header: () => K("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemQuantity",
-        header: "Item Quantity",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemUnitAmount",
-        header: "Item Unit Amount",
-        enableSorting: !1
-      },
-      // {
-      //   accessorKey: "itemCode",
-      //   header: "Item Code",
-      //   enableSorting: false
-      // },
-      {
-        accessorKey: "itemAccount",
-        header: () => K("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemTaxType",
-        header: "Item Tax Type",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemTax",
-        header: "Item Tax",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemAmount",
-        header: "Item Amount",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemDiscount",
-        header: "Item Discount",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentAccount",
-        header: "Payment Account",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentReference",
-        header: "Payment Reference",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentAmount",
-        header: "Payment Amount",
-        enableSorting: !1
-      }
-    ], k = W(f, "modelValue"), _ = E(!1), F = ge(), { dateRange: w } = Ke(ve());
-    _e(
-      () => w.value,
-      async () => {
-        if (k.value._id)
-          try {
-            _.value = !0, o.value = await Ne(k.value._id);
-          } catch (u) {
-            F.open({ message: u.message, type: "error" });
-          } finally {
-            _.value = !1;
-          }
-      },
-      {
-        immediate: !0
-      }
-    );
-    async function h() {
-      try {
-        k.value._id ? (_.value = !0, await je(k.value._id), F.open({ message: "Upload successful", type: "success" })) : F.open({ message: "Invalid accounting setting", type: "error" });
-      } catch (u) {
-        u.message && F.open({ message: u.message, type: "error" }), u.errors && u.errors.forEach((b) => F.open({ message: b.Message, type: "error" }));
-      } finally {
-        _.value = !1;
-      }
-    }
-    return (u, b) => {
-      const C = D("FmButton"), p = D("FmCircularProgress"), v = D("FmTable");
-      return d(), S("div", eo, [
-        t("div", to, [
-          n(Ie, {
-            "date-range": m(w),
-            "onUpdate:dateRange": b[0] || (b[0] = (r) => Ve(w) ? w.value = r : null),
-            compare: !1
-          }, null, 8, ["date-range"]),
-          n(C, {
-            loading: _.value,
-            variant: "primary",
-            label: "Upload",
-            onClick: h
-          }, null, 8, ["loading"])
-        ]),
-        _.value ? (d(), S("div", oo, [
-          n(p, { size: "xl" }),
-          t("span", ao, V(m(e)("report.common.isLoading")), 1)
-        ])) : s.value.length > 0 ? (d(), M(v, {
-          key: 1,
-          class: "flex overflow-y-auto",
-          "row-data": s.value,
-          "column-defs": x
-        }, null, 8, ["row-data"])) : P("", !0)
-      ]);
-    };
-  }
-}), no = { class: "h-full relative flex flex-col" }, so = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, io = /* @__PURE__ */ G({
-  __name: "Xero",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = E("setting"), x = E({}), k = E({}), _ = E({}), F = [
-      {
-        label: o("report.integration.setting"),
-        value: "setting",
-        icon: "settings"
-      },
-      {
-        label: o("report.integration.preview"),
-        value: "preview",
-        icon: "table"
-      }
-    ], w = fe(), h = H(() => {
-      switch (s.value) {
-        case "preview":
-          return { component: lo };
-        case "setting":
-          return {
-            component: Zt,
-            props: {
-              tenantOptions: x.value,
-              taxOptions: k.value,
-              accountCodeOptions: _.value
-            }
-          };
-        default:
-          return null;
-      }
-    });
-    async function u() {
-      if (e.value._id)
-        try {
-          const p = await We(e.value._id);
-          x.value.data = p.map((v) => ({
-            value: v.id,
-            label: v.name
-          }));
-        } catch (p) {
-          console.error("Failed to fetch tenants:", p), x.value.isError = !0;
-        } finally {
-          x.value.isLoaded = !0;
-        }
-    }
-    async function b() {
-      if (e.value._id)
-        try {
-          const p = await Ze(e.value._id);
-          k.value.data = p.map((v) => ({
-            value: v.Name,
-            label: `${v.Name} - (${v.EffectiveRate}%)`
-          }));
-        } catch (p) {
-          console.error("Failed to fetch taxes:", p), k.value.isError = !0;
-        } finally {
-          k.value.isLoaded = !0;
-        }
-    }
-    async function C() {
-      if (e.value._id)
-        try {
-          const p = await et(e.value._id);
-          _.value.data = p.map((v) => ({
-            value: v.Code,
-            label: `${v.Code} ${v.Name} - [${v.Class}_${v.Type}]`
-          }));
-        } catch (p) {
-          console.error("Failed to fetch accounts:", p), _.value.isError = !0;
-        } finally {
-          _.value.isLoaded = !0;
-        }
-    }
-    return _e(
-      () => {
-        var p;
-        return (p = e.value.platform) == null ? void 0 : p.accessToken;
-      },
-      (p) => {
-        p && (u(), b(), C());
-      },
-      { immediate: !0 }
-    ), (p, v) => {
-      var $, l, i;
-      const r = D("FmPageHead"), y = D("FmTabs");
-      return d(), S("div", no, [
-        n(r, {
-          title: (($ = e.value) == null ? void 0 : $.name) || "Xero",
-          "back-button": !0,
-          style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": m(w).back
-        }, {
-          description: we(() => v[2] || (v[2] = [
-            t("div", null, null, -1)
-          ])),
-          _: 1
-        }, 8, ["title", "onClick:back"]),
-        n(y, {
-          "model-value": s.value,
-          "onUpdate:modelValue": v[0] || (v[0] = (c) => s.value = c),
-          items: F
-        }, null, 8, ["model-value"]),
-        t("div", so, [
-          (d(), M(ke((l = h.value) == null ? void 0 : l.component), Oe({
-            modelValue: e.value,
-            "onUpdate:modelValue": v[1] || (v[1] = (c) => e.value = c)
-          }, (i = h.value) == null ? void 0 : i.props), null, 16, ["modelValue"]))
-        ])
-      ]);
-    };
-  }
-}), ro = { class: "mt-6 mb-6" }, mo = { class: "list-disc pl-6 space-y-1" }, Pe = /* @__PURE__ */ G({
-  __name: "ReferenceNumberGuideButton",
-  setup(f) {
-    const { t: o } = Z(), e = [
-      {
-        placeholder: "[NO]",
-        category: o("report.integration.refNumExplain.no.category"),
-        meaning: o("report.integration.refNumExplain.no.meaning"),
-        output: "123"
-      },
-      {
-        placeholder: "[DD]",
-        category: o("report.integration.refNumExplain.dd.category"),
-        meaning: o("report.integration.refNumExplain.dd.meaning"),
-        output: "27"
-      },
-      {
-        placeholder: "[MM]",
-        category: o("report.integration.refNumExplain.mm.category"),
-        meaning: o("report.integration.refNumExplain.mm.meaning"),
-        output: "09"
-      },
-      {
-        placeholder: "[YYYY]",
-        category: o("report.integration.refNumExplain.yyyy.category"),
-        meaning: o("report.integration.refNumExplain.yyyy.meaning"),
-        output: "2024"
-      },
-      {
-        placeholder: "[PAYMENT4]",
-        category: o("report.integration.refNumExplain.payment4.category"),
-        meaning: o("report.integration.refNumExplain.payment4.meaning"),
-        output: "CRED"
-      },
-      {
-        placeholder: "[PAYMENT5]",
-        category: o("report.integration.refNumExplain.payment5.category"),
-        meaning: o("report.integration.refNumExplain.payment5.meaning"),
-        output: "CREDI"
-      },
-      {
-        placeholder: "[5DIGIT]",
-        category: o("report.integration.refNumExplain.5digit.category"),
-        meaning: o("report.integration.refNumExplain.5digit.meaning"),
-        output: "[5DIGIT]"
-      }
-    ], s = [
-      {
-        accessorKey: "placeholder",
-        header: o("report.integration.placeholder")
-      },
-      {
-        accessorKey: "category",
-        header: o("report.integration.category")
-      },
-      {
-        accessorKey: "meaning",
-        header: o("report.integration.meaning")
-      },
-      {
-        accessorKey: "output",
-        header: o("report.integration.output")
-      }
-    ];
-    return (x, k) => {
-      const _ = D("FmIcon"), F = D("FmTable"), w = D("FmSideSheet");
-      return d(), M(w, {
-        header: m(o)("report.integration.refNumFormatInfo"),
-        "dismiss-away": "",
-        "max-width": 780
-      }, {
-        "side-sheet-button": we(() => [
-          n(_, {
-            name: "info",
-            color: "primary",
-            class: "cursor-pointer p-2"
-          })
-        ]),
-        default: we(() => [
-          t("div", ro, [
-            t("ul", mo, [
-              t("li", null, V(m(o)("report.integration.refNumGuide.1stPoint")), 1),
-              t("li", null, V(m(o)("report.integration.refNumGuide.2ndPoint")), 1),
-              t("li", null, V(m(o)("report.integration.refNumGuide.3ndPoint")), 1),
-              t("li", null, V(m(o)("report.integration.refNumGuide.4thPoint")), 1)
-            ])
-          ]),
-          n(F, {
-            "row-data": e,
-            "column-defs": s,
-            "shrink-at": !1,
-            "hide-footer": !0
-          })
-        ]),
-        _: 1
-      }, 8, ["header"]);
-    };
-  }
-}), co = {
-  key: 0,
-  class: "flex flex-col h-full"
-}, uo = { class: "flex flex-col gap-16 pb-[24px]" }, po = { class: "flex flex-row justify-between items-center gap-2" }, fo = { class: "fm-typo-en-title-sm-800" }, vo = { class: "flex flex-row gap-2 items-center" }, go = { class: "relative group cursor-pointer" }, yo = { 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" }, xo = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, _o = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, bo = { class: "flex flex-row items-center justify-between" }, wo = { class: "w-[25%]" }, ho = { class: "flex-grow" }, Vo = { class: "flex flex-row items-center justify-between" }, ko = { class: "w-[25%]" }, $o = { class: "flex-grow" }, Co = { class: "flex flex-col gap-16" }, So = { class: "fm-typo-en-title-sm-800" }, Do = { class: "flex flex-row items-center max-w-[100%]" }, Fo = { class: "w-[25%]" }, Uo = { class: "flex-grow" }, To = { class: "flex flex-row items-center max-w-[100%]" }, No = { class: "w-[25%]" }, Ao = { class: "flex flex-row items-center max-w-[100%]" }, Ko = { class: "w-[25%]" }, Io = { class: "flex flex-col gap-16" }, Ro = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Mo = { class: "flex flex-col gap-16 pt-3 pb-3" }, Po = { class: "flex flex-row items-center gap-5" }, jo = { class: "fm-typo-en-title-sm-800" }, Lo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Bo = { class: "flex flex-row items-center gap-x-16" }, Oo = { class: "fm-typo-en-title-sm-800" }, Eo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, zo = { class: "flex flex-row items-center gap-x-16" }, Yo = { class: "fm-typo-en-title-sm-800" }, qo = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ho = { class: "flex flex-row items-center gap-x-16" }, Xo = { class: "fm-typo-en-title-sm-800" }, Go = /* @__PURE__ */ G({
-  __name: "Setting",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const o = W(f, "modelValue"), e = ge(), s = $e(), x = fe(), { promptLoader: k } = De(), { promptMessage: _ } = Ae(), { restaurants: F } = ve(), w = H(
-      () => F.map((l) => ({ label: l.name, value: l.id }))
-    ), { t: h } = Z();
-    async function u() {
-      await _({
-        message: h("report.messages.confirmDelete", { name: o.value.name }),
-        title: h("report.common.delete")
-      }) && await k(async () => {
-        try {
-          await Fe(o.value._id), await s.getSettings(), x.back();
-        } catch (i) {
-          e.open({ type: "error", message: i.message });
-        }
-      });
-    }
-    async function b() {
-      await k(async () => {
-        try {
-          await Ue(o.value._id, o.value), await s.getSettings();
-        } catch (l) {
-          e.open({ type: "error", message: l.message });
-        }
-      });
-    }
-    function C(l, i) {
-      var c, a;
-      (a = (c = o.value.platform) == null ? void 0 : c.mappings) != null && a[l] && (o.value.platform.mappings[l] = o.value.platform.mappings[l].filter(
-        (N, A) => A !== i
-      ));
-    }
-    function p(l) {
-      var i, c;
-      if ((c = (i = o.value.platform) == null ? void 0 : i.mappings) != null && c[l]) {
-        let a;
-        switch (l) {
-          case "items":
-            a = {
-              key: "",
-              account: "",
-              accountName: ""
-            };
-            break;
-          case "payments":
-            a = {
-              key: "",
-              account: "",
-              accountName: "",
-              method: ""
-            };
-            break;
-          default:
-            a = {
-              key: "",
-              account: ""
-            };
-            break;
-        }
-        o.value.platform.mappings[l] = [
-          ...o.value.platform.mappings[l],
-          a
-        ];
-      }
-    }
-    const v = [
-      {
-        label: h("report.integration.grouping.byDay"),
-        value: be.BY_DAY
-      },
-      {
-        label: h("report.integration.grouping.byDayItem"),
-        value: be.BY_DAY_ITEM
-      },
-      {
-        label: h("report.integration.grouping.byInvoice"),
-        value: be.BY_INVOICE
-      },
-      {
-        label: h("report.integration.grouping.byDaySeparatePayment"),
-        value: be.BY_DAY_SEPARATE_PAYMENT
-      }
-    ];
-    function r({
-      key: l,
-      value: i
-    }) {
-      var c, a;
-      (a = (c = o.value) == null ? void 0 : c.platform) != null && a.mappings && (o.value.platform.mappings[l] = i);
-    }
-    function y(l) {
-      return {
-        key: { placeholder: l, editable: !1 },
-        account: { placeholder: l, editable: !0 }
-      };
-    }
-    async function $() {
-      await k(async () => {
-        try {
-          await Te(o.value._id), await s.getSettings();
-        } catch (l) {
-          e.open({ type: "error", message: l.message });
-        }
-      });
-    }
-    return Se(async () => {
-      await s.getSettings();
-    }), (l, i) => {
-      var z, Q, B, q, X, te, oe, ae, le, ne, se, ie, re, me, de, ce, ue, T;
-      const c = D("FmIcon"), a = D("FmButton"), N = D("FmMenuDivider"), A = D("FmTextField"), j = D("FmSelect");
-      return (Q = (z = o.value) == null ? void 0 : z.platform) != null && Q.mappings ? (d(), S("div", co, [
-        t("div", uo, [
-          t("div", po, [
-            t("div", fo, V(m(h)("report.integration.bukku.connect")), 1),
-            t("div", vo, [
-              t("div", go, [
-                n(c, {
-                  name: "refresh",
-                  class: "p-2 bg-gray-100 rounded-full",
-                  onClick: $
-                }),
-                t("span", yo, V(m(h)("report.integration.refreshSetting")), 1)
-              ]),
-              n(a, {
-                variant: "tertiary",
-                label: m(h)("report.common.delete"),
-                onClick: u
-              }, null, 8, ["label"]),
-              n(a, {
-                variant: "primary",
-                label: m(h)("report.common.update"),
-                onClick: b
-              }, null, 8, ["label"])
-            ])
-          ])
-        ]),
-        n(N, { style: { margin: 0 } }),
-        t("div", xo, [
-          t("div", _o, V(m(h)("report.integration.bukku.authentication")), 1),
-          t("div", bo, [
-            t("div", wo, V(m(h)("report.integration.subdomain")), 1),
-            t("div", ho, [
-              n(A, {
-                modelValue: o.value.platform.subdomain,
-                "onUpdate:modelValue": i[0] || (i[0] = (g) => o.value.platform.subdomain = g),
-                placeholder: m(h)("report.integration.subdomain")
-              }, null, 8, ["modelValue", "placeholder"])
-            ])
-          ]),
-          t("div", Vo, [
-            t("div", ko, V(m(h)("report.integration.token")), 1),
-            t("div", $o, [
-              n(A, {
-                modelValue: o.value.platform.token,
-                "onUpdate:modelValue": i[1] || (i[1] = (g) => o.value.platform.token = g),
-                placeholder: m(h)("report.integration.token")
-              }, null, 8, ["modelValue", "placeholder"])
-            ])
-          ]),
-          t("div", Co, [
-            t("div", So, V(m(h)("report.integration.general")), 1),
-            t("div", Do, [
-              t("div", Fo, V(m(h)("report.common.name")), 1),
-              t("div", Uo, [
-                n(A, {
-                  modelValue: o.value.name,
-                  "onUpdate:modelValue": i[2] || (i[2] = (g) => o.value.name = g)
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            t("div", To, [
-              t("div", No, V(m(h)("report.common.location")), 1),
-              n(j, {
-                modelValue: o.value.platform.locationIds,
-                "onUpdate:modelValue": i[3] || (i[3] = (g) => o.value.platform.locationIds = g),
-                multiselect: !0,
-                items: w.value,
-                placeholder: "Select location",
-                class: "flex-grow"
-              }, null, 8, ["modelValue", "items"])
-            ]),
-            t("div", Ao, [
-              t("div", Ko, V(m(h)("report.integration.grouping.title")), 1),
-              n(j, {
-                modelValue: o.value.platform.grouping,
-                "onUpdate:modelValue": i[4] || (i[4] = (g) => o.value.platform.grouping = g),
-                multiselect: !1,
-                items: v,
-                placeholder: "Select grouping",
-                class: "flex-grow"
-              }, null, 8, ["modelValue"])
-            ])
-          ]),
-          t("div", Io, [
-            t("div", Ro, [
-              n(R, {
-                "model-value": {
-                  key: "Contact",
-                  account: o.value.platform.mappings.contact.account
-                },
-                options: {
-                  key: {
-                    placeholder: "Contact",
-                    editable: !1
-                  },
-                  account: {
-                    placeholder: "Contact",
-                    editable: !0
-                  }
-                },
-                "onUpdate:modelValue": i[5] || (i[5] = (g) => {
-                  var U, L, I;
-                  (I = (L = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : L.mappings) != null && I.contact && (o.value.platform.mappings.contact.account = g.account);
-                })
-              }, null, 8, ["model-value"]),
-              n(R, {
-                "model-value": {
-                  key: "Rounding",
-                  account: o.value.platform.mappings.rounding.account
-                },
-                options: y("Rounding"),
-                "onUpdate:modelValue": i[6] || (i[6] = (g) => {
-                  var U, L, I;
-                  (I = (L = (U = o.value) == null ? void 0 : U.platform) == null ? void 0 : L.mappings) != null && I.rounding && (o.value.platform.mappings.rounding.account = g.account);
-                })
-              }, null, 8, ["model-value", "options"]),
-              (d(!0), S(O, null, Y((X = (q = (B = o.value) == null ? void 0 : B.platform) == null ? void 0 : q.mappings) == null ? void 0 : X.charges, (g, U) => (d(), M(R, {
-                key: `charge-${U}`,
-                modelValue: o.value.platform.mappings.charges[U],
-                "onUpdate:modelValue": (L) => o.value.platform.mappings.charges[U] = L,
-                options: {
-                  key: {
-                    placeholder: "Key",
-                    editable: !1
-                  },
-                  account: {
-                    placeholder: "Account code",
-                    editable: !0
-                  }
-                }
-              }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
-            ])
-          ]),
-          t("div", Mo, [
-            t("div", Po, [
-              t("div", jo, V(m(h)("report.integration.refNumFormat")), 1),
-              n(Pe)
-            ]),
-            t("div", Lo, [
-              n(R, {
-                "model-value": {
-                  key: "Invoice no",
-                  account: o.value.platform.mappings.invoiceDocNo
-                },
-                options: y("Invoice no"),
-                "onUpdate:modelValue": i[7] || (i[7] = (g) => r({ key: "invoiceDocNo", value: g.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Credit note no",
-                  account: o.value.platform.mappings.creditNoteDocNo
-                },
-                options: y("Credit note no"),
-                "onUpdate:modelValue": i[8] || (i[8] = (g) => r({ key: "creditNoteDocNo", value: g.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Payment no",
-                  account: o.value.platform.mappings.paymentDocNo
-                },
-                options: y("Payment no"),
-                "onUpdate:modelValue": i[9] || (i[9] = (g) => r({ key: "paymentDocNo", value: g.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Refund no",
-                  account: o.value.platform.mappings.refundDocNo
-                },
-                options: y("Refund no"),
-                "onUpdate:modelValue": i[10] || (i[10] = (g) => r({ key: "refundDocNo", value: g.account }))
-              }, null, 8, ["model-value", "options"])
-            ])
-          ]),
-          n(Re, {
-            modelValue: o.value.platform,
-            "onUpdate:modelValue": i[11] || (i[11] = (g) => o.value.platform = g),
-            label: "upload",
-            "last-upload-date": (te = o.value.platform) == null ? void 0 : te.lastUploadDate
-          }, null, 8, ["modelValue", "last-upload-date"]),
-          t("div", Bo, [
-            t("div", Oo, V(m(h)("report.integration.items")), 1),
-            n(a, {
-              variant: "primary",
-              icon: "add",
-              onClick: i[12] || (i[12] = () => p("items"))
-            })
-          ]),
-          t("div", Eo, [
-            (d(!0), S(O, null, Y((le = (ae = (oe = o.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.items, (g, U) => (d(), M(R, {
-              key: `item-${U}`,
-              modelValue: o.value.platform.mappings.items[U],
-              "onUpdate:modelValue": (L) => o.value.platform.mappings.items[U] = L,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                account: { placeholder: "Account code", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("items", U)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
-          ]),
-          t("div", zo, [
-            t("div", Yo, V(m(h)("report.integration.taxes")), 1),
-            n(a, {
-              variant: "primary",
-              icon: "add",
-              onClick: i[13] || (i[13] = () => p("taxes"))
-            })
-          ]),
-          t("div", qo, [
-            (d(!0), S(O, null, Y((ie = (se = (ne = o.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : ie.taxes, (g, U) => (d(), M(R, {
-              key: `tax-${U}`,
-              modelValue: o.value.platform.mappings.taxes[U],
-              "onUpdate:modelValue": (L) => o.value.platform.mappings.taxes[U] = L,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                account: { placeholder: "Account code", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("taxes", U)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-            (d(!0), S(O, null, Y((de = (me = (re = o.value) == null ? void 0 : re.platform) == null ? void 0 : me.mappings) == null ? void 0 : de.taxRoundingAdjustments, (g, U) => (d(), M(R, {
-              key: `tax-rounding-adjustment-${U}`,
-              modelValue: o.value.platform.mappings.taxRoundingAdjustments[U],
-              "onUpdate:modelValue": (L) => o.value.platform.mappings.taxRoundingAdjustments[U] = L,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                account: { placeholder: "Account code", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("taxRoundingAdjustments", U)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
-          ]),
-          t("div", Ho, [
-            t("div", Xo, V(m(h)("report.integration.payments")), 1),
-            n(a, {
-              variant: "primary",
-              icon: "add",
-              onClick: i[14] || (i[14] = () => p("payments"))
-            })
-          ]),
-          (d(!0), S(O, null, Y((T = (ue = (ce = o.value) == null ? void 0 : ce.platform) == null ? void 0 : ue.mappings) == null ? void 0 : T.payments, (g, U) => (d(), S("div", {
-            key: `payment-${U}`,
-            class: "grid-cols-1 grid gap-x-16"
-          }, [
-            n(R, {
-              modelValue: o.value.platform.mappings.payments[U],
-              "onUpdate:modelValue": (L) => o.value.platform.mappings.payments[U] = L,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                method: { placeholder: "Method", editable: !0 },
-                account: { placeholder: "Account code", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("payments", U)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"])
-          ]))), 128))
-        ])
-      ])) : P("", !0);
-    };
-  }
-}), Qo = { class: "h-full flex flex-col gap-16" }, Jo = { class: "flex flex-row gap-2 justify-between items-center" }, Wo = {
-  key: 0,
-  class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Zo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ea = /* @__PURE__ */ G({
-  __name: "Preview",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const o = E([]), e = H(
-      () => o.value.reduce((u, b) => {
-        const C = u.length, { invoice: p, payments: v } = b;
-        u[C] = {
-          no: p.number,
-          date: p.date,
-          contact: p._contact_name,
-          status: p.status,
-          title: p.title
-        };
-        for (let r = 0; r < Math.max(p.form_items.length, v.length); r++) {
-          const y = C + r;
-          u[y] || (u[y] = {});
-          const $ = p.form_items[r];
-          $ && (u[y] = {
-            ...u[y],
-            itemDescription: $.description,
-            itemQuantity: $.quantity,
-            itemUnitPrice: $.unit_price,
-            itemAccount: $._account_name,
-            itemTaxCode: $._tax_code_name,
-            itemDiscount: $.discount
-          });
-          const l = v[r];
-          l && (u[y] = {
-            ...u[y],
-            paymentNo: l.number,
-            paymentMethod: l.deposit_items[0]._payment_method_name,
-            paymentAccount: l.deposit_items[0]._account_name,
-            paymentDescription: l.description,
-            paymentAmount: l.amount
-          });
-        }
-        return u;
-      }, [])
-    ), { t: s } = Z(), x = [
-      {
-        accessorKey: "date",
-        header: () => K(
-          "p",
-          { class: "min-w-[90px] text-nowrap text-ellipsis" },
-          s("report.integration.table.date")
-        ),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "no",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, s("report.integration.table.no")),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "contact",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Contact"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "status",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Status"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "title",
-        header: "Title",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemDescription",
-        header: () => K("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemQuantity",
-        header: "Item Quantity",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemUnitPrice",
-        header: "Item Unit Price",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemAccount",
-        header: () => K("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemTaxCode",
-        header: "Item Tax Code",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemDiscount",
-        header: "Item Discount",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentNo",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment No"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentMethod",
-        header: "Payment Method",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentAccount",
-        header: "Payment Account",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentDescription",
-        header: "Payment Description",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentAmount",
-        header: "Payment Amount",
-        enableSorting: !1
-      }
-    ], k = W(f, "modelValue"), _ = E(!1), F = ge(), { dateRange: w } = Ke(ve());
-    _e(
-      () => w.value,
-      async () => {
-        if (k.value._id)
-          try {
-            _.value = !0, o.value = await Ne(k.value._id);
-          } catch (u) {
-            F.open({ message: u.message, type: "error" });
-          } finally {
-            _.value = !1;
-          }
-      },
-      {
-        immediate: !0
-      }
-    );
-    async function h() {
-      try {
-        k.value._id ? (_.value = !0, await je(k.value._id), F.open({ message: s("report.integration.uploadSuccess"), type: "success" })) : F.open({ message: s("report.integration.error.invalid"), type: "error" });
-      } catch (u) {
-        F.open({ message: u.message, type: "error" });
-      } finally {
-        _.value = !1;
-      }
-    }
-    return (u, b) => {
-      const C = D("FmButton"), p = D("FmCircularProgress"), v = D("FmTable");
-      return d(), S("div", Qo, [
-        t("div", Jo, [
-          n(Ie, {
-            "date-range": m(w),
-            "onUpdate:dateRange": b[0] || (b[0] = (r) => Ve(w) ? w.value = r : null),
-            compare: !1
-          }, null, 8, ["date-range"]),
-          n(C, {
-            loading: _.value,
-            variant: "primary",
-            label: m(s)("report.common.upload"),
-            onClick: h
-          }, null, 8, ["loading", "label"])
-        ]),
-        _.value ? (d(), S("div", Wo, [
-          n(p, { size: "xl" }),
-          t("span", Zo, V(m(s)("report.integration.table.loading")), 1)
-        ])) : e.value.length > 0 ? (d(), M(v, {
-          key: 1,
-          class: "flex overflow-y-auto",
-          "row-data": e.value,
-          "column-defs": x
-        }, null, 8, ["row-data"])) : P("", !0)
-      ]);
-    };
-  }
-}), ta = { class: "h-full relative flex flex-col" }, oa = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, aa = /* @__PURE__ */ G({
-  __name: "Bukku",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = E("setting"), x = [
-      {
-        label: o("report.integration.setting"),
-        value: "setting",
-        icon: "settings"
-      },
-      {
-        label: o("report.integration.preview"),
-        value: "preview",
-        icon: "table"
-      }
-    ], k = fe(), _ = H(() => {
-      switch (s.value) {
-        case "preview":
-          return ea;
-        case "setting":
-          return Go;
-        default:
-          return null;
-      }
-    });
-    return (F, w) => {
-      var b;
-      const h = D("FmPageHead"), u = D("FmTabs");
-      return d(), S("div", ta, [
-        n(h, {
-          title: ((b = e.value) == null ? void 0 : b.name) || "Bukku",
-          "back-button": !0,
-          style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": m(k).back
-        }, {
-          description: we(() => w[2] || (w[2] = [
-            t("div", null, null, -1)
-          ])),
-          _: 1
-        }, 8, ["title", "onClick:back"]),
-        n(u, {
-          "model-value": s.value,
-          "onUpdate:modelValue": w[0] || (w[0] = (C) => s.value = C),
-          items: x
-        }, null, 8, ["model-value"]),
-        t("div", oa, [
-          (d(), M(ke(_.value), {
-            modelValue: e.value,
-            "onUpdate:modelValue": w[1] || (w[1] = (C) => e.value = C)
-          }, null, 8, ["modelValue"]))
-        ])
-      ]);
-    };
-  }
-}), la = {
-  key: 0,
-  class: "flex flex-col h-full"
-}, na = { class: "flex flex-col gap-16 pb-[24px]" }, sa = { class: "flex flex-row justify-between items-center gap-2" }, ia = { class: "flex flex-row gap-2 items-center" }, ra = { class: "relative group cursor-pointer" }, ma = { class: "absolute left-1/2 -translate-x-2/3 top-full mt-2 w-max bg-gray-900 text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity" }, da = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, ca = { class: "flex flex-col gap-16" }, ua = { class: "fm-typo-en-title-sm-800" }, pa = { class: "flex flex-row items-center max-w-[100%]" }, fa = { class: "w-[25%]" }, va = { class: "flex-grow" }, ga = { class: "flex flex-row items-center max-w-[100%]" }, ya = { class: "w-[25%]" }, xa = { class: "flex flex-row items-center max-w-[100%]" }, _a = { class: "w-[25%]" }, ba = { class: "flex flex-col gap-16" }, wa = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ha = { class: "flex flex-col gap-16 pt-3 pb-3" }, Va = { class: "flex flex-row items-center gap-5" }, ka = { class: "fm-typo-en-title-sm-800" }, $a = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ca = { class: "flex flex-row items-center gap-x-16" }, Sa = { class: "fm-typo-en-title-sm-800" }, Da = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Fa = { class: "flex flex-row items-center gap-x-16" }, Ua = { class: "fm-typo-en-title-sm-800" }, Ta = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Na = { class: "flex flex-row items-center gap-x-16" }, Aa = { class: "fm-typo-en-title-sm-800" }, Ka = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ia = /* @__PURE__ */ G({
-  __name: "Setting",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = ge(), x = $e(), k = fe(), { promptLoader: _ } = De(), { promptMessage: F } = Ae(), { restaurants: w } = ve(), h = H(
-      () => w.map((l) => ({ label: l.name, value: l.id }))
-    );
-    async function u() {
-      await F({
-        message: o("report.messages.confirmDelete", { name: e.value.name }),
-        title: o("report.common.delete")
-      }) && await _(async () => {
-        try {
-          await Fe(e.value._id), await x.getSettings(), k.back();
-        } catch (i) {
-          s.open({ type: "error", message: i.message });
-        }
-      });
-    }
-    async function b() {
-      await _(async () => {
-        try {
-          await Ue(e.value._id, e.value), await x.getSettings();
-        } catch (l) {
-          s.open({ type: "error", message: l.message });
-        }
-      });
-    }
-    function C(l, i) {
-      var c, a;
-      (a = (c = e.value.platform) == null ? void 0 : c.mappings) != null && a[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
-        (N, A) => A !== i
-      ));
-    }
-    function p(l) {
-      var i, c;
-      (c = (i = e.value.platform) == null ? void 0 : i.mappings) != null && c[l] && (e.value.platform.mappings[l] = [
-        ...e.value.platform.mappings[l],
-        l === "items" ? {
-          key: "",
-          account: "",
-          description: ""
-        } : {
-          key: "",
-          account: ""
-        }
-      ]);
-    }
-    const v = [
-      {
-        label: "By day",
-        value: be.BY_DAY
-      },
-      {
-        label: "By invoice",
-        value: be.BY_INVOICE
-      },
-      {
-        label: "By day and category",
-        value: be.BY_DAY_CATEGORY
-      }
-    ];
-    function r({
-      key: l,
-      value: i
-    }) {
-      var c, a;
-      (a = (c = e.value) == null ? void 0 : c.platform) != null && a.mappings && (e.value.platform.mappings[l] = i);
-    }
-    function y(l) {
-      return {
-        key: { placeholder: l, editable: !1 },
-        account: { placeholder: l, editable: !0 }
-      };
-    }
-    async function $() {
-      await _(async () => {
-        try {
-          await Te(e.value._id), await x.getSettings();
-        } catch (l) {
-          s.open({ type: "error", message: l.message });
-        }
-      });
-    }
-    return Se(async () => {
-      await x.getSettings();
-    }), (l, i) => {
-      var z, Q, B, q, X, te, oe, ae, le, ne, se, ie, re, me, de, ce, ue;
-      const c = D("FmIcon"), a = D("FmButton"), N = D("FmMenuDivider"), A = D("FmTextField"), j = D("FmSelect");
-      return (Q = (z = e.value) == null ? void 0 : z.platform) != null && Q.mappings ? (d(), S("div", la, [
-        t("div", na, [
-          t("div", sa, [
-            i[14] || (i[14] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", ia, [
-              t("div", ra, [
-                n(c, {
-                  name: "refresh",
-                  class: "p-2 bg-gray-100 rounded-full",
-                  onClick: $
-                }),
-                t("span", ma, V(m(o)("report.integration.refreshSetting")), 1)
-              ]),
-              n(a, {
-                variant: "tertiary",
-                label: m(o)("report.common.remove"),
-                onClick: u
-              }, null, 8, ["label"]),
-              n(a, {
-                variant: "primary",
-                label: m(o)("report.common.update"),
-                onClick: b
-              }, null, 8, ["label"])
-            ])
-          ])
-        ]),
-        n(N, { style: { margin: 0 } }),
-        t("div", da, [
-          t("div", ca, [
-            t("div", ua, V(m(o)("report.integration.general")), 1),
-            t("div", pa, [
-              t("div", fa, V(m(o)("report.common.name")), 1),
-              t("div", va, [
-                n(A, {
-                  modelValue: e.value.name,
-                  "onUpdate:modelValue": i[0] || (i[0] = (T) => e.value.name = T)
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            t("div", ga, [
-              t("div", ya, V(m(o)("report.integration.location")), 1),
-              n(j, {
-                modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": i[1] || (i[1] = (T) => e.value.platform.locationIds = T),
-                multiselect: !0,
-                items: h.value,
-                placeholder: "Select location",
-                class: "flex-grow",
-                rules: [(T) => T.length !== 0 || "Please select at least 1 location"]
-              }, null, 8, ["modelValue", "items", "rules"])
-            ]),
-            t("div", xa, [
-              t("div", _a, V(m(o)("report.integration.grouping.title")), 1),
-              n(j, {
-                modelValue: e.value.platform.grouping,
-                "onUpdate:modelValue": i[2] || (i[2] = (T) => e.value.platform.grouping = T),
-                multiselect: !1,
-                items: v,
-                placeholder: "Select grouping",
-                class: "flex-grow"
-              }, null, 8, ["modelValue"])
-            ])
-          ]),
-          t("div", ba, [
-            t("div", wa, [
-              n(R, {
-                "model-value": { key: "Project", account: e.value.platform.mappings.project },
-                options: y("Project"),
-                "onUpdate:modelValue": i[3] || (i[3] = (T) => r({ key: "project", value: T.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
-                options: y("Debtor"),
-                "onUpdate:modelValue": i[4] || (i[4] = (T) => r({ key: "debtor", value: T.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Rounding",
-                  account: e.value.platform.mappings.rounding.account
-                },
-                options: y("Rounding"),
-                "onUpdate:modelValue": i[5] || (i[5] = (T) => {
-                  var g, U, L;
-                  (L = (U = (g = e.value) == null ? void 0 : g.platform) == null ? void 0 : U.mappings) != null && L.rounding && (e.value.platform.mappings.rounding.account = T.account);
-                })
-              }, null, 8, ["model-value", "options"]),
-              (d(!0), S(O, null, Y((X = (q = (B = e.value) == null ? void 0 : B.platform) == null ? void 0 : q.mappings) == null ? void 0 : X.charges, (T, g) => (d(), M(R, {
-                key: `charge-${g}`,
-                modelValue: e.value.platform.mappings.charges[g],
-                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[g] = U,
-                options: {
-                  key: { placeholder: "Key", editable: !1 },
-                  account: { placeholder: "Account code", editable: !0 }
-                }
-              }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
-            ])
-          ]),
-          t("div", ha, [
-            t("div", Va, [
-              t("div", ka, V(m(o)("report.integration.refNumFormat")), 1),
-              n(Pe)
-            ]),
-            t("div", $a, [
-              n(R, {
-                "model-value": {
-                  key: "Invoice no",
-                  account: e.value.platform.mappings.invoiceDocNo
-                },
-                options: y("Invoice no"),
-                "onUpdate:modelValue": i[6] || (i[6] = (T) => r({ key: "invoiceDocNo", value: T.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Credit note no",
-                  account: e.value.platform.mappings.creditNoteDocNo
-                },
-                options: y("Credit note no"),
-                "onUpdate:modelValue": i[7] || (i[7] = (T) => r({ key: "creditNoteDocNo", value: T.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Payment no",
-                  account: e.value.platform.mappings.paymentDocNo
-                },
-                options: y("Payment no"),
-                "onUpdate:modelValue": i[8] || (i[8] = (T) => r({ key: "paymentDocNo", value: T.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Refund no",
-                  account: e.value.platform.mappings.refundDocNo
-                },
-                options: y("Refund no"),
-                "onUpdate:modelValue": i[9] || (i[9] = (T) => r({ key: "refundDocNo", value: T.account }))
-              }, null, 8, ["model-value", "options"])
-            ])
-          ]),
-          n(Re, {
-            modelValue: e.value.platform,
-            "onUpdate:modelValue": i[10] || (i[10] = (T) => e.value.platform = T),
-            label: m(o)("report.input.email")
-          }, null, 8, ["modelValue", "label"]),
-          t("div", Ca, [
-            t("div", Sa, V(m(o)("report.integration.items")), 1),
-            n(a, {
-              variant: "primary",
-              icon: "add",
-              onClick: i[11] || (i[11] = () => p("items"))
-            })
-          ]),
-          t("div", Da, [
-            (d(!0), S(O, null, Y((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.items, (T, g) => (d(), M(R, {
-              key: `item-${g}`,
-              modelValue: e.value.platform.mappings.items[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[g] = U,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                account: { placeholder: "Account code", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("items", g)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
-          ]),
-          t("div", Fa, [
-            t("div", Ua, V(m(o)("report.integration.taxes")), 1),
-            n(a, {
-              variant: "primary",
-              icon: "add",
-              onClick: i[12] || (i[12] = () => p("taxes"))
-            })
-          ]),
-          t("div", Ta, [
-            (d(!0), S(O, null, Y((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.taxes, (T, g) => (d(), M(R, {
-              key: `tax-${g}`,
-              modelValue: e.value.platform.mappings.taxes[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[g] = U,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                account: { placeholder: "Account code", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("taxes", g)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-            (d(!0), S(O, null, Y((me = (re = (ie = e.value) == null ? void 0 : ie.platform) == null ? void 0 : re.mappings) == null ? void 0 : me.taxRoundingAdjustments, (T, g) => (d(), M(R, {
-              key: `tax-rounding-adjustment-${g}`,
-              modelValue: e.value.platform.mappings.taxRoundingAdjustments[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxRoundingAdjustments[g] = U,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                account: { placeholder: "Account code", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("taxRoundingAdjustments", g)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
-          ]),
-          t("div", Na, [
-            t("div", Aa, V(m(o)("report.integration.payments")), 1),
-            n(a, {
-              variant: "primary",
-              icon: "add",
-              onClick: i[13] || (i[13] = () => p("payments"))
-            })
-          ]),
-          t("div", Ka, [
-            (d(!0), S(O, null, Y((ue = (ce = (de = e.value) == null ? void 0 : de.platform) == null ? void 0 : ce.mappings) == null ? void 0 : ue.payments, (T, g) => (d(), M(R, {
-              key: `payment-${g}`,
-              modelValue: e.value.platform.mappings.payments[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[g] = U,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                account: { placeholder: "Payment name", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("payments", g)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
-          ])
-        ])
-      ])) : P("", !0);
-    };
-  }
-}), Ra = { 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"
-}, ja = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, La = /* @__PURE__ */ G({
-  __name: "Preview",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = E([]), s = H(
-      () => e.value.reduce((u, b) => {
-        const C = u.length, { invoice: p, payments: v } = b;
-        u[C] = {
-          date: p.DocDate,
-          docNo: p.DocNo,
-          projNo: p.ProjNo,
-          debtor: p.DebtorCode,
-          description: p.Description
-        };
-        for (let r = 0; r < Math.max(p._items.length, v.length); r++) {
-          const y = C + r;
-          u[y] || (u[y] = {}), p._items[r] && (u[y] = {
-            ...u[y],
-            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
-          }), v[r] && (u[y] = {
-            ...u[y],
-            paymentDocNo: v[r].DocNo,
-            paymentMethod: v[r].paymentMethod,
-            paymentDescription: v[r].Description,
-            paymentAmount: v[r].PaymentAmt
-          });
-        }
-        return u;
-      }, [])
-    ), x = [
-      {
-        accessorKey: "date",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "docNo",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Doc No"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "projNo",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Project"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "debtor",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Debtor"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "description",
-        header: "Description",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemAccount",
-        header: () => K("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemTaxCode",
-        header: "Item Tax Code",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemDescription",
-        header: () => K("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemUnitPrice",
-        header: "Item Unit Price",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemTax",
-        header: "Item Tax",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentDocNo",
-        header: "Payment Doc No",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentMethod",
-        header: "Payment Method",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentDescription",
-        header: "Payment Description",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentAmount",
-        header: "Payment Amount",
-        enableSorting: !1
-      }
-    ], k = W(f, "modelValue"), _ = E(!1), F = ge(), { dateRange: w } = Ke(ve());
-    _e(
-      () => w.value,
-      async () => {
-        if (k.value._id)
-          try {
-            _.value = !0, e.value = await Ne(k.value._id);
-          } catch (u) {
-            F.open({ message: u.message, type: "error" });
-          } finally {
-            _.value = !1;
-          }
-      },
-      {
-        immediate: !0
-      }
-    );
-    async function h() {
-      try {
-        k.value._id ? (_.value = !0, await Le(k.value._id)) : F.open({ message: "Invalid accounting setting", type: "error" });
-      } catch (u) {
-        F.open({ message: u.message, type: "error" });
-      } finally {
-        _.value = !1;
-      }
-    }
-    return (u, b) => {
-      const C = D("FmButton"), p = D("FmCircularProgress"), v = D("FmTable");
-      return d(), S("div", Ra, [
-        t("div", Ma, [
-          n(Ie, {
-            "date-range": m(w),
-            "onUpdate:dateRange": b[0] || (b[0] = (r) => Ve(w) ? w.value = r : null),
-            compare: !1
-          }, null, 8, ["date-range"]),
-          n(C, {
-            loading: _.value,
-            variant: "primary",
-            label: m(o)("report.common.download"),
-            onClick: h
-          }, null, 8, ["loading", "label"])
-        ]),
-        _.value ? (d(), S("div", Pa, [
-          n(p, { size: "xl" }),
-          t("span", ja, V(m(o)("report.common.isLoading")), 1)
-        ])) : s.value.length > 0 ? (d(), M(v, {
-          key: 1,
-          class: "flex overflow-y-auto",
-          "row-data": s.value,
-          "column-defs": x
-        }, null, 8, ["row-data"])) : P("", !0)
-      ]);
-    };
-  }
-}), Ba = { class: "h-full relative flex flex-col" }, Oa = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ea = /* @__PURE__ */ G({
-  __name: "AutoCount",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = E("setting"), x = [
-      {
-        label: o("report.integration.setting"),
-        value: "setting",
-        icon: "settings"
-      },
-      {
-        label: o("report.integration.preview"),
-        value: "preview",
-        icon: "table"
-      }
-    ], k = fe(), _ = H(() => {
-      switch (s.value) {
-        case "preview":
-          return La;
-        case "setting":
-          return Ia;
-        default:
-          return null;
-      }
-    });
-    return (F, w) => {
-      var b;
-      const h = D("FmPageHead"), u = D("FmTabs");
-      return d(), S("div", Ba, [
-        n(h, {
-          title: ((b = e.value) == null ? void 0 : b.name) || "AutoCount",
-          "back-button": !0,
-          style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": m(k).back
-        }, {
-          description: we(() => w[2] || (w[2] = [
-            t("div", null, null, -1)
-          ])),
-          _: 1
-        }, 8, ["title", "onClick:back"]),
-        n(u, {
-          "model-value": s.value,
-          "onUpdate:modelValue": w[0] || (w[0] = (C) => s.value = C),
-          items: x
-        }, null, 8, ["model-value"]),
-        t("div", Oa, [
-          (d(), M(ke(_.value), {
-            modelValue: e.value,
-            "onUpdate:modelValue": w[1] || (w[1] = (C) => e.value = C)
-          }, null, 8, ["modelValue"]))
-        ])
-      ]);
-    };
-  }
-}), za = {
-  key: 0,
-  class: "flex flex-col h-full"
-}, Ya = { class: "flex flex-col gap-16 pb-[24px]" }, qa = { class: "flex flex-row justify-between items-center gap-2" }, Ha = { class: "flex flex-row gap-2 items-center" }, Xa = { class: "relative group cursor-pointer" }, Ga = { 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" }, Qa = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Ja = { class: "flex flex-col gap-16" }, Wa = { class: "fm-typo-en-title-sm-800" }, Za = { class: "flex flex-row items-center max-w-[100%]" }, el = { class: "w-[25%]" }, tl = { class: "flex-grow" }, ol = { class: "flex flex-row items-center max-w-[100%]" }, al = { class: "w-[25%]" }, ll = { class: "flex flex-row items-center max-w-[100%]" }, nl = { class: "w-[25%]" }, sl = { class: "flex flex-col gap-16" }, il = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, rl = { class: "grid-cols-1 grid gap-16" }, ml = { class: "flex flex-col gap-16 pt-3 pb-3" }, dl = { class: "flex flex-row items-center gap-5" }, cl = { class: "fm-typo-en-title-sm-800" }, ul = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, pl = { class: "flex flex-row items-center gap-x-16" }, fl = { class: "fm-typo-en-title-sm-800" }, vl = { class: "grid-cols-1 grid gap-16" }, gl = { class: "flex flex-row items-center gap-x-16" }, yl = { class: "fm-typo-en-title-sm-800" }, xl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, _l = { class: "flex flex-row items-center gap-x-16" }, bl = { class: "fm-typo-en-title-sm-800" }, wl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, hl = /* @__PURE__ */ G({
-  __name: "Setting",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = ge(), x = $e(), k = fe(), { promptLoader: _ } = De(), { promptMessage: F } = Ae(), { restaurants: w } = ve(), h = H(
-      () => w.map((l) => ({ label: l.name, value: l.id }))
-    );
-    async function u() {
-      await F({
-        message: o("report.messages.confirmDelete", { name: e.value.name }),
-        title: o("report.common.delete")
-      }) && await _(async () => {
-        try {
-          await Fe(e.value._id), await x.getSettings(), k.back();
-        } catch (i) {
-          s.open({ type: "error", message: i.message });
-        }
-      });
-    }
-    async function b() {
-      await _(async () => {
-        try {
-          await Ue(e.value._id, e.value), await x.getSettings();
-        } catch (l) {
-          s.open({ type: "error", message: l.message });
-        }
-      });
-    }
-    function C(l, i) {
-      var c, a;
-      (a = (c = e.value.platform) == null ? void 0 : c.mappings) != null && a[l] && (e.value.platform.mappings[l] = e.value.platform.mappings[l].filter(
-        (N, A) => A !== i
-      ));
-    }
-    function p(l) {
-      var i, c;
-      (c = (i = e.value.platform) == null ? void 0 : i.mappings) != null && c[l] && (e.value.platform.mappings[l] = [
-        ...e.value.platform.mappings[l],
-        l === "items" ? {
-          key: "",
-          account: "",
-          description: ""
-        } : {
-          key: "",
-          account: "",
-          description: ""
-        }
-      ]);
-    }
-    const v = [
-      {
-        label: "By day",
-        value: be.BY_DAY
-      },
-      {
-        label: "By invoice",
-        value: be.BY_INVOICE
-      },
-      {
-        label: "By day and category",
-        value: be.BY_DAY_CATEGORY
-      }
-    ];
-    function r({
-      key: l,
-      value: i
-    }) {
-      var c, a;
-      (a = (c = e.value) == null ? void 0 : c.platform) != null && a.mappings && (e.value.platform.mappings[l] = i);
-    }
-    function y(l) {
-      return {
-        key: { placeholder: l, editable: !1 },
-        account: { placeholder: l, editable: !0 }
-      };
-    }
-    async function $() {
-      await _(async () => {
-        try {
-          await Te(e.value._id), await x.getSettings();
-        } catch (l) {
-          s.open({ type: "error", message: l.message });
-        }
-      });
-    }
-    return Se(async () => {
-      await x.getSettings();
-    }), (l, i) => {
-      var z, Q, B, q, X, te, oe, ae, le, ne, se, ie, re, me, de, ce, ue;
-      const c = D("FmIcon"), a = D("FmButton"), N = D("FmMenuDivider"), A = D("FmTextField"), j = D("FmSelect");
-      return (Q = (z = e.value) == null ? void 0 : z.platform) != null && Q.mappings ? (d(), S("div", za, [
-        t("div", Ya, [
-          t("div", qa, [
-            i[15] || (i[15] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Ha, [
-              t("div", Xa, [
-                n(c, {
-                  name: "refresh",
-                  class: "p-2 bg-gray-100 rounded-full",
-                  onClick: $
-                }),
-                t("span", Ga, V(m(o)("report.integration.refreshSetting")), 1)
-              ]),
-              n(a, {
-                variant: "tertiary",
-                label: m(o)("report.common.delete"),
-                onClick: u
-              }, null, 8, ["label"]),
-              n(a, {
-                variant: "primary",
-                label: m(o)("report.common.update"),
-                onClick: b
-              }, null, 8, ["label"])
-            ])
-          ])
-        ]),
-        n(N, { style: { margin: 0 } }),
-        t("div", Qa, [
-          t("div", Ja, [
-            t("div", Wa, V(m(o)("report.integration.general")), 1),
-            t("div", Za, [
-              t("div", el, V(m(o)("report.common.name")), 1),
-              t("div", tl, [
-                n(A, {
-                  modelValue: e.value.name,
-                  "onUpdate:modelValue": i[0] || (i[0] = (T) => e.value.name = T)
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            t("div", ol, [
-              t("div", al, V(m(o)("report.integration.location")), 1),
-              n(j, {
-                modelValue: e.value.platform.locationIds,
-                "onUpdate:modelValue": i[1] || (i[1] = (T) => e.value.platform.locationIds = T),
-                multiselect: !0,
-                items: h.value,
-                placeholder: "Select location",
-                class: "flex-grow",
-                rules: [(T) => T.length !== 0 || "Please select at least 1 location"]
-              }, null, 8, ["modelValue", "items", "rules"])
-            ]),
-            t("div", ll, [
-              t("div", nl, V(m(o)("report.integration.grouping.title")), 1),
-              n(j, {
-                modelValue: e.value.platform.grouping,
-                "onUpdate:modelValue": i[2] || (i[2] = (T) => e.value.platform.grouping = T),
-                multiselect: !1,
-                items: v,
-                placeholder: "Select grouping",
-                class: "flex-grow"
-              }, null, 8, ["modelValue"])
-            ])
-          ]),
-          t("div", sl, [
-            t("div", il, [
-              n(R, {
-                "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
-                options: y("Debtor"),
-                "onUpdate:modelValue": i[3] || (i[3] = (T) => r({ key: "debtor", value: T.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Project header",
-                  account: e.value.platform.mappings.projectHeader
-                },
-                options: y("Project header"),
-                "onUpdate:modelValue": i[4] || (i[4] = (T) => r({ key: "projectHeader", value: T.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Project detail",
-                  account: e.value.platform.mappings.projectDetail
-                },
-                options: y("Project detail"),
-                "onUpdate:modelValue": i[5] || (i[5] = (T) => r({ key: "projectDetail", value: T.account }))
-              }, null, 8, ["model-value", "options"])
-            ]),
-            t("div", rl, [
-              n(R, {
-                "model-value": {
-                  key: "Rounding",
-                  account: e.value.platform.mappings.rounding.account,
-                  code: e.value.platform.mappings.rounding.code
-                },
-                options: {
-                  key: { placeholder: "Rounding", editable: !1 },
-                  account: { placeholder: "Account code", editable: !0 },
-                  code: { placeholder: "Item code", editable: !0 }
-                },
-                "onUpdate:modelValue": i[6] || (i[6] = (T) => {
-                  var g, U, L;
-                  (L = (U = (g = e.value) == null ? void 0 : g.platform) == null ? void 0 : U.mappings) != null && L.rounding && (e.value.platform.mappings.rounding.account = T.account, e.value.platform.mappings.rounding.code = T.code);
-                })
-              }, null, 8, ["model-value"]),
-              (d(!0), S(O, null, Y((X = (q = (B = e.value) == null ? void 0 : B.platform) == null ? void 0 : q.mappings) == null ? void 0 : X.charges, (T, g) => (d(), M(R, {
-                key: `charge-${g}`,
-                modelValue: e.value.platform.mappings.charges[g],
-                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[g] = U,
-                options: {
-                  key: { placeholder: "Key", editable: !1 },
-                  account: { placeholder: "Account code", editable: !0 },
-                  code: { placeholder: "Item code", editable: !0 }
-                }
-              }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
-            ])
-          ]),
-          t("div", ml, [
-            t("div", dl, [
-              t("div", cl, V(m(o)("report.integration.refNumFormat")), 1),
-              n(Pe)
-            ]),
-            t("div", ul, [
-              n(R, {
-                "model-value": {
-                  key: "Invoice no",
-                  account: e.value.platform.mappings.invoiceDocNo
-                },
-                options: y("Invoice no"),
-                "onUpdate:modelValue": i[7] || (i[7] = (T) => r({ key: "invoiceDocNo", value: T.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Credit note no",
-                  account: e.value.platform.mappings.creditNoteDocNo
-                },
-                options: y("Credit note no"),
-                "onUpdate:modelValue": i[8] || (i[8] = (T) => r({ key: "creditNoteDocNo", value: T.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Payment no",
-                  account: e.value.platform.mappings.paymentDocNo
-                },
-                options: y("Payment no"),
-                "onUpdate:modelValue": i[9] || (i[9] = (T) => r({ key: "paymentDocNo", value: T.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Refund no",
-                  account: e.value.platform.mappings.refundDocNo
-                },
-                options: y("Refund no"),
-                "onUpdate:modelValue": i[10] || (i[10] = (T) => r({ key: "refundDocNo", value: T.account }))
-              }, null, 8, ["model-value", "options"])
-            ])
-          ]),
-          n(Re, {
-            modelValue: e.value.platform,
-            "onUpdate:modelValue": i[11] || (i[11] = (T) => e.value.platform = T),
-            label: "email"
-          }, null, 8, ["modelValue"]),
-          t("div", pl, [
-            t("div", fl, V(m(o)("report.integration.items")), 1),
-            n(a, {
-              variant: "primary",
-              icon: "add",
-              onClick: i[12] || (i[12] = () => p("items"))
-            })
-          ]),
-          t("div", vl, [
-            (d(!0), S(O, null, Y((ae = (oe = (te = e.value) == null ? void 0 : te.platform) == null ? void 0 : oe.mappings) == null ? void 0 : ae.items, (T, g) => (d(), M(R, {
-              key: `item-${g}`,
-              modelValue: e.value.platform.mappings.items[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[g] = U,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                account: { placeholder: "Account code", editable: !0 },
-                code: { placeholder: "Item code", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("items", g)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
-          ]),
-          t("div", gl, [
-            t("div", yl, V(m(o)("report.integration.taxes")), 1),
-            n(a, {
-              variant: "primary",
-              icon: "add",
-              onClick: i[13] || (i[13] = () => p("taxes"))
-            })
-          ]),
-          t("div", xl, [
-            (d(!0), S(O, null, Y((se = (ne = (le = e.value) == null ? void 0 : le.platform) == null ? void 0 : ne.mappings) == null ? void 0 : se.taxes, (T, g) => (d(), M(R, {
-              key: `tax-${g}`,
-              modelValue: e.value.platform.mappings.taxes[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[g] = U,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                account: { placeholder: "Account code", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("taxes", g)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-            (d(!0), S(O, null, Y((me = (re = (ie = e.value) == null ? void 0 : ie.platform) == null ? void 0 : re.mappings) == null ? void 0 : me.taxRoundingAdjustments, (T, g) => (d(), M(R, {
-              key: `tax-rounding-adjustment-${g}`,
-              modelValue: e.value.platform.mappings.taxRoundingAdjustments[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxRoundingAdjustments[g] = U,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                account: { placeholder: "Account code", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("taxRoundingAdjustments", g)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
-          ]),
-          t("div", _l, [
-            t("div", bl, V(m(o)("report.integration.payments")), 1),
-            n(a, {
-              variant: "primary",
-              icon: "add",
-              onClick: i[14] || (i[14] = () => p("payments"))
-            })
-          ]),
-          t("div", wl, [
-            (d(!0), S(O, null, Y((ue = (ce = (de = e.value) == null ? void 0 : de.platform) == null ? void 0 : ce.mappings) == null ? void 0 : ue.payments, (T, g) => (d(), M(R, {
-              key: `payment-${g}`,
-              modelValue: e.value.platform.mappings.payments[g],
-              "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[g] = U,
-              options: {
-                key: { placeholder: "Key", editable: !0 },
-                account: { placeholder: "Method", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("payments", g)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
-          ])
-        ])
-      ])) : P("", !0);
-    };
-  }
-}), Vl = { class: "h-full flex flex-col gap-16" }, kl = { class: "flex flex-row gap-2 justify-between items-center" }, $l = {
-  key: 0,
-  class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, Cl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Sl = /* @__PURE__ */ G({
-  __name: "Preview",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = E([]), s = H(
-      () => e.value.reduce((u, b) => {
-        const C = u.length, { invoice: p, payments: v } = b;
-        u[C] = {
-          date: p.DocDate,
-          docNo: p.DocNo,
-          debtor: p.Code,
-          description: p.Description_HDR
-        };
-        for (let r = 0; r < Math.max(p._items.length, v.length); r++) {
-          const y = C + r;
-          u[y] || (u[y] = {}), p._items[r] && (u[y] = {
-            ...u[y],
-            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
-          }), v[r] && (u[y] = {
-            ...u[y],
-            paymentDocNo: v[r].DOCNO_Header,
-            paymentMethod: v[r].PAYMENTMETHOD,
-            paymentAccount: v[r].CODE,
-            paymentDescription: v[r].DESCRIPTION,
-            paymentAmount: v[r].KOAMT
-          });
-        }
-        return u;
-      }, [])
-    ), x = [
-      {
-        accessorKey: "date",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "docNo",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Doc No"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "debtor",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Debtor"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "description",
-        header: "Description",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemAccount",
-        header: () => K("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemTaxCode",
-        header: "Item Tax Code",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemDescription",
-        header: () => K("p", { class: "min-w-[140px] text-nowrap text-ellipsis" }, "Item Description"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemUnitPrice",
-        header: "Item Unit Price",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "itemTax",
-        header: "Item Tax",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentDocNo",
-        header: "Payment Doc No",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentMethod",
-        header: "Payment Method",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentDescription",
-        header: "Payment Description",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "paymentAmount",
-        header: "Payment Amount",
-        enableSorting: !1
-      }
-    ], k = W(f, "modelValue"), _ = E(!1), F = ge(), { dateRange: w } = Ke(ve());
-    _e(
-      () => w.value,
-      async () => {
-        if (k.value._id)
-          try {
-            _.value = !0, e.value = await Ne(k.value._id);
-          } catch (u) {
-            F.open({ message: u.message, type: "error" });
-          } finally {
-            _.value = !1;
-          }
-      },
-      {
-        immediate: !0
-      }
-    );
-    async function h() {
-      try {
-        k.value._id ? (_.value = !0, await Le(k.value._id)) : F.open({ message: "Invalid accounting setting", type: "error" });
-      } catch (u) {
-        F.open({ message: u.message, type: "error" });
-      } finally {
-        _.value = !1;
-      }
-    }
-    return (u, b) => {
-      const C = D("FmButton"), p = D("FmCircularProgress"), v = D("FmTable");
-      return d(), S("div", Vl, [
-        t("div", kl, [
-          n(Ie, {
-            "date-range": m(w),
-            "onUpdate:dateRange": b[0] || (b[0] = (r) => Ve(w) ? w.value = r : null),
-            compare: !1
-          }, null, 8, ["date-range"]),
-          n(C, {
-            loading: _.value,
-            variant: "primary",
-            label: m(o)("report.common.download"),
-            onClick: h
-          }, null, 8, ["loading", "label"])
-        ]),
-        _.value ? (d(), S("div", $l, [
-          n(p, { size: "xl" }),
-          t("span", Cl, V(m(o)("report.common.isLoading")), 1)
-        ])) : s.value.length > 0 ? (d(), M(v, {
-          key: 1,
-          class: "flex overflow-y-auto",
-          "row-data": s.value,
-          "column-defs": x
-        }, null, 8, ["row-data"])) : P("", !0)
-      ]);
-    };
-  }
-}), Dl = { class: "h-full relative flex flex-col" }, Fl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ul = /* @__PURE__ */ G({
-  __name: "SQL",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = E("setting"), x = [
-      {
-        label: o("report.integration.setting"),
-        value: "setting",
-        icon: "settings"
-      },
-      {
-        label: o("report.integration.preview"),
-        value: "preview",
-        icon: "table"
-      }
-    ], k = fe(), _ = H(() => {
-      switch (s.value) {
-        case "preview":
-          return Sl;
-        case "setting":
-          return hl;
-        default:
-          return null;
-      }
-    });
-    return (F, w) => {
-      var b;
-      const h = D("FmPageHead"), u = D("FmTabs");
-      return d(), S("div", Dl, [
-        n(h, {
-          title: ((b = e.value) == null ? void 0 : b.name) || "SQL",
-          "back-button": !0,
-          style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": m(k).back
-        }, {
-          description: we(() => w[2] || (w[2] = [
-            t("div", null, null, -1)
-          ])),
-          _: 1
-        }, 8, ["title", "onClick:back"]),
-        n(u, {
-          "model-value": s.value,
-          "onUpdate:modelValue": w[0] || (w[0] = (C) => s.value = C),
-          items: x
-        }, null, 8, ["model-value"]),
-        t("div", Fl, [
-          (d(), M(ke(_.value), {
-            modelValue: e.value,
-            "onUpdate:modelValue": w[1] || (w[1] = (C) => e.value = C)
-          }, null, 8, ["modelValue"]))
-        ])
-      ]);
-    };
-  }
-}), Tl = {
-  key: 0,
-  class: "flex flex-col h-full"
-}, Nl = { class: "flex flex-col gap-16 pb-[24px]" }, Al = { class: "flex flex-row justify-between items-center gap-2" }, Kl = { class: "fm-typo-en-title-sm-800" }, Il = { class: "flex flex-row gap-2 items-center" }, Rl = { class: "flex flex-row gap-2 items-center" }, Ml = { class: "relative group cursor-pointer" }, Pl = { 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" }, Ll = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bl = { class: "flex flex-row items-center max-w-[100%]" }, Ol = { class: "w-[25%]" }, El = { class: "flex-grow" }, zl = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Yl = { class: "flex flex-row items-center justify-between" }, ql = { class: "w-[25%]" }, Hl = { class: "flex-grow" }, Xl = { class: "flex flex-row items-center justify-between" }, Gl = { class: "w-[25%]" }, Ql = { class: "flex-grow" }, Jl = { class: "flex flex-col gap-16" }, Wl = { class: "fm-typo-en-title-sm-800" }, Zl = { class: "flex flex-row items-center max-w-[100%]" }, en = { class: "w-[25%]" }, tn = { class: "flex-grow" }, on = { class: "flex flex-row items-center max-w-[100%]" }, an = { class: "w-[25%]" }, ln = { class: "flex flex-row items-center max-w-[100%]" }, nn = { class: "w-[25%]" }, sn = {
-  key: 0,
-  class: "flex flex-row items-center max-w-[100%]"
-}, rn = { class: "flex flex-col gap-16" }, mn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, dn = { key: 1 }, cn = { class: "flex flex-col gap-16 pt-3 pb-3" }, un = { class: "flex flex-row items-center gap-5" }, pn = { class: "fm-typo-en-title-sm-800" }, fn = { class: "flex flex-row items-center max-w-[100%]" }, vn = { class: "flex-grow" }, gn = { class: "flex flex-row items-center max-w-[100%]" }, yn = { class: "flex-grow" }, xn = { class: "flex flex-row items-center gap-x-16" }, _n = { class: "fm-typo-en-title-sm-800" }, bn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, wn = { class: "flex flex-row items-center gap-x-16" }, hn = { class: "fm-typo-en-title-sm-800" }, Vn = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, kn = { class: "flex flex-row items-center gap-x-16" }, $n = { class: "fm-typo-en-title-sm-800" }, Cn = { class: "flex flex-row items-center justify-between" }, Sn = { class: "flex-grow" }, Dn = {
-  key: 0,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Fn = {
-  key: 1,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Un = {
-  key: 3,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Tn = {
-  key: 0,
-  class: "flex flex-row items-center"
-}, Nn = /* @__PURE__ */ G({
-  __name: "Setting",
-  props: /* @__PURE__ */ he({
-    retrievedMethods: {
-      type: Object,
-      required: !0
-    },
-    retrievedCustomers: {
-      type: Object,
-      required: !0
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = ge(), x = $e(), k = fe(), { promptLoader: _ } = De(), { promptMessage: F } = Ae(), { restaurants: w } = ve(), h = H(
-      () => w.map(($) => ({ label: $.name, value: $.id }))
-    );
-    function u($) {
-      var l;
-      !((l = f.retrievedMethods) != null && l.data) || !Array.isArray(f.retrievedMethods.data) || $.forEach((i) => {
-        const c = f.retrievedMethods.data.find((a) => a.value == i.id);
-        c && (i.cnId = c.cnId);
-      });
-    }
-    async function b() {
-      await F({
-        message: o("report.messages.confirmDelete", { name: e.value.name }),
-        title: o("report.common.delete")
-      }) && await _(async () => {
-        try {
-          await Fe(e.value._id), await x.getSettings(), k.back();
-        } catch (l) {
-          s.open({ type: "error", message: l.message });
-        }
-      });
-    }
-    async function C() {
-      await _(async () => {
-        var $, l, i;
-        try {
-          (i = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) != null && i.paymentMethods && u(e.value.platform.mappings.paymentMethods), await Ue(e.value._id, e.value), await x.getSettings();
-        } catch (c) {
-          s.open({ type: "error", message: c.message });
-        }
-      });
-    }
-    function p($, l) {
-      var i, c;
-      (c = (i = e.value.platform) == null ? void 0 : i.mappings) != null && c[$] && (e.value.platform.mappings[$] = e.value.platform.mappings[$].filter(
-        (a, N) => N !== l
-      ));
-    }
-    function v($) {
-      var l, i;
-      (i = (l = e.value.platform) == null ? void 0 : l.mappings) != null && i[$] && (e.value.platform.mappings[$] = [
-        ...e.value.platform.mappings[$],
-        $ === "items" ? {
-          key: "",
-          account: "",
-          description: ""
-        } : $ === "taxes" ? {
-          key: "",
-          account: "SST-"
-        } : {
-          key: "",
-          account: ""
-        }
-      ]);
-    }
-    const r = [
-      {
-        label: "By day",
-        value: be.BY_DAY
-      }
-    ];
-    _e(
-      () => {
-        var $, l, i;
-        return (i = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) == null ? void 0 : i.taxes;
-      },
-      ($) => {
-        $ && $.forEach((l, i) => {
-          var N;
-          const c = l.key || "";
-          let a = l.account;
-          if (!a && c) {
-            switch (c) {
-              case "SST_SV":
-                a = "SST-6";
-                break;
-              case "SST_SV8":
-                a = "SST-8";
-                break;
-              case "SST_EX":
-                a = "SST-0";
-                break;
-            }
-            (N = e.value.platform) != null && N.mappings && (e.value.platform.mappings.taxes[i] = {
-              ...l,
-              account: a
-            });
-          }
-        });
-      },
-      { immediate: !0, deep: !0 }
-    ), _e(
-      () => {
-        var $, l, i;
-        return (i = (l = ($ = e.value) == null ? void 0 : $.platform) == null ? void 0 : l.mappings) == null ? void 0 : i.version;
-      },
-      ($) => {
-        var l, i, c, a, N;
-        $ === "v1" && !((c = (i = (l = e.value) == null ? void 0 : l.platform) == null ? void 0 : i.mappings) != null && c.payee) && (N = (a = e.value) == null ? void 0 : a.platform) != null && N.mappings && (e.value.platform.mappings.payee = {
-          id: 1,
-          name: ""
-        });
-      },
-      { immediate: !0 }
-    );
-    async function y() {
-      await _(async () => {
-        try {
-          await Te(e.value._id), await x.getSettings();
-        } catch ($) {
-          s.open({ type: "error", message: $.message });
-        }
-      });
-    }
-    return Se(async () => {
-      await x.getSettings();
-    }), ($, l) => {
-      var Q, B, q, X, te, oe, ae, le, ne, se, ie, re, me, de, ce, ue, T;
-      const i = D("FmIcon"), c = D("FmButton"), a = D("FmSelect"), N = D("FmMenuDivider"), A = D("FmTextField"), j = D("FmCircularProgress"), z = D("FmCheckbox");
-      return (B = (Q = e.value) == null ? void 0 : Q.platform) != null && B.mappings ? (d(), S("div", Tl, [
-        t("div", Nl, [
-          t("div", Al, [
-            t("div", Kl, V(m(o)("report.integration.connect")), 1),
-            t("div", Il, [
-              t("div", Rl, [
-                t("div", Ml, [
-                  n(i, {
-                    name: "refresh",
-                    class: "p-2 bg-gray-100 rounded-full",
-                    onClick: y
-                  }),
-                  t("span", Pl, V(m(o)("report.integration.refreshSetting")), 1)
-                ]),
-                n(c, {
-                  variant: "tertiary",
-                  label: m(o)("report.common.delete"),
-                  onClick: b
-                }, null, 8, ["label"]),
-                n(c, {
-                  variant: "primary",
-                  label: m(o)("report.common.update"),
-                  onClick: C
-                }, null, 8, ["label"])
-              ])
-            ])
-          ])
-        ]),
-        t("div", jl, [
-          t("div", Ll, V(m(o)("report.integration.biztory.authenticate")), 1),
-          t("div", Bl, [
-            t("div", Ol, "Biztory " + V(m(o)("report.integration.biztory.version")), 1),
-            t("div", El, [
-              n(a, {
-                modelValue: e.value.platform.mappings.version,
-                "onUpdate:modelValue": l[0] || (l[0] = (g) => e.value.platform.mappings.version = g),
-                items: [
-                  { label: "v1", value: "v1" },
-                  { label: "v2", value: "v2" }
-                ],
-                placeholder: "Select Version"
-              }, null, 8, ["modelValue"])
-            ])
-          ]),
-          n(N, { style: { margin: 0 } }),
-          t("div", zl, [
-            t("div", Yl, [
-              t("div", ql, V(m(o)("report.integration.biztory.subdomain")), 1),
-              t("div", Hl, [
-                n(A, {
-                  modelValue: e.value.platform.subdomain,
-                  "onUpdate:modelValue": l[1] || (l[1] = (g) => e.value.platform.subdomain = g),
-                  placeholder: "Subdomain"
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            t("div", Xl, [
-              t("div", Gl, V(m(o)("report.integration.biztory.apiKey")), 1),
-              t("div", Ql, [
-                n(A, {
-                  modelValue: e.value.platform.api_key,
-                  "onUpdate:modelValue": l[2] || (l[2] = (g) => e.value.platform.api_key = g),
-                  placeholder: "API Key"
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            t("div", Jl, [
-              t("div", Wl, V(m(o)("report.integration.general")), 1),
-              t("div", Zl, [
-                t("div", en, V(m(o)("report.common.name")), 1),
-                t("div", tn, [
-                  n(A, {
-                    modelValue: e.value.name,
-                    "onUpdate:modelValue": l[3] || (l[3] = (g) => e.value.name = g)
-                  }, null, 8, ["modelValue"])
-                ])
-              ]),
-              t("div", on, [
-                t("div", an, V(m(o)("report.common.location")), 1),
-                n(a, {
-                  modelValue: e.value.platform.locationIds,
-                  "onUpdate:modelValue": l[4] || (l[4] = (g) => e.value.platform.locationIds = g),
-                  multiselect: !0,
-                  items: h.value,
-                  placeholder: m(o)("report.common.location"),
-                  class: "flex-grow"
-                }, null, 8, ["modelValue", "items", "placeholder"])
-              ]),
-              t("div", ln, [
-                t("div", nn, V(m(o)("report.integration.grouping.title")), 1),
-                n(a, {
-                  modelValue: e.value.platform.grouping,
-                  "onUpdate:modelValue": l[5] || (l[5] = (g) => e.value.platform.grouping = g),
-                  multiselect: !1,
-                  items: r,
-                  placeholder: m(o)("report.integration.grouping.title"),
-                  class: "flex-grow",
-                  disabled: ""
-                }, null, 8, ["modelValue", "placeholder"])
-              ]),
-              e.value.platform.mappings.version == "v1" ? (d(), S("div", sn, [
-                l[15] || (l[15] = t("div", { class: "w-[33%]" }, "Payee ID", -1)),
-                e.value.platform.mappings.version == "v1" ? (d(), M(R, {
-                  key: 0,
-                  modelValue: e.value.platform.mappings.payee,
-                  "onUpdate:modelValue": l[6] || (l[6] = (g) => e.value.platform.mappings.payee = g),
-                  options: {
-                    id: { placeholder: "ID", editable: !0 }
-                  },
-                  removable: !1
-                }, null, 8, ["modelValue"])) : P("", !0)
-              ])) : P("", !0),
-              t("div", rn, [
-                t("div", mn, [
-                  !f.retrievedCustomers.isLoaded && e.value.platform.mappings.version == "v2" ? (d(), M(j, {
-                    key: 0,
-                    size: "xl"
-                  })) : P("", !0),
-                  f.retrievedCustomers.isLoaded && f.retrievedCustomers.data && ((q = f.retrievedCustomers.data) == null ? void 0 : q.length) != 0 ? (d(), S("div", dn, [
-                    e.value.platform.mappings.version == "v2" ? (d(), M(Me, {
-                      key: 0,
-                      modelValue: e.value.platform.mappings.payeeId,
-                      "onUpdate:modelValue": l[7] || (l[7] = (g) => e.value.platform.mappings.payeeId = g),
-                      options: {
-                        key: { placeholder: "Payee", editable: !1 },
-                        customer: {
-                          placeholder: "Select payee",
-                          editable: !0,
-                          dropdownOptions: ((X = f.retrievedCustomers) == null ? void 0 : X.data) ?? []
-                        }
-                      },
-                      removable: !1,
-                      "single-value-mode": ""
-                    }, null, 8, ["modelValue", "options"])) : P("", !0)
-                  ])) : P("", !0)
-                ])
-              ])
-            ]),
-            t("div", cn, [
-              t("div", un, [
-                t("div", pn, V(m(o)("report.integration.refNumFormat")), 1),
-                n(Pe)
-              ]),
-              t("div", fn, [
-                l[16] || (l[16] = t("div", { class: "w-[25%]" }, V("Invoice no"), -1)),
-                t("div", vn, [
-                  n(A, {
-                    modelValue: e.value.platform.mappings.invoiceDocNo,
-                    "onUpdate:modelValue": l[8] || (l[8] = (g) => e.value.platform.mappings.invoiceDocNo = g)
-                  }, null, 8, ["modelValue"])
-                ])
-              ]),
-              t("div", gn, [
-                l[17] || (l[17] = t("div", { class: "w-[25%]" }, V("Credit no"), -1)),
-                t("div", yn, [
-                  n(A, {
-                    modelValue: e.value.platform.mappings.creditNoteDocNo,
-                    "onUpdate:modelValue": l[9] || (l[9] = (g) => e.value.platform.mappings.creditNoteDocNo = g)
-                  }, null, 8, ["modelValue"])
-                ])
-              ])
-            ]),
-            n(Re, {
-              modelValue: e.value.platform,
-              "onUpdate:modelValue": l[10] || (l[10] = (g) => e.value.platform = g),
-              label: "upload",
-              "last-upload-date": (te = e.value.platform) == null ? void 0 : te.lastUploadDate
-            }, null, 8, ["modelValue", "last-upload-date"]),
-            t("div", xn, [
-              t("div", _n, V(m(o)("report.integration.biztory.items")), 1),
-              n(c, {
-                variant: "primary",
-                icon: "add",
-                onClick: l[11] || (l[11] = () => v("items"))
-              })
-            ]),
-            t("div", bn, [
-              (d(!0), S(O, null, Y((le = (ae = (oe = e.value) == null ? void 0 : oe.platform) == null ? void 0 : ae.mappings) == null ? void 0 : le.items, (g, U) => (d(), M(R, {
-                key: `item-${U}`,
-                modelValue: e.value.platform.mappings.items[U],
-                "onUpdate:modelValue": (L) => e.value.platform.mappings.items[U] = L,
-                options: {
-                  key: { placeholder: "Key", editable: !0 },
-                  code: { placeholder: "Account code", editable: !0 }
-                },
-                removable: !0,
-                onRemove: () => p("items", U)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
-            ]),
-            t("div", wn, [
-              t("div", hn, V(m(o)("report.integration.biztory.taxes")), 1),
-              n(c, {
-                variant: "primary",
-                icon: "add",
-                onClick: l[12] || (l[12] = () => v("taxes"))
-              })
-            ]),
-            t("div", Vn, [
-              (d(!0), S(O, null, Y((ie = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : ie.taxes, (g, U) => (d(), M(R, {
-                key: `tax-${U}`,
-                modelValue: e.value.platform.mappings.taxes[U],
-                "onUpdate:modelValue": (L) => e.value.platform.mappings.taxes[U] = L,
-                options: {
-                  key: { placeholder: "Key", editable: !0 },
-                  account: { placeholder: "Account code", editable: !0 }
-                },
-                removable: !0,
-                onRemove: () => p("taxes", U)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128)),
-              (d(!0), S(O, null, Y((de = (me = (re = e.value) == null ? void 0 : re.platform) == null ? void 0 : me.mappings) == null ? void 0 : de.taxRoundingAdjustments, (g, U) => (d(), M(R, {
-                key: `tax-rounding-adjustment-${U}`,
-                modelValue: e.value.platform.mappings.taxRoundingAdjustments[U],
-                "onUpdate:modelValue": (L) => e.value.platform.mappings.taxRoundingAdjustments[U] = L,
-                options: {
-                  key: { placeholder: "Key", editable: !0 },
-                  account: { placeholder: "Account code", editable: !0 }
-                },
-                removable: !0,
-                onRemove: () => p("taxRoundingAdjustments", U)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
-            ]),
-            t("div", kn, [
-              t("div", $n, V(m(o)("report.integration.biztory.payments")), 1),
-              n(c, {
-                variant: "primary",
-                icon: "add",
-                onClick: l[13] || (l[13] = () => v("paymentMethods"))
-              })
-            ]),
-            t("div", Cn, [
-              l[18] || (l[18] = t("div", { class: "w-[25%]" }, "Payment Term", -1)),
-              t("div", Sn, [
-                n(R, {
-                  modelValue: e.value.platform.mappings.paymentTerm,
-                  "onUpdate:modelValue": l[14] || (l[14] = (g) => e.value.platform.mappings.paymentTerm = g),
-                  options: {
-                    id: { placeholder: "ID", editable: !0 },
-                    name: { placeholder: "Name", editable: !0 }
-                  },
-                  removable: !1
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            f.retrievedMethods.isError ? P("", !0) : (d(), S("div", Dn, V(m(o)("report.integration.biztory.paymentTerm")), 1)),
-            f.retrievedMethods.isLoaded && f.retrievedMethods.data && f.retrievedMethods.data.length == 0 && !f.retrievedMethods.isError ? (d(), S("span", Fn, V(m(o)("report.integration.biztory.noPaymentMethods")), 1)) : P("", !0),
-            f.retrievedMethods.isLoaded ? P("", !0) : (d(), M(j, {
-              key: 2,
-              size: "xl"
-            })),
-            f.retrievedMethods.isError ? (d(), S("span", Un, V(m(o)("report.integration.biztory.error")), 1)) : P("", !0),
-            (d(!0), S(O, null, Y((T = (ue = (ce = e.value) == null ? void 0 : ce.platform) == null ? void 0 : ue.mappings) == null ? void 0 : T.paymentMethods, (g, U) => {
-              var L;
-              return d(), S("div", {
-                key: `payment-${U}`,
-                class: "grid-cols-1 grid gap-x-16"
-              }, [
-                f.retrievedMethods.isLoaded && f.retrievedMethods.data && ((L = f.retrievedMethods.data) == null ? void 0 : L.length) != 0 ? (d(), S("div", Tn, [
-                  n(z, {
-                    "model-value": !e.value.platform.mappings.paymentMethods[U].skip,
-                    value: "",
-                    "onUpdate:modelValue": (I) => {
-                      var J, ye;
-                      (ye = (J = e.value.platform) == null ? void 0 : J.mappings) != null && ye.paymentMethods[U] && (e.value.platform.mappings.paymentMethods[U].skip = !I);
-                    }
-                  }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                  n(Me, {
-                    modelValue: e.value.platform.mappings.paymentMethods[U],
-                    "onUpdate:modelValue": (I) => e.value.platform.mappings.paymentMethods[U] = I,
-                    options: {
-                      key: {
-                        placeholder: "Enter key",
-                        editable: !0
-                      },
-                      id: {
-                        placeholder: "Select mapping",
-                        editable: !0,
-                        dropdownOptions: f.retrievedMethods.data
-                      }
-                    },
-                    removable: !0,
-                    onRemove: () => p("paymentMethods", U)
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"])
-                ])) : P("", !0)
-              ]);
-            }), 128))
-          ])
-        ])
-      ])) : P("", !0);
-    };
-  }
-});
-function An(f) {
-  return f.reduce((o, e) => {
-    var k, _, F, w, h, u, b, C, p, v, r, y, $, l, i, c, a, N, A, j, z, Q;
-    const { invoice: s } = e, x = o.length;
-    o[x] = {
-      invoice_date: s.invoice_date,
-      ref_num: s.ref_num,
-      grandTotal: s.grandTotal,
-      // tax_code: invoice.tax[0].tax_code,
-      // tax: invoice.tax.reduce((sum, tax) => sum + tax.tax, 0),
-      // service_charge: invoice.service_charge.total,
-      item_code: (k = s.items[0]) == null ? void 0 : k.code,
-      item_desc: (_ = s.items[0]) == null ? void 0 : _.description,
-      item_price: (F = s.items[0]) == null ? void 0 : F.price,
-      item_tax: (w = s.items[0]) == null ? void 0 : w.total_tax,
-      item_tax_label: ((h = s.items[0]) == null ? void 0 : h.tax_label) || "-",
-      payment_amount: ((b = (u = s.transactions) == null ? void 0 : u[0]) == null ? void 0 : b.amount) || void 0,
-      payment_method: ((p = (C = s.transactions) == null ? void 0 : C[0]) == null ? void 0 : p.payment_method) || "-",
-      payment_term: ((v = s == null ? void 0 : s.payment_term) == null ? void 0 : v.name) || ""
-    };
-    for (let B = 1; B < Math.max(((r = s.items) == null ? void 0 : r.length) || 0, ((y = s.transactions) == null ? void 0 : y.length) || 0); B++) {
-      const q = x + B;
-      o[q] || (o[q] = {});
-      const X = s.items[B];
-      X ? o[q] = {
-        ...o[q],
-        item_code: X.code,
-        item_desc: X.description,
-        item_price: X.price,
-        item_tax: X.total_tax,
-        item_tax_label: X.tax_label || "-",
-        payment_amount: ((l = ($ = s.transactions) == null ? void 0 : $[B]) == null ? void 0 : l.amount) || void 0,
-        payment_method: ((c = (i = s.transactions) == null ? void 0 : i[B]) == null ? void 0 : c.payment_method) || "-",
-        payment_term: ((a = s == null ? void 0 : s.payment_term) == null ? void 0 : a.name) || ""
-      } : o[q] = {
-        payment_amount: ((A = (N = s.transactions) == null ? void 0 : N[B]) == null ? void 0 : A.amount) || void 0,
-        payment_method: ((z = (j = s.transactions) == null ? void 0 : j[B]) == null ? void 0 : z.payment_method) || "-",
-        payment_term: ((Q = s == null ? void 0 : s.payment_term) == null ? void 0 : Q.name) || ""
-      };
-    }
-    return o;
-  }, []);
-}
-const Kn = [
-  {
-    accessorKey: "invoice_date",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "ref_num",
-    header: () => K("p", { class: "min-w-[130px] text-nowrap text-ellipsis" }, "Doc No"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "grandTotal",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Total"),
-    enableSorting: !1
-  },
-  // {
-  //   accessorKey: "tax_code",
-  //   header: () => h("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Tax Code"),
-  //   enableSorting: false
-  // },
-  // {
-  //   accessorKey: "tax",
-  //   header: () => h("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Tax"),
-  //   enableSorting: false
-  // },
-  // {
-  //   accessorKey: "service_charge",
-  //   header: () => h("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Service Charge"),
-  //   enableSorting: false
-  // },
-  {
-    accessorKey: "item_code",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Code"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "item_desc",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Description"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "item_price",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Price"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "item_tax",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Tax"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "item_tax_label",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Tax Label"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "payment_amount",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Amount"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "payment_term",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Term"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "payment_method",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method"),
-    enableSorting: !1
-  }
-];
-function In(f) {
-  return f.reduce((o, e) => {
-    var F, w, h, u, b, C, p, v, r, y, $, l, i, c;
-    const { invoice: s, payments: x } = e, k = o.length;
-    o[k] = {
-      invoice_date: s.invoice_date,
-      ref_num: e.isRefund && e.credit_notes && e.credit_notes.length > 0 ? ((F = e.credit_notes[0]) == null ? void 0 : F.ref_num) ?? s.ref_num : s.ref_num,
-      total: s.total,
-      item_code: (w = s.items[0]) == null ? void 0 : w.code,
-      item_description: (h = s.items[0]) == null ? void 0 : h.description,
-      item_price: (u = s.items[0]) == null ? void 0 : u.price,
-      item_tax_label: ((b = s.items[0]) == null ? void 0 : b.tax_label) ?? "",
-      item_tax_amount: ((C = s.items[0]) == null ? void 0 : C.total_tax) ?? "",
-      service_charge_amount: ((p = s.service_charges[0]) == null ? void 0 : p.total) ?? "",
-      rounding: s.rounding ?? 0,
-      payment_term_id: s.payment_term.name ?? "",
-      payment_term_amount: ((r = (v = x[0]) == null ? void 0 : v.ids[0]) == null ? void 0 : r.amount) ?? "",
-      payment_method: ((y = x[0]) == null ? void 0 : y.payment_method_name) || ""
-    };
-    const _ = Math.max(
-      (($ = s.items) == null ? void 0 : $.length) || 0,
-      ((l = s.terms) == null ? void 0 : l.length) || 0,
-      (x == null ? void 0 : x.length) || 0
-    );
-    for (let a = 1; a < _; a++) {
-      const N = k + a;
-      o[N] || (o[N] = {});
-      const A = s.items[a], j = x[a];
-      A ? o[N] = {
-        ...o[N],
-        item_code: A.code,
-        item_description: A.description,
-        item_price: A.total,
-        item_tax_label: A.tax_label == "?" ? "" : A.tax_label ?? "",
-        item_tax_amount: A.total_tax ?? "",
-        payment_term_id: s.payment_term.name ?? "",
-        payment_term_amount: ((i = j == null ? void 0 : j.ids[0]) == null ? void 0 : i.amount) ?? "",
-        payment_method: (j == null ? void 0 : j.payment_method_name) || ""
-      } : o[N] = {
-        ...o[N],
-        payment_term_id: s.payment_term.name ?? "",
-        payment_term_amount: ((c = j == null ? void 0 : j.ids[0]) == null ? void 0 : c.amount) ?? "",
-        payment_method: (j == null ? void 0 : j.payment_method_name) || ""
-      };
-    }
-    return o;
-  }, []);
-}
-const Rn = [
-  {
-    accessorKey: "invoice_date",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "ref_num",
-    header: () => K("p", { class: "min-w-[160px] text-nowrap text-ellipsis" }, "Doc No"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "total",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Total"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "item_code",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Code"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "item_description",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Item Description"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "item_price",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Price"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "item_tax_label",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Tax Label"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "item_tax_amount",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Tax Amount"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "service_charge_amount",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Service Charge Amount"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "rounding",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Rounding"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "payment_term_id",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Term"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "payment_term_amount",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Term Amount"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "payment_method",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method (ID)"),
-    enableSorting: !1
-  }
-], Mn = { class: "h-full flex flex-col gap-16" }, Pn = { class: "flex flex-row gap-2 justify-between items-center" }, jn = {
-  key: 0,
-  class: "flex gap-24 w-full h-full justify-center items-center overflow-y-auto"
-}, Ln = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bn = /* @__PURE__ */ G({
-  __name: "Preview",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = E(!1), x = ge(), { dateRange: k } = Ke(ve()), _ = E([]);
-    _e(
-      () => k.value,
-      async () => {
-        if (e.value._id)
-          try {
-            s.value = !0, _.value = await Ne(e.value._id);
-          } catch (u) {
-            x.open({ message: u.message, type: "error" });
-          } finally {
-            s.value = !1;
-          }
-      },
-      {
-        immediate: !0
-      }
-    );
-    const F = H(() => {
-      switch (e.value.platform.mappings.version) {
-        case "v1":
-          return An(_.value);
-        case "v2":
-          return In(_.value);
-      }
-      return [];
-    }), w = H(() => {
-      switch (e.value.platform.mappings.version) {
-        case "v1":
-          return Kn;
-        case "v2":
-          return Rn;
-      }
-      return [];
-    });
-    async function h() {
-      try {
-        e.value._id && e.value.platform.subdomain && e.value.platform.api_key ? (s.value = !0, await je(e.value._id), x.open({ message: "Upload successful", type: "success" })) : x.open({ message: "Invalid accounting setting", type: "error" });
-      } catch (u) {
-        u.message && x.open({ message: u.message, type: "error" }), u.errors && u.errors.forEach((b) => x.open({ message: b, type: "error" }));
-      } finally {
-        s.value = !1;
-      }
-    }
-    return (u, b) => {
-      const C = D("FmButton"), p = D("FmCircularProgress"), v = D("FmTable");
-      return d(), S("div", Mn, [
-        t("div", Pn, [
-          n(Ie, {
-            "date-range": m(k),
-            "onUpdate:dateRange": b[0] || (b[0] = (r) => Ve(k) ? k.value = r : null),
-            compare: !1
-          }, null, 8, ["date-range"]),
-          n(C, {
-            loading: s.value,
-            variant: "primary",
-            label: "Upload",
-            onClick: h
-          }, null, 8, ["loading"])
-        ]),
-        s.value ? (d(), S("div", jn, [
-          n(p, { size: "xl" }),
-          t("span", Ln, V(m(o)("report.common.isLoading")), 1)
-        ])) : (d(), M(v, {
-          key: 1,
-          class: "flex overflow-y-auto",
-          "row-data": F.value,
-          "column-defs": w.value
-        }, null, 8, ["row-data", "column-defs"]))
-      ]);
-    };
-  }
-}), On = { class: "h-full relative flex flex-col" }, En = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, zn = /* @__PURE__ */ G({
-  __name: "Biztory",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = E("setting"), x = [
-      {
-        label: o("report.integration.setting"),
-        value: "setting",
-        icon: "settings"
-      },
-      {
-        label: o("report.integration.preview"),
-        value: "preview",
-        icon: "table"
-      }
-    ], k = fe(), _ = H(() => {
-      switch (s.value) {
-        case "preview":
-          return {
-            component: Bn
-          };
-        case "setting":
-          return {
-            component: Nn,
-            props: {
-              retrievedMethods: F.value,
-              retrievedCustomers: w.value
-            }
-          };
-        default:
-          return null;
-      }
-    }), F = E({}), w = E({}), h = (v, r) => v.map((y) => ({
-      label: r.length > 2 ? `ID:${y[r[2]]} [${y[r[0]]}] ${y[r[1]]}` : `[${y[r[0]]}] ${y[r[1]]}`,
-      value: y.id,
-      cnId: y.cnId ? y.cnId : null
-    })), u = (v) => h(v, ["wallet", "name"]), b = (v) => h(v, ["id", "name"]), C = async (v, r, y, $) => {
-      try {
-        const l = await v(e.value._id);
-        y.value.data = r(l);
-      } catch (l) {
-        console.error($, l), y.value.isError = !0;
-      } finally {
-        y.value.isLoaded = !0;
-      }
-    }, p = async () => {
-      var v, r;
-      (v = e.value.platform.mappings) != null && v.version && await C(
-        tt,
-        u,
-        F,
-        "Failed to fetch payment methods:"
-      ), ((r = e.value.platform.mappings) == null ? void 0 : r.version) == "v2" && await C(
-        ot,
-        b,
-        w,
-        "Failed to fetch customers:"
-      ), F.value.isLoaded = !0, w.value.isLoaded = !0;
-    };
-    return Ee(p), _e(() => {
-      var v;
-      return (v = e.value.platform.mappings) == null ? void 0 : v.version;
-    }, p), (v, r) => {
-      var l, i, c;
-      const y = D("FmPageHead"), $ = D("FmTabs");
-      return d(), S("div", On, [
-        n(y, {
-          title: ((l = e.value) == null ? void 0 : l.name) || "Biztory",
-          "back-button": !0,
-          style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": m(k).back
-        }, {
-          description: we(() => r[2] || (r[2] = [
-            t("div", null, null, -1)
-          ])),
-          _: 1
-        }, 8, ["title", "onClick:back"]),
-        n($, {
-          "model-value": s.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (a) => s.value = a),
-          items: x
-        }, null, 8, ["model-value"]),
-        t("div", En, [
-          (d(), M(ke((i = _.value) == null ? void 0 : i.component), Oe({
-            modelValue: e.value,
-            "onUpdate:modelValue": r[1] || (r[1] = (a) => e.value = a)
-          }, (c = _.value) == null ? void 0 : c.props), null, 16, ["modelValue"]))
-        ])
-      ]);
-    };
-  }
-}), Yn = {
-  key: 0,
-  class: "flex flex-col h-full"
-}, qn = { class: "flex flex-col gap-16 pb-[24px]" }, Hn = { class: "flex flex-row justify-between items-center gap-2" }, Xn = { class: "flex flex-row gap-2 items-center" }, Gn = { class: "relative group cursor-pointer" }, Qn = { 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" }, Jn = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Wn = { class: "flex flex-col gap-16" }, Zn = { class: "fm-typo-en-title-sm-800" }, es = { class: "flex flex-row items-center max-w-[100%]" }, ts = { class: "w-[25%]" }, os = { class: "flex-grow" }, as = { class: "flex flex-row items-center max-w-[100%]" }, ls = { class: "w-[25%]" }, ns = { class: "flex flex-row items-center gap-x-16" }, ss = { class: "fm-typo-en-title-sm-800" }, is = { class: "grid-cols-1 grid gap-16" }, rs = /* @__PURE__ */ G({
-  __name: "Setting",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = ge(), x = $e(), k = fe(), { promptLoader: _ } = De(), { promptMessage: F } = Ae(), { restaurants: w } = ve(), h = H(
-      () => w.map((r) => ({ label: r.name, value: r.id }))
-    );
-    async function u() {
-      await F({
-        message: o("report.messages.confirmDelete", { name: e.value.name }),
-        title: o("report.common.delete")
-      }) && await _(async () => {
-        try {
-          await Fe(e.value._id), await x.getSettings(), k.back();
-        } catch (y) {
-          s.open({ type: "error", message: y.message });
-        }
-      });
-    }
-    async function b() {
-      await _(async () => {
-        try {
-          await Ue(e.value._id, e.value), await x.getSettings();
-        } catch (r) {
-          s.open({ type: "error", message: r.message });
-        }
-      });
-    }
-    function C(r, y) {
-      var $, l;
-      (l = ($ = e.value.platform) == null ? void 0 : $.mappings) != null && l[r] && (e.value.platform.mappings[r] = e.value.platform.mappings[r].filter(
-        (i, c) => c !== y
-      ));
-    }
-    function p(r) {
-      var y, $;
-      ($ = (y = e.value.platform) == null ? void 0 : y.mappings) != null && $[r] && (e.value.platform.mappings[r] = [
-        ...e.value.platform.mappings[r],
-        {
-          key: "",
-          name: "",
-          badgeNo: "",
-          employeeNo: ""
-        }
-      ]);
-    }
-    async function v() {
-      await _(async () => {
-        try {
-          await Te(e.value._id), await x.getSettings();
-        } catch (r) {
-          s.open({ type: "error", message: r.message });
-        }
-      });
-    }
-    return Se(async () => {
-      await x.getSettings();
-    }), (r, y) => {
-      var N, A, j, z, Q;
-      const $ = D("FmIcon"), l = D("FmButton"), i = D("FmMenuDivider"), c = D("FmTextField"), a = D("FmSelect");
-      return (A = (N = e.value) == null ? void 0 : N.platform) != null && A.mappings ? (d(), S("div", Yn, [
-        t("div", qn, [
-          t("div", Hn, [
-            y[4] || (y[4] = t("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
-            t("div", Xn, [
-              t("div", Gn, [
-                n($, {
-                  name: "refresh",
-                  class: "p-2 bg-gray-100 rounded-full",
-                  onClick: v
-                }),
-                t("span", Qn, V(m(o)("report.integration.refreshSetting")), 1)
-              ]),
-              n(l, {
-                variant: "tertiary",
-                label: m(o)("report.common.delete"),
-                onClick: u
-              }, null, 8, ["label"]),
-              n(l, {
-                variant: "primary",
-                label: m(o)("report.common.update"),
-                onClick: b
-              }, null, 8, ["label"])
-            ])
-          ])
-        ]),
-        n(i, { style: { margin: 0 } }),
-        t("div", Jn, [
-          t("div", Wn, [
-            t("div", Zn, V(m(o)("report.integration.general")), 1),
-            t("div", es, [
-              t("div", ts, V(m(o)("report.common.name")), 1),
-              t("div", os, [
-                n(c, {
-                  modelValue: e.value.name,
-                  "onUpdate:modelValue": y[0] || (y[0] = (B) => e.value.name = B)
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            t("div", as, [
-              t("div", ls, V(m(o)("report.integration.location")), 1),
-              n(a, {
-                "model-value": e.value.platform.locationIds[0],
-                multiselect: !1,
-                items: h.value,
-                placeholder: "Select location",
-                class: "flex-grow",
-                "onUpdate:modelValue": y[1] || (y[1] = (B) => e.value.platform.locationIds[0] = B)
-              }, null, 8, ["model-value", "items"])
-            ])
-          ]),
-          n(Re, {
-            modelValue: e.value.platform,
-            "onUpdate:modelValue": y[2] || (y[2] = (B) => e.value.platform = B),
-            label: m(o)("report.input.email")
-          }, null, 8, ["modelValue", "label"]),
-          t("div", ns, [
-            t("div", ss, V(m(o)("report.integration.iflexiHrms.employee")), 1),
-            n(l, {
-              variant: "primary",
-              icon: "add",
-              onClick: y[3] || (y[3] = () => p("employees"))
-            })
-          ]),
-          t("div", is, [
-            (d(!0), S(O, null, Y((Q = (z = (j = e.value) == null ? void 0 : j.platform) == null ? void 0 : z.mappings) == null ? void 0 : Q.employees, (B, q) => (d(), M(R, {
-              key: `employee-${q}`,
-              modelValue: e.value.platform.mappings.employees[q],
-              "onUpdate:modelValue": (X) => e.value.platform.mappings.employees[q] = X,
-              options: {
-                key: { placeholder: "Name", editable: !0 },
-                badgeNo: { placeholder: "Badge No", editable: !0 },
-                employeeNo: { placeholder: "Employee No", editable: !0 }
-              },
-              removable: !0,
-              onRemove: () => C("employees", q)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
-          ])
-        ])
-      ])) : P("", !0);
-    };
-  }
-}), ms = { class: "h-full flex flex-col gap-16" }, ds = { class: "flex flex-row gap-2 justify-between items-center" }, cs = {
-  key: 0,
-  class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
-}, us = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ps = /* @__PURE__ */ G({
-  __name: "Preview",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = E([]), s = [
-      {
-        accessorKey: "name",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Name"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "badgeNo",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Badge No"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "employeeNo",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Employee No"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "date",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
-        enableSorting: !1
-      },
-      {
-        accessorKey: "time",
-        header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
-        enableSorting: !1
-      }
-    ], x = W(f, "modelValue"), k = E(!1), _ = ge(), { dateRange: F } = Ke(ve());
-    _e(
-      () => F.value,
-      async () => {
-        if (x.value._id)
-          try {
-            k.value = !0, e.value = await Ne(x.value._id);
-          } catch (h) {
-            _.open({ message: h.message, type: "error" });
-          } finally {
-            k.value = !1;
-          }
-      },
-      {
-        immediate: !0
-      }
-    );
-    async function w() {
-      try {
-        x.value._id ? (k.value = !0, await Le(x.value._id)) : _.open({ message: "Invalid setting", type: "error" });
-      } catch (h) {
-        _.open({ message: h.message, type: "error" });
-      } finally {
-        k.value = !1;
-      }
-    }
-    return (h, u) => {
-      const b = D("FmButton"), C = D("FmCircularProgress"), p = D("FmTable");
-      return d(), S("div", ms, [
-        t("div", ds, [
-          n(Ie, {
-            "date-range": m(F),
-            "onUpdate:dateRange": u[0] || (u[0] = (v) => Ve(F) ? F.value = v : null),
-            compare: !1
-          }, null, 8, ["date-range"]),
-          n(b, {
-            loading: k.value,
-            variant: "primary",
-            label: m(o)("report.common.download"),
-            onClick: w
-          }, null, 8, ["loading", "label"])
-        ]),
-        k.value ? (d(), S("div", cs, [
-          n(C, { size: "xl" }),
-          t("span", us, V(m(o)("report.common.isLoading")), 1)
-        ])) : e.value.length > 0 ? (d(), M(p, {
-          key: 1,
-          class: "flex overflow-y-auto",
-          "row-data": e.value,
-          "column-defs": s
-        }, null, 8, ["row-data"])) : P("", !0)
-      ]);
-    };
-  }
-}), fs = { class: "h-full relative flex flex-col" }, vs = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, gs = /* @__PURE__ */ G({
-  __name: "IFlexiHRMS",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = E("setting"), x = [
-      {
-        label: o("report.integration.setting"),
-        value: "setting",
-        icon: "settings"
-      },
-      {
-        label: o("report.integration.preview"),
-        value: "preview",
-        icon: "table"
-      }
-    ], k = fe(), _ = H(() => {
-      switch (s.value) {
-        case "preview":
-          return ps;
-        case "setting":
-          return rs;
-        default:
-          return null;
-      }
-    });
-    return (F, w) => {
-      var b;
-      const h = D("FmPageHead"), u = D("FmTabs");
-      return d(), S("div", fs, [
-        n(h, {
-          title: ((b = e.value) == null ? void 0 : b.name) || "AutoCount",
-          "back-button": !0,
-          style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": m(k).back
-        }, {
-          description: we(() => w[2] || (w[2] = [
-            t("div", null, null, -1)
-          ])),
-          _: 1
-        }, 8, ["title", "onClick:back"]),
-        n(u, {
-          "model-value": s.value,
-          "onUpdate:modelValue": w[0] || (w[0] = (C) => s.value = C),
-          items: x
-        }, null, 8, ["model-value"]),
-        t("div", vs, [
-          (d(), M(ke(_.value), {
-            modelValue: e.value,
-            "onUpdate:modelValue": w[1] || (w[1] = (C) => e.value = C)
-          }, null, 8, ["modelValue"]))
-        ])
-      ]);
-    };
-  }
-}), ys = {
-  key: 0,
-  class: "flex flex-col h-full"
-}, xs = { class: "flex flex-col gap-16 pb-[24px]" }, _s = { class: "flex flex-row justify-between items-center gap-2" }, bs = { class: "fm-typo-en-title-sm-800" }, ws = { class: "flex flex-row gap-2 items-center" }, hs = { class: "flex flex-row gap-2 items-center" }, Vs = { class: "relative group cursor-pointer" }, ks = { 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" }, $s = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Cs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ss = { class: "flex flex-col gap-24 pt-[24px] overflow-y-auto overflow-x-hidden" }, Ds = { class: "flex flex-row items-center justify-between" }, Fs = { class: "w-[25%]" }, Us = { class: "flex-grow" }, Ts = { class: "flex flex-row items-center justify-between" }, Ns = { class: "w-[25%]" }, As = { class: "flex-grow" }, Ks = { class: "flex flex-row items-center justify-between" }, Is = { class: "w-[25%]" }, Rs = { class: "flex-grow" }, Ms = { class: "flex flex-col gap-16" }, Ps = { class: "fm-typo-en-title-sm-800" }, js = { class: "flex flex-row items-center max-w-[100%]" }, Ls = { class: "w-[25%]" }, Bs = { class: "flex-grow" }, Os = { class: "flex flex-row items-center max-w-[100%]" }, Es = { class: "w-[25%]" }, zs = { class: "flex flex-row items-center max-w-[100%]" }, Ys = { class: "w-[25%]" }, qs = { class: "flex flex-row items-center max-w-[100%]" }, Hs = { class: "w-[25%]" }, Xs = {
-  key: 1,
-  class: "w-[75%] flex flex-row items-center gap-2"
-}, Gs = {
-  key: 2,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Qs = { class: "flex flex-row items-center max-w-[100%]" }, Js = { class: "w-[25%]" }, Ws = {
-  key: 1,
-  class: "w-[75%] flex flex-row items-center gap-2"
-}, Zs = {
-  key: 2,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ei = { class: "flex flex-col gap-16" }, ti = { class: "fm-typo-en-title-sm-800" }, oi = { class: "flex flex-row items-center w-[100%] justify-start" }, ai = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, li = { class: "flex flex-row items-center w-[100%] justify-start" }, ni = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, si = { class: "flex flex-row items-center w-[100%] justify-start" }, ii = { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, ri = { class: "flex flex-col gap-16 pt-3 pb-3" }, mi = { class: "flex flex-row items-center gap-5" }, di = { class: "fm-typo-en-title-sm-800" }, ci = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, ui = { class: "flex flex-row items-center gap-x-16" }, pi = { class: "fm-typo-en-title-sm-800" }, fi = { class: "flex flex-row items-center gap-x-16" }, vi = { class: "fm-typo-en-title-sm-800" }, gi = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, yi = { class: "flex flex-row items-center gap-x-16" }, xi = { class: "fm-typo-en-title-sm-800" }, _i = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, bi = /* @__PURE__ */ G({
-  __name: "Setting",
-  props: /* @__PURE__ */ he({
-    retrievedDebtors: {
-      type: Object,
-      required: !0
-    },
-    retrievedLocations: {
-      type: Object,
-      required: !0
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = ge(), x = $e(), k = fe(), { promptLoader: _ } = De(), { promptMessage: F } = Ae(), { restaurants: w } = ve(), h = H(
-      () => w.map((c) => ({ label: c.name, value: c.id }))
-    );
-    let u = E("");
-    async function b() {
-      await F({
-        message: o("report.messages.confirmDelete", { name: e.value.name }),
-        title: o("report.common.delete")
-      }) && await _(async () => {
-        try {
-          await Fe(e.value._id), await x.getSettings(), k.back();
-        } catch (a) {
-          s.open({ type: "error", message: a.message });
-        }
-      });
-    }
-    async function C() {
-      await _(async () => {
-        try {
-          await Ue(e.value._id, e.value), await x.getSettings();
-        } catch (c) {
-          s.open({ type: "error", message: c.message });
-        }
-      });
-    }
-    function p(c, a) {
-      var N, A;
-      (A = (N = e.value.platform) == null ? void 0 : N.mappings) != null && A[c] && (e.value.platform.mappings[c] = e.value.platform.mappings[c].filter(
-        (j, z) => z !== a
-      ));
-    }
-    function v(c) {
-      var a, N;
-      (N = (a = e.value.platform) == null ? void 0 : a.mappings) != null && N[c] && (e.value.platform.mappings[c] = [
-        ...e.value.platform.mappings[c],
-        c === "items" ? {
-          feedmeKey: "",
-          accountCode: ""
-        } : c === "taxes" ? {
-          feedmeKey: "",
-          accountCode: "SST-"
-        } : {
-          feedmeKey: "",
-          accountCode: ""
-        }
-      ]);
-    }
-    const r = [
-      {
-        label: "By day",
-        value: be.BY_DAY
-      }
-    ];
-    async function y() {
-      await _(async () => {
-        try {
-          await Te(e.value._id), await x.getSettings();
-        } catch (c) {
-          s.open({ type: "error", message: c.message });
-        }
-      });
-    }
-    function $({
-      key: c,
-      value: a
-    }) {
-      var N, A;
-      (A = (N = e.value) == null ? void 0 : N.platform) != null && A.mappings && (e.value.platform.mappings[c] = a);
-    }
-    function l(c) {
-      return {
-        key: { placeholder: c, editable: !1 },
-        account: { placeholder: c, editable: !0 }
-      };
-    }
-    Se(async () => {
-      await x.getSettings();
-    });
-    function i(c) {
-      const a = f.retrievedDebtors.data.find(
-        (N) => N.valueAccNo === c || N.value === c
-      );
-      a && (u.value = c, e.value.platform.mappings.debtorCode = a.valueAccNo, e.value.platform.mappings.debtorName = a.valueCompanyName);
-    }
-    return _e(
-      () => f.retrievedDebtors.isLoaded,
-      (c) => {
-        var a;
-        if (c && ((a = f.retrievedDebtors.data) == null ? void 0 : a.length) > 0) {
-          const N = f.retrievedDebtors.data.find(
-            (A) => A.valueAccNo === e.value.platform.mappings.debtorCode
-          );
-          N != null && (u.value = N.value);
-        }
-      },
-      { immediate: !0 }
-    ), (c, a) => {
-      var X, te, oe, ae, le, ne, se, ie, re, me, de, ce, ue, T, g, U, L;
-      const N = D("FmIcon"), A = D("FmButton"), j = D("FmMenuDivider"), z = D("FmTextField"), Q = D("FmSelect"), B = D("FmCircularProgress"), q = D("FmSwitch");
-      return (te = (X = e.value) == null ? void 0 : X.platform) != null && te.mappings ? (d(), S("div", ys, [
-        t("div", xs, [
-          t("div", _s, [
-            t("div", bs, V(m(o)("report.integration.connect")), 1),
-            t("div", ws, [
-              t("div", hs, [
-                t("div", Vs, [
-                  n(N, {
-                    name: "refresh",
-                    class: "p-2 bg-gray-100 rounded-full",
-                    onClick: y
-                  }),
-                  t("span", ks, V(m(o)("report.integration.refreshSetting")), 1)
-                ]),
-                n(A, {
-                  variant: "tertiary",
-                  label: m(o)("report.common.delete"),
-                  onClick: b
-                }, null, 8, ["label"]),
-                n(A, {
-                  variant: "primary",
-                  label: m(o)("report.common.update"),
-                  onClick: C
-                }, null, 8, ["label"])
-              ])
-            ])
-          ])
-        ]),
-        t("div", $s, [
-          t("div", Cs, V(m(o)("report.integration.authDescription")), 1),
-          n(j, { style: { margin: 0 } }),
-          t("div", Ss, [
-            t("div", Ds, [
-              t("div", Fs, V(m(o)("report.integration.autocount.keyId")), 1),
-              t("div", Us, [
-                n(z, {
-                  modelValue: e.value.platform.keyId,
-                  "onUpdate:modelValue": a[0] || (a[0] = (I) => e.value.platform.keyId = I),
-                  placeholder: m(o)("report.integration.autocount.keyId")
-                }, null, 8, ["modelValue", "placeholder"])
-              ])
-            ]),
-            t("div", Ts, [
-              t("div", Ns, V(m(o)("report.integration.apiKey")), 1),
-              t("div", As, [
-                n(z, {
-                  modelValue: e.value.platform.apiKey,
-                  "onUpdate:modelValue": a[1] || (a[1] = (I) => e.value.platform.apiKey = I),
-                  placeholder: m(o)("report.integration.apiKey")
-                }, null, 8, ["modelValue", "placeholder"])
-              ])
-            ]),
-            t("div", Ks, [
-              t("div", Is, V(m(o)("report.integration.autocount.accountBookId")), 1),
-              t("div", Rs, [
-                n(z, {
-                  modelValue: e.value.platform.accountBookId,
-                  "onUpdate:modelValue": a[2] || (a[2] = (I) => e.value.platform.accountBookId = I),
-                  placeholder: m(o)("report.integration.autocount.accountBookId")
-                }, null, 8, ["modelValue", "placeholder"])
-              ])
-            ]),
-            t("div", Ms, [
-              t("div", Ps, V(m(o)("report.common.general")), 1),
-              t("div", js, [
-                t("div", Ls, V(m(o)("report.common.name")), 1),
-                t("div", Bs, [
-                  n(z, {
-                    modelValue: e.value.name,
-                    "onUpdate:modelValue": a[3] || (a[3] = (I) => e.value.name = I)
-                  }, null, 8, ["modelValue"])
-                ])
-              ]),
-              t("div", Os, [
-                t("div", Es, V(m(o)("report.common.location")), 1),
-                n(Q, {
-                  modelValue: e.value.platform.locationIds,
-                  "onUpdate:modelValue": a[4] || (a[4] = (I) => e.value.platform.locationIds = I),
-                  multiselect: !0,
-                  items: h.value,
-                  placeholder: m(o)("report.common.location"),
-                  class: "flex-grow"
-                }, null, 8, ["modelValue", "items", "placeholder"])
-              ]),
-              t("div", zs, [
-                t("div", Ys, V(m(o)("report.integration.grouping.title")), 1),
-                n(Q, {
-                  modelValue: e.value.platform.grouping,
-                  "onUpdate:modelValue": a[5] || (a[5] = (I) => e.value.platform.grouping = I),
-                  multiselect: !1,
-                  items: r,
-                  placeholder: m(o)("report.integration.grouping.title"),
-                  class: "flex-grow",
-                  disabled: ""
-                }, null, 8, ["modelValue", "placeholder"])
-              ]),
-              t("div", qs, [
-                t("div", Hs, V(m(o)("report.integration.autocount.debtor")), 1),
-                f.retrievedDebtors.isLoaded ? P("", !0) : (d(), M(B, {
-                  key: 0,
-                  size: "xl"
-                })),
-                f.retrievedDebtors.isLoaded && f.retrievedDebtors.data && ((oe = f.retrievedDebtors.data) == null ? void 0 : oe.length) != 0 && !f.retrievedDebtors.isError ? (d(), S("div", Xs, [
-                  n(Q, {
-                    modelValue: m(u),
-                    "onUpdate:modelValue": [
-                      a[6] || (a[6] = (I) => Ve(u) ? u.value = I : u = I),
-                      i
-                    ],
-                    items: f.retrievedDebtors.data,
-                    placeholder: m(o)("report.integration.autocount.selectDebtor"),
-                    class: "flex-grow",
-                    disabled: !f.retrievedDebtors.isLoaded
-                  }, null, 8, ["modelValue", "items", "placeholder", "disabled"])
-                ])) : f.retrievedDebtors.isError ? (d(), S("div", Gs, V(m(o)("report.integration.errorFetchingDebtor")), 1)) : P("", !0)
-              ]),
-              t("div", Qs, [
-                t("div", Js, V(m(o)("report.integration.autocount.location")), 1),
-                f.retrievedLocations.isLoaded ? P("", !0) : (d(), M(B, {
-                  key: 0,
-                  size: "xl"
-                })),
-                f.retrievedLocations.isLoaded && f.retrievedLocations.data && ((ae = f.retrievedLocations.data) == null ? void 0 : ae.length) != 0 && !f.retrievedLocations.isError ? (d(), S("div", Ws, [
-                  n(Q, {
-                    modelValue: e.value.platform.mappings.salesLocation,
-                    "onUpdate:modelValue": a[7] || (a[7] = (I) => e.value.platform.mappings.salesLocation = I),
-                    items: f.retrievedLocations.data,
-                    placeholder: m(o)("report.integration.autocount.selectLocation"),
-                    class: "flex-grow",
-                    disabled: !f.retrievedLocations.isLoaded
-                  }, null, 8, ["modelValue", "items", "placeholder", "disabled"])
-                ])) : f.retrievedLocations.isError ? (d(), S("div", Zs, V(m(o)("report.integration.errorFetchingLocation")), 1)) : P("", !0)
-              ])
-            ]),
-            t("div", ei, [
-              t("div", ti, V(m(o)("report.integration.autocount.saveAndApprove")), 1),
-              t("div", oi, [
-                t("div", ai, V(m(o)("report.integration.autocount.invoice")), 1),
-                n(q, {
-                  modelValue: e.value.platform.mappings.saveApproveInvoice,
-                  "onUpdate:modelValue": a[8] || (a[8] = (I) => e.value.platform.mappings.saveApproveInvoice = I),
-                  style: { gap: "0px" }
-                }, null, 8, ["modelValue"])
-              ]),
-              t("div", li, [
-                t("div", ni, V(m(o)("report.integration.autocount.creditNote")), 1),
-                n(q, {
-                  modelValue: e.value.platform.mappings.saveApproveCreditNote,
-                  "onUpdate:modelValue": a[9] || (a[9] = (I) => e.value.platform.mappings.saveApproveCreditNote = I),
-                  style: { gap: "0px" }
-                }, null, 8, ["modelValue"])
-              ]),
-              t("div", si, [
-                t("div", ii, V(m(o)("report.integration.autocount.payment")), 1),
-                n(q, {
-                  modelValue: e.value.platform.mappings.saveApprovePayment,
-                  "onUpdate:modelValue": a[10] || (a[10] = (I) => e.value.platform.mappings.saveApprovePayment = I),
-                  style: { gap: "0px" }
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            t("div", ri, [
-              t("div", mi, [
-                t("div", di, V(m(o)("report.integration.refNumFormat")), 1),
-                n(Pe)
-              ]),
-              t("div", ci, [
-                n(R, {
-                  "model-value": {
-                    key: "Invoice no",
-                    account: e.value.platform.mappings.invoiceDocNo
-                  },
-                  options: l("Invoice no"),
-                  "onUpdate:modelValue": a[11] || (a[11] = (I) => $({ key: "invoiceDocNo", value: I.account }))
-                }, null, 8, ["model-value", "options"]),
-                n(R, {
-                  "model-value": {
-                    key: "Credit note no",
-                    account: e.value.platform.mappings.creditNoteDocNo
-                  },
-                  options: l("Credit note no"),
-                  "onUpdate:modelValue": a[12] || (a[12] = (I) => $({ key: "creditNoteDocNo", value: I.account }))
-                }, null, 8, ["model-value", "options"]),
-                n(R, {
-                  "model-value": {
-                    key: "Payment no",
-                    account: e.value.platform.mappings.paymentDocNo
-                  },
-                  options: l("Payment no"),
-                  "onUpdate:modelValue": a[13] || (a[13] = (I) => $({ key: "paymentDocNo", value: I.account }))
-                }, null, 8, ["model-value", "options"]),
-                n(R, {
-                  "model-value": {
-                    key: "Refund no",
-                    account: e.value.platform.mappings.refundDocNo
-                  },
-                  options: l("Refund no"),
-                  "onUpdate:modelValue": a[14] || (a[14] = (I) => $({ key: "refundDocNo", value: I.account }))
-                }, null, 8, ["model-value", "options"])
-              ])
-            ]),
-            n(Re, {
-              modelValue: e.value.platform,
-              "onUpdate:modelValue": a[15] || (a[15] = (I) => e.value.platform = I),
-              label: "upload",
-              "last-upload-date": (le = e.value.platform) == null ? void 0 : le.lastUploadDate
-            }, null, 8, ["modelValue", "last-upload-date"]),
-            t("div", ui, [
-              t("div", pi, V(m(o)("report.integration.biztory.items")), 1),
-              n(A, {
-                variant: "primary",
-                icon: "add",
-                onClick: a[16] || (a[16] = () => v("items"))
-              })
-            ]),
-            (d(!0), S(O, null, Y((ie = (se = (ne = e.value) == null ? void 0 : ne.platform) == null ? void 0 : se.mappings) == null ? void 0 : ie.items, (I, J) => (d(), S("div", {
-              key: `items-${J}`,
-              class: "grid-cols-1 grid gap-x-16"
-            }, [
-              n(R, {
-                modelValue: e.value.platform.mappings.items[J],
-                "onUpdate:modelValue": (ye) => e.value.platform.mappings.items[J] = ye,
-                options: {
-                  feedmeKey: {
-                    placeholder: m(o)("report.integration.autocount.feedmeKey"),
-                    editable: !0
-                  },
-                  productCode: {
-                    placeholder: m(o)("report.integration.autocount.productCode"),
-                    editable: !0
-                  },
-                  accountCode: {
-                    placeholder: m(o)("report.integration.autocount.accountCode"),
-                    editable: !0
-                  }
-                },
-                removable: !0,
-                onRemove: () => p("items", J)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"])
-            ]))), 128)),
-            t("div", fi, [
-              t("div", vi, V(m(o)("report.integration.biztory.taxes")), 1),
-              n(A, {
-                variant: "primary",
-                icon: "add",
-                onClick: a[17] || (a[17] = () => v("taxes"))
-              })
-            ]),
-            t("div", gi, [
-              (d(!0), S(O, null, Y((de = (me = (re = e.value) == null ? void 0 : re.platform) == null ? void 0 : me.mappings) == null ? void 0 : de.taxes, (I, J) => (d(), M(R, {
-                key: `tax-${J}`,
-                modelValue: e.value.platform.mappings.taxes[J],
-                "onUpdate:modelValue": (ye) => e.value.platform.mappings.taxes[J] = ye,
-                options: {
-                  feedmeKey: { placeholder: m(o)("report.integration.autocount.key"), editable: !0 },
-                  accountCode: {
-                    placeholder: m(o)("report.integration.autocount.accountCode"),
-                    editable: !0
-                  }
-                },
-                removable: !0,
-                onRemove: () => p("taxes", J)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128)),
-              (d(!0), S(O, null, Y((T = (ue = (ce = e.value) == null ? void 0 : ce.platform) == null ? void 0 : ue.mappings) == null ? void 0 : T.taxRoundingAdjustments, (I, J) => (d(), M(R, {
-                key: `tax-rounding-adjustment-${J}`,
-                modelValue: e.value.platform.mappings.taxRoundingAdjustments[J],
-                "onUpdate:modelValue": (ye) => e.value.platform.mappings.taxRoundingAdjustments[J] = ye,
-                options: {
-                  feedmeKey: {
-                    placeholder: m(o)("report.integration.autocount.key"),
-                    editable: !0
-                  },
-                  accountCode: {
-                    placeholder: m(o)("report.integration.autocount.accountCode"),
-                    editable: !0
-                  }
-                },
-                removable: !0,
-                onRemove: () => p("taxes", J)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"]))), 128))
-            ]),
-            t("div", yi, [
-              t("div", xi, V(m(o)("report.integration.biztory.payments")), 1),
-              n(A, {
-                variant: "primary",
-                icon: "add",
-                onClick: a[18] || (a[18] = () => v("payments"))
-              })
-            ]),
-            t("div", _i, [
-              n(R, {
-                "model-value": {
-                  key: "Credit Term",
-                  account: e.value.platform.mappings.creditTerm
-                },
-                options: l("creditTerm"),
-                "onUpdate:modelValue": a[19] || (a[19] = (I) => $({ key: "creditTerm", value: I.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Currency Code",
-                  account: e.value.platform.mappings.currencyCode
-                },
-                options: l("currencyCode"),
-                "onUpdate:modelValue": a[20] || (a[20] = (I) => $({ key: "currencyCode", value: I.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Journal Type",
-                  account: e.value.platform.mappings.journalType
-                },
-                options: l("journalType"),
-                "onUpdate:modelValue": a[21] || (a[21] = (I) => $({ key: "journalType", value: I.account }))
-              }, null, 8, ["model-value", "options"]),
-              n(R, {
-                "model-value": {
-                  key: "Currency Rate",
-                  account: e.value.platform.mappings.currencyRate
-                },
-                options: l("currencyRate"),
-                "onUpdate:modelValue": a[22] || (a[22] = (I) => $({ key: "currencyRate", value: I.account }))
-              }, null, 8, ["model-value", "options"])
-            ]),
-            (d(!0), S(O, null, Y((L = (U = (g = e.value) == null ? void 0 : g.platform) == null ? void 0 : U.mappings) == null ? void 0 : L.payments, (I, J) => (d(), S("div", {
-              key: `payment-${J}`,
-              class: "grid-cols-1 grid gap-x-16"
-            }, [
-              n(R, {
-                modelValue: e.value.platform.mappings.payments[J],
-                "onUpdate:modelValue": (ye) => e.value.platform.mappings.payments[J] = ye,
-                options: {
-                  feedmeKey: {
-                    placeholder: m(o)("report.integration.autocount.feedmeKey"),
-                    editable: !0
-                  },
-                  accountCode: {
-                    placeholder: m(o)("report.integration.autocount.accountCode") + " (Use debtor code if need to knock-off payment)",
-                    editable: !0
-                  },
-                  paymentName: {
-                    placeholder: m(o)("report.integration.autocount.paymentMethod"),
-                    editable: !0
-                  }
-                },
-                removable: !0,
-                onRemove: () => p("payments", J)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onRemove"])
-            ]))), 128))
-          ])
-        ])
-      ])) : P("", !0);
-    };
-  }
-});
-function wi(f) {
-  return f.reduce((o, e) => {
-    var F, w, h, u, b, C, p, v, r, y, $, l, i;
-    const { invoice: s, payments: x } = e, k = o.length;
-    o[k] = {
-      docNo: s.master.docNo,
-      debtorCode: s.master.debtorCode,
-      debtorName: s.master.debtorName,
-      itemProductCode: (F = s.details[0]) == null ? void 0 : F.productCode,
-      description: (w = s.details[0]) == null ? void 0 : w.description,
-      unitPrice: (h = s.details[0]) == null ? void 0 : h.unitPrice,
-      discount: (u = s.details[0]) == null ? void 0 : u.discount,
-      taxCode: (b = s.details[0]) == null ? void 0 : b.taxCode,
-      creditTerm: s.master.creditTerm,
-      docType: (C = x[0]) == null ? void 0 : C.master.docType,
-      paymentMethod: (v = (p = x[0]) == null ? void 0 : p.paymentDetails[0]) == null ? void 0 : v.paymentMethod,
-      amount: ((r = x[0]) == null ? void 0 : r.details[0].amount) || 0,
-      currencyCode: (y = x[0]) == null ? void 0 : y.master.currencyCode,
-      journalType: ($ = x[0]) == null ? void 0 : $.master.journalType
-    };
-    const _ = Math.max(s.details.length, (x == null ? void 0 : x.length) || 0);
-    for (let c = 1; c < _; c++) {
-      const a = k + c;
-      o[a] || (o[a] = {});
-      const N = s.details[c], A = x[c];
-      N && (o[a] = {
-        ...o[a],
-        debtorCode: s.master.debtorCode,
-        debtorName: s.master.debtorName,
-        creditTerm: s.master.creditTerm,
-        itemProductCode: N.productCode,
-        description: N.description,
-        unitPrice: N.unitPrice,
-        discount: N.discount,
-        taxCode: N.taxCode
-      }), A && (o[a] = {
-        ...o[a],
-        debtorCode: s.master.debtorCode,
-        debtorName: s.master.debtorName,
-        creditTerm: s.master.creditTerm,
-        docType: A.master.docType,
-        paymentMethod: (l = A.paymentDetails[0]) == null ? void 0 : l.paymentMethod,
-        amount: ((i = A.details[0]) == null ? void 0 : i.amount) || 0,
-        currencyCode: A.master.currencyCode,
-        journalType: A.master.journalType
-      });
-    }
-    return o;
-  }, []);
-}
-const hi = [
-  {
-    accessorKey: "docNo",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Doc No"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "debtorCode",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Debtor Code"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "debtorName",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Debtor Name"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "creditTerm",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Credit Term"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "itemProductCode",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Product Code"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "description",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Description"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "taxCode",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Tax Code"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "unitPrice",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Price"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "discount",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Discount"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "docType",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Doc Type"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "paymentMethod",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Payment Method"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "amount",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Amount"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "currencyCode",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Currency Code"),
-    enableSorting: !1
-  },
-  {
-    accessorKey: "journalType",
-    header: () => K("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Journal Type"),
-    enableSorting: !1
-  }
-], Vi = { class: "h-full flex flex-col gap-16" }, ki = { class: "flex flex-row gap-2 justify-between items-center" }, $i = { class: "flex flex-row gap-5" }, Ci = {
-  key: 0,
-  class: "flex gap-24 w-full h-full justify-center items-center overflow-y-auto"
-}, Si = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Di = /* @__PURE__ */ G({
-  __name: "Preview",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = E(!1), x = ge(), { dateRange: k } = Ke(ve()), _ = E([]);
-    _e(
-      () => k.value,
-      async () => {
-        if (e.value._id)
-          try {
-            s.value = !0, _.value = await Ne(e.value._id);
-          } catch (b) {
-            x.open({ message: b.message, type: "error" });
-          } finally {
-            s.value = !1;
-          }
-      },
-      {
-        immediate: !0
-      }
-    );
-    const F = H(() => wi(_.value)), w = H(() => hi);
-    async function h() {
-      try {
-        e.value._id && e.value.platform.apiKey ? (s.value = !0, await je(e.value._id), x.open({ message: o("report.integration.uploadSuccess"), type: "success" })) : x.open({ message: o("report.integration.invalidSetting"), type: "error" });
-      } catch (b) {
-        b.message && x.open({ message: b.message, type: "error" }), b.errors && b.errors.forEach((C) => x.open({ message: C, type: "error" }));
-      } finally {
-        s.value = !1;
-      }
-    }
-    async function u() {
-      try {
-        e.value._id ? (s.value = !0, await Le(e.value._id)) : x.open({ message: o("report.integration.invalidSetting"), type: "error" });
-      } catch (b) {
-        x.open({ message: b.message, type: "error" });
-      } finally {
-        s.value = !1;
-      }
-    }
-    return (b, C) => {
-      const p = D("FmButton"), v = D("FmCircularProgress"), r = D("FmTable");
-      return d(), S("div", Vi, [
-        t("div", ki, [
-          n(Ie, {
-            "date-range": m(k),
-            "onUpdate:dateRange": C[0] || (C[0] = (y) => Ve(k) ? k.value = y : null),
-            compare: !1
-          }, null, 8, ["date-range"]),
-          t("div", $i, [
-            n(p, {
-              loading: s.value,
-              variant: "primary",
-              label: m(o)("report.common.upload"),
-              onClick: h
-            }, null, 8, ["loading", "label"]),
-            n(p, {
-              loading: s.value,
-              variant: "primary",
-              label: m(o)("report.common.download"),
-              onClick: u
-            }, null, 8, ["loading", "label"])
-          ])
-        ]),
-        s.value ? (d(), S("div", Ci, [
-          n(v, { size: "xl" }),
-          t("span", Si, V(m(o)("report.common.isLoading")), 1)
-        ])) : (d(), M(r, {
-          key: 1,
-          class: "flex overflow-y-auto",
-          "row-data": F.value,
-          "column-defs": w.value
-        }, null, 8, ["row-data", "column-defs"]))
-      ]);
-    };
-  }
-}), Fi = { class: "h-full relative flex flex-col" }, Ui = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Ti = /* @__PURE__ */ G({
-  __name: "AutocountCloud",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f) {
-    const { t: o } = Z(), e = W(f, "modelValue"), s = E("setting"), x = [
-      {
-        label: o("report.integration.setting"),
-        value: "setting",
-        icon: "settings"
-      },
-      {
-        label: o("report.integration.preview"),
-        value: "preview",
-        icon: "table"
-      }
-    ], k = fe(), _ = H(() => {
-      switch (s.value) {
-        case "preview":
-          return {
-            component: Di
-          };
-        case "setting":
-          return {
-            component: bi,
-            props: {
-              retrievedLocations: F.value,
-              retrievedDebtors: w.value
-            }
-          };
-        default:
-          return null;
-      }
-    }), F = E({}), w = E({}), h = (p) => p.data.map((v) => ({
-      label: v.location + " - " + v.description,
-      value: v.location
-    })), u = (p) => p.data.map((v) => ({
-      label: v.AccNo + " - " + v.CompanyName,
-      value: v.AccNo + " - " + v.CompanyName,
-      valueAccNo: v.AccNo,
-      valueCompanyName: v.CompanyName
-    })), b = async (p, v, r, y) => {
-      try {
-        const $ = await p(e.value._id);
-        r.value.data = v($);
-      } catch ($) {
-        console.error(y, $), r.value.isError = !0;
-      } finally {
-        r.value.isLoaded = !0;
-      }
-    }, C = async () => {
-      await b(
-        at,
-        u,
-        w,
-        "Failed to fetch debtors:"
-      ), await b(
-        lt,
-        h,
-        F,
-        "Failed to fetch locations:"
-      ), F.value.isLoaded = !0, w.value.isLoaded = !0;
-    };
-    return Ee(() => {
-      e.value.platform.apiKey && e.value.platform.accountBookId && e.value.platform.keyId ? C() : (F.value.isLoaded = !0, w.value.isLoaded = !0, F.value.isError = !0, w.value.isError = !0);
-    }), (p, v) => {
-      var $, l, i;
-      const r = D("FmPageHead"), y = D("FmTabs");
-      return d(), S("div", Fi, [
-        n(r, {
-          title: (($ = e.value) == null ? void 0 : $.name) || "Autocount Cloud",
-          "back-button": !0,
-          style: { paddingLeft: "0px", paddingRight: "0px" },
-          "onClick:back": m(k).back
-        }, {
-          description: we(() => v[2] || (v[2] = [
-            t("div", null, null, -1)
-          ])),
-          _: 1
-        }, 8, ["title", "onClick:back"]),
-        n(y, {
-          "model-value": s.value,
-          "onUpdate:modelValue": v[0] || (v[0] = (c) => s.value = c),
-          items: x
-        }, null, 8, ["model-value"]),
-        t("div", Ui, [
-          (d(), M(ke((l = _.value) == null ? void 0 : l.component), Oe({
-            modelValue: e.value,
-            "onUpdate:modelValue": v[1] || (v[1] = (c) => e.value = c)
-          }, (i = _.value) == null ? void 0 : i.props), null, 16, ["modelValue"]))
-        ])
-      ]);
-    };
-  }
-}), Ni = { class: "px-24 h-full relative" }, Bi = /* @__PURE__ */ G({
-  __name: "Integration",
-  setup(f) {
-    const o = E(void 0), { params: e } = Ge(), s = $e(), x = E();
-    Ee(async () => {
-      s.settings.length === 0 && await s.getSettings();
-    }), _e(
-      () => s.settings,
-      (_) => {
-        var w;
-        const F = _.find((h) => h._id === e.id);
-        F && (x.value = F, o.value = (w = x.value.platform) == null ? void 0 : w.name);
-      },
-      { immediate: !0 }
-    );
-    const k = H(() => {
-      switch (o.value) {
-        case xe.Xero:
-          return io;
-        case xe.Bukku:
-          return aa;
-        case xe.AutoCount:
-          return Ea;
-        case xe.SQL:
-          return Ul;
-        case xe.iFlexi_HRMS:
-          return gs;
-        case xe.Biztory:
-          return zn;
-        case xe.AutoCountCloud:
-          return Ti;
-        default:
-          return null;
-      }
-    });
-    return (_, F) => (d(), S("div", Ni, [
-      (d(), M(ke(k.value), {
-        modelValue: x.value,
-        "onUpdate:modelValue": F[0] || (F[0] = (w) => x.value = w)
-      }, null, 8, ["modelValue"]))
-    ]));
-  }
-});
-export {
-  Bi as default
-};