vlite3 0.7.15 → 0.8.2

package/components/ImportData/ImportData.vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as te, computed as h, ref as c, openBlock as n, createBlock as v, withCtx as x, createElementVNode as S, createTextVNode as C, toDisplayString as I, createElementBlock as F, createCommentVNode as $, createVNode as ae, unref as le, Fragment as ie, renderList as oe, renderSlot as re } from "vue";
-import se from "../Modal.vue.js";
-import _ from "../Button.vue.js";
-import ne from "../Timeline/Timeline.vue.js";
+import { defineComponent as ne, computed as h, ref as b, shallowRef as B, openBlock as n, createBlock as d, withCtx as w, createElementVNode as U, createTextVNode as $, toDisplayString as _, createElementBlock as N, createCommentVNode as T, createVNode as ue, unref as pe, Fragment as ce, renderList as de, renderSlot as ve } from "vue";
+import me from "../Modal.vue.js";
+import I from "../Button.vue.js";
+import fe from "../Timeline/Timeline.vue.js";
 import "@iconify/vue";
-import { $t as z } from "../../utils/i18n.js";
-import ue from "./ImportStep1.vue.js";
-import pe from "./ImportStep2.vue.js";
-import de from "./ImportStep3.vue.js";
-import ce from "./ImportStep4.vue.js";
-import { showToast as j } from "../../composables/useNotifications.js";
-const ve = { class: "px-2 sm:px-4 py-2" }, me = { class: "min-h-[300px]" }, fe = {
+import { $t as j } from "../../utils/i18n.js";
+import he from "./ImportStep1.vue.js";
+import ge from "./ImportStep2.vue.js";
+import be from "./ImportStep3.vue.js";
+import we from "./ImportStep4.vue.js";
+import { showToast as E } from "../../composables/useNotifications.js";
+const xe = { class: "px-2 sm:px-4 py-2" }, ye = { class: "min-h-[300px]" }, De = {
   key: 0,
   class: "mt-4 p-3 bg-destructive/10 border border-destructive/20 rounded-lg text-sm text-destructive"
-}, ge = { class: "list-disc pl-5 space-y-1" }, he = { class: "flex items-center justify-between w-full" }, be = { key: 1 }, $e = /* @__PURE__ */ te({
+}, ke = { class: "list-disc pl-5 space-y-1" }, _e = { class: "flex items-center justify-between w-full" }, Ie = { key: 1 }, Ve = /* @__PURE__ */ ne({
   __name: "ImportData",
   props: {
     title: { default: "Import Data" },
@@ -26,23 +26,23 @@ const ve = { class: "px-2 sm:px-4 py-2" }, me = { class: "min-h-[300px]" }, fe =
     show: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
-  setup(y, { emit: K }) {
-    const s = y, L = K, E = h({
+  setup(x, { emit: L }) {
+    const s = x, R = L, P = h({
       get: () => s.show,
-      set: (e) => L("update:show", e)
-    }), d = (e, a, u) => {
-      const t = u ? z(e, u) : z(e);
-      return t !== e ? t : a;
-    }, P = h(() => {
+      set: (e) => R("update:show", e)
+    }), c = (e, i, u) => {
+      const o = u ? j(e, u) : j(e);
+      return o !== e ? o : i;
+    }, A = h(() => {
       if (s.titleI18n) {
-        const e = z(s.titleI18n);
+        const e = j(s.titleI18n);
         if (e !== s.titleI18n) return e;
       }
       return s.title;
-    }), i = c(1), f = c(!1), B = c([]), m = c({}), N = c({
+    }), a = b(1), v = b(!1), M = B([]), m = b({}), q = b({
       existing: "replace",
       new: "create"
-    }), M = c(""), T = c(null), q = c([]), O = c([]), w = c([]), U = {
+    }), S = b(""), O = B(null), C = B([]), F = B([]), y = b([]), V = {
       total: 0,
       processed: 0,
       created: 0,
@@ -51,186 +51,201 @@ const ve = { class: "px-2 sm:px-4 py-2" }, me = { class: "min-h-[300px]" }, fe =
       failed: 0,
       percentage: 0,
       errors: []
-    }, o = c({ ...U }), A = () => {
-      i.value = 1, f.value = !1, B.value = [], m.value = {}, N.value = { existing: "replace", new: "create" }, M.value = "", T.value = null, q.value = [], O.value = [], w.value = [], o.value = { ...U };
-    }, R = () => {
-      const e = [], a = {};
-      for (const l in m.value) {
-        const p = m.value[l];
-        p && (a[p] || (a[p] = []), a[p].push(l));
+    }, l = b({ ...V }), H = () => {
+      a.value = 1, v.value = !1, M.value = [], m.value = {}, q.value = { existing: "replace", new: "create" }, S.value = "", O.value = null, C.value = [], F.value = [], y.value = [], l.value = { ...V };
+    }, G = () => {
+      const e = [], i = {};
+      for (const t in m.value) {
+        const p = m.value[t];
+        p && (i[p] || (i[p] = []), i[p].push(t));
       }
-      for (const l in a)
-        a[l].length > 1 && e.push(
-          `Field "${l}" is mapped to multiple headers: ${a[l].join(", ")}`
+      for (const t in i)
+        i[t].length > 1 && e.push(
+          `Field "${t}" is mapped to multiple headers: ${i[t].join(", ")}`
         );
-      const u = s.fields.filter((l) => l.required).map((l) => l.field), t = Object.values(m.value);
-      for (const l of u)
-        if (!t.includes(l)) {
-          const p = s.fields.find((r) => r.field === l)?.title || l;
+      const u = s.fields.filter((t) => t.required).map((t) => t.field), o = Object.values(m.value);
+      for (const t of u)
+        if (!o.includes(t)) {
+          const p = s.fields.find((r) => r.field === t)?.title || t;
           e.push(`Required field "${p}" is not mapped.`);
         }
       return e;
-    }, V = () => {
-      i.value === 2 && (w.value = R(), w.value.length > 0) || i.value < 4 && i.value++;
-    }, G = () => {
-      i.value > 1 && !f.value && i.value--;
-    }, H = (e, a) => e.map((u) => {
-      const t = {};
-      for (const l in a) {
-        const p = a[l];
+    }, z = () => {
+      a.value === 2 && (y.value = G(), y.value.length > 0) || a.value < 4 && a.value++;
+    }, J = () => {
+      a.value > 1 && !v.value && a.value--;
+    }, Q = (e, i) => e.map((u) => {
+      const o = {};
+      for (const t in i) {
+        const p = i[t];
         if (!p) continue;
-        let r = u[l];
-        const b = s.fields.find((g) => g.field === p);
-        if ((r == null || r === "") && b?.defaultValue !== void 0 && (r = b.defaultValue), b?.expectedType && (b.expectedType === "number" && (r = Number(r) || 0), b.expectedType === "boolean" && (r = !!(r && r.toString().toLowerCase() !== "false" && r !== "0"))), b?.onMatch && (r = b.onMatch(r)), p.includes(".")) {
-          const g = p.split(".");
-          let k = t;
-          for (let D = 0; D < g.length - 1; D++)
-            k[g[D]] || (k[g[D]] = {}), k = k[g[D]];
-          k[g[g.length - 1]] = r;
+        let r = u[t];
+        const g = s.fields.find((f) => f.field === p);
+        if ((r == null || r === "") && g?.defaultValue !== void 0 && (r = g.defaultValue), g?.expectedType && (g.expectedType === "number" && (r = Number(r) || 0), g.expectedType === "boolean" && (r = !!(r && r.toString().toLowerCase() !== "false" && r !== "0"))), g?.onMatch && (r = g.onMatch(r)), p.includes(".")) {
+          const f = p.split(".");
+          let D = o;
+          for (let k = 0; k < f.length - 1; k++)
+            D[f[k]] || (D[f[k]] = {}), D = D[f[k]];
+          D[f[f.length - 1]] = r;
         } else
-          t[p] = r;
+          o[p] = r;
       }
-      return t;
-    }), J = async () => {
-      f.value = !0, V();
+      return o;
+    }), W = async () => {
+      v.value = !0, z();
       try {
-        const e = H(B.value, m.value);
-        o.value = { ...U, total: e.length };
-        const a = [];
-        for (let t = 0; t < e.length; t += s.batchSize)
-          a.push(e.slice(t, t + s.batchSize));
+        const e = Q(M.value, m.value);
+        l.value = { ...V, total: e.length };
+        const i = [];
+        for (let o = 0; o < e.length; o += s.batchSize)
+          i.push(e.slice(o, o + s.batchSize));
         const u = setInterval(() => {
-          o.value.percentage < 90 && (o.value.percentage += Math.floor(Math.random() * 5) + 1);
+          l.value.percentage < 90 && (l.value.percentage += Math.floor(Math.random() * 5) + 1);
         }, 1e3);
-        for (const t of a) {
-          const l = await s.processBatch({
-            data: t,
-            options: N.value
+        for (const o of i) {
+          const t = await s.processBatch({
+            data: o,
+            options: q.value
           });
-          o.value.processed += l.processed, o.value.created += l.created, o.value.updated += l.updated, o.value.skipped += l.skipped, o.value.failed += l.failed, o.value.errors = [...o.value.errors, ...l.errors || []], o.value.percentage = Math.min(
+          l.value.processed += t.processed, l.value.created += t.created, l.value.updated += t.updated, l.value.skipped += t.skipped, l.value.failed += t.failed, l.value.errors = [...l.value.errors, ...t.errors || []], l.value.percentage = Math.min(
             99,
-            Math.floor(o.value.processed / o.value.total * 100)
+            Math.floor(l.value.processed / l.value.total * 100)
           );
         }
-        clearInterval(u), o.value.percentage = 100, o.value.failed === 0 ? j(d("vlite.importData.success", "Data imported successfully."), "success") : j(d("vlite.importData.partial", "Import completed with some errors."), "warning"), s.onComplete && s.onComplete();
+        clearInterval(u), l.value.percentage = 100, l.value.failed === 0 ? E(c("vlite.importData.success", "Data imported successfully."), "success") : E(c("vlite.importData.partial", "Import completed with some errors."), "warning"), s.onComplete && s.onComplete();
       } catch (e) {
-        console.error(e), j(d("vlite.importData.error", "A critical error occurred during import."), "error");
+        console.error(e), E(c("vlite.importData.error", "A critical error occurred during import."), "error");
       } finally {
-        f.value = !1;
+        v.value = !1;
       }
-    }, Q = h(() => s.fields.map((e) => ({ value: e.field, label: e.title, required: e.required }))), W = h(() => [
-      { id: 1, title: d("vlite.importData.stepUpload", "Upload"), icon: "lucide:upload" },
-      { id: 2, title: d("vlite.importData.stepMapping", "Mapping"), icon: "lucide:git-pull-request" },
-      { id: 3, title: d("vlite.importData.stepOptions", "Options"), icon: "lucide:settings-2" },
-      { id: 4, title: d("vlite.importData.stepImport", "Import"), icon: "lucide:loader" }
-    ]), X = h(() => d("vlite.importData.btnBack", "Back")), Y = h(() => d("vlite.importData.btnNext", "Next")), Z = h(() => d("vlite.importData.btnStart", "Start Import")), ee = h(() => d("vlite.importData.btnDone", "Done"));
-    return (e, a) => (n(), v(se, {
-      show: E.value,
-      "onUpdate:show": a[4] || (a[4] = (u) => E.value = u),
-      title: P.value,
+    }, X = h(() => s.fields.map((e) => ({ value: e.field, label: e.title, required: e.required }))), Y = h(() => [
+      { id: 1, title: c("vlite.importData.stepUpload", "Upload"), icon: "lucide:upload" },
+      { id: 2, title: c("vlite.importData.stepMapping", "Mapping"), icon: "lucide:git-pull-request" },
+      { id: 3, title: c("vlite.importData.stepOptions", "Options"), icon: "lucide:settings-2" },
+      { id: 4, title: c("vlite.importData.stepImport", "Import"), icon: "lucide:loader" }
+    ]), Z = h(() => c("vlite.importData.btnBack", "Back")), ee = h(() => c("vlite.importData.btnNext", "Next")), te = h(() => c("vlite.importData.btnStart", "Start Import")), ae = h(() => c("vlite.importData.btnDone", "Done")), le = (e) => {
+      S.value = e;
+    }, oe = (e) => {
+      O.value = e;
+    }, K = (e) => {
+      m.value = e;
+    }, ie = (e) => {
+      C.value = e;
+    }, re = (e) => {
+      F.value = e;
+    }, se = (e) => {
+      M.value = e;
+    };
+    return (e, i) => (n(), d(me, {
+      show: P.value,
+      "onUpdate:show": i[0] || (i[0] = (u) => P.value = u),
+      title: A.value,
       "max-width": "sm:max-w-4xl",
-      onClose: A,
-      "close-outside": !f.value
+      onClose: H,
+      "close-outside": !v.value
     }, {
-      trigger: x(() => [
-        re(e.$slots, "trigger", {}, () => [
-          y.show ? $("", !0) : (n(), v(_, {
+      trigger: w(() => [
+        ve(e.$slots, "trigger", {}, () => [
+          x.show ? T("", !0) : (n(), d(I, {
             key: 0,
-            text: y.buttonText,
-            icon: y.buttonIcon,
+            text: x.buttonText,
+            icon: x.buttonIcon,
             variant: "outline"
           }, null, 8, ["text", "icon"]))
         ])
       ]),
-      default: x(({ close: u }) => [
-        S("div", ve, [
-          ae(le(ne), {
-            steps: W.value,
-            "active-step": i.value - 1,
+      default: w(({ close: u }) => [
+        U("div", xe, [
+          ue(pe(fe), {
+            steps: Y.value,
+            "active-step": a.value - 1,
             class: "mb-13"
           }, null, 8, ["steps", "active-step"]),
-          S("div", me, [
-            i.value === 1 ? (n(), v(ue, {
+          U("div", ye, [
+            a.value === 1 ? (n(), d(he, {
               key: 0,
-              importMethod: M.value,
-              "onUpdate:importMethod": a[0] || (a[0] = (t) => M.value = t),
-              csvFile: T.value,
-              "onUpdate:csvFile": a[1] || (a[1] = (t) => T.value = t),
+              importMethod: S.value,
+              csvFile: O.value,
               mappings: m.value,
-              "onUpdate:mappings": a[2] || (a[2] = (t) => m.value = t),
-              fields: y.fields,
-              headers: q.value,
-              preview: O.value,
-              importData: B.value,
-              onNext: V
-            }, null, 8, ["importMethod", "csvFile", "mappings", "fields", "headers", "preview", "importData"])) : i.value === 2 ? (n(), v(pe, {
+              fields: x.fields,
+              headers: C.value,
+              preview: F.value,
+              importData: M.value,
+              "onUpdate:importMethod": le,
+              "onUpdate:csvFile": oe,
+              "onUpdate:mappings": K,
+              "onUpdate:headers": ie,
+              "onUpdate:preview": re,
+              "onUpdate:importData": se,
+              onNext: z
+            }, null, 8, ["importMethod", "csvFile", "mappings", "fields", "headers", "preview", "importData"])) : a.value === 2 ? (n(), d(ge, {
               key: 1,
               mappings: m.value,
-              "onUpdate:mappings": a[3] || (a[3] = (t) => m.value = t),
-              headers: q.value,
-              preview: O.value,
-              availableFields: Q.value
-            }, null, 8, ["mappings", "headers", "preview", "availableFields"])) : i.value === 3 ? (n(), v(de, {
+              headers: C.value,
+              preview: F.value,
+              availableFields: X.value,
+              "onUpdate:mappings": K
+            }, null, 8, ["mappings", "headers", "preview", "availableFields"])) : a.value === 3 ? (n(), d(be, {
               key: 2,
-              importOptions: N.value
-            }, null, 8, ["importOptions"])) : i.value === 4 ? (n(), v(ce, {
+              importOptions: q.value
+            }, null, 8, ["importOptions"])) : a.value === 4 ? (n(), d(we, {
               key: 3,
-              progress: o.value
-            }, null, 8, ["progress"])) : $("", !0)
+              progress: l.value
+            }, null, 8, ["progress"])) : T("", !0)
           ]),
-          w.value.length > 0 && i.value === 2 ? (n(), F("div", fe, [
-            S("ul", ge, [
-              (n(!0), F(ie, null, oe(w.value, (t) => (n(), F("li", { key: t }, I(t), 1))), 128))
+          y.value.length > 0 && a.value === 2 ? (n(), N("div", De, [
+            U("ul", ke, [
+              (n(!0), N(ce, null, de(y.value, (o) => (n(), N("li", { key: o }, _(o), 1))), 128))
             ])
-          ])) : $("", !0)
+          ])) : T("", !0)
         ])
       ]),
-      footer: x(({ close: u }) => [
-        S("div", he, [
-          i.value > 1 && i.value < 4 ? (n(), v(_, {
+      footer: w(({ close: u }) => [
+        U("div", _e, [
+          a.value > 1 && a.value < 4 ? (n(), d(I, {
             key: 0,
             variant: "outline",
-            onClick: G,
-            disabled: f.value,
+            onClick: J,
+            disabled: v.value,
             icon: "lucide:arrow-left"
           }, {
-            default: x(() => [
-              C(I(X.value), 1)
+            default: w(() => [
+              $(_(Z.value), 1)
             ]),
             _: 1
-          }, 8, ["disabled"])) : (n(), F("div", be)),
-          i.value < 3 ? (n(), v(_, {
+          }, 8, ["disabled"])) : (n(), N("div", Ie)),
+          a.value < 3 ? (n(), d(I, {
             key: 2,
             variant: "primary",
-            onClick: V,
-            disabled: i.value === 1 && !M.value || f.value,
+            onClick: z,
+            disabled: a.value === 1 && !S.value || v.value,
             "icon-right": "lucide:arrow-right"
           }, {
-            default: x(() => [
-              C(I(Y.value), 1)
+            default: w(() => [
+              $(_(ee.value), 1)
             ]),
             _: 1
-          }, 8, ["disabled"])) : i.value === 3 ? (n(), v(_, {
+          }, 8, ["disabled"])) : a.value === 3 ? (n(), d(I, {
             key: 3,
             variant: "primary",
             icon: "lucide:play",
-            onClick: J,
-            loading: f.value
+            onClick: W,
+            loading: v.value
           }, {
-            default: x(() => [
-              C(I(Z.value), 1)
+            default: w(() => [
+              $(_(te.value), 1)
             ]),
             _: 1
-          }, 8, ["loading"])) : i.value === 4 && o.value.percentage >= 100 ? (n(), v(_, {
+          }, 8, ["loading"])) : a.value === 4 && l.value.percentage >= 100 ? (n(), d(I, {
             key: 4,
             variant: "primary",
             onClick: u
           }, {
-            default: x(() => [
-              C(I(ee.value), 1)
+            default: w(() => [
+              $(_(ae.value), 1)
             ]),
             _: 1
-          }, 8, ["onClick"])) : $("", !0)
+          }, 8, ["onClick"])) : T("", !0)
         ])
       ]),
       _: 3
@@ -238,5 +253,5 @@ const ve = { class: "px-2 sm:px-4 py-2" }, me = { class: "min-h-[300px]" }, fe =
   }
 });
 export {
-  $e as default
+  Ve as default
 };

package/components/ImportData/ImportStep1.vue.d.ts

@@ -12,11 +12,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "update:importMethod": (...args: any[]) => void;
     "update:csvFile": (...args: any[]) => void;
     "update:mappings": (...args: any[]) => void;
+    "update:headers": (...args: any[]) => void;
+    "update:preview": (...args: any[]) => void;
+    "update:importData": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onNext?: (...args: any[]) => any;
     "onUpdate:importMethod"?: (...args: any[]) => any;
     "onUpdate:csvFile"?: (...args: any[]) => any;
     "onUpdate:mappings"?: (...args: any[]) => any;
+    "onUpdate:headers"?: (...args: any[]) => any;
+    "onUpdate:preview"?: (...args: any[]) => any;
+    "onUpdate:importData"?: (...args: any[]) => any;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     fileInput: HTMLInputElement;
 }, HTMLDivElement>;

package/components/ImportData/ImportStep1.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as A, ref as b, computed as d, openBlock as w, createElementBlock as V, createElementVNode as a, toDisplayString as l, withModifiers as F, normalizeClass as E, createVNode as h, createCommentVNode as J, withCtx as K, createTextVNode as L } from "vue";
+import { defineComponent as A, ref as x, computed as d, openBlock as w, createElementBlock as V, createElementVNode as r, toDisplayString as l, withModifiers as F, normalizeClass as E, createVNode as v, createCommentVNode as J, withCtx as K, createTextVNode as L } from "vue";
 import R from "papaparse";
 import M from "../Icon.vue.js";
 import W from "../Button.vue.js";
 import q from "../Textarea.vue.js";
-import { showToast as g } from "../../composables/useNotifications.js";
+import { showToast as h } from "../../composables/useNotifications.js";
 import { $t as k } from "../../utils/i18n.js";
-import { camelCase as y } from "../../utils/functions.js";
-const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { class: "space-y-6" }, Y = { class: "flex flex-col items-center justify-center pointer-events-none" }, Z = { class: "w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mb-4 text-primary" }, ee = { class: "font-medium text-foreground mb-1" }, te = { class: "text-sm text-muted-foreground" }, re = {
+import { camelCase as b } from "../../utils/functions.js";
+const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { class: "space-y-6" }, Y = { class: "flex flex-col items-center justify-center pointer-events-none" }, Z = { class: "w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mb-4 text-primary" }, ee = { class: "font-medium text-foreground mb-1" }, te = { class: "text-sm text-muted-foreground" }, ae = {
   key: 0,
   class: "mt-4 text-sm font-semibold text-primary bg-background px-3 py-1 rounded-md border border-border shadow-sm inline-block"
-}, ae = { class: "flex items-center gap-3 mb-4" }, oe = { class: "w-8 h-8 rounded-lg bg-secondary flex items-center justify-center text-secondary-foreground" }, se = { class: "font-medium text-foreground leading-none" }, ie = { class: "flex justify-end mt-3" }, ve = /* @__PURE__ */ A({
+}, re = { class: "flex items-center gap-3 mb-4" }, oe = { class: "w-8 h-8 rounded-lg bg-secondary flex items-center justify-center text-secondary-foreground" }, se = { class: "font-medium text-foreground leading-none" }, ie = { class: "flex justify-end mt-3" }, ve = /* @__PURE__ */ A({
   __name: "ImportStep1",
   props: {
     importMethod: {},
@@ -19,31 +19,39 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
     preview: {},
     importData: {}
   },
-  emits: ["update:importMethod", "update:csvFile", "update:mappings", "next"],
+  emits: [
+    "update:importMethod",
+    "update:csvFile",
+    "update:mappings",
+    "update:headers",
+    "update:preview",
+    "update:importData",
+    "next"
+  ],
   setup(n, { emit: P }) {
-    const i = n, c = P, o = (t, e, r) => {
-      const s = r ? k(t, r) : k(t);
+    const y = n, i = P, o = (t, e, a) => {
+      const s = a ? k(t, a) : k(t);
       return s !== t ? s : e;
-    }, D = b(null), f = b(!1), p = b(""), S = (t) => {
-      if (t.preventDefault(), f.value = !1, t.dataTransfer?.files && t.dataTransfer.files.length > 0) {
+    }, D = x(null), m = x(!1), c = x(""), S = (t) => {
+      if (t.preventDefault(), m.value = !1, t.dataTransfer?.files && t.dataTransfer.files.length > 0) {
         const e = t.dataTransfer.files[0];
-        e.type === "text/csv" || e.name.endsWith(".csv") ? _(e) : g(o("vlite.importData.csvOnly", "Please upload a CSV file"), "error");
+        e.type === "text/csv" || e.name.endsWith(".csv") ? _(e) : h(o("vlite.importData.csvOnly", "Please upload a CSV file"), "error");
       }
     }, _ = (t) => {
-      c("update:csvFile", t), c("update:importMethod", "file");
+      i("update:csvFile", t), i("update:importMethod", "file");
       const e = new FileReader();
-      e.onload = (r) => {
-        r.target?.result && C(r.target.result);
+      e.onload = (a) => {
+        a.target?.result && C(a.target.result);
       }, e.readAsText(t);
     }, T = () => {
-      c("update:importMethod", "paste"), p.value && C(p.value);
+      i("update:importMethod", "paste"), c.value && C(c.value);
     }, j = (t) => {
-      const e = y(t).replace(/\s+/g, ""), r = {};
-      return i.fields.forEach((s) => {
-        r[y(s.field)] = s.field, s.matchings?.forEach((u) => {
-          r[y(u)] = s.field;
+      const e = b(t).replace(/\s+/g, ""), a = {};
+      return y.fields.forEach((s) => {
+        a[b(s.field)] = s.field, s.matchings?.forEach((u) => {
+          a[b(u)] = s.field;
         });
-      }), r[e] || "";
+      }), a[e] || "";
     }, C = (t) => {
       try {
         R.parse(t, {
@@ -51,31 +59,31 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
           skipEmptyLines: !0,
           complete: (e) => {
             if (!e.data || e.data.length === 0) {
-              g(o("vlite.importData.emptyCsv", "The CSV file is empty."), "warning");
+              h(o("vlite.importData.emptyCsv", "The CSV file is empty."), "warning");
               return;
             }
-            const r = Object.keys(e.data[0]);
-            i.headers.splice(0, i.headers.length, ...r);
-            const s = e.data.map((m) => {
-              const v = {};
-              return Object.keys(m).forEach((x) => {
-                v[x] = m[x] || i.fields.find((B) => B.field === x)?.defaultValue;
-              }), v;
+            const a = Object.keys(e.data[0]);
+            i("update:headers", a);
+            const s = e.data.map((p) => {
+              const f = {};
+              return Object.keys(p).forEach((g) => {
+                f[g] = p[g] || y.fields.find((B) => B.field === g)?.defaultValue;
+              }), f;
             });
-            i.importData.splice(0, i.importData.length, ...s), i.preview.splice(0, i.preview.length, ...e.data.slice(0, 3));
+            i("update:importData", s), i("update:preview", e.data.slice(0, 3));
             const u = {};
-            r.forEach((m) => {
-              const v = j(m);
-              u[m] = v || "";
-            }), c("update:mappings", u), c("next");
+            a.forEach((p) => {
+              const f = j(p);
+              u[p] = f || "";
+            }), i("update:mappings", u), i("next");
           },
-          error: (e) => g(
+          error: (e) => h(
             o("vlite.importData.parseError", "Failed to parse CSV: ") + e.message,
             "error"
           )
         });
       } catch (e) {
-        g(o("vlite.importData.processError", "Error processing CSV data"), "error"), console.error(e);
+        h(o("vlite.importData.processError", "Error processing CSV data"), "error"), console.error(e);
       }
     }, O = (t) => {
       const e = t.target;
@@ -83,20 +91,20 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
     }, $ = d(() => o("vlite.importData.uploadData", "Upload Data")), I = d(() => o("vlite.importData.dragDrop", "Drag & drop a file here or click to browse")), z = d(() => o("vlite.importData.csvOnlyHint", "Only CSV files are supported")), H = d(() => o("vlite.importData.pasteData", "Or paste CSV/Excel data")), N = d(() => o("vlite.importData.process", "Process Data")), U = d(() => o("vlite.importData.pastePlaceholder", `id, name, email
 1, John Doe, john@example.com`));
     return (t, e) => (w(), V("div", G, [
-      a("h5", Q, l($.value), 1),
-      a("div", X, [
-        a("div", {
+      r("h5", Q, l($.value), 1),
+      r("div", X, [
+        r("div", {
           class: E([
             "relative border-2 border-dashed rounded-xl p-8 text-center cursor-pointer transition-colors",
             n.importMethod === "file" ? "border-primary bg-primary/5" : "border-border hover:border-primary/50",
-            f.value ? "border-primary bg-primary/10 scale-[1.01]" : ""
+            m.value ? "border-primary bg-primary/10 scale-[1.01]" : ""
           ]),
-          onClick: e[0] || (e[0] = (r) => D.value?.click()),
-          onDragover: e[1] || (e[1] = F((r) => f.value = !0, ["prevent"])),
-          onDragleave: e[2] || (e[2] = F((r) => f.value = !1, ["prevent"])),
+          onClick: e[0] || (e[0] = (a) => D.value?.click()),
+          onDragover: e[1] || (e[1] = F((a) => m.value = !0, ["prevent"])),
+          onDragleave: e[2] || (e[2] = F((a) => m.value = !1, ["prevent"])),
           onDrop: S
         }, [
-          a("input", {
+          r("input", {
             type: "file",
             ref_key: "fileInput",
             ref: D,
@@ -104,47 +112,47 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
             accept: ".csv",
             onChange: O
           }, null, 544),
-          a("div", Y, [
-            a("div", Z, [
-              h(M, {
+          r("div", Y, [
+            r("div", Z, [
+              v(M, {
                 icon: "lucide:upload-cloud",
                 class: "w-6 h-6"
               })
             ]),
-            a("p", ee, l(I.value), 1),
-            a("p", te, l(z.value), 1),
-            n.csvFile ? (w(), V("p", re, l(n.csvFile.name) + " (" + l((n.csvFile.size / 1024).toFixed(2)) + " KB) ", 1)) : J("", !0)
+            r("p", ee, l(I.value), 1),
+            r("p", te, l(z.value), 1),
+            n.csvFile ? (w(), V("p", ae, l(n.csvFile.name) + " (" + l((n.csvFile.size / 1024).toFixed(2)) + " KB) ", 1)) : J("", !0)
           ])
         ], 34),
-        a("div", {
+        r("div", {
           class: E([
             "border rounded-xl p-6 transition-colors",
             n.importMethod === "paste" ? "border-primary shadow-sm ring-1 ring-primary/20" : "border-border"
           ])
         }, [
-          a("div", ae, [
-            a("div", oe, [
-              h(M, {
+          r("div", re, [
+            r("div", oe, [
+              v(M, {
                 icon: "lucide:clipboard-paste",
                 class: "w-4 h-4"
               })
             ]),
-            a("div", null, [
-              a("p", se, l(H.value), 1)
+            r("div", null, [
+              r("p", se, l(H.value), 1)
             ])
           ]),
-          h(q, {
-            modelValue: p.value,
-            "onUpdate:modelValue": e[3] || (e[3] = (r) => p.value = r),
+          v(q, {
+            modelValue: c.value,
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => c.value = a),
             class: "w-full h-32",
             placeholder: U.value
           }, null, 8, ["modelValue", "placeholder"]),
-          a("div", ie, [
-            h(W, {
+          r("div", ie, [
+            v(W, {
               variant: "secondary",
               size: "sm",
               onClick: T,
-              disabled: !p.value
+              disabled: !c.value
             }, {
               default: K(() => [
                 L(l(N.value), 1)