vlite3 1.3.9 → 1.3.11

package/components/Form/composables/useForm.js

@@ -1,12 +1,12 @@
-import { ref as z, shallowRef as H, computed as ee, watch as ae } from "vue";
-import { deepClone as V, initializeFormValues as le, cleanSubmitValues as te, getNestedValue as J, evaluateConditional as S, setNestedValue as j, collectFileFields as se, filterNullCustomFields as ie } from "../utils/form.utils.js";
+import { ref as S, shallowRef as H, computed as ee, watch as ae } from "vue";
+import { deepClone as V, initializeFormValues as le, cleanSubmitValues as te, getNestedValue as J, evaluateConditional as $, setNestedValue as j, collectFileFields as se, filterNullCustomFields as ie } from "../utils/form.utils.js";
 import { useFileUpload as oe } from "./useFileUpload.js";
 import { $t as re } from "../../../utils/i18n.js";
 function Fe(q) {
   let { schema: K, values: b, isUpdate: F = !1, folderId: U, onSubmit: L } = q;
-  const { handleUploadFile: E } = oe(), n = z(b ? V(b) : {}), y = z({}), I = z(!1), g = z(!1), m = z({}), A = H(K), C = H(
+  const { handleUploadFile: E } = oe(), n = S(b ? V(b) : {}), y = S({}), I = S(!1), g = S(!1), m = S({}), A = H(K), C = H(
     b ? V(b) : {}
-  ), $ = ee(() => {
+  ), x = ee(() => {
     const e = A.value;
     return e ? Array.isArray(e[0]) ? e.flat() : e : [];
   }), D = async (e) => {
@@ -32,18 +32,18 @@ function Fe(q) {
     a ? y.value[e] = a : delete y.value[e];
   }, O = () => {
     y.value = {};
-  }, x = (e) => e.when ? S(e.when, N()) : !0, P = (e) => S(e.disabled, N()), W = (e) => S(e.readonly, N()), T = async (e, a = "") => {
-    const o = a ? `${a}.${e.name}` : e.name, t = M(o);
+  }, z = (e) => e.when ? $(e.when, N()) : !0, P = (e) => $(e.disabled, N()), W = (e) => $(e.readonly, N()), T = async (e, a = "") => {
+    const o = a ? `${a}.${e.name}` : e.name, i = M(o);
     let s = "";
-    const i = e.labelI18n ? re(e.labelI18n) : typeof e.label == "string" ? e.label : e.name;
-    if (e.required && (t == null || t === "" || Array.isArray(t) && t.length === 0) && (s = `${i} is required`), !s && e.maxFileSize) {
+    const l = e.labelI18n ? re(e.labelI18n) : typeof e.label == "string" ? e.label : e.name;
+    if (e.required && (i == null || i === "" || Array.isArray(i) && i.length === 0) && (s = `${l} is required`), !s && e.maxFileSize) {
       const r = e.maxFileSize * 1024 * 1024;
-      if (t != null && t !== "") {
-        const l = Array.isArray(t) ? t : [t];
-        for (const f of l) {
+      if (i != null && i !== "") {
+        const t = Array.isArray(i) ? i : [i];
+        for (const f of t) {
           const v = f instanceof File ? f.size : f?.fileSize || f?.file?.size || f?.size;
           if (v !== void 0 && v > r) {
-            s = `${i} size must be less than ${e.maxFileSize}MB`;
+            s = `${l} size must be less than ${e.maxFileSize}MB`;
             break;
           }
         }
@@ -51,13 +51,13 @@ function Fe(q) {
     }
     if (!s && (e.type === "file" || e.type === "fileUploader") && (e.props?.multiple || e.maxFiles)) {
       const r = e.maxFiles || e.props?.maxFiles;
-      r && Array.isArray(t) && t.length > r && (s = `Maximum ${r} files allowed`);
+      r && Array.isArray(i) && i.length > r && (s = `Maximum ${r} files allowed`);
     }
     if (!s && e.validation) {
       m.value[o] = !0;
       try {
         s = await e.validation({
-          value: t,
+          value: i,
           values: n.value,
           globalValues: n.value,
           isUpdate: F
@@ -69,12 +69,12 @@ function Fe(q) {
       }
     }
     if (s ? y.value[o] = s : delete y.value[o], e.type === "customFields" && e.props?.schema) {
-      const r = e.props.schema, l = Array.isArray(t) ? t : [];
+      const r = e.props.schema, t = Array.isArray(i) ? i : [];
       let f = !1;
-      for (let v = 0; v < l.length; v++) {
-        const d = { values: l[v] || {}, globalValues: n.value, isUpdate: F };
+      for (let v = 0; v < t.length; v++) {
+        const d = { values: t[v] || {}, globalValues: n.value, isUpdate: F };
         for (const u of r) {
-          const c = !u.when || S(u.when, d), w = S(u.disabled, d);
+          const c = !u.when || $(u.when, d), w = $(u.disabled, d);
           c && !w ? await T(u, `${o}.${v}`) && (f = !0) : delete y.value[`${o}.${v}.${u.name}`];
         }
       }
@@ -84,21 +84,22 @@ function Fe(q) {
   }, G = async () => {
     O();
     let e = !0;
-    for (const a of $.value) {
-      if (!x(a) || P(a)) continue;
+    for (const a of x.value) {
+      if (!z(a) || P(a)) continue;
       await T(a) && (e = !1);
     }
     return e;
   }, X = async (e, a, o) => {
-    const t = $.value.find((s) => s.name === e);
-    if (t && (!x(t) || P(t) || W(t))) {
+    const i = x.value.filter((l) => l.name === e);
+    let s = i.find((l) => z(l));
+    if (!s && i.length > 0 && (s = i[0]), s && (!z(s) || P(s) || W(s))) {
       console.warn(`[vlite3/useForm] Blocked attempted update to disabled/readonly/hidden field: ${e}`);
       return;
     }
-    if (n.value = j(n.value, e, a), g.value = !0, delete y.value[e], t?.updateValues) {
+    if (n.value = j(n.value, e, a), g.value = !0, delete y.value[e], s?.updateValues) {
       m.value[e] = !0;
       try {
-        const s = await t.updateValues({
+        const l = await s.updateValues({
           value: a,
           // Exposing the explicitly requested value
           values: n.value,
@@ -107,29 +108,29 @@ function Fe(q) {
           isUpdate: F,
           updateError: R
         });
-        s && typeof s == "object" && (n.value = { ...n.value, ...s });
-      } catch (s) {
-        console.error(`[useForm] Error in updateValues for ${e}:`, s);
+        l && typeof l == "object" && (n.value = { ...n.value, ...l });
+      } catch (l) {
+        console.error(`[useForm] Error in updateValues for ${e}:`, l);
       } finally {
         m.value[e] = !1;
       }
     }
   }, Y = async () => {
-    const e = V(n.value), a = se(A.value, e, n.value, F), o = (i, r) => {
-      let l = null;
-      i instanceof File ? l = i : i && typeof i == "object" && i.file instanceof File && (l = i.file);
+    const e = V(n.value), a = se(A.value, e, n.value, F), o = (l, r) => {
+      let t = null;
+      l instanceof File ? t = l : l && typeof l == "object" && l.file instanceof File && (t = l.file);
       const f = {
-        ...typeof i == "object" ? i : {},
-        fileName: i?.fileName || l?.name || r.split("/").pop() || "unknown",
+        ...typeof l == "object" ? l : {},
+        fileName: l?.fileName || t?.name || r.split("/").pop() || "unknown",
         fileUrl: r,
-        fileType: i?.fileType || l?.type || "application/octet-stream",
-        fileSize: i?.fileSize || l?.size || 0
+        fileType: l?.fileType || t?.type || "application/octet-stream",
+        fileSize: l?.fileSize || t?.size || 0
       };
       return delete f.file, delete f.base64, f;
-    }, t = a.map(async (i) => {
-      const { name: r, value: l, field: f } = i;
-      if (i.type === "thumbnailSelector") {
-        const d = l, u = Array.isArray(d.images) ? d.images : [], c = d.thumbnail;
+    }, i = a.map(async (l) => {
+      const { name: r, value: t, field: f } = l;
+      if (l.type === "thumbnailSelector") {
+        const d = t, u = Array.isArray(d.images) ? d.images : [], c = d.thumbnail;
         m.value[r] = !0;
         try {
           const w = await Promise.all(
@@ -151,13 +152,13 @@ function Fe(q) {
           m.value[r] = !1;
         }
       }
-      const v = f.returnFileObject === !0, k = Array.isArray(l) ? l.some(
+      const v = f.returnFileObject === !0, k = Array.isArray(t) ? t.some(
         (d) => d instanceof File || d && typeof d == "object" && d.file instanceof File
-      ) : l instanceof File || l && typeof l == "object" && l.file instanceof File;
+      ) : t instanceof File || t && typeof t == "object" && t.file instanceof File;
       k && (m.value[r] = !0);
       try {
-        if (Array.isArray(l)) {
-          const d = l.map(async (c) => {
+        if (Array.isArray(t)) {
+          const d = t.map(async (c) => {
             if (c instanceof File || c && typeof c == "object" && c.file instanceof File) {
               const p = await E(c, U);
               return p ? v ? o(c, p) : p : null;
@@ -170,12 +171,12 @@ function Fe(q) {
           }), u = await Promise.all(d);
           return { name: r, value: u };
         } else {
-          if (l instanceof File || l && typeof l == "object" && l.file instanceof File) {
-            const u = await E(l, U);
+          if (t instanceof File || t && typeof t == "object" && t.file instanceof File) {
+            const u = await E(t, U);
             if (u)
-              return { name: r, value: v ? o(l, u) : u };
-          } else if (l && typeof l == "object") {
-            const u = { ...l };
+              return { name: r, value: v ? o(t, u) : u };
+          } else if (t && typeof t == "object") {
+            const u = { ...t };
             return delete u.file, delete u.base64, { name: r, value: u };
           }
           return null;
@@ -184,16 +185,16 @@ function Fe(q) {
         k && (m.value[r] = !1);
       }
     });
-    return (await Promise.all(t)).forEach((i) => {
-      i && (Object.assign(e, j(e, i.name, i.value)), n.value = j(n.value, i.name, i.value));
+    return (await Promise.all(i)).forEach((l) => {
+      l && (Object.assign(e, j(e, l.name, l.value)), n.value = j(n.value, l.name, l.value));
     }), e;
   }, Z = (e) => {
     const a = { ...e };
-    for (const o of $.value)
-      if (x(o) && o.type === "customFields" && o.props?.schema) {
-        const t = J(a, o.name);
-        if (Array.isArray(t)) {
-          const s = ie(t, o.props.schema);
+    for (const o of x.value)
+      if (z(o) && o.type === "customFields" && o.props?.schema) {
+        const i = J(a, o.name);
+        if (Array.isArray(i)) {
+          const s = ie(i, o.props.schema);
           Object.assign(a, j(a, o.name, s));
         }
       }
@@ -208,7 +209,7 @@ function Fe(q) {
     handleFieldChange: X,
     validateField: T,
     validateAll: G,
-    isFieldVisible: x,
+    isFieldVisible: z,
     isFieldDisabled: P,
     isFieldReadonly: W,
     getFieldValue: M,
@@ -241,7 +242,7 @@ function Fe(q) {
         }
       }
     },
-    flatSchema: $,
+    flatSchema: x,
     reinitialize: async (e, a) => {
       e !== void 0 && (A.value = e), a !== void 0 && (b = a), await D(a !== void 0 ? a : b);
     }

package/components/Form/types.d.ts

@@ -68,6 +68,14 @@ export type IFormUpdateValues = (context: IFormUpdateContext) => Record<string,
  * When condition - controls field visibility
  */
 export type IFormWhen = (context: IFormContext) => boolean;
+/**
+ * Group headings/description for grouped schemas.
+ * Accepts either a static `string[]` aligned to the schema groups,
+ * or a function that derives the strings from the current form context.
+ * The function form lets you react to form values (e.g. localize, pluralize,
+ * swap "Edit" vs "Create" labels based on `isUpdate`).
+ */
+export type IFormGroupsHeadings = string[] | ((context: IFormContext) => string[] | undefined | null);
 /**
  * CustomFields schema props
  */
@@ -178,10 +186,10 @@ export interface IFormProps {
     footer?: boolean;
     /** Grid columns (number or tailwind class) */
     columns?: number | string;
-    /** Headings for grouped schemas */
-    groupsHeadings?: string[];
-    /** Descriptions for grouped schemas */
-    groupHeadingsDescription?: string[];
+    /** Headings for grouped schemas — static array or `(ctx) => string[]` */
+    groupsHeadings?: IFormGroupsHeadings;
+    /** Descriptions for grouped schemas — static array or `(ctx) => string[]` */
+    groupHeadingsDescription?: IFormGroupsHeadings;
     /** Timeline steps for multi-step form mode */
     tabs?: IFormStep[];
     /** Submit button text */

package/components/ImportData/ImportData.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as ne, computed as h, ref as b, shallowRef as $, openBlock as n, createBlock as d, withCtx as w, createElementVNode as B, createTextVNode as U, 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 { defineComponent as ne, computed as h, ref as y, shallowRef as $, openBlock as n, createBlock as d, withCtx as b, createElementVNode as B, createTextVNode as U, 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 j } from "../../utils/i18n.js";
+import { $t as E } from "../../utils/i18n.js";
 import "../../core/config.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" }, ye = { class: "min-h-[300px]" }, De = {
+import ye from "./ImportStep3.vue.js";
+import be from "./ImportStep4.vue.js";
+import { showToast as j } from "../../composables/useNotifications.js";
+const we = { class: "px-2" }, xe = { 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"
 }, ke = { class: "list-disc pl-5 space-y-1" }, _e = { class: "flex items-center justify-between w-full" }, Ie = { key: 1 }, ze = /* @__PURE__ */ ne({
@@ -27,23 +27,23 @@ const xe = { class: "px-2" }, ye = { class: "min-h-[300px]" }, De = {
     show: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
-  setup(x, { emit: L }) {
-    const s = x, R = L, P = h({
-      get: () => s.show,
-      set: (e) => R("update:show", e)
-    }), c = (e, o, u) => {
-      const i = u ? j(e, u) : j(e);
-      return i !== e ? i : o;
-    }, A = h(() => {
-      if (s.titleI18n) {
-        const e = j(s.titleI18n);
-        if (e !== s.titleI18n) return e;
+  setup(w, { emit: K }) {
+    const i = w, L = K, A = h({
+      get: () => i.show,
+      set: (e) => L("update:show", e)
+    }), c = (e, r, u) => {
+      const a = u ? E(e, u) : E(e);
+      return a !== e ? a : r;
+    }, R = h(() => {
+      if (i.titleI18n) {
+        const e = E(i.titleI18n);
+        if (e !== i.titleI18n) return e;
       }
-      return s.title;
-    }), a = b(1), v = b(!1), M = $([]), m = b({}), q = b({
+      return i.title;
+    }), l = y(1), m = y(!1), C = $([]), v = y({}), q = y({
       existing: "replace",
       new: "create"
-    }), C = b(""), O = $(null), S = $([]), F = $([]), y = b([]), V = {
+    }), M = y(""), O = $(null), S = $([]), F = $([]), x = y([]), V = {
       total: 0,
       processed: 0,
       created: 0,
@@ -52,197 +52,200 @@ const xe = { class: "px-2" }, ye = { class: "min-h-[300px]" }, De = {
       failed: 0,
       percentage: 0,
       errors: []
-    }, l = b({ ...V }), H = () => {
-      a.value = 1, v.value = !1, M.value = [], m.value = {}, q.value = { existing: "replace", new: "create" }, C.value = "", O.value = null, S.value = [], F.value = [], y.value = [], l.value = { ...V };
+    }, o = y({ ...V }), H = () => {
+      l.value = 1, m.value = !1, C.value = [], v.value = {}, q.value = { existing: "replace", new: "create" }, M.value = "", O.value = null, S.value = [], F.value = [], x.value = [], o.value = { ...V };
     }, G = () => {
-      const e = [], o = {};
-      for (const t in m.value) {
-        const p = m.value[t];
-        p && (o[p] || (o[p] = []), o[p].push(t));
+      const e = [], r = {};
+      for (const t in v.value) {
+        const p = v.value[t];
+        p && (r[p] || (r[p] = []), r[p].push(t));
       }
-      for (const t in o)
-        o[t].length > 1 && e.push(
-          `Field "${t}" is mapped to multiple headers: ${o[t].join(", ")}`
+      for (const t in r)
+        r[t].length > 1 && e.push(
+          `Field "${t}" is mapped to multiple headers: ${r[t].join(", ")}`
         );
-      const u = s.fields.filter((t) => t.required).map((t) => t.field), i = Object.values(m.value);
+      const u = i.fields.filter((t) => t.required).map((t) => t.field), a = Object.values(v.value);
       for (const t of u)
-        if (!i.includes(t)) {
-          const p = s.fields.find((r) => r.field === t)?.title || t;
+        if (!a.includes(t)) {
+          const p = i.fields.find((s) => s.field === t)?.title || t;
           e.push(`Required field "${p}" is not mapped.`);
         }
       return e;
     }, z = () => {
-      a.value === 2 && (y.value = G(), y.value.length > 0) || a.value < 4 && a.value++;
+      l.value === 2 && (x.value = G(), x.value.length > 0) || l.value < 4 && l.value++;
     }, J = () => {
-      a.value > 1 && !v.value && a.value--;
-    }, Q = (e, o) => e.map((u) => {
-      const i = {};
-      for (const t in o) {
-        const p = o[t];
+      l.value > 1 && !m.value && l.value--;
+    }, Q = (e, r) => e.map((u) => {
+      const a = {};
+      for (const t in r) {
+        const p = r[t];
         if (!p) continue;
-        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(".")) {
+        let s = u[t];
+        const g = i.fields.find((f) => f.field === p);
+        if ((s == null || s === "") && g?.defaultValue !== void 0 && (s = g.defaultValue), g?.expectedType && (g.expectedType === "number" && (s = Number(s) || 0), g.expectedType === "boolean" && (s = !!(s && s.toString().toLowerCase() !== "false" && s !== "0"))), g?.onMatch && (s = g.onMatch(s)), p.includes(".")) {
           const f = p.split(".");
-          let D = i;
+          let D = a;
           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;
+          D[f[f.length - 1]] = s;
         } else
-          i[p] = r;
+          a[p] = s;
       }
-      return i;
+      return a;
     }), W = async () => {
-      v.value = !0, z();
+      m.value = !0, z();
       try {
-        const e = Q(M.value, m.value);
-        l.value = { ...V, total: e.length };
-        const o = [];
-        for (let i = 0; i < e.length; i += s.batchSize)
-          o.push(e.slice(i, i + s.batchSize));
+        const e = Q(C.value, v.value);
+        o.value = { ...V, total: e.length };
+        const r = [];
+        for (let a = 0; a < e.length; a += i.batchSize)
+          r.push(e.slice(a, a + i.batchSize));
         const u = setInterval(() => {
-          l.value.percentage < 90 && (l.value.percentage += Math.floor(Math.random() * 5) + 1);
+          o.value.percentage < 90 && (o.value.percentage += Math.floor(Math.random() * 5) + 1);
         }, 1e3);
-        for (const i of o) {
-          const t = await s.processBatch({
-            data: i,
-            options: q.value
+        for (const a of r) {
+          const t = await i.processBatch({
+            data: a,
+            options: q.value,
+            mappings: v.value
           });
-          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(
+          o.value.processed += t.processed, o.value.created += t.created, o.value.updated += t.updated, o.value.skipped += t.skipped, o.value.failed += t.failed, o.value.errors = [...o.value.errors, ...t.errors || []], o.value.percentage = Math.min(
             99,
-            Math.floor(l.value.processed / l.value.total * 100)
+            Math.floor(o.value.processed / o.value.total * 100)
           );
         }
-        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();
+        clearInterval(u), o.value.percentage = 100, o.value.failed === 0 ? j(c("vlite.importData.success", "Data imported successfully."), "success") : j(c("vlite.importData.partial", "Import completed with some errors."), "warning"), i?.onComplete && (typeof i.onComplete == "function" ? i.onComplete() : Array.isArray(i.onComplete) && i.onComplete.forEach((a) => {
+          typeof a == "function" && a();
+        }));
       } catch (e) {
-        console.error(e), E(c("vlite.importData.error", "A critical error occurred during import."), "error");
+        console.error(e), j(c("vlite.importData.error", "A critical error occurred during import."), "error");
       } finally {
-        v.value = !1;
+        m.value = !1;
       }
-    }, X = h(() => s.fields.map((e) => ({ value: e.field, label: e.title, required: e.required }))), Y = h(() => [
+    }, X = h(() => i.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) => {
-      C.value = e;
-    }, ie = (e) => {
-      O.value = e;
-    }, K = (e) => {
-      m.value = e;
+      M.value = e;
     }, oe = (e) => {
+      O.value = e;
+    }, P = (e) => {
+      v.value = e;
+    }, ie = (e) => {
       S.value = e;
     }, re = (e) => {
       F.value = e;
     }, se = (e) => {
-      M.value = e;
+      C.value = e;
     };
-    return (e, o) => (n(), d(me, {
-      show: P.value,
-      "onUpdate:show": o[0] || (o[0] = (u) => P.value = u),
-      title: A.value,
+    return (e, r) => (n(), d(me, {
+      show: A.value,
+      "onUpdate:show": r[0] || (r[0] = (u) => A.value = u),
+      title: R.value,
       "max-width": "sm:max-w-4xl",
       onClose: H,
-      "close-outside": !v.value
+      "close-outside": !m.value
     }, {
-      trigger: w(() => [
+      trigger: b(() => [
         ve(e.$slots, "trigger", {}, () => [
-          x.show ? T("", !0) : (n(), d(I, {
+          w.show ? T("", !0) : (n(), d(I, {
             key: 0,
-            text: x.buttonText,
-            icon: x.buttonIcon,
+            text: w.buttonText,
+            icon: w.buttonIcon,
             variant: "outline"
           }, null, 8, ["text", "icon"]))
         ])
       ]),
-      default: w(({ close: u }) => [
-        B("div", xe, [
+      default: b(({ close: u }) => [
+        B("div", we, [
           ue(pe(fe), {
             steps: Y.value,
-            "active-step": a.value - 1,
+            "active-step": l.value - 1,
             class: "mb-8"
           }, null, 8, ["steps", "active-step"]),
-          B("div", ye, [
-            a.value === 1 ? (n(), d(he, {
+          B("div", xe, [
+            l.value === 1 ? (n(), d(he, {
               key: 0,
-              importMethod: C.value,
+              importMethod: M.value,
               csvFile: O.value,
-              mappings: m.value,
-              fields: x.fields,
+              mappings: v.value,
+              fields: w.fields,
               headers: S.value,
               preview: F.value,
-              importData: M.value,
+              importData: C.value,
               "onUpdate:importMethod": le,
-              "onUpdate:csvFile": ie,
-              "onUpdate:mappings": K,
-              "onUpdate:headers": oe,
+              "onUpdate:csvFile": oe,
+              "onUpdate:mappings": P,
+              "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, {
+            }, null, 8, ["importMethod", "csvFile", "mappings", "fields", "headers", "preview", "importData"])) : l.value === 2 ? (n(), d(ge, {
               key: 1,
-              mappings: m.value,
+              mappings: v.value,
               headers: S.value,
               preview: F.value,
               availableFields: X.value,
-              "onUpdate:mappings": K
-            }, null, 8, ["mappings", "headers", "preview", "availableFields"])) : a.value === 3 ? (n(), d(be, {
+              "onUpdate:mappings": P
+            }, null, 8, ["mappings", "headers", "preview", "availableFields"])) : l.value === 3 ? (n(), d(ye, {
               key: 2,
               importOptions: q.value
-            }, null, 8, ["importOptions"])) : a.value === 4 ? (n(), d(we, {
+            }, null, 8, ["importOptions"])) : l.value === 4 ? (n(), d(be, {
               key: 3,
-              progress: l.value
+              progress: o.value
             }, null, 8, ["progress"])) : T("", !0)
           ]),
-          y.value.length > 0 && a.value === 2 ? (n(), N("div", De, [
+          x.value.length > 0 && l.value === 2 ? (n(), N("div", De, [
             B("ul", ke, [
-              (n(!0), N(ce, null, de(y.value, (i) => (n(), N("li", { key: i }, _(i), 1))), 128))
+              (n(!0), N(ce, null, de(x.value, (a) => (n(), N("li", { key: a }, _(a), 1))), 128))
             ])
           ])) : T("", !0)
         ])
       ]),
-      footer: w(({ close: u }) => [
+      footer: b(({ close: u }) => [
         B("div", _e, [
-          a.value > 1 && a.value < 4 ? (n(), d(I, {
+          l.value > 1 && l.value < 4 ? (n(), d(I, {
             key: 0,
             variant: "outline",
             onClick: J,
-            disabled: v.value,
+            disabled: m.value,
             icon: "lucide:arrow-left"
           }, {
-            default: w(() => [
+            default: b(() => [
               U(_(Z.value), 1)
             ]),
             _: 1
           }, 8, ["disabled"])) : (n(), N("div", Ie)),
-          a.value < 3 ? (n(), d(I, {
+          l.value < 3 ? (n(), d(I, {
             key: 2,
             variant: "primary",
             onClick: z,
-            disabled: a.value === 1 && !C.value || v.value,
+            disabled: l.value === 1 && !M.value || m.value,
             "icon-right": "lucide:arrow-right"
           }, {
-            default: w(() => [
+            default: b(() => [
               U(_(ee.value), 1)
             ]),
             _: 1
-          }, 8, ["disabled"])) : a.value === 3 ? (n(), d(I, {
+          }, 8, ["disabled"])) : l.value === 3 ? (n(), d(I, {
             key: 3,
             variant: "primary",
             icon: "lucide:play",
             onClick: W,
-            loading: v.value
+            loading: m.value
           }, {
-            default: w(() => [
+            default: b(() => [
               U(_(te.value), 1)
             ]),
             _: 1
-          }, 8, ["loading"])) : a.value === 4 && l.value.percentage >= 100 ? (n(), d(I, {
+          }, 8, ["loading"])) : l.value === 4 && o.value.percentage >= 100 ? (n(), d(I, {
             key: 4,
             variant: "primary",
             onClick: u
           }, {
-            default: w(() => [
+            default: b(() => [
               U(_(ae.value), 1)
             ]),
             _: 1