@feedmepos/mf-report 5.3.15-rc.9 → 5.4.0-beta.0

package/dist/Integration-jUUBKs84.js

@@ -0,0 +1,2585 @@
+import { defineComponent as M, mergeModels as Ve, useModel as L, computed as R, resolveComponent as V, openBlock as u, createElementBlock as k, createElementVNode as l, normalizeClass as De, Fragment as K, renderList as j, createVNode as o, createBlock as T, withCtx as ue, toDisplayString as me, createCommentVNode as Y, unref as H, ref as P, watch as re, isRef as pe, h as F, resolveDynamicComponent as de, onMounted as Ce } from "vue";
+import { useRouter as oe, useRoute as Se } from "vue-router";
+import { I as le, x as Ue, d as Fe, s as ce, c as fe, b as ve, a as ne, y as Te, z as Ie, A as Ne, w as ge, B as ye, E as xe, G as $e, H as ae, J as ke } from "./app-eKZV2PPB.js";
+import { useSnackbar as se } from "@feedmepos/ui-library";
+import { storeToRefs as be } from "pinia";
+import { _ as we } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-G0LCMQmy.js";
+const Ae = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, Pe = {
+  key: 0,
+  class: "w-[50%]"
+}, Ke = { class: "text-nowrap w-[100%] overflow-hidden text-ellipsis" }, Re = {
+  key: 0,
+  class: "w-[24px] flex items-center"
+}, S = /* @__PURE__ */ M({
+  __name: "MappingField",
+  props: /* @__PURE__ */ Ve({
+    removable: {
+      type: Boolean,
+      default: !1
+    },
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    rules: {
+      type: Array,
+      default: () => []
+    }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Ve(["remove"], ["update:modelValue"]),
+  setup(C, { emit: e }) {
+    const x = L(C, "modelValue"), h = C, f = R(
+      () => Object.keys(h.options).map(($) => {
+        const i = h.options[$];
+        return {
+          placeholder: i.placeholder,
+          key: $,
+          editable: i.editable
+        };
+      })
+    ), y = e;
+    return ($, i) => {
+      const D = V("FmTextField"), s = V("FmTooltip"), c = V("FmIcon");
+      return u(), k("div", Ae, [
+        l("div", {
+          class: De(`${C.removable ? "w-[calc(100%-24px)]" : "w-[100%]"} flex flex-row items-center gap-[4px]`)
+        }, [
+          (u(!0), k(K, null, j(f.value, (v) => {
+            var r;
+            return u(), k(K, {
+              key: v.key
+            }, [
+              v.editable ? (u(), k("div", Pe, [
+                o(D, {
+                  "model-value": x.value[v.key],
+                  placeholder: v.placeholder,
+                  type: C.type,
+                  rules: C.rules,
+                  "onUpdate:modelValue": (w) => {
+                    let a = w;
+                    C.type === "number" && (a = Number(w)), x.value = {
+                      ...x.value,
+                      [v.key]: a
+                    };
+                  }
+                }, null, 8, ["model-value", "placeholder", "type", "rules", "onUpdate:modelValue"])
+              ])) : (u(), T(s, {
+                key: 1,
+                content: (r = x.value[v.key]) == null ? void 0 : r.toString(),
+                class: "w-[50%]"
+              }, {
+                default: ue(() => [
+                  l("div", Ke, me(x.value[v.key]), 1)
+                ]),
+                _: 2
+              }, 1032, ["content"]))
+            ], 64);
+          }), 128))
+        ], 2),
+        C.removable ? (u(), k("div", Re, [
+          o(c, {
+            color: "system-error-300",
+            class: "cursor-pointer",
+            name: "close",
+            size: "md",
+            onClick: i[0] || (i[0] = (v) => y("remove"))
+          })
+        ])) : Y("", !0)
+      ]);
+    };
+  }
+}), Me = { class: "flex flex-row items-center" }, Be = { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, je = { class: "flex flex-row items-center w-[100%] justify-start" }, Le = {
+  key: 0,
+  class: "flex flex-row items-center w-[100%] justify-start"
+}, Oe = { class: "w-[calc(75%+4px)]" }, Ee = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, He = { class: "flex flex-row items-center w-[100%] justify-between" }, Ye = { class: "text-nowrap w-[50%] overflow-hidden text-ellipsis" }, qe = { class: "w-[50%]" }, _e = /* @__PURE__ */ M({
+  __name: "UploadSection",
+  props: /* @__PURE__ */ Ve({
+    label: {
+      type: String,
+      default: "upload"
+    }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = L(C, "modelValue"), x = R(() => {
+      switch (e.value.name) {
+        case le.AutoCount:
+        case le.SQL:
+        case le.iFlexi_HRMS:
+          return !0;
+        default:
+          return !1;
+      }
+    });
+    return (h, f) => {
+      var D, s;
+      const y = V("FmSwitch"), $ = V("FmTextField"), i = V("FmTimePicker");
+      return u(), k(K, null, [
+        l("div", Me, [
+          l("div", Be, "Auto " + me(C.label), 1)
+        ]),
+        l("div", je, [
+          f[4] || (f[4] = l("div", { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, "Enable", -1)),
+          o(y, {
+            modelValue: e.value.enable,
+            "onUpdate:modelValue": f[0] || (f[0] = (c) => e.value.enable = c),
+            style: { gap: "0px" }
+          }, null, 8, ["modelValue"])
+        ]),
+        x.value ? (u(), k("div", Le, [
+          f[5] || (f[5] = l("div", { class: "text-nowrap w-[calc(25%-4px)] overflow-hidden text-ellipsis" }, "Email", -1)),
+          l("div", Oe, [
+            o($, {
+              "model-value": (e.value.emails || []).join(","),
+              placeholder: "Email",
+              "onUpdate:modelValue": f[1] || (f[1] = (c) => {
+                switch (e.value.name) {
+                  case H(le).AutoCount:
+                  case H(le).SQL:
+                  case H(le).iFlexi_HRMS:
+                    e.value.emails = c.split(",");
+                    break;
+                }
+              })
+            }, null, 8, ["model-value"])
+          ])
+        ])) : Y("", !0),
+        l("div", Ee, [
+          l("div", He, [
+            l("div", Ye, me(H(Ue)(C.label)) + " time ", 1),
+            l("div", qe, [
+              o(i, {
+                class: "gap-[0px]",
+                "model-value": H(Fe)().hour(((D = e.value.triggerTime) == null ? void 0 : D.hour) ?? 0).minute(((s = e.value.triggerTime) == null ? void 0 : s.minute) ?? 0).format("HH:mm"),
+                "onUpdate:modelValue": f[2] || (f[2] = (c) => {
+                  c && (e.value.triggerTime.hour = Number(c.split(":")[0]), e.value.triggerTime.minute = Number(c.split(":")[1]));
+                })
+              }, null, 8, ["model-value"])
+            ])
+          ]),
+          o(S, {
+            "model-value": {
+              label: "Delay day",
+              delayDay: e.value.delayDay
+            },
+            type: "number",
+            options: {
+              label: { placeholder: "Delay day", editable: !1 },
+              delayDay: { placeholder: "Delay day", editable: !0 }
+            },
+            rules: [(c) => c > 0 || "Delay days must be greater than 0"],
+            "onUpdate:modelValue": f[3] || (f[3] = (c) => {
+              e.value.delayDay = c.delayDay;
+            })
+          }, null, 8, ["model-value", "rules"])
+        ])
+      ], 64);
+    };
+  }
+}), Ge = {
+  key: 0,
+  class: "flex flex-col h-full"
+}, Qe = { class: "flex flex-col gap-[16px] pb-[24px]" }, Xe = { class: "flex flex-row justify-between items-center gap-2" }, ze = { class: "flex flex-row gap-2" }, Je = { class: "flex flex-col gap-16 pt-[24px] overflow-scroll" }, We = { class: "flex flex-row items-center justify-between gap-2" }, Ze = { class: "w-[25%]" }, et = { class: "flex flex-col gap-[16px]" }, tt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, lt = { class: "flex-grow" }, at = { class: "flex flex-row items-center max-w-[100%] justify-between" }, ot = { class: "flex flex-col gap-[16px]" }, nt = { class: "flex flex-row items-center max-w-[100%] justify-between" }, st = { class: "flex-grow" }, it = { class: "flex flex-row items-center max-w-[100%] justify-between" }, rt = { class: "flex-grow" }, mt = {
+  key: 0,
+  class: "flex flex-row items-center max-w-[100%] justify-between"
+}, ut = { class: "flex-grow" }, dt = { class: "w-[25%]" }, ct = { class: "flex-grow" }, pt = { class: "flex-grow" }, ft = { class: "w-[25%]" }, vt = { class: "flex-grow" }, gt = { class: "w-[25%]" }, yt = { class: "flex-grow" }, xt = /* @__PURE__ */ M({
+  __name: "Setting",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = L(C, "modelValue"), x = se(), h = ce(), f = oe(), { promptLoader: y } = fe(), { promptMessage: $ } = ve(), { restaurants: i } = ne(), D = P(!1), s = R(
+      () => i.map((p) => ({ label: p.name, value: p.id }))
+    ), c = P([]), v = R(() => {
+      var p, d;
+      return D.value ? "Connecting" : (d = (p = e.value) == null ? void 0 : p.platform) != null && d.accessToken ? "Disconnect" : "Connect";
+    });
+    re(
+      () => {
+        var p;
+        return (p = e.value.platform) == null ? void 0 : p.accessToken;
+      },
+      (p) => {
+        p && w();
+      },
+      { immediate: !0 }
+    );
+    const r = P(0);
+    async function w() {
+      e.value._id && (c.value = (await Te(e.value._id)).map((p) => ({
+        value: p.id,
+        label: p.name
+      })));
+    }
+    async function a() {
+      var p, d, N;
+      if (D.value)
+        x.open({ type: "error", message: "Connecting in progress" });
+      else if ((p = e.value.platform) != null && p.accessToken)
+        await $({
+          message: `Confirm disconnect ${(N = (d = e.value.platform) == null ? void 0 : d.tenant) == null ? void 0 : N.name}`,
+          title: "Disconnect Xero"
+        }) && (await Ie(e.value._id), await h.getSettings(), c.value = []);
+      else if (e.value._id)
+        try {
+          const I = await Ne(e.value._id);
+          D.value = !0;
+          const O = setInterval(async () => {
+            var A;
+            r.value += 1;
+            try {
+              await h.getSettings();
+            } finally {
+              (r.value === 12 || (A = e.value.platform) != null && A.accessToken) && (D.value = !1, O && clearInterval(O), r.value = 0);
+            }
+          }, 5e3);
+          window.open(I.redirect, "_blank");
+        } catch (I) {
+          x.open({ type: "error", message: I.message });
+        }
+      else
+        x.open({ type: "error", message: `invalid accounting ${e.value._id}` });
+    }
+    async function b() {
+      await $({
+        message: `Confirm delete ${e.value.name}?`,
+        title: "Delete"
+      }) && await y(async () => {
+        try {
+          await ge(e.value._id), await h.getSettings(), f.back();
+        } catch (d) {
+          x.open({ type: "error", message: d.message });
+        }
+      });
+    }
+    async function m() {
+      await y(async () => {
+        try {
+          await ye(e.value._id, e.value), await h.getSettings();
+        } catch (p) {
+          x.open({ type: "error", message: p.message });
+        }
+      });
+    }
+    function t(p) {
+      const d = c.value.find((N) => N.value === p);
+      d && e.value.platform && (e.value.platform.tenant = {
+        id: d.value,
+        name: d.label
+      });
+    }
+    return (p, d) => {
+      var E, q, G, Q, X, z, J, W, Z, ee, te, g;
+      const N = V("FmButton"), I = V("FmMenuDivider"), O = V("FmSelect"), A = V("FmTextField"), B = V("FmSwitch");
+      return (q = (E = e.value) == null ? void 0 : E.platform) != null && q.mappings ? (u(), k("div", Ge, [
+        l("div", Qe, [
+          l("div", Xe, [
+            d[5] || (d[5] = l("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
+            l("div", ze, [
+              o(N, {
+                variant: "tertiary",
+                label: "Delete",
+                onClick: b
+              }),
+              o(N, {
+                variant: "primary",
+                label: "Update",
+                onClick: m
+              })
+            ])
+          ])
+        ]),
+        o(I, { style: { margin: 0 } }),
+        l("div", Je, [
+          d[14] || (d[14] = l("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)),
+          l("div", We, [
+            l("div", Ze, [
+              o(N, {
+                disabled: D.value,
+                variant: "primary",
+                label: v.value,
+                onClick: a
+              }, null, 8, ["disabled", "label"])
+            ]),
+            c.value.length > 0 ? (u(), T(O, {
+              key: 0,
+              class: "flex-grow",
+              items: c.value,
+              "model-value": (G = e.value.platform.tenant) == null ? void 0 : G.id,
+              placeholder: "Select tenant",
+              "onUpdate:modelValue": t
+            }, null, 8, ["items", "model-value"])) : Y("", !0)
+          ]),
+          l("div", et, [
+            d[8] || (d[8] = l("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "General", -1)),
+            l("div", tt, [
+              d[6] || (d[6] = l("div", { class: "w-[25%]" }, "Name", -1)),
+              l("div", lt, [
+                o(A, {
+                  modelValue: e.value.name,
+                  "onUpdate:modelValue": d[0] || (d[0] = (n) => e.value.name = n)
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            l("div", at, [
+              d[7] || (d[7] = l("div", { class: "w-[25%]" }, "Location", -1)),
+              o(O, {
+                modelValue: e.value.platform.locationIds,
+                "onUpdate:modelValue": d[1] || (d[1] = (n) => e.value.platform.locationIds = n),
+                multiselect: !0,
+                items: s.value,
+                placeholder: "Select location",
+                class: "flex-grow"
+              }, null, 8, ["modelValue", "items"])
+            ])
+          ]),
+          l("div", ot, [
+            d[12] || (d[12] = l("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "Mapping", -1)),
+            l("div", nt, [
+              d[9] || (d[9] = l("div", { class: "w-[25%]" }, "Contact", -1)),
+              l("div", st, [
+                o(A, {
+                  modelValue: e.value.platform.mappings.contact.xero.key,
+                  "onUpdate:modelValue": d[2] || (d[2] = (n) => e.value.platform.mappings.contact.xero.key = n),
+                  placeholder: "Contact account number"
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            l("div", it, [
+              d[10] || (d[10] = l("div", { class: "w-[25%]" }, "Discount as Item", -1)),
+              l("div", rt, [
+                o(B, {
+                  "model-value": e.value.platform.discountItem ?? !1,
+                  style: { gap: 0 },
+                  "onUpdate:modelValue": d[3] || (d[3] = (n) => {
+                    e.value.platform.discountItem = n;
+                  })
+                }, null, 8, ["model-value"])
+              ])
+            ]),
+            e.value.platform.mappings.rounding ? (u(), k("div", mt, [
+              d[11] || (d[11] = l("div", { class: "w-[25%]" }, "Rounding", -1)),
+              l("div", ut, [
+                o(A, {
+                  modelValue: e.value.platform.mappings.rounding.xero.key,
+                  "onUpdate:modelValue": d[4] || (d[4] = (n) => e.value.platform.mappings.rounding.xero.key = n),
+                  placeholder: "Item account code"
+                }, null, 8, ["modelValue"])
+              ])
+            ])) : Y("", !0),
+            (u(!0), k(K, null, j((z = (X = (Q = e.value) == null ? void 0 : Q.platform) == null ? void 0 : X.mappings) == null ? void 0 : z.items, (n, _) => (u(), k("div", {
+              key: `item-${_}`,
+              class: "flex flex-row items-center max-w-[100%] justify-between"
+            }, [
+              l("div", dt, me(n.feedme.name), 1),
+              l("div", ct, [
+                n.xeroTax ? (u(), T(A, {
+                  key: 0,
+                  modelValue: n.xeroTax.key,
+                  "onUpdate:modelValue": (U) => n.xeroTax.key = U,
+                  placeholder: "Tax name"
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : Y("", !0)
+              ]),
+              l("div", pt, [
+                o(A, {
+                  modelValue: n.xero.key,
+                  "onUpdate:modelValue": (U) => n.xero.key = U,
+                  placeholder: "Item account code"
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ])
+            ]))), 128)),
+            (u(!0), k(K, null, j((Z = (W = (J = e.value) == null ? void 0 : J.platform) == null ? void 0 : W.mappings) == null ? void 0 : Z.charges, (n, _) => (u(), k("div", {
+              key: `charge-${_}`,
+              class: "flex flex-row items-center max-w-[100%] justify-between"
+            }, [
+              l("div", ft, me(n.feedme.name), 1),
+              l("div", vt, [
+                o(A, {
+                  modelValue: n.xero.key,
+                  "onUpdate:modelValue": (U) => n.xero.key = U,
+                  placeholder: "Item account code"
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ])
+            ]))), 128)),
+            d[13] || (d[13] = l("div", { class: "flex flex-row items-center fm-typo-en-title-sm-800 h-[36px]" }, "Payments", -1)),
+            (u(!0), k(K, null, j((g = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : g.payments, (n, _) => (u(), k("div", {
+              key: `payment-${_}`,
+              class: "flex flex-row items-center max-w-[100%] justify-between"
+            }, [
+              l("div", gt, me(n.feedme.name), 1),
+              l("div", yt, [
+                o(A, {
+                  modelValue: n.xero.key,
+                  "onUpdate:modelValue": (U) => n.xero.key = U,
+                  placeholder: "Payment account code"
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ])
+            ]))), 128))
+          ])
+        ])
+      ])) : Y("", !0);
+    };
+  }
+}), bt = { class: "h-full flex flex-col gap-16" }, wt = { class: "flex flex-row gap-2 justify-between items-center" }, _t = {
+  key: 0,
+  class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
+}, Vt = /* @__PURE__ */ M({
+  __name: "Preview",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = P([]), x = R(
+      () => e.value.reduce((s, c) => {
+        const v = s.length, { invoice: r, payments: w } = c;
+        s[v] = {
+          date: r.Date,
+          contact: r.Contact.ContactID,
+          status: r.Status,
+          ref: r.Reference
+        };
+        for (let a = 0; a < Math.max(r.LineItems.length, w.length); a++) {
+          const b = v + a;
+          s[b] || (s[b] = {}), r.LineItems[a] && (s[b] = {
+            ...s[b],
+            itemDescription: r.LineItems[a].Description,
+            itemQuantity: r.LineItems[a].Quantity,
+            itemUnitAmount: r.LineItems[a].UnitAmount,
+            itemCode: r.LineItems[a].ItemCode,
+            itemAccount: r.LineItems[a].AccountCode,
+            itemTax: r.LineItems[a].TaxAmount,
+            itemTaxType: r.LineItems[a].TaxType,
+            itemAmount: r.LineItems[a].LineAmount,
+            itemDiscount: r.LineItems[a].DiscountAmount
+          }), w[a] && (s[b] = {
+            ...s[b],
+            paymentAccount: w[a].Account.Code,
+            paymentReference: w[a].Reference,
+            paymentAmount: w[a].Amount
+          });
+        }
+        return s;
+      }, [])
+    ), h = [
+      {
+        accessorKey: "date",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "status",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Status"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "ref",
+        header: "Reference",
+        enableSorting: !1
+      },
+      {
+        accessorKey: "itemDescription",
+        header: () => F("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: !1
+      },
+      {
+        accessorKey: "itemAccount",
+        header: () => F("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
+      }
+    ], f = L(C, "modelValue"), y = P(!1), $ = se(), { dateRange: i } = be(ne());
+    re(
+      () => i.value,
+      async () => {
+        if (f.value._id)
+          try {
+            y.value = !0, e.value = await xe(f.value._id);
+          } catch (s) {
+            $.open({ message: s.message, type: "error" });
+          } finally {
+            y.value = !1;
+          }
+      },
+      {
+        immediate: !0
+      }
+    );
+    async function D() {
+      try {
+        f.value._id ? (y.value = !0, await $e(f.value._id), $.open({ message: "Upload successful", type: "success" })) : $.open({ message: "Invalid accounting setting", type: "error" });
+      } catch {
+        $.open({ message: "Failed to upload", type: "error" });
+      } finally {
+        y.value = !1;
+      }
+    }
+    return (s, c) => {
+      const v = V("FmButton"), r = V("FmCircularProgress"), w = V("FmTable");
+      return u(), k("div", bt, [
+        l("div", wt, [
+          o(we, {
+            "date-range": H(i),
+            "onUpdate:dateRange": c[0] || (c[0] = (a) => pe(i) ? i.value = a : null),
+            compare: !1
+          }, null, 8, ["date-range"]),
+          o(v, {
+            loading: y.value,
+            variant: "primary",
+            label: "Upload",
+            onClick: D
+          }, null, 8, ["loading"])
+        ]),
+        y.value ? (u(), k("div", _t, [
+          o(r, { size: "xl" }),
+          c[1] || (c[1] = l("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
+        ])) : x.value.length > 0 ? (u(), T(w, {
+          key: 1,
+          class: "flex overflow-scroll",
+          "row-data": x.value,
+          "column-defs": h
+        }, null, 8, ["row-data"])) : Y("", !0)
+      ]);
+    };
+  }
+}), kt = { class: "h-full relative flex flex-col" }, ht = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, $t = /* @__PURE__ */ M({
+  __name: "Xero",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = L(C, "modelValue"), x = P("setting"), h = [
+      {
+        label: "Setting",
+        value: "setting",
+        icon: "settings"
+      },
+      {
+        label: "Preview",
+        value: "preview",
+        icon: "table"
+      }
+    ], f = oe(), y = R(() => {
+      switch (x.value) {
+        case "preview":
+          return Vt;
+        case "setting":
+          return xt;
+        default:
+          return null;
+      }
+    });
+    return ($, i) => {
+      var c;
+      const D = V("FmPageHead"), s = V("FmTabs");
+      return u(), k("div", kt, [
+        o(D, {
+          title: ((c = e.value) == null ? void 0 : c.name) || "Xero",
+          "back-button": !0,
+          style: { paddingLeft: "0px", paddingRight: "0px" },
+          "onClick:back": H(f).back
+        }, {
+          description: ue(() => i[2] || (i[2] = [
+            l("div", null, null, -1)
+          ])),
+          _: 1
+        }, 8, ["title", "onClick:back"]),
+        o(s, {
+          "model-value": x.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (v) => x.value = v),
+          items: h
+        }, null, 8, ["model-value"]),
+        l("div", ht, [
+          (u(), T(de(y.value), {
+            modelValue: e.value,
+            "onUpdate:modelValue": i[1] || (i[1] = (v) => e.value = v)
+          }, null, 8, ["modelValue"]))
+        ])
+      ]);
+    };
+  }
+}), Dt = {
+  key: 0,
+  class: "flex flex-col h-full"
+}, Ct = { class: "flex flex-col gap-16 pb-[24px]" }, St = { class: "flex flex-row justify-between items-center gap-2" }, Ut = { class: "flex flex-row gap-2" }, Ft = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Tt = { class: "flex flex-row items-center justify-between" }, It = { class: "flex-grow" }, Nt = { class: "flex flex-row items-center justify-between" }, At = { class: "flex-grow" }, Pt = { class: "flex flex-col gap-16" }, Kt = { class: "flex flex-row items-center max-w-[100%]" }, Rt = { class: "flex-grow" }, Mt = { class: "flex flex-row items-center max-w-[100%]" }, Bt = { class: "flex flex-row items-center max-w-[100%]" }, jt = { class: "flex flex-col gap-16" }, Lt = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ot = { class: "flex flex-row items-center gap-x-16" }, Et = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Ht = { class: "flex flex-row items-center gap-x-16" }, Yt = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, qt = { class: "flex flex-row items-center gap-x-16" }, Gt = { class: "flex flex-row items-center" }, Qt = /* @__PURE__ */ M({
+  __name: "Setting",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = L(C, "modelValue"), x = se(), h = ce(), f = oe(), { promptLoader: y } = fe(), { promptMessage: $ } = ve(), { restaurants: i } = ne(), D = R(
+      () => i.map((m) => ({ label: m.name, value: m.id }))
+    );
+    async function s() {
+      await $({
+        message: `Confirm delete ${e.value.name}?`,
+        title: "Delete"
+      }) && await y(async () => {
+        try {
+          await ge(e.value._id), await h.getSettings(), f.back();
+        } catch (t) {
+          x.open({ type: "error", message: t.message });
+        }
+      });
+    }
+    async function c() {
+      await y(async () => {
+        try {
+          await ye(e.value._id, e.value), await h.getSettings();
+        } catch (m) {
+          x.open({ type: "error", message: m.message });
+        }
+      });
+    }
+    function v(m, t) {
+      var p, d;
+      (d = (p = e.value.platform) == null ? void 0 : p.mappings) != null && d[m] && (e.value.platform.mappings[m] = e.value.platform.mappings[m].filter(
+        (N, I) => I !== t
+      ));
+    }
+    function r(m) {
+      var t, p;
+      if ((p = (t = e.value.platform) == null ? void 0 : t.mappings) != null && p[m]) {
+        let d;
+        switch (m) {
+          case "items":
+            d = {
+              key: "",
+              account: "",
+              accountName: ""
+            };
+            break;
+          case "payments":
+            d = {
+              key: "",
+              account: "",
+              accountName: "",
+              method: ""
+            };
+            break;
+          default:
+            d = {
+              key: "",
+              account: ""
+            };
+            break;
+        }
+        e.value.platform.mappings[m] = [
+          ...e.value.platform.mappings[m],
+          d
+        ];
+      }
+    }
+    const w = [
+      {
+        label: "By day",
+        value: ae.BY_DAY
+      },
+      {
+        label: "By day and item",
+        value: ae.BY_DAY_ITEM
+      },
+      {
+        label: "By invoice",
+        value: ae.BY_INVOICE
+      },
+      {
+        label: "By day and separate payment",
+        value: ae.BY_DAY_SEPARATE_PAYMENT
+      }
+    ];
+    function a({
+      key: m,
+      value: t
+    }) {
+      var p, d;
+      (d = (p = e.value) == null ? void 0 : p.platform) != null && d.mappings && (e.value.platform.mappings[m] = t);
+    }
+    function b(m) {
+      return {
+        key: { placeholder: m, editable: !1 },
+        account: { placeholder: m, editable: !0 }
+      };
+    }
+    return (m, t) => {
+      var A, B, E, q, G, Q, X, z, J, W, Z, ee, te, g;
+      const p = V("FmButton"), d = V("FmMenuDivider"), N = V("FmTextField"), I = V("FmSelect"), O = V("FmCheckbox");
+      return (B = (A = e.value) == null ? void 0 : A.platform) != null && B.mappings ? (u(), k("div", Dt, [
+        l("div", Ct, [
+          l("div", St, [
+            t[15] || (t[15] = l("div", { class: "fm-typo-en-title-sm-800" }, "Connect", -1)),
+            l("div", Ut, [
+              o(p, {
+                variant: "tertiary",
+                label: "Delete",
+                onClick: s
+              }),
+              o(p, {
+                variant: "primary",
+                label: "Update",
+                onClick: c
+              })
+            ])
+          ])
+        ]),
+        o(d, { style: { margin: 0 } }),
+        l("div", Ft, [
+          t[25] || (t[25] = l("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Authenticate with your official Bukku account to enable FeedMe to securely upload data to Bukku. ", -1)),
+          l("div", Tt, [
+            t[16] || (t[16] = l("div", { class: "w-[25%]" }, "Subdomain", -1)),
+            l("div", It, [
+              o(N, {
+                modelValue: e.value.platform.subdomain,
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.platform.subdomain = n),
+                placeholder: "Subdomain"
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          l("div", Nt, [
+            t[17] || (t[17] = l("div", { class: "w-[25%]" }, "Token", -1)),
+            l("div", At, [
+              o(N, {
+                modelValue: e.value.platform.token,
+                "onUpdate:modelValue": t[1] || (t[1] = (n) => e.value.platform.token = n),
+                placeholder: "Token"
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          l("div", Pt, [
+            t[21] || (t[21] = l("div", { class: "fm-typo-en-title-sm-800" }, "General", -1)),
+            l("div", Kt, [
+              t[18] || (t[18] = l("div", { class: "w-[25%]" }, "Name", -1)),
+              l("div", Rt, [
+                o(N, {
+                  modelValue: e.value.name,
+                  "onUpdate:modelValue": t[2] || (t[2] = (n) => e.value.name = n)
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            l("div", Mt, [
+              t[19] || (t[19] = l("div", { class: "w-[25%]" }, "Location", -1)),
+              o(I, {
+                modelValue: e.value.platform.locationIds,
+                "onUpdate:modelValue": t[3] || (t[3] = (n) => e.value.platform.locationIds = n),
+                multiselect: !0,
+                items: D.value,
+                placeholder: "Select location",
+                class: "flex-grow"
+              }, null, 8, ["modelValue", "items"])
+            ]),
+            l("div", Bt, [
+              t[20] || (t[20] = l("div", { class: "w-[25%]" }, "Grouping", -1)),
+              o(I, {
+                modelValue: e.value.platform.grouping,
+                "onUpdate:modelValue": t[4] || (t[4] = (n) => e.value.platform.grouping = n),
+                multiselect: !1,
+                items: w,
+                placeholder: "Select grouping",
+                class: "flex-grow"
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          l("div", jt, [
+            l("div", Lt, [
+              o(S, {
+                "model-value": {
+                  key: "Contact",
+                  account: e.value.platform.mappings.contact.account
+                },
+                options: {
+                  key: { placeholder: "Contact", editable: !1 },
+                  account: { placeholder: "Contact", editable: !0 }
+                },
+                "onUpdate:modelValue": t[5] || (t[5] = (n) => {
+                  var _, U, ie;
+                  (ie = (U = (_ = e.value) == null ? void 0 : _.platform) == null ? void 0 : U.mappings) != null && ie.contact && (e.value.platform.mappings.contact.account = n.account);
+                })
+              }, null, 8, ["model-value"]),
+              o(S, {
+                "model-value": {
+                  key: "Invoice no",
+                  account: e.value.platform.mappings.invoiceDocNo
+                },
+                options: b("Invoice no"),
+                "onUpdate:modelValue": t[6] || (t[6] = (n) => a({ key: "invoiceDocNo", value: n.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Credit note no",
+                  account: e.value.platform.mappings.creditNoteDocNo
+                },
+                options: b("Credit note no"),
+                "onUpdate:modelValue": t[7] || (t[7] = (n) => a({ key: "creditNoteDocNo", value: n.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Payment no",
+                  account: e.value.platform.mappings.paymentDocNo
+                },
+                options: b("Payment no"),
+                "onUpdate:modelValue": t[8] || (t[8] = (n) => a({ key: "paymentDocNo", value: n.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Refund no",
+                  account: e.value.platform.mappings.refundDocNo
+                },
+                options: b("Refund no"),
+                "onUpdate:modelValue": t[9] || (t[9] = (n) => a({ key: "refundDocNo", value: n.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Rounding",
+                  account: e.value.platform.mappings.rounding.account
+                },
+                options: b("Rounding"),
+                "onUpdate:modelValue": t[10] || (t[10] = (n) => {
+                  var _, U, ie;
+                  (ie = (U = (_ = e.value) == null ? void 0 : _.platform) == null ? void 0 : U.mappings) != null && ie.rounding && (e.value.platform.mappings.rounding.account = n.account);
+                })
+              }, null, 8, ["model-value", "options"]),
+              (u(!0), k(K, null, j((G = (q = (E = e.value) == null ? void 0 : E.platform) == null ? void 0 : q.mappings) == null ? void 0 : G.charges, (n, _) => (u(), T(S, {
+                key: `charge-${_}`,
+                modelValue: e.value.platform.mappings.charges[_],
+                "onUpdate:modelValue": (U) => e.value.platform.mappings.charges[_] = U,
+                options: {
+                  key: { placeholder: "Key", editable: !1 },
+                  account: { placeholder: "Account code", editable: !0 }
+                }
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
+            ])
+          ]),
+          o(_e, {
+            modelValue: e.value.platform,
+            "onUpdate:modelValue": t[11] || (t[11] = (n) => e.value.platform = n),
+            label: "upload"
+          }, null, 8, ["modelValue"]),
+          l("div", Ot, [
+            t[22] || (t[22] = l("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
+            o(p, {
+              variant: "primary",
+              icon: "add",
+              onClick: t[12] || (t[12] = () => r("items"))
+            })
+          ]),
+          l("div", Et, [
+            (u(!0), k(K, null, j((z = (X = (Q = e.value) == null ? void 0 : Q.platform) == null ? void 0 : X.mappings) == null ? void 0 : z.items, (n, _) => (u(), T(S, {
+              key: `item-${_}`,
+              modelValue: e.value.platform.mappings.items[_],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.items[_] = U,
+              options: {
+                key: { placeholder: "Key", editable: !0 },
+                account: { placeholder: "Account code", editable: !0 }
+              },
+              removable: !0,
+              onRemove: () => v("items", _)
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
+          ]),
+          l("div", Ht, [
+            t[23] || (t[23] = l("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
+            o(p, {
+              variant: "primary",
+              icon: "add",
+              onClick: t[13] || (t[13] = () => r("taxes"))
+            })
+          ]),
+          l("div", Yt, [
+            (u(!0), k(K, null, j((Z = (W = (J = e.value) == null ? void 0 : J.platform) == null ? void 0 : W.mappings) == null ? void 0 : Z.taxes, (n, _) => (u(), T(S, {
+              key: `tax-${_}`,
+              modelValue: e.value.platform.mappings.taxes[_],
+              "onUpdate:modelValue": (U) => e.value.platform.mappings.taxes[_] = U,
+              options: {
+                key: { placeholder: "Key", editable: !0 },
+                account: { placeholder: "Account code", editable: !0 }
+              },
+              removable: !0,
+              onRemove: () => v("taxes", _)
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
+          ]),
+          l("div", qt, [
+            t[24] || (t[24] = l("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
+            o(p, {
+              variant: "primary",
+              icon: "add",
+              onClick: t[14] || (t[14] = () => r("payments"))
+            })
+          ]),
+          (u(!0), k(K, null, j((g = (te = (ee = e.value) == null ? void 0 : ee.platform) == null ? void 0 : te.mappings) == null ? void 0 : g.payments, (n, _) => (u(), k("div", {
+            key: `payment-${_}`,
+            class: "grid-cols-1 grid gap-x-16"
+          }, [
+            l("div", Gt, [
+              o(O, {
+                "model-value": !e.value.platform.mappings.payments[_].skip,
+                value: "",
+                "onUpdate:modelValue": (U) => {
+                  var ie, he;
+                  (he = (ie = e.value.platform) == null ? void 0 : ie.mappings) != null && he.payments[_] && (e.value.platform.mappings.payments[_].skip = !U);
+                }
+              }, null, 8, ["model-value", "onUpdate:modelValue"]),
+              o(S, {
+                modelValue: e.value.platform.mappings.payments[_],
+                "onUpdate:modelValue": (U) => e.value.platform.mappings.payments[_] = U,
+                options: {
+                  key: { placeholder: "Key", editable: !0 },
+                  method: { placeholder: "Method", editable: !0 },
+                  account: { placeholder: "Account code", editable: !0 }
+                },
+                removable: !0,
+                onRemove: () => v("payments", _)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"])
+            ])
+          ]))), 128))
+        ])
+      ])) : Y("", !0);
+    };
+  }
+}), Xt = { class: "h-full flex flex-col gap-16" }, zt = { class: "flex flex-row gap-2 justify-between items-center" }, Jt = {
+  key: 0,
+  class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
+}, Wt = /* @__PURE__ */ M({
+  __name: "Preview",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = P([]), x = R(
+      () => e.value.reduce((s, c) => {
+        const v = s.length, { invoice: r, payments: w } = c;
+        s[v] = {
+          no: r.number,
+          date: r.date,
+          contact: r._contact_name,
+          status: r.status,
+          title: r.title
+        };
+        for (let a = 0; a < Math.max(r.form_items.length, w.length); a++) {
+          const b = v + a;
+          s[b] || (s[b] = {});
+          const m = r.form_items[a];
+          m && (s[b] = {
+            ...s[b],
+            itemDescription: m.description,
+            itemQuantity: m.quantity,
+            itemUnitPrice: m.unit_price,
+            itemAccount: m._account_name,
+            itemTaxCode: m._tax_code_name,
+            itemDiscount: m.discount
+          });
+          const t = w[a];
+          t && (s[b] = {
+            ...s[b],
+            paymentNo: t.number,
+            paymentMethod: t.deposit_items[0]._payment_method_name,
+            paymentAccount: t.deposit_items[0]._account_name,
+            paymentDescription: t.description,
+            paymentAmount: t.amount,
+            paymentSkip: t.skip
+          });
+        }
+        return s;
+      }, [])
+    ), h = [
+      {
+        accessorKey: "date",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "no",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "No"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "contact",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Contact"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "status",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Status"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "title",
+        header: "Title",
+        enableSorting: !1
+      },
+      {
+        accessorKey: "itemDescription",
+        header: () => F("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: () => F("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: () => F("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
+      }
+    ], f = L(C, "modelValue"), y = P(!1), $ = se(), { dateRange: i } = be(ne());
+    re(
+      () => i.value,
+      async () => {
+        if (f.value._id)
+          try {
+            y.value = !0, e.value = await xe(f.value._id);
+          } catch (s) {
+            $.open({ message: s.message, type: "error" });
+          } finally {
+            y.value = !1;
+          }
+      },
+      {
+        immediate: !0
+      }
+    );
+    async function D() {
+      try {
+        f.value._id ? (y.value = !0, await $e(f.value._id), $.open({ message: "Upload successful", type: "success" })) : $.open({ message: "Invalid accounting setting", type: "error" });
+      } catch (s) {
+        $.open({ message: s.message, type: "error" });
+      } finally {
+        y.value = !1;
+      }
+    }
+    return (s, c) => {
+      const v = V("FmButton"), r = V("FmCircularProgress"), w = V("FmTable");
+      return u(), k("div", Xt, [
+        l("div", zt, [
+          o(we, {
+            "date-range": H(i),
+            "onUpdate:dateRange": c[0] || (c[0] = (a) => pe(i) ? i.value = a : null),
+            compare: !1
+          }, null, 8, ["date-range"]),
+          o(v, {
+            loading: y.value,
+            variant: "primary",
+            label: "Upload",
+            onClick: D
+          }, null, 8, ["loading"])
+        ]),
+        y.value ? (u(), k("div", Jt, [
+          o(r, { size: "xl" }),
+          c[1] || (c[1] = l("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
+        ])) : x.value.length > 0 ? (u(), T(w, {
+          key: 1,
+          class: "flex overflow-scroll",
+          "row-data": x.value,
+          "column-defs": h
+        }, null, 8, ["row-data"])) : Y("", !0)
+      ]);
+    };
+  }
+}), Zt = { class: "h-full relative flex flex-col" }, el = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, tl = /* @__PURE__ */ M({
+  __name: "Bukku",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = L(C, "modelValue"), x = P("setting"), h = [
+      {
+        label: "Setting",
+        value: "setting",
+        icon: "settings"
+      },
+      {
+        label: "Preview",
+        value: "preview",
+        icon: "table"
+      }
+    ], f = oe(), y = R(() => {
+      switch (x.value) {
+        case "preview":
+          return Wt;
+        case "setting":
+          return Qt;
+        default:
+          return null;
+      }
+    });
+    return ($, i) => {
+      var c;
+      const D = V("FmPageHead"), s = V("FmTabs");
+      return u(), k("div", Zt, [
+        o(D, {
+          title: ((c = e.value) == null ? void 0 : c.name) || "Bukku",
+          "back-button": !0,
+          style: { paddingLeft: "0px", paddingRight: "0px" },
+          "onClick:back": H(f).back
+        }, {
+          description: ue(() => i[2] || (i[2] = [
+            l("div", null, null, -1)
+          ])),
+          _: 1
+        }, 8, ["title", "onClick:back"]),
+        o(s, {
+          "model-value": x.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (v) => x.value = v),
+          items: h
+        }, null, 8, ["model-value"]),
+        l("div", el, [
+          (u(), T(de(y.value), {
+            modelValue: e.value,
+            "onUpdate:modelValue": i[1] || (i[1] = (v) => e.value = v)
+          }, null, 8, ["modelValue"]))
+        ])
+      ]);
+    };
+  }
+}), ll = {
+  key: 0,
+  class: "flex flex-col h-full"
+}, al = { class: "flex flex-col gap-16 pb-[24px]" }, ol = { class: "flex flex-row justify-between items-center gap-2" }, nl = { class: "flex flex-row gap-2" }, sl = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, il = { class: "flex flex-col gap-16" }, rl = { class: "flex flex-row items-center max-w-[100%]" }, ml = { class: "flex-grow" }, ul = { class: "flex flex-row items-center max-w-[100%]" }, dl = { class: "flex flex-row items-center max-w-[100%]" }, cl = { class: "flex flex-col gap-16" }, pl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, fl = { class: "flex flex-row items-center gap-x-16" }, vl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, gl = { class: "flex flex-row items-center gap-x-16" }, yl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, xl = { class: "flex flex-row items-center gap-x-16" }, bl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, wl = /* @__PURE__ */ M({
+  __name: "Setting",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = L(C, "modelValue"), x = se(), h = ce(), f = oe(), { promptLoader: y } = fe(), { promptMessage: $ } = ve(), { restaurants: i } = ne(), D = R(
+      () => i.map((m) => ({ label: m.name, value: m.id }))
+    );
+    async function s() {
+      await $({
+        message: `Confirm delete ${e.value.name}?`,
+        title: "Delete"
+      }) && await y(async () => {
+        try {
+          await ge(e.value._id), await h.getSettings(), f.back();
+        } catch (t) {
+          x.open({ type: "error", message: t.message });
+        }
+      });
+    }
+    async function c() {
+      await y(async () => {
+        try {
+          await ye(e.value._id, e.value), await h.getSettings();
+        } catch (m) {
+          x.open({ type: "error", message: m.message });
+        }
+      });
+    }
+    function v(m, t) {
+      var p, d;
+      (d = (p = e.value.platform) == null ? void 0 : p.mappings) != null && d[m] && (e.value.platform.mappings[m] = e.value.platform.mappings[m].filter(
+        (N, I) => I !== t
+      ));
+    }
+    function r(m) {
+      var t, p;
+      (p = (t = e.value.platform) == null ? void 0 : t.mappings) != null && p[m] && (e.value.platform.mappings[m] = [
+        ...e.value.platform.mappings[m],
+        m === "items" ? {
+          key: "",
+          account: "",
+          description: ""
+        } : {
+          key: "",
+          account: ""
+        }
+      ]);
+    }
+    const w = [
+      {
+        label: "By day",
+        value: ae.BY_DAY
+      },
+      {
+        label: "By invoice",
+        value: ae.BY_INVOICE
+      },
+      {
+        label: "By day and category",
+        value: ae.BY_DAY_CATEGORY
+      }
+    ];
+    function a({
+      key: m,
+      value: t
+    }) {
+      var p, d;
+      (d = (p = e.value) == null ? void 0 : p.platform) != null && d.mappings && (e.value.platform.mappings[m] = t);
+    }
+    function b(m) {
+      return {
+        key: { placeholder: m, editable: !1 },
+        account: { placeholder: m, editable: !0 }
+      };
+    }
+    return (m, t) => {
+      var O, A, B, E, q, G, Q, X, z, J, W, Z, ee, te;
+      const p = V("FmButton"), d = V("FmMenuDivider"), N = V("FmTextField"), I = V("FmSelect");
+      return (A = (O = e.value) == null ? void 0 : O.platform) != null && A.mappings ? (u(), k("div", ll, [
+        l("div", al, [
+          l("div", ol, [
+            t[14] || (t[14] = l("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
+            l("div", nl, [
+              o(p, {
+                variant: "tertiary",
+                label: "Delete",
+                onClick: s
+              }),
+              o(p, {
+                variant: "primary",
+                label: "Update",
+                onClick: c
+              })
+            ])
+          ])
+        ]),
+        o(d, { style: { margin: 0 } }),
+        l("div", sl, [
+          l("div", il, [
+            t[18] || (t[18] = l("div", { class: "fm-typo-en-title-sm-800" }, "General", -1)),
+            l("div", rl, [
+              t[15] || (t[15] = l("div", { class: "w-[25%]" }, "Name", -1)),
+              l("div", ml, [
+                o(N, {
+                  modelValue: e.value.name,
+                  "onUpdate:modelValue": t[0] || (t[0] = (g) => e.value.name = g)
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            l("div", ul, [
+              t[16] || (t[16] = l("div", { class: "w-[25%]" }, "Location", -1)),
+              o(I, {
+                modelValue: e.value.platform.locationIds,
+                "onUpdate:modelValue": t[1] || (t[1] = (g) => e.value.platform.locationIds = g),
+                multiselect: !0,
+                items: D.value,
+                placeholder: "Select location",
+                class: "flex-grow",
+                rules: [(g) => g.length !== 0 || "Please select at least 1 location"]
+              }, null, 8, ["modelValue", "items", "rules"])
+            ]),
+            l("div", dl, [
+              t[17] || (t[17] = l("div", { class: "w-[25%]" }, "Grouping", -1)),
+              o(I, {
+                modelValue: e.value.platform.grouping,
+                "onUpdate:modelValue": t[2] || (t[2] = (g) => e.value.platform.grouping = g),
+                multiselect: !1,
+                items: w,
+                placeholder: "Select grouping",
+                class: "flex-grow"
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          l("div", cl, [
+            l("div", pl, [
+              o(S, {
+                "model-value": { key: "Project", account: e.value.platform.mappings.project },
+                options: b("Project"),
+                "onUpdate:modelValue": t[3] || (t[3] = (g) => a({ key: "project", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
+                options: b("Debtor"),
+                "onUpdate:modelValue": t[4] || (t[4] = (g) => a({ key: "debtor", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Invoice no",
+                  account: e.value.platform.mappings.invoiceDocNo
+                },
+                options: b("Invoice no"),
+                "onUpdate:modelValue": t[5] || (t[5] = (g) => a({ key: "invoiceDocNo", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Credit note no",
+                  account: e.value.platform.mappings.creditNoteDocNo
+                },
+                options: b("Credit note no"),
+                "onUpdate:modelValue": t[6] || (t[6] = (g) => a({ key: "creditNoteDocNo", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Payment no",
+                  account: e.value.platform.mappings.paymentDocNo
+                },
+                options: b("Payment no"),
+                "onUpdate:modelValue": t[7] || (t[7] = (g) => a({ key: "paymentDocNo", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Refund no",
+                  account: e.value.platform.mappings.refundDocNo
+                },
+                options: b("Refund no"),
+                "onUpdate:modelValue": t[8] || (t[8] = (g) => a({ key: "refundDocNo", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Rounding",
+                  account: e.value.platform.mappings.rounding.account
+                },
+                options: b("Rounding"),
+                "onUpdate:modelValue": t[9] || (t[9] = (g) => {
+                  var n, _, U;
+                  (U = (_ = (n = e.value) == null ? void 0 : n.platform) == null ? void 0 : _.mappings) != null && U.rounding && (e.value.platform.mappings.rounding.account = g.account);
+                })
+              }, null, 8, ["model-value", "options"]),
+              (u(!0), k(K, null, j((q = (E = (B = e.value) == null ? void 0 : B.platform) == null ? void 0 : E.mappings) == null ? void 0 : q.charges, (g, n) => (u(), T(S, {
+                key: `charge-${n}`,
+                modelValue: e.value.platform.mappings.charges[n],
+                "onUpdate:modelValue": (_) => e.value.platform.mappings.charges[n] = _,
+                options: {
+                  key: { placeholder: "Key", editable: !1 },
+                  account: { placeholder: "Account code", editable: !0 }
+                }
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
+            ])
+          ]),
+          o(_e, {
+            modelValue: e.value.platform,
+            "onUpdate:modelValue": t[10] || (t[10] = (g) => e.value.platform = g),
+            label: "email"
+          }, null, 8, ["modelValue"]),
+          l("div", fl, [
+            t[19] || (t[19] = l("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
+            o(p, {
+              variant: "primary",
+              icon: "add",
+              onClick: t[11] || (t[11] = () => r("items"))
+            })
+          ]),
+          l("div", vl, [
+            (u(!0), k(K, null, j((X = (Q = (G = e.value) == null ? void 0 : G.platform) == null ? void 0 : Q.mappings) == null ? void 0 : X.items, (g, n) => (u(), T(S, {
+              key: `item-${n}`,
+              modelValue: e.value.platform.mappings.items[n],
+              "onUpdate:modelValue": (_) => e.value.platform.mappings.items[n] = _,
+              options: {
+                key: { placeholder: "Key", editable: !0 },
+                account: { placeholder: "Account code", editable: !0 }
+              },
+              removable: !0,
+              onRemove: () => v("items", n)
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
+          ]),
+          l("div", gl, [
+            t[20] || (t[20] = l("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
+            o(p, {
+              variant: "primary",
+              icon: "add",
+              onClick: t[12] || (t[12] = () => r("taxes"))
+            })
+          ]),
+          l("div", yl, [
+            (u(!0), k(K, null, j((W = (J = (z = e.value) == null ? void 0 : z.platform) == null ? void 0 : J.mappings) == null ? void 0 : W.taxes, (g, n) => (u(), T(S, {
+              key: `tax-${n}`,
+              modelValue: e.value.platform.mappings.taxes[n],
+              "onUpdate:modelValue": (_) => e.value.platform.mappings.taxes[n] = _,
+              options: {
+                key: { placeholder: "Key", editable: !0 },
+                account: { placeholder: "Account code", editable: !0 }
+              },
+              removable: !0,
+              onRemove: () => v("taxes", n)
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
+          ]),
+          l("div", xl, [
+            t[21] || (t[21] = l("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
+            o(p, {
+              variant: "primary",
+              icon: "add",
+              onClick: t[13] || (t[13] = () => r("payments"))
+            })
+          ]),
+          l("div", bl, [
+            (u(!0), k(K, null, j((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.payments, (g, n) => (u(), T(S, {
+              key: `payment-${n}`,
+              modelValue: e.value.platform.mappings.payments[n],
+              "onUpdate:modelValue": (_) => e.value.platform.mappings.payments[n] = _,
+              options: {
+                key: { placeholder: "Key", editable: !0 },
+                account: { placeholder: "Payment name", editable: !0 }
+              },
+              removable: !0,
+              onRemove: () => v("payments", n)
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
+          ])
+        ])
+      ])) : Y("", !0);
+    };
+  }
+}), _l = { class: "h-full flex flex-col gap-16" }, Vl = { class: "flex flex-row gap-2 justify-between items-center" }, kl = {
+  key: 0,
+  class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
+}, hl = /* @__PURE__ */ M({
+  __name: "Preview",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = P([]), x = R(
+      () => e.value.reduce((s, c) => {
+        const v = s.length, { invoice: r, payments: w } = c;
+        s[v] = {
+          date: r.DocDate,
+          docNo: r.DocNo,
+          projNo: r.ProjNo,
+          debtor: r.DebtorCode,
+          description: r.Description
+        };
+        for (let a = 0; a < Math.max(r._items.length, w.length); a++) {
+          const b = v + a;
+          s[b] || (s[b] = {}), r._items[a] && (s[b] = {
+            ...s[b],
+            itemDescription: r._items[a].DetailDescription,
+            itemUnitPrice: r._items[a].Amount,
+            itemAccount: r._items[a].AccNo,
+            itemTaxCode: r._items[a].TaxType,
+            itemTax: r._items[a].Tax
+          }), w[a] && (s[b] = {
+            ...s[b],
+            paymentDocNo: w[a].DocNo,
+            paymentMethod: w[a].paymentMethod,
+            paymentDescription: w[a].Description,
+            paymentAmount: w[a].PaymentAmt
+          });
+        }
+        return s;
+      }, [])
+    ), h = [
+      {
+        accessorKey: "date",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "docNo",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Doc No"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "projNo",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Project"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "debtor",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Debtor"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "description",
+        header: "Description",
+        enableSorting: !1
+      },
+      {
+        accessorKey: "itemAccount",
+        header: () => F("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "itemTaxCode",
+        header: "Item Tax Code",
+        enableSorting: !1
+      },
+      {
+        accessorKey: "itemDescription",
+        header: () => F("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
+      }
+    ], f = L(C, "modelValue"), y = P(!1), $ = se(), { dateRange: i } = be(ne());
+    re(
+      () => i.value,
+      async () => {
+        if (f.value._id)
+          try {
+            y.value = !0, e.value = await xe(f.value._id);
+          } catch (s) {
+            $.open({ message: s.message, type: "error" });
+          } finally {
+            y.value = !1;
+          }
+      },
+      {
+        immediate: !0
+      }
+    );
+    async function D() {
+      try {
+        f.value._id ? (y.value = !0, await ke(f.value._id)) : $.open({ message: "Invalid accounting setting", type: "error" });
+      } catch (s) {
+        $.open({ message: s.message, type: "error" });
+      } finally {
+        y.value = !1;
+      }
+    }
+    return (s, c) => {
+      const v = V("FmButton"), r = V("FmCircularProgress"), w = V("FmTable");
+      return u(), k("div", _l, [
+        l("div", Vl, [
+          o(we, {
+            "date-range": H(i),
+            "onUpdate:dateRange": c[0] || (c[0] = (a) => pe(i) ? i.value = a : null),
+            compare: !1
+          }, null, 8, ["date-range"]),
+          o(v, {
+            loading: y.value,
+            variant: "primary",
+            label: "Download",
+            onClick: D
+          }, null, 8, ["loading"])
+        ]),
+        y.value ? (u(), k("div", kl, [
+          o(r, { size: "xl" }),
+          c[1] || (c[1] = l("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
+        ])) : x.value.length > 0 ? (u(), T(w, {
+          key: 1,
+          class: "flex overflow-scroll",
+          "row-data": x.value,
+          "column-defs": h
+        }, null, 8, ["row-data"])) : Y("", !0)
+      ]);
+    };
+  }
+}), $l = { class: "h-full relative flex flex-col" }, Dl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, Cl = /* @__PURE__ */ M({
+  __name: "AutoCount",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = L(C, "modelValue"), x = P("setting"), h = [
+      {
+        label: "Setting",
+        value: "setting",
+        icon: "settings"
+      },
+      {
+        label: "Preview",
+        value: "preview",
+        icon: "table"
+      }
+    ], f = oe(), y = R(() => {
+      switch (x.value) {
+        case "preview":
+          return hl;
+        case "setting":
+          return wl;
+        default:
+          return null;
+      }
+    });
+    return ($, i) => {
+      var c;
+      const D = V("FmPageHead"), s = V("FmTabs");
+      return u(), k("div", $l, [
+        o(D, {
+          title: ((c = e.value) == null ? void 0 : c.name) || "AutoCount",
+          "back-button": !0,
+          style: { paddingLeft: "0px", paddingRight: "0px" },
+          "onClick:back": H(f).back
+        }, {
+          description: ue(() => i[2] || (i[2] = [
+            l("div", null, null, -1)
+          ])),
+          _: 1
+        }, 8, ["title", "onClick:back"]),
+        o(s, {
+          "model-value": x.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (v) => x.value = v),
+          items: h
+        }, null, 8, ["model-value"]),
+        l("div", Dl, [
+          (u(), T(de(y.value), {
+            modelValue: e.value,
+            "onUpdate:modelValue": i[1] || (i[1] = (v) => e.value = v)
+          }, null, 8, ["modelValue"]))
+        ])
+      ]);
+    };
+  }
+}), Sl = {
+  key: 0,
+  class: "flex flex-col h-full"
+}, Ul = { class: "flex flex-col gap-16 pb-[24px]" }, Fl = { class: "flex flex-row justify-between items-center gap-2" }, Tl = { class: "flex flex-row gap-2" }, Il = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, Nl = { class: "flex flex-col gap-16" }, Al = { class: "flex flex-row items-center max-w-[100%]" }, Pl = { class: "flex-grow" }, Kl = { class: "flex flex-row items-center max-w-[100%]" }, Rl = { class: "flex flex-row items-center max-w-[100%]" }, Ml = { class: "flex flex-col gap-16" }, Bl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, jl = { class: "grid-cols-1 grid gap-16" }, Ll = { class: "flex flex-row items-center gap-x-16" }, Ol = { class: "grid-cols-1 grid gap-16" }, El = { class: "flex flex-row items-center gap-x-16" }, Hl = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Yl = { class: "flex flex-row items-center gap-x-16" }, ql = { class: "xs:grid-cols-1 grid-cols-2 grid gap-16" }, Gl = /* @__PURE__ */ M({
+  __name: "Setting",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = L(C, "modelValue"), x = se(), h = ce(), f = oe(), { promptLoader: y } = fe(), { promptMessage: $ } = ve(), { restaurants: i } = ne(), D = R(
+      () => i.map((m) => ({ label: m.name, value: m.id }))
+    );
+    async function s() {
+      await $({
+        message: `Confirm delete ${e.value.name}?`,
+        title: "Delete"
+      }) && await y(async () => {
+        try {
+          await ge(e.value._id), await h.getSettings(), f.back();
+        } catch (t) {
+          x.open({ type: "error", message: t.message });
+        }
+      });
+    }
+    async function c() {
+      await y(async () => {
+        try {
+          await ye(e.value._id, e.value), await h.getSettings();
+        } catch (m) {
+          x.open({ type: "error", message: m.message });
+        }
+      });
+    }
+    function v(m, t) {
+      var p, d;
+      (d = (p = e.value.platform) == null ? void 0 : p.mappings) != null && d[m] && (e.value.platform.mappings[m] = e.value.platform.mappings[m].filter(
+        (N, I) => I !== t
+      ));
+    }
+    function r(m) {
+      var t, p;
+      (p = (t = e.value.platform) == null ? void 0 : t.mappings) != null && p[m] && (e.value.platform.mappings[m] = [
+        ...e.value.platform.mappings[m],
+        m === "items" ? {
+          key: "",
+          account: "",
+          description: ""
+        } : {
+          key: "",
+          account: ""
+        }
+      ]);
+    }
+    const w = [
+      {
+        label: "By day",
+        value: ae.BY_DAY
+      },
+      {
+        label: "By invoice",
+        value: ae.BY_INVOICE
+      },
+      {
+        label: "By day and category",
+        value: ae.BY_DAY_CATEGORY
+      }
+    ];
+    function a({
+      key: m,
+      value: t
+    }) {
+      var p, d;
+      (d = (p = e.value) == null ? void 0 : p.platform) != null && d.mappings && (e.value.platform.mappings[m] = t);
+    }
+    function b(m) {
+      return {
+        key: { placeholder: m, editable: !1 },
+        account: { placeholder: m, editable: !0 }
+      };
+    }
+    return (m, t) => {
+      var O, A, B, E, q, G, Q, X, z, J, W, Z, ee, te;
+      const p = V("FmButton"), d = V("FmMenuDivider"), N = V("FmTextField"), I = V("FmSelect");
+      return (A = (O = e.value) == null ? void 0 : O.platform) != null && A.mappings ? (u(), k("div", Sl, [
+        l("div", Ul, [
+          l("div", Fl, [
+            t[15] || (t[15] = l("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
+            l("div", Tl, [
+              o(p, {
+                variant: "tertiary",
+                label: "Delete",
+                onClick: s
+              }),
+              o(p, {
+                variant: "primary",
+                label: "Update",
+                onClick: c
+              })
+            ])
+          ])
+        ]),
+        o(d, { style: { margin: 0 } }),
+        l("div", Il, [
+          l("div", Nl, [
+            t[19] || (t[19] = l("div", { class: "fm-typo-en-title-sm-800" }, "General", -1)),
+            l("div", Al, [
+              t[16] || (t[16] = l("div", { class: "w-[25%]" }, "Name", -1)),
+              l("div", Pl, [
+                o(N, {
+                  modelValue: e.value.name,
+                  "onUpdate:modelValue": t[0] || (t[0] = (g) => e.value.name = g)
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            l("div", Kl, [
+              t[17] || (t[17] = l("div", { class: "w-[25%]" }, "Location", -1)),
+              o(I, {
+                modelValue: e.value.platform.locationIds,
+                "onUpdate:modelValue": t[1] || (t[1] = (g) => e.value.platform.locationIds = g),
+                multiselect: !0,
+                items: D.value,
+                placeholder: "Select location",
+                class: "flex-grow",
+                rules: [(g) => g.length !== 0 || "Please select at least 1 location"]
+              }, null, 8, ["modelValue", "items", "rules"])
+            ]),
+            l("div", Rl, [
+              t[18] || (t[18] = l("div", { class: "w-[25%]" }, "Grouping", -1)),
+              o(I, {
+                modelValue: e.value.platform.grouping,
+                "onUpdate:modelValue": t[2] || (t[2] = (g) => e.value.platform.grouping = g),
+                multiselect: !1,
+                items: w,
+                placeholder: "Select grouping",
+                class: "flex-grow"
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          l("div", Ml, [
+            l("div", Bl, [
+              o(S, {
+                "model-value": { key: "Debtor", account: e.value.platform.mappings.debtor },
+                options: b("Debtor"),
+                "onUpdate:modelValue": t[3] || (t[3] = (g) => a({ key: "debtor", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Invoice no",
+                  account: e.value.platform.mappings.invoiceDocNo
+                },
+                options: b("Invoice no"),
+                "onUpdate:modelValue": t[4] || (t[4] = (g) => a({ key: "invoiceDocNo", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Credit note no",
+                  account: e.value.platform.mappings.creditNoteDocNo
+                },
+                options: b("Credit note no"),
+                "onUpdate:modelValue": t[5] || (t[5] = (g) => a({ key: "creditNoteDocNo", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Payment no",
+                  account: e.value.platform.mappings.paymentDocNo
+                },
+                options: b("Payment no"),
+                "onUpdate:modelValue": t[6] || (t[6] = (g) => a({ key: "paymentDocNo", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Refund no",
+                  account: e.value.platform.mappings.refundDocNo
+                },
+                options: b("Refund no"),
+                "onUpdate:modelValue": t[7] || (t[7] = (g) => a({ key: "refundDocNo", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Project header",
+                  account: e.value.platform.mappings.projectHeader
+                },
+                options: b("Project header"),
+                "onUpdate:modelValue": t[8] || (t[8] = (g) => a({ key: "projectHeader", value: g.account }))
+              }, null, 8, ["model-value", "options"]),
+              o(S, {
+                "model-value": {
+                  key: "Project detail",
+                  account: e.value.platform.mappings.projectDetail
+                },
+                options: b("Project detail"),
+                "onUpdate:modelValue": t[9] || (t[9] = (g) => a({ key: "projectDetail", value: g.account }))
+              }, null, 8, ["model-value", "options"])
+            ]),
+            l("div", jl, [
+              o(S, {
+                "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": t[10] || (t[10] = (g) => {
+                  var n, _, U;
+                  (U = (_ = (n = e.value) == null ? void 0 : n.platform) == null ? void 0 : _.mappings) != null && U.rounding && (e.value.platform.mappings.rounding.account = g.account, e.value.platform.mappings.rounding.code = g.code);
+                })
+              }, null, 8, ["model-value"]),
+              (u(!0), k(K, null, j((q = (E = (B = e.value) == null ? void 0 : B.platform) == null ? void 0 : E.mappings) == null ? void 0 : q.charges, (g, n) => (u(), T(S, {
+                key: `charge-${n}`,
+                modelValue: e.value.platform.mappings.charges[n],
+                "onUpdate:modelValue": (_) => e.value.platform.mappings.charges[n] = _,
+                options: {
+                  key: { placeholder: "Key", editable: !1 },
+                  account: { placeholder: "Account code", editable: !0 },
+                  code: { placeholder: "Item code", editable: !0 }
+                }
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 128))
+            ])
+          ]),
+          o(_e, {
+            modelValue: e.value.platform,
+            "onUpdate:modelValue": t[11] || (t[11] = (g) => e.value.platform = g),
+            label: "email"
+          }, null, 8, ["modelValue"]),
+          l("div", Ll, [
+            t[20] || (t[20] = l("div", { class: "fm-typo-en-title-sm-800" }, "Items", -1)),
+            o(p, {
+              variant: "primary",
+              icon: "add",
+              onClick: t[12] || (t[12] = () => r("items"))
+            })
+          ]),
+          l("div", Ol, [
+            (u(!0), k(K, null, j((X = (Q = (G = e.value) == null ? void 0 : G.platform) == null ? void 0 : Q.mappings) == null ? void 0 : X.items, (g, n) => (u(), T(S, {
+              key: `item-${n}`,
+              modelValue: e.value.platform.mappings.items[n],
+              "onUpdate:modelValue": (_) => e.value.platform.mappings.items[n] = _,
+              options: {
+                key: { placeholder: "Key", editable: !0 },
+                account: { placeholder: "Account code", editable: !0 },
+                code: { placeholder: "Item code", editable: !0 }
+              },
+              removable: !0,
+              onRemove: () => v("items", n)
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
+          ]),
+          l("div", El, [
+            t[21] || (t[21] = l("div", { class: "fm-typo-en-title-sm-800" }, "Taxes", -1)),
+            o(p, {
+              variant: "primary",
+              icon: "add",
+              onClick: t[13] || (t[13] = () => r("taxes"))
+            })
+          ]),
+          l("div", Hl, [
+            (u(!0), k(K, null, j((W = (J = (z = e.value) == null ? void 0 : z.platform) == null ? void 0 : J.mappings) == null ? void 0 : W.taxes, (g, n) => (u(), T(S, {
+              key: `tax-${n}`,
+              modelValue: e.value.platform.mappings.taxes[n],
+              "onUpdate:modelValue": (_) => e.value.platform.mappings.taxes[n] = _,
+              options: {
+                key: { placeholder: "Key", editable: !0 },
+                account: { placeholder: "Account code", editable: !0 }
+              },
+              removable: !0,
+              onRemove: () => v("taxes", n)
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
+          ]),
+          l("div", Yl, [
+            t[22] || (t[22] = l("div", { class: "fm-typo-en-title-sm-800" }, "Payments", -1)),
+            o(p, {
+              variant: "primary",
+              icon: "add",
+              onClick: t[14] || (t[14] = () => r("payments"))
+            })
+          ]),
+          l("div", ql, [
+            (u(!0), k(K, null, j((te = (ee = (Z = e.value) == null ? void 0 : Z.platform) == null ? void 0 : ee.mappings) == null ? void 0 : te.payments, (g, n) => (u(), T(S, {
+              key: `payment-${n}`,
+              modelValue: e.value.platform.mappings.payments[n],
+              "onUpdate:modelValue": (_) => e.value.platform.mappings.payments[n] = _,
+              options: {
+                key: { placeholder: "Key", editable: !0 },
+                account: { placeholder: "Method", editable: !0 }
+              },
+              removable: !0,
+              onRemove: () => v("payments", n)
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
+          ])
+        ])
+      ])) : Y("", !0);
+    };
+  }
+}), Ql = { class: "h-full flex flex-col gap-16" }, Xl = { 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"
+}, Jl = /* @__PURE__ */ M({
+  __name: "Preview",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = P([]), x = R(
+      () => e.value.reduce((s, c) => {
+        const v = s.length, { invoice: r, payments: w } = c;
+        s[v] = {
+          date: r.DocDate,
+          docNo: r.DocNo,
+          debtor: r.Code,
+          description: r.Description_HDR
+        };
+        for (let a = 0; a < Math.max(r._items.length, w.length); a++) {
+          const b = v + a;
+          s[b] || (s[b] = {}), r._items[a] && (s[b] = {
+            ...s[b],
+            itemDescription: r._items[a].Description_DTL,
+            itemUnitPrice: r._items[a].UnitPrice,
+            itemAccount: r._items[a].ACCOUNT,
+            itemTaxCode: r._items[a].Tax,
+            itemTax: r._items[a].TaxAmt
+          }), w[a] && (s[b] = {
+            ...s[b],
+            paymentDocNo: w[a].DOCNO_Header,
+            paymentMethod: w[a].PAYMENTMETHOD,
+            paymentAccount: w[a].CODE,
+            paymentDescription: w[a].DESCRIPTION,
+            paymentAmount: w[a].KOAMT
+          });
+        }
+        return s;
+      }, [])
+    ), h = [
+      {
+        accessorKey: "date",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "docNo",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Doc No"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "debtor",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Debtor"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "description",
+        header: "Description",
+        enableSorting: !1
+      },
+      {
+        accessorKey: "itemAccount",
+        header: () => F("p", { class: "min-w-[100px] text-nowrap text-ellipsis" }, "Item Account"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "itemTaxCode",
+        header: "Item Tax Code",
+        enableSorting: !1
+      },
+      {
+        accessorKey: "itemDescription",
+        header: () => F("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
+      }
+    ], f = L(C, "modelValue"), y = P(!1), $ = se(), { dateRange: i } = be(ne());
+    re(
+      () => i.value,
+      async () => {
+        if (f.value._id)
+          try {
+            y.value = !0, e.value = await xe(f.value._id);
+          } catch (s) {
+            $.open({ message: s.message, type: "error" });
+          } finally {
+            y.value = !1;
+          }
+      },
+      {
+        immediate: !0
+      }
+    );
+    async function D() {
+      try {
+        f.value._id ? (y.value = !0, await ke(f.value._id)) : $.open({ message: "Invalid accounting setting", type: "error" });
+      } catch (s) {
+        $.open({ message: s.message, type: "error" });
+      } finally {
+        y.value = !1;
+      }
+    }
+    return (s, c) => {
+      const v = V("FmButton"), r = V("FmCircularProgress"), w = V("FmTable");
+      return u(), k("div", Ql, [
+        l("div", Xl, [
+          o(we, {
+            "date-range": H(i),
+            "onUpdate:dateRange": c[0] || (c[0] = (a) => pe(i) ? i.value = a : null),
+            compare: !1
+          }, null, 8, ["date-range"]),
+          o(v, {
+            loading: y.value,
+            variant: "primary",
+            label: "Download",
+            onClick: D
+          }, null, 8, ["loading"])
+        ]),
+        y.value ? (u(), k("div", zl, [
+          o(r, { size: "xl" }),
+          c[1] || (c[1] = l("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
+        ])) : x.value.length > 0 ? (u(), T(w, {
+          key: 1,
+          class: "flex overflow-scroll",
+          "row-data": x.value,
+          "column-defs": h
+        }, null, 8, ["row-data"])) : Y("", !0)
+      ]);
+    };
+  }
+}), Wl = { class: "h-full relative flex flex-col" }, Zl = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ea = /* @__PURE__ */ M({
+  __name: "SQL",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = L(C, "modelValue"), x = P("setting"), h = [
+      {
+        label: "Setting",
+        value: "setting",
+        icon: "settings"
+      },
+      {
+        label: "Preview",
+        value: "preview",
+        icon: "table"
+      }
+    ], f = oe(), y = R(() => {
+      switch (x.value) {
+        case "preview":
+          return Jl;
+        case "setting":
+          return Gl;
+        default:
+          return null;
+      }
+    });
+    return ($, i) => {
+      var c;
+      const D = V("FmPageHead"), s = V("FmTabs");
+      return u(), k("div", Wl, [
+        o(D, {
+          title: ((c = e.value) == null ? void 0 : c.name) || "SQL",
+          "back-button": !0,
+          style: { paddingLeft: "0px", paddingRight: "0px" },
+          "onClick:back": H(f).back
+        }, {
+          description: ue(() => i[2] || (i[2] = [
+            l("div", null, null, -1)
+          ])),
+          _: 1
+        }, 8, ["title", "onClick:back"]),
+        o(s, {
+          "model-value": x.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (v) => x.value = v),
+          items: h
+        }, null, 8, ["model-value"]),
+        l("div", Zl, [
+          (u(), T(de(y.value), {
+            modelValue: e.value,
+            "onUpdate:modelValue": i[1] || (i[1] = (v) => e.value = v)
+          }, null, 8, ["modelValue"]))
+        ])
+      ]);
+    };
+  }
+}), ta = {
+  key: 0,
+  class: "flex flex-col h-full"
+}, la = { class: "flex flex-col gap-16 pb-[24px]" }, aa = { class: "flex flex-row justify-between items-center gap-2" }, oa = { class: "flex flex-row gap-2" }, na = { class: "flex flex-col gap-24 pt-[24px] overflow-scroll" }, sa = { class: "flex flex-col gap-16" }, ia = { class: "flex flex-row items-center max-w-[100%]" }, ra = { class: "flex-grow" }, ma = { class: "flex flex-row items-center max-w-[100%]" }, ua = { class: "flex flex-row items-center gap-x-16" }, da = { class: "grid-cols-1 grid gap-16" }, ca = /* @__PURE__ */ M({
+  __name: "Setting",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = L(C, "modelValue"), x = se(), h = ce(), f = oe(), { promptLoader: y } = fe(), { promptMessage: $ } = ve(), { restaurants: i } = ne(), D = R(
+      () => i.map((w) => ({ label: w.name, value: w.id }))
+    );
+    async function s() {
+      await $({
+        message: `Confirm delete ${e.value.name}?`,
+        title: "Delete"
+      }) && await y(async () => {
+        try {
+          await ge(e.value._id), await h.getSettings(), f.back();
+        } catch (a) {
+          x.open({ type: "error", message: a.message });
+        }
+      });
+    }
+    async function c() {
+      await y(async () => {
+        try {
+          await ye(e.value._id, e.value), await h.getSettings();
+        } catch (w) {
+          x.open({ type: "error", message: w.message });
+        }
+      });
+    }
+    function v(w, a) {
+      var b, m;
+      (m = (b = e.value.platform) == null ? void 0 : b.mappings) != null && m[w] && (e.value.platform.mappings[w] = e.value.platform.mappings[w].filter(
+        (t, p) => p !== a
+      ));
+    }
+    function r(w) {
+      var a, b;
+      (b = (a = e.value.platform) == null ? void 0 : a.mappings) != null && b[w] && (e.value.platform.mappings[w] = [
+        ...e.value.platform.mappings[w],
+        {
+          key: "",
+          name: "",
+          badgeNo: "",
+          employeeNo: ""
+        }
+      ]);
+    }
+    return (w, a) => {
+      var d, N, I, O, A;
+      const b = V("FmButton"), m = V("FmMenuDivider"), t = V("FmTextField"), p = V("FmSelect");
+      return (N = (d = e.value) == null ? void 0 : d.platform) != null && N.mappings ? (u(), k("div", ta, [
+        l("div", la, [
+          l("div", aa, [
+            a[4] || (a[4] = l("div", { class: "fm-typo-en-title-sm-800" }, null, -1)),
+            l("div", oa, [
+              o(b, {
+                variant: "tertiary",
+                label: "Delete",
+                onClick: s
+              }),
+              o(b, {
+                variant: "primary",
+                label: "Update",
+                onClick: c
+              })
+            ])
+          ])
+        ]),
+        o(m, { style: { margin: 0 } }),
+        l("div", na, [
+          l("div", sa, [
+            a[7] || (a[7] = l("div", { class: "fm-typo-en-title-sm-800" }, "General", -1)),
+            l("div", ia, [
+              a[5] || (a[5] = l("div", { class: "w-[25%]" }, "Name", -1)),
+              l("div", ra, [
+                o(t, {
+                  modelValue: e.value.name,
+                  "onUpdate:modelValue": a[0] || (a[0] = (B) => e.value.name = B)
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            l("div", ma, [
+              a[6] || (a[6] = l("div", { class: "w-[25%]" }, "Location", -1)),
+              o(p, {
+                "model-value": e.value.platform.locationIds[0],
+                multiselect: !1,
+                items: D.value,
+                placeholder: "Select location",
+                class: "flex-grow",
+                "onUpdate:modelValue": a[1] || (a[1] = (B) => e.value.platform.locationIds[0] = B)
+              }, null, 8, ["model-value", "items"])
+            ])
+          ]),
+          o(_e, {
+            modelValue: e.value.platform,
+            "onUpdate:modelValue": a[2] || (a[2] = (B) => e.value.platform = B),
+            label: "email"
+          }, null, 8, ["modelValue"]),
+          l("div", ua, [
+            a[8] || (a[8] = l("div", { class: "fm-typo-en-title-sm-800" }, "Employees", -1)),
+            o(b, {
+              variant: "primary",
+              icon: "add",
+              onClick: a[3] || (a[3] = () => r("employees"))
+            })
+          ]),
+          l("div", da, [
+            (u(!0), k(K, null, j((A = (O = (I = e.value) == null ? void 0 : I.platform) == null ? void 0 : O.mappings) == null ? void 0 : A.employees, (B, E) => (u(), T(S, {
+              key: `employee-${E}`,
+              modelValue: e.value.platform.mappings.employees[E],
+              "onUpdate:modelValue": (q) => e.value.platform.mappings.employees[E] = q,
+              options: {
+                key: { placeholder: "Name", editable: !0 },
+                badgeNo: { placeholder: "Badge No", editable: !0 },
+                employeeNo: { placeholder: "Employee No", editable: !0 }
+              },
+              removable: !0,
+              onRemove: () => v("employees", E)
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "onRemove"]))), 128))
+          ])
+        ])
+      ])) : Y("", !0);
+    };
+  }
+}), pa = { class: "h-full flex flex-col gap-16" }, fa = { class: "flex flex-row gap-2 justify-between items-center" }, va = {
+  key: 0,
+  class: "flex gap-24 w-full h-full justify-center items-center overflow-scroll"
+}, ga = /* @__PURE__ */ M({
+  __name: "Preview",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = P([]), x = [
+      {
+        accessorKey: "name",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Name"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "badgeNo",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Badge No"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "employeeNo",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Employee No"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "date",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Date"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "time",
+        header: () => F("p", { class: "min-w-[90px] text-nowrap text-ellipsis" }, "Time"),
+        enableSorting: !1
+      }
+    ], h = L(C, "modelValue"), f = P(!1), y = se(), { dateRange: $ } = be(ne());
+    re(
+      () => $.value,
+      async () => {
+        if (h.value._id)
+          try {
+            f.value = !0, e.value = await xe(h.value._id);
+          } catch (D) {
+            y.open({ message: D.message, type: "error" });
+          } finally {
+            f.value = !1;
+          }
+      },
+      {
+        immediate: !0
+      }
+    );
+    async function i() {
+      try {
+        h.value._id ? (f.value = !0, await ke(h.value._id)) : y.open({ message: "Invalid setting", type: "error" });
+      } catch (D) {
+        y.open({ message: D.message, type: "error" });
+      } finally {
+        f.value = !1;
+      }
+    }
+    return (D, s) => {
+      const c = V("FmButton"), v = V("FmCircularProgress"), r = V("FmTable");
+      return u(), k("div", pa, [
+        l("div", fa, [
+          o(we, {
+            "date-range": H($),
+            "onUpdate:dateRange": s[0] || (s[0] = (w) => pe($) ? $.value = w : null),
+            compare: !1
+          }, null, 8, ["date-range"]),
+          o(c, {
+            loading: f.value,
+            variant: "primary",
+            label: "Download",
+            onClick: i
+          }, null, 8, ["loading"])
+        ]),
+        f.value ? (u(), k("div", va, [
+          o(v, { size: "xl" }),
+          s[1] || (s[1] = l("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Loading data... ", -1))
+        ])) : e.value.length > 0 ? (u(), T(r, {
+          key: 1,
+          class: "flex overflow-scroll",
+          "row-data": e.value,
+          "column-defs": x
+        }, null, 8, ["row-data"])) : Y("", !0)
+      ]);
+    };
+  }
+}), ya = { class: "h-full relative flex flex-col" }, xa = { class: "py-16 px-16 overflow-hidden flex-grow relative" }, ba = /* @__PURE__ */ M({
+  __name: "IFlexiHRMS",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C) {
+    const e = L(C, "modelValue"), x = P("setting"), h = [
+      {
+        label: "Setting",
+        value: "setting",
+        icon: "settings"
+      },
+      {
+        label: "Preview",
+        value: "preview",
+        icon: "table"
+      }
+    ], f = oe(), y = R(() => {
+      switch (x.value) {
+        case "preview":
+          return ga;
+        case "setting":
+          return ca;
+        default:
+          return null;
+      }
+    });
+    return ($, i) => {
+      var c;
+      const D = V("FmPageHead"), s = V("FmTabs");
+      return u(), k("div", ya, [
+        o(D, {
+          title: ((c = e.value) == null ? void 0 : c.name) || "AutoCount",
+          "back-button": !0,
+          style: { paddingLeft: "0px", paddingRight: "0px" },
+          "onClick:back": H(f).back
+        }, {
+          description: ue(() => i[2] || (i[2] = [
+            l("div", null, null, -1)
+          ])),
+          _: 1
+        }, 8, ["title", "onClick:back"]),
+        o(s, {
+          "model-value": x.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (v) => x.value = v),
+          items: h
+        }, null, 8, ["model-value"]),
+        l("div", xa, [
+          (u(), T(de(y.value), {
+            modelValue: e.value,
+            "onUpdate:modelValue": i[1] || (i[1] = (v) => e.value = v)
+          }, null, 8, ["modelValue"]))
+        ])
+      ]);
+    };
+  }
+}), wa = { class: "px-24 h-full relative" }, Ca = /* @__PURE__ */ M({
+  __name: "Integration",
+  setup(C) {
+    const e = P(void 0), { params: x } = Se(), h = ce(), f = P();
+    Ce(async () => {
+      h.settings.length === 0 && await h.getSettings();
+    }), re(
+      () => h.settings,
+      ($) => {
+        var D;
+        const i = $.find((s) => s._id === x.id);
+        i && (f.value = i, e.value = (D = f.value.platform) == null ? void 0 : D.name);
+      },
+      { immediate: !0 }
+    );
+    const y = R(() => {
+      switch (e.value) {
+        case le.Xero:
+          return $t;
+        case le.Bukku:
+          return tl;
+        case le.AutoCount:
+          return Cl;
+        case le.SQL:
+          return ea;
+        case le.iFlexi_HRMS:
+          return ba;
+        default:
+          return null;
+      }
+    });
+    return ($, i) => (u(), k("div", wa, [
+      (u(), T(de(y.value), {
+        modelValue: f.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (D) => f.value = D)
+      }, null, 8, ["modelValue"]))
+    ]));
+  }
+});
+export {
+  Ca as default
+};