@feedmepos/mf-report 5.4.15-beta.1 → 5.4.15-beta.3

package/dist/Integration-ILSIf-OL.js

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