@feedmepos/mf-report 5.8.1 → 5.8.2

package/dist/Integration-BlBTzdBt.js

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