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

package/dist/Integration-Cm6_YEEE.js

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